@charset "utf-8"; 


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:15px;
	vertical-align:baseline;
	background:transparent;
	-webkit-text-size-adjust: 100%;
}


img {
	border:none;
	vertical-align: middle;
}

/* link
----------------------------------------------------------*/
a{outline:none;}
a:link,
a:visited {
	color: #333;
}
a:hover {
	color: #db0031;
	text-decoration:underline;
}

.t-right {
	text-align:right;
}

a:hover img{ opacity:0.6}
/* base
----------------------------------------------------------*/
#wrapper {
	width:1000px;
	margin:0 auto;
	line-height:1.8em;	
	font-family:Arial,"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", "ＭＳ Ｐゴシック", Meiryo, sans-serif;		
}

#main {
	text-align:center;
	margin-top:20px;
}
#thumbnail {
	padding:0 30px;
}
#thumbnail span {
	display:none;
}
#thumbnail img {
	margin:0 6px 0 0;
	border:1px solid #000;
	padding:5px;
	background-color:#333;
}
#thumbnail a:hover img{
	border:1px solid #777;
}

#tel{ margin:50px 0px 20px; position: relative; padding:0px 32px 0px 0px; float:right}
#mail{ display:inline-block; position:absolute; right:0px; top:-4px;}
#logo{float:left; margin-top:-55px; }
#logo a{ display: block;}
.bold{font-weight:bold; font-size:120%}




/* footer
----------------------------------------------------------*/
#footer{
	clear:both; width:1000px;
	font-size:16px;	
	line-height:1em;}
#footer:after{ clear: both; content:""; display:block}
#footer .f-left{ width:500px; height:260px; box-sizing:border-box; background:#db0031; color:#fff; padding:50px 60px 0px;}

#footer .f-left p:nth-child(1){ margin-bottom:25px;}
#footer .f-left p:nth-child(2){ margin-bottom:8px; font-size:14px;}
#footer .f-left p:nth-child(3){ margin-bottom:28px; font-size:17px;}
#footer .f-left p:nth-child(3) span{ font-size:12px;}

#footer .f-left .btn a{ border:solid 1px #fff; display: inline-block; padding:18px 24px; background: none;}

#footer .f-right{width:500px; height:260px; box-sizing:border-box;padding:50px 0px 0px; position:relative; background:url(../images/bg_footer.gif) no-repeat left bottom;}

#footer .f-right ul{ width:500px; text-align:right; margin-bottom:25px;}
#footer .f-right li{ display:inline-block; margin-left:20px}
#footer .f-right p:nth-child(2){ font-size:12px; margin-bottom:20px; text-align: right}
#footer .f-right p:nth-child(3){ text-align:right;}
#footer .f-right p:nth-child(4){ position:absolute; bottom:0px; right:0px;}



	

	
.clearfix {display: inline-block}
* html .clearfix {height: 1%}
.clearfix {display: block}	
.clearfix{zoom:1;/*for IE 5.5-7*/overflow:hidden}
.clearfix:after{/*for modern browser*/ content:"."; display: block; height:0px; clear:both; visibility:hidden}	
.clear {clear:both; margin:0;padding:0}

/* 追加
----------------------------------------------------------*/




/* p01
----------------------------------------------------------*/
.topBox{ width:1000px;}
.topBox:after{ clear: both; content:""; display:block}


.topBox dl{ width:310px; float:left; margin-right:35px;}
.topBox dl:nth-child(3){ float:right; margin-right:0px;}
.topBox dt:after{ clear: both; content:""; display:block}
.topBox dt{ margin-bottom:15px;}
.topBox dt img{ margin-bottom:15px;}
.topBox dt h3{ font-size: 18px; float:left;}
.topBox dt p{ float:right;}
.topBox dd ul{ list-style:none; font-size:13px;}
.topBox dd li{ line-height:100%; margin-bottom:8px;}








/* p02
----------------------------------------------------------*/
#p02box01{ position:relative; width:1000px;}
#p02box01 dl{ width:810px; background-color:rgba(24,24,22, 0.8);padding:30px; color:#fff; position:relative; top:-40px; left:60px; }
#p02box01 dt{ font-size:18px; font-weight:bold;  }
#p02box01 dt:first-letter{ font-size:24px;}
#p02box01 dt span{ color:#FF0000;font-size:18px;}
#p02box01 dd{ font-size:14px; margin-bottom:16px;}
#p02box01 dd:last-child{ margin-bottom:0px;}

.dotList{ list-style:none}
.dotList:after{ clear: both; content:""; display:block}
.dotList li{ background:url(../images/icon_dot.gif)  no-repeat left 8px; padding-left:18px; width:25%; float:left; font-weight:bold; margin-bottom:16px;}

.dotList li ul{ padding:0px; margin:0px 8px }
.dotList li li{ width:100%;  box-sizing:border-box; margin:0px; padding-left:0px;font-size:14px; font-weight:normal; background: none; list-style:none;  border-bottom: solid 1px #D10130; line-height:1.8em;}




/* p04
----------------------------------------------------------*/

#p04box01{ position:relative; width:1000px;}
#p04box01 div{ width:860px; background-color:rgba(24,24,22, 0.8);padding:30px; color:#fff; position:relative; top:-40px; left:120px; }
#p04box01 div p{ margin-bottom:1em;}
#p04box01 div p:last-child{ margin-bottom:0px;}



/* p05
----------------------------------------------------------*/

#p05box01{ position:relative; width:1000px; margin-top:120px;}
#p05box01 h3{ position:relative; z-index:1}
#p05box01 div{ width:860px; background-color:rgba(24,24,22, 0.8);padding:30px; color:#fff; position:relative; top:-20px; left:140px; z-index:10;}
#p05box01 div p{ margin-bottom:1em;}
#p05box01 div p:last-child{ margin-bottom:0px;}


.agreeBox{ border:1px solid #ccc; padding:5px; text-align:center;}
.privacyBox{height:360px;overflow:auto;overflow-y:scroll; line-height: normal; padding:30px; border:solid 1px #ccc; border-radius:4px;box-shadow: 0px 1px 2px #999 inset; }
.privacyBox h4{ font-size:120%; font-weight:bold; border-bottom:#CCC solid 1px; margin-bottom:10px;}
.privacyBox p{ margin-bottom:1em;font-size:13px; }
.privacyBox ul{ margin-bottom:1em; margin-left:10px;}
.privacyBox ol{ margin-bottom:1em; margin-left:0px; padding:0px;}

.privacyBox li{ list-style:decimal outside; margin-left:2em; margin-bottom:5px;font-size:13px; }

@media (min-width: 768px) {
	.privacyBox ul{ margin-bottom:1em; margin-left:20px}
	
}

.formBtn input{ font-size:120%; font-weight:bold; padding:8px 40px; background:#DB0031; color:#fff; border:none;}


.f-left{float:left;}
.f-right{float:right;}
.tar{text-align:right}
.tac{text-align:center}

.small{ font-size:80%;}

.imglink a:hover img {opacity:0.7;	filter:alpha(opacity=70);-moz-opacity: 0.7}

.w482{ width:482px}

.w25p{ width:25%;}


.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb60{margin-bottom:60px;}
.mb70{margin-bottom:70px;}
.mb80{margin-bottom:80px;}
.mb90{margin-bottom:90px;}
.mb100{margin-bottom:100px;}

.mt120{ margin-top:120px}
.mt200{ margin-top:200px}

/*以下WindowsIEハック：記述順番注意▼▼*/

/*IE8▼*/
html>/**/body {
.iehack/***/: padding-top:10px¥9;
}

/*IE7▼*/
*+html body {
.iehack: padding-top:10px;
}

/*IE9▼*/
body:not(:target) {
.iehack: padding-top:10px¥9;
}

/*IE10▼*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
body {
.iehack: padding-top:10px !important;　/*上記と同時に使う場合!importantが必要*/
}
}



.btn a{
	background:#000; color:#fff; font-size:14px; line-height:14px;
	padding:8px 28px; display:inline-block;}

.btn a:hover{ background:#333; text-decoration:none;}


.con-ul{
	padding-bottom:20px;
	padding-left:30px;
	list-style:decimal
	}

.con-ul li{
	padding:3px 0;
	}
	
/*2進法*/
.ol_decimal{list-style: decimal;}
.ol_decimal li{
	margin-left: 10px;
	}	

.table{
	word-break: break-all;
	width:100%;
	}

.table td{
	padding:8px 10px;	
	border-bottom:1px solid #777;
	border-top:1px #666 solid;
	}

.table th{
	border-top:1px #666 solid;
	border-bottom:1px solid #777;	
	padding:6px 8px;
	text-align:left;
	}

.table th.need{ background:url(../images/icon_need.png) right 14px no-repeat;}

.table div{
	border-left:1px solid #777;
	padding-left:20px;}
.table input{ width:100%; box-sizing:border-box; padding:8px;}
.table textarea{ width:100%; box-sizing:border-box;}

.table input[ type="radio"]{ width:auto}
.table input[ type="checkbox"]{ width:auto}




.table2{
	word-break: break-all;
	width:100%;
	}
.table2 th{
	border-top:1px #ccc solid;width:25%;	
	border-bottom:1px solid #ccc;	
	padding:16px 16px;
	text-align:left; background: url(../images/icon_dot.gif) no-repeat left 26px;
	}
.table2 td{
	padding:16px 10px; 
	border-bottom:1px solid #ccc;
	border-top:1px #ccc solid;
	}




.table3{
	word-break: break-all;
	width:100%;
	}
.table3 th{

	border-bottom:1px solid #999;	
	padding:8px 10px;
	text-align:left; background: url(../images/icon_dot.gif) no-repeat left 16px;
	}
.table3 td{
	padding:8px 0px; 

	}
	
	



	
/* title
------------------------------*/
.subTitle{  font-size:24px; border-bottom: solid 2px #D10130; letter-spacing:2px; padding:8px 0px; margin-bottom:30px;}








/* print
----------------------------------------------------------*/
@media print{
.header{ display:none;}
.trigger{display:none;}
#pagetop{display:none;}
.w300{display:none;}

body{font-size:80%;}
#wrapper{width:100%; float:none;}
.prt{width:99%;}
.w340{width:100%;}
.w600{width:100%;}
#footer{padding:5px 5px 0 5px;font-size: 0.4em}
#footer h3{width:133px}
#footer #text{width:120px}
#footer #map{width:48px}
#footer-right{width:280px}
#flink{width:280px}
} 