@charset "Shift_JIS";
/* 文字コードセット */

/* reset　
---------------------------------------------------- */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
body {
	line-height:1;
}

article, aside, dialog, figure, footer, header,
hgroup, nav, section {
	display:block;
}

nav ul {
	list-style:none; 
}

ul,ol{ margin:0px; padding:0px;list-style:inside}

blockquote, q {
	quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}

a {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
a:hover img{ opacity:0.6}

ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}

mark {
	background-color:#ff9;
	color:#000;
	font-style:italic;
	font-weight:bold;
}

del {
	text-decoration: line-through;
}

abbr[title], dfn[title] {
	border-bottom:1px dotted #000;
	cursor:help;
}

table {
	border-collapse:collapse;
}

hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
	vertical-align:middle;
}




/* 全体構造
---------------------------------------------------- */
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
    zoom:1;/*for IE 5.5-7*/
	overflow:hidden;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

a{outline:none;}

body{font-size:90%;/* 基本のフォントサイズ */
line-height:1.8em;/* 基本の行間 */
font-family:"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", "ＭＳ Ｐゴシック", Meiryo, sans-serif;color:#333;}


/* link
---------------------------------------------------- */
a:link,a:visited{color:#3a73bd;text-decoration:underline;}
a:hover,a:active{color:#3a73bd;text-decoration:none;}


/* backGround
---------------------------------------------------- */
#top{background: url(../images/bg_top.jpg) no-repeat top center,url(../images/bg_page.gif) repeat-y center top  ; }

#low{ background:url(../images/bg_p02.gif) no-repeat center top,url(../images/bg_page.gif) repeat-y center top;}


/* header
---------------------------------------------------- */

header{  width:100%; }
header .inr{ width:1170px; margin:0px auto;}

header #logo{float:left;}
header #tel{float:right; }


/* navigation
---------------------------------------------------- */
nav{width:560px%; float:right}
nav ul{width:560px;margin:0 auto;height:86px;font-size:10px;line-height:100%;list-style:none;}
nav li{float:left;height:86px;}



/* jQueryで画像をループ。最後STOP。
-----------------------------------*/
#keyvisual {
	margin: 0 auto;
	width:1170px;
	height:739px;
	text-align: left;
	position: relative;
	overflow: hidden;
}
#keyvisual img {
	top: 0px;
	right: 0px;
	position: absolute;
	opacity:0;
}



/* main
---------------------------------------------------- */
#main{float:right;width:690px; margin-bottom:40px;}


/* pagebody
---------------------------------------------------- */
#pagebody{width:1170px;margin:0px auto;text-align:left; position:relative; }


/* h2title
---------------------------------------------------- */
#h2Title{ position:absolute; top:100px; right: -110px; }
#h2Title_low{
	position:absolute;
	top:-32px;
	right: 21px;
}



/* sub
---------------------------------------------------- */
#sideMenu{float:left;width:230px; margin-bottom:40px;}
.sideNavi{ margin-bottom:20px;}
.sideNavi li{list-style:none;font-size:14px;margin:15px 10px 0;background:url("../images/icon_arrow.jpg") no-repeat 10px 20%;border-bottom:dotted 1px #000000;}
.sideNavi li a{display:block;padding:0 0 15px 40px;}
.sideBox{
	background:#F3F3F3;
	padding:10px
}



/* footer
---------------------------------------------------- */
footer{width:100%;background:#333;font-size:90%; clear:both;color:#fff;padding:20px 0px 0px}
footer .inr{ width:1170px; margin:0px auto;}

footer #textLink{width:1170px;margin:0 auto;text-align:center; clear:both; padding:20px 0px }
footer #textLink ul{list-style:none;}
footer #textLink li{ display:inline;line-height:1em;padding:0 10px; border-left: 1px solid #fff;}
footer #textLink li:first-child{ border-left: 0px ;}

footer a:link,footer a:visited{color:#fff;text-decoration:none;}
footer a:hover,footer a:active{color:#fff;text-decoration: underline;}

footer #copy{  padding:10px 0px;text-align:center; background:#707070; width:100% }
footer #copy small{ font-size:90%; }


.pageTop{width:1170px;margin:0 auto;}


#pagetop {
    position: fixed;
    bottom: 100px;
    right: 10px;
}

			


/* 	1,トップページ（index.html）
---------------------------------------------------- */
#topBox01{ margin:0px auto; background:url(../images/bg_h3.png) no-repeat center top; width:545px; height:545px; text-align:center; overflow:hidden; margin-top:-70px; position:relative;}
#topBox01 h3{ margin-bottom:22px;}


#topBox02{ width:917px; margin:0px auto; margin-top:-68px;position:relative;}




.topBox dl{ display: -webkit-flex; /* Safari */
  display: flex;
   -webkit-align-content: center; /* Safari */
  align-items: center;}
.topBox dt{ width:540px}
.topBox dd{ width:590px; padding:0px 20px;}

.topBox dd h4{ margin-bottom:30px;}
.topBox dd p{ margin-bottom:30px;}


.clumb01{ width:690px; margin-bottom:40px;}








/* 	2
---------------------------------------------------- */
.aboutBox{ background:url(../images/bg_h3.png) no-repeat center top; margin-top:50px; text-align:center; padding:180px 0px 0px ; height:545px; box-sizing:border-box;}
.aboutBox h3{ margin-bottom:30px; }

.aboutBox2{ background:url(../images/p02_bg01.jpg) no-repeat right top; padding:80px 0px 80px 20px;margin-bottom:60px; }
.aboutBox2 h3{ margin-bottom:30px;}


.aboutBox3{ background:url(../images/p02_bg02.jpg) no-repeat left top; padding:80px 0px 80px 600px;margin-bottom:60px;  }
.aboutBox3 h3{ margin-bottom:30px;}


.aboutBox4{ background:url(../images/p02_bg03.jpg) no-repeat right top; padding:100px 0px 40px 20px;margin-bottom:60px; }
.aboutBox4 h3{ margin-bottom:30px;}





/* 	3
---------------------------------------------------- */

.workBox{ background:url(../images/bg_h3.png) no-repeat center top; margin-top:50px; text-align:center; padding:120px 0px 0px ; height:545px; box-sizing:border-box;}
.workBox h3{ margin-bottom:30px; }


.workBox1{ background: url(../images/p03_img07.jpg) no-repeat center top; margin-top:50px; text-align:center; padding:40px 0px 0px ; height:417px; box-sizing:border-box; margin-bottom:60px;}
.workBox1 h3{ margin-bottom:30px; }

.workBox1 ul{ margin-left:450px;}


.arrowList { text-align:left; font-size:16px;}
.arrowList li{ list-style:none; background: url(../images/icon_arrow.gif) no-repeat left center; padding:0px 0px 0px 30px;}


.workBox2{display: -webkit-flex; /* Safari */
  display: flex;
   -webkit-align-content: center; /* Safari */
  align-items: center;}


.workBox2 div{ padding:0px 0px 0px 40px; text-align:left; width:585px;}


.workBox3:after{ clear: both; content:""; display:block}
.workBox3 dl{ width:270px; float:left; margin-right:30px; text-align:center}
.workBox3 dl:nth-child(4n+1){ clear:both;}
.workBox3 dl:nth-child(4n+4){ margin-right:0px;}



.workBox4:after{ clear: both; content:""; display:block}
.workBox4 dl{ width:390px; float:left; text-align:center}
.workBox4 dt{ margin-bottom:20px}
.workBox4 dd{ padding:0px 20px; text-align:left}

.workBox5{display: -webkit-flex; /* Safari */
  display: flex;
   -webkit-align-content: center; /* Safari */
  align-items: center; background:#f1e0e0; padding:15px;}


.workBox5 div:nth-child(1){ width:690px; text-align:center}
.workBox5 div:nth-child(2){ width:450px;}

/* 4
---------------------------------------------------- */

.companyBox{ background:url(../images/bg_h3.png) no-repeat center top; margin-top:50px; text-align:center; padding:120px 0px 0px ; height:545px; box-sizing:border-box;}
.companyBox h3{ margin-bottom:30px; }

.companyBox2 dl{ display: -webkit-flex; /* Safari */
  display: flex;
   -webkit-align-content: center; /* Safari */
  align-items: center;}
.companyBox2 dt{ width:440px ; text-align:center}
.companyBox2 dd{ width:720px; padding:0px 20px;}

.companyBox2 dd h4{ margin-bottom:30px;}
.companyBox2 dd p{ margin-bottom:30px;}





/* 汎用スタイルシート
---------------------------------------------------- */
hr{border:none;border-top:dashed 1px #CCC;height:1px;color:#FFFFFF; margin-bottom:20px}
img{border:0;vertical-align:bottom;}
table{margin-top:1px;}
h2,h3,h4,h5,h6{clear:both;}
.form-s{width:70px;}
.form-m{width:150px;}
.form-l{width:300px;}

.form-h{height:80px;}


.formBtn input{ font-size:120%; font-weight:bold; padding:8px 40px; }
.needinput{background-color:#fee;border:1px solid #ccc;}
input[type="checkbox"],input[type="radio"]{vertical-align:middle;}
input{font-size:100%;vertical-align:middle;padding:2px;}
input[type="text"],select{border:1px solid #ccc;}
input:focus[type="text"]{border:1px solid #06c;}
textarea{border:1px solid #ccc;width:99%;}
.clear{clear:both;}
.red{color:#c00;}
.blue{ color:#2f60a3;}


.f-left{float:left;}
.f-right{float:right;}


.tac{text-align:center;}
.tar{text-align:right;}
.large{font-size:120%;line-height:normal;}
.xx-large{font-size:150%;line-height:normal;}
.small{font-size:80%;line-height:normal;}


.table{width:100%;border-top:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc;}
.table th{background-color:#e5e5e5;border:1px solid #ccc;padding:7px 15px; vertical-align:middle; text-align:left}
.table td{background-color:#fff;border:1px solid #ccc;padding:7px 15px;}
.table ul{margin-left:18px;}
.table .need{
	background:url(../images/icon_need.png) no-repeat 90% center #e5e5e5;
}
.table td span{color:#666;font-size:90%;}



.table1{width:100%;border-top:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc;}
.table1 th{background-color:#2f60a3; color:#fff;border:1px solid #ccc;padding:7px 15px; vertical-align:middle; text-align:center;}
.table1 td{background-color:#fff;border:1px solid #ccc;padding:7px 15px;}



.dotList{ margin-bottom:20px; }
.dotList li{ list-style:none; background:url(../images/icon_square.jpg) no-repeat left center; padding:0px 0px 0px 16px; }


.title{font-size:180%; margin-bottom:20px;}
.subTitle{ background:#3a73bd url(../images/bg_subtitle.jpg) no-repeat 6px center; border-radius:4px;  line-height:100%; padding:8px 10px 8px 24px; font-size:110%; color:#fff; font-weight:bold; margin-bottom:15px; }
.subTitle2{font-size:110%;  font-weight:bold; margin-bottom:10px; }


.textLink a{ background: url(../images/icon_link.gif) no-repeat left center; padding:0px 0px 0px 8px;}
.pdfLink a{ background: url(../images/icon_pdf.png) no-repeat right center; padding:0px 28px 0px 0px;}
.btn a:hover img{
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
    -moz-opacity:0.70;
    opacity:0.70;
		} 
		

.frame img{border:1px solid #b9b9b9;padding:4px;}

.In{ line-height: normal}
.In li{ margin-left:1em; list-style:outside;	}

.w320{width:320px;}
.w570{width:570px;}



.w25p{width:25%;}
.w60p{width:60%;}

.w100p{width:100%;}


.mb05{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb60{margin-bottom:60px;}


.mr10{margin-right:10px;}
.mr20{margin-right:20px;}


.mt10-{ margin-top:-10px;}
.mt20-{ margin-top:-20px;}
.mt30-{ margin-top:-30px;}
.mt40-{ margin-top:-40px;}
.mt50-{ margin-top:-50px;}
.mt60-{ margin-top:-60px;}
.mt70-{ margin-top:-70px;}
.mt80-{ margin-top:-80px;}




.ml10{margin-left:10px;}
.ml20{margin-left:20px;}
@media print {

}