@charset "utf-8";

/* initialize */
body,div,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,address,blockquote,form,table,th,td{margin:0px;padding:0px;}table{width:100%;border-collapse:collapse;border-spacing:0;}th,td{padding:0;vertical-align:top;}img{vertical-align:top;border:none;}del{text-decoration:line-through;}em{font-style:normal;}sup{margin:0 1px;padding:0;vertical-align:text-top;line-height:1em;}sub{margin:0 1px;padding:0;vertical-align:baseline;}
html{ font-size:14px;}
body{ min-width:1060px; background-color:#ffffff; font-family:Meiryo,"メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Helvetica,sans-serif; font-size:14px; text-align:center; color:#333333;}

a:link{ color:#0066FF; }
a:visited{ color:#0066FF; }
a:active{ color:#0066FF; }
a:focus{   color:#0066FF; }
a:hover{ color:#FF9900; }

/* clearfix */
.clearfix:after{ content:" ";display:block;clear:both;height:0;visibility:hidden; }
.clearfix{ min-height:1px; }
* html .clearfix{ height:1px;/*\*//*/ height:auto; overflow:hidden; /**/ }

/* -------------------------------------------------------------------
	● module class
------------------------------------------------------------------- */

/* module class */
#main .a-center{ text-align:center;}
#main .a-right{ text-align:right;}
#main .sp00{ margin-top:0em;}
#main .sp05{ margin-top:0.5em;}
#main .sp10{ margin-top:1em;}
#main .sp15{ margin-top:1.5em;}
#main .sp20{ margin-top:2em;}
#main .sp20{ margin-top:2em;}


/* icon class */
#main .icon-arrow-r{ padding-left:12px; display:inline-block; background:url(../img/icon-arrow-r.gif) no-repeat 3px 7px; }
#main .icon-arrow-r-box{ padding-left:16px; display:inline-block; background:url(../img/icon-arrow-r-box.gif) no-repeat left 4px; }
#main .icon-blank{ padding-left:13px; display:inline-block; background:url(../img/icon-blank.gif) no-repeat 1px 5px; }
#main .icon-blank-box{ padding-left:16px; display:inline-block; background:url(../img/icon-blank-box.gif) no-repeat left 4px; }


/* auralnavi */
.auralnavi{	position: absolute; left: -9999px;top: -9999px;}

/* pagetop */
#main .pagetop { margin-top: 2em; font-size:14px; font-size:1.4rem; line-height:1.7em; text-align: right;}
#main .pagetop a { display: inline-block; padding-left:18px; background: url(../img/icon-arrow-top.png) no-repeat 3px 0.6em;}


/* -------------------------------------------------------------------
	● Template Area Setting 
------------------------------------------------------------------- */

html { margin-bottom:1px; height:100%; }

#outer-wrap{ text-align:center;}
#wrap{ text-align:left;}


#head{}

#h1-area,#main{ clear:both;}

#outer-foot{ clear:both; background:#333333;}
#outer-foot #foot{ width:960px; margin:0 auto; padding:15px 0; color:#fefefe;}
	#outer-foot #foot .sitemap{float:left; width:762px; font-size:85.71%; text-align:left;}
	#outer-foot #foot .sitemap ul{ list-style:none; margin:0; padding:0;}
	#outer-foot #foot .sitemap ul li{ float:left; margin:0; padding:0;}
	#outer-foot #foot .sitemap ul li a{ display:inline-block; white-space:nowrap; padding:0 9px 0 11px; background:url(../img/icon-blank.gif) no-repeat left 5px; color:#fefefe; text-decoration:none;}
	#outer-foot #foot .sitemap ul li a.icon-arrow-r { background:url(../img/icon-arrow-r.gif) no-repeat left 5px;}
	#outer-foot #foot .sitemap ul li a:hover{ color:#d6d6d6; text-decoration:underline;}
	#outer-foot #foot .sitemap .foot-copyright{ margin-top:15px;}
	#outer-foot #foot .foot-logo{float:right; width:198px; margin:0;}


/* ■全体のフォントカラー指定 */
#outer-wrap{ color:#000;}


/* -------------------------------------------------------------------
	● h1-area
------------------------------------------------------------------- */

#h1-area{ position:relative; width:100%; height: 786px; margin: 0 auto; overflow: hidden; display:block; border-top:6px solid #bc0303; color: #fff;}
#h1-area .h1-wrap{ position: relative; z-index:2; width: 960px; margin: 0 auto;}
#h1-area .h1-wrap .logo-catch{ float: left; width: 475px; position: relative; z-index: 3;}
#h1-area .h1-wrap .button-tel{ float: right; width: 440px; position: relative; z-index: 3;}
#h1-area .button-tel-in p{ float:left;}
	#h1-area p.logo{ margin-top: 15px;}
	#h1-area p.catch{ margin-top: 28px;}
	#h1-area h1{ margin-top: 61px; padding:0 0 0 0;}
	#h1-area p.secure{ margin-top: 58px;}
	#h1-area p.lead{ margin-top: 22px; font-size: 107.14%;}
	#h1-area p.lead img{ margin-bottom: 7px;}
	#h1-area p.button{ margin: 415px 0 -4px -16px;}
	#h1-area .office-information{ font-size: 87.93%; line-height: 1.25em; margin: -2px 0 0 13px;}
	#h1-area .office-information span{ font-size: 75.22%;}
	#h1-area .sub-text{ margin-top: 6px; font-size: 87.93%;}
	#h1-area .printimage{ position:absolute; top:0; left:50%; z-index:0; margin-left: -1000px;}

@media print{
	#h1-area { z-index: -1;}
}

/* -------------------------------------------------------------------
	● main
------------------------------------------------------------------- */

#main{ margin: -65px auto 0; padding: 0 0 0; overflow: hidden;}
	#main h2{ position: relative; top: 0; left: 50%; height: 119px; margin-left: -1000px; z-index: 10;}
	#main h3{ text-align: center; padding: 10px 0; border-bottom: solid 2px #ba0e0d;}
	#main .content-box { width: 960px; margin: 0 auto;}
	#main p.content-text { margin: 25px 30px 0;}
	#main p.content-image { margin: 30px 0 0; text-align: center;}
	#main ol{ margin:0.5em 0 0 30px;}
	#main ul{ margin:1em 0 0 30px;}
	#main li{ margin:0.5em 0 0 0;}
	#main dl{ margin:0.5em 0 0 0;}
	#main table{ width:100%; margin:1.7em 0 0 0; border-collapse:collapse;border-spacing:0;}
	#main caption{ text-align:left;border-collapse:collapse;border-spacing:0;}
	#main thead,
	#main tbody,
	#main tr,
	#main th,
	#main td{ border-collapse:collapse;border-spacing:0;}
	#main thead th{ background:#f0f0f0;}
	#main tbody th{ background:#f8f8f8;}
	#main .inquiry { padding: 36px 0 0; margin: 43px 0 0; position: relative; width: 100%; height: 269px;}
	#main .inquiry .catch { z-index: 2; position: relative; text-align: center;}
	#main .inquiry .inquiry-box { position: relative; z-index: 2; margin: 70px auto 0; width: 960px;}
	#main .inquiry .inquiry-box .text .office-information,
	#main .inquiry .inquiry-box .text .office-information { color: #121212; font-size: 80.14%; margin: 10px 0 0; line-height: 1.3em;}
	#main .inquiry .printimage { position: absolute; top: 0; left: 50%; margin-left: -1000px; z-index: 1;}

	/* table */
	#main .table-a{ margin-top:1em; border-top:1px solid #cccccc; border-left:1px solid #cccccc;}
		#main .table-a th,
		#main .table-a td{ padding:5px 10px; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc;}
		#main .table-a th{ background-color:#ffffcc;}

	#merit,#contact,#listen,#background,#center,#support { position:relative;}
	#listen,#background { padding-bottom: 114px;}
	
/* #merit */
#merit { position:relative;}
	#merit .office,
	#merit .meeting-out,
	#merit .meeting-in,
	#merit .time { padding: 65px 0;}
	#merit .office,
	#merit .meeting-out { background: #fff;}
	#merit .meeting-in,
	#merit .time { background: #f7f7f7;}
	#merit .time { margin: 0 0 106px;}
	#merit .merit-inner-box { width: 960px; margin: 0 auto;}
	#merit .merit-inner-box .text { width: 400px;}
	#merit .merit-inner-box .text h4 { padding: 0 0 14px; border-bottom: solid 1px #c70000;}
	#merit .merit-inner-box .text p { margin: 12px 0 0; font-size: 121.29%;}
	#merit .merit-inner-box .text p span { color: #b70000; font-weight: bold;}
	#merit .merit-inner-box .pic { border: solid 3px #6d6d6d;}
	#merit .office .text,
	#merit .meeting-out .text { float: right; width:400px;}
	#merit .office .pic,
	#merit .meeting-out .pic { float: left; width: 525px;}
	#merit .meeting-in .text,
	#merit .time .text { float: left; width:400px;}
	#merit .meeting-in .pic,
	#merit .time .pic { float: right; width: 525px;}
	#merit .manager { margin: 52px auto 0; width: 960px; padding: 0 0;}
	#merit .manager ul { padding: 0 30px; list-style: none; margin: 0 0 0 -28px; overflow: hidden;}
	#merit .manager ul li { float: left; width: 436px; margin: 0 0 52px 28px;}
	#merit .manager ul li h4 { margin: 0 0 13px;}
	#merit .manager ul li p { margin: 10px 0 0;}
	#merit .manager ul li p img { border-top: solid 2px #6d6d6d;}
	#merit .inquiry .inquiry-box .button { margin: 0 0 0 23px; float: left; width: 381px;}
	#merit .inquiry .inquiry-box .text { float: left; margin: 5px 0 0 34px; width: 300px;}

@media print{
	#merit .manager,
	#merit h3 { page-break-after: always;}
	#merit .office,
	#merit .meeting-out,
	#merit .meeting-in,
	#merit .time,
	#merit .manager,
	#merit .inquiry { padding: 70px 0;}
	#merit .manager { margin-top: 60px;}
}

/* #listen */
#listen { margin: 120px 0 0;}

/* #background */
#background {}
	#background p.content-image { margin: 45px 0 0;}
	
@media print{
	#background {}
		#background h2 { padding-top: 60px;}
}

/* #center */
#center {}
	#center h3 { padding: 20px 0 10px;}
	#center .inquiry .inquiry-box .button { float: right; margin: 0 20px 0 0; width: 381px;}
	#center .inquiry .inquiry-box .text { float: right; margin: 5px 36px 0 0; width: 300px;}
	
@media print{
	#center { page-break-after: always;}
}

/* #support */
#support { margin: 120px 0 0;}
	#support p.content-text { margin-top: 14px;}
	#support .detail { width: 900px; margin: 0 auto;}
	#support .detail ul { list-style: none; margin: 47px 0 0 -15px; padding: 0 0 68px;}
	#support .detail ul li { float: left; padding: 0; margin: 0 0 0 15px; width: 290px;}
	
@media print{
	#support{}
		#support .detail ul { padding-top: 50px;}
}

/* #contact */
#contact { height: 648px; color: #fff;}
	#contact .contact-box { position: relative; z-index: 2; padding: 115px 0 0; width: 960px; margin: 0 auto;}
	#contact p.catch {}
	#contact h2 { position: relative; margin: 28px 0 0 0; top: 0; left: 0; height: inherit;}
	#contact p.lead { margin: 26px 0 0;}
	#contact p.soon { text-align: center; margin: 62px 0 0;}
	#contact p.button { text-align: center; margin: -3px 0 -2px;}
	#contact .contact-in { width: 530px; margin: 0 auto;}
	#contact .contact-in p { float: left; width: 198px;}
	#contact .contact-in p.office-information { font-size: 88%; width: 308px; float: right; margin: 12px 0 0;}
	#contact .contact-in p.office-information span { font-size: 75.24%;}
	#contact p.printimage { position: absolute; top: 0; left: 50%; z-index: 1; margin-left: -1000px;}