@charset "UTF-8";
/* CSS Document */

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, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
} 

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { 
    display:block;
}
body,html{
	margin:0;
	font-size:14px;
	line-height:1.75em;
	color: #040000;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	background-color:#fff;
}
ul,li{list-style: none;}
img{border: none;}
a{color:#666666;text-decoration: none;}
a:hover{color:#666666;text-decoration: underline;}
a img {-webkit-transition: 0.1s ease-in-out;-moz-transition: 0.1s ease-in-out;-o-transition: 0.1s ease-in-out;transition: 0.1s ease-in-out;}
a:hover img{opacity: 0.8;}

.clearfix:before,.clearfix:after{content:"";display:block;overflow:hidden;}
.clearfix:after {content:".";display:block;clear:both;height:0;visibility:hidden;}
.clearfix{zoom:1;}
.clear{clear: both;}

.pt0{padding-top:0 !important;}.pl0{padding-left:0 !important;}.pr0{padding-right:0 !important;}.pb0{padding-bottom:0 !important;}
.pb1em{padding-bottom:1em !important;}.pb1{padding-bottom:1px !important;}.pb5{padding-bottom:5px !important;}.pb6{padding-bottom:6px !important;}.pb7{padding-bottom:7px !important;}.pb8{padding-bottom:8px !important;}.pb10{padding-bottom:10px !important;}.pb12{padding-bottom:12px !important;}.pb15{padding-bottom:15px !important;}.pb20{padding-bottom:20px !important;}.pb25{padding-bottom:25px !important;}.pb30{padding-bottom:30px !important;}.pb35{padding-bottom:35px !important;}.pb40{padding-bottom:40px !important;}
.pt1em{padding-top:1em !important;}.pt5{padding-top:5px !important;}.pt6{padding-top:6px !important;}.pt7{padding-top:7px !important;}.pt8{padding-top:8px !important;}.pt10{padding-top:10px !important;}.pt15{padding-top:15px !important;}.pt18{padding-top:18px !important;}.pt20{padding-top:20px !important;}.pt25{padding-top:25px !important;}.pt30{padding-top:30px !important;}.pt35{padding-top:35px !important;}.pt40{padding-top:40px !important;}.pt50{padding-top:50px !important;}.pt60{padding-top:60px !important;}.pt70{padding-top:70px !important;}

.alpha a:hover img {opacity:0.8;filter: alpha(opacity=80);}

header{
	background-image:url(img/header.png);
	background-repeat:no-repeat;
	background-position:top;
	width:980px;
	height:77px;
	margin: 0 auto;
}
header h1{
	float:left;
	width:370px;
	padding:8px 0 0 0;
}
header .header_contact{
	float:right;
	width: 176px;
	height:29px;
	display:block;
}

.btn_join{
	display:block;
	margin:0 auto;
	width:400px;
	height:60px;
	clear:both;
}

h2{
	font-size:40px;
	line-height:42px;
	color:#AB1F24;
	padding:30px 0 15px 0;
}
h3{
	font-size:32px;
	line-height:34px;
	color:#AB1F24;
	padding:20px 0 15px 0 !important;
}

.box_1 p{
	display:block;
	width:400px;
	float:left;
	margin:0 50px 30px 0;
}

#container{
	width:980px;
	margin:0 auto;
	position:relative;
}	
#main_image_area{
	position:relative;
	width:980px;
	height:540px;
	z-index:0;
}
#main_image_area .join{
	position:absolute;
	top: 472px;
	right:100px;
	width:246px;
	height:36px;
	display:block;
}

#contents{
	width:882px;
	position:absolute;
	top:535px;
	left:49px;
}
	
.block1{
	background-color:#f3f3f3;
	width:880px;
	margin:0 auto;
	padding:20px 0 20px 0;
}
.box1{
	width:840px;
	margin:0 auto;
}
.box1l{
	padding:20px 0 0 0;
	width:440px;
	float:left;
}
.box1r{
	width:368px;
	float:right;
}
.box1r div{
	display:block;
	width:336px;
	height:184px;
	border:16px solid #fff;
}

.box2{
	width:840px;
	margin:0 auto;
	padding:20px 0;
}
.box2l{
	width:227px;
	float:left;
}
.box2l img{
	vertical-align:bottom;
	padding:3px 0 0 0;
}
.box2r{
	width:556px;
	float:right;
}

.box3{
	width:800px;
	background-color:#fff;
	margin:0 auto;
	padding:20px 0 20px 40px;
}
.box3 dl{
	padding:15px 0 0 0;
	width:630px;
	float:left;
}
.box3 dl dt{
	font-size:120%;
	color:#17A292;
	border-bottom:2px dashed #AFADAD;
	padding:0 0 3px 0;
}
.box3 dl dd{
	padding:10px 10px 0 0;
}
.box3 .box1{
	width:134px;
	float:left;
	padding:10px 0 0 0;
}

.block2{
	padding:0 20px;
}
h2 img{
	vertical-align:bottom;
}
.block2 h3{
	font-size:26px;
	line-height:1.1em;
	padding:0 0 0 3px;
}
.block2 p{
	display:block;
	font-size:115%;
	line-height:1.75em;
}
.txtbox img{
	float:right;
	padding:6px 0 0 10px;
}
strong{
	font-size:20px;
	display:block;
}
.block2 dt{
	background-color:#095AA3;
	border-radius:12px; 
	-webkit-border-radius:12px; 
	-moz-border-radius:12px;
	color:#fff;
	font-size:20px;
	line-height:30px;
	font-weight:bold;
	text-align:center;
	display:block;
	padding:3px 0 0 0;
}
.block2 dd{
	padding:0 5px;
}
.block2 li{
	font-size:18px;
	line-height:20px;
	background-image:url(img/cheker.png);
	background-repeat:no-repeat;
	background-position:left 4px;
	padding:5px 0 5px 22px;
	color:#095AA3;
}
.bakd{
	position:absolute;
	top:-18px;
	left:-40px;
}
.block3{
	width:860px;
	background-color:#E0F1F9;
	border:1px solid #1B96D5;
	margin:30px 0 10px 20px;
	position:relative;
}
.block3 dl{
	width:806px;
	margin:0 auto;
	font-size:16px;
}
.block3 dt{
	padding:25px 0 10px 110px;
}
.block3 dd{
	padding:0 0 30px 0;
}
.block3 dd img{
	float:left;
	width:216px;
	padding:0 20px 0 0;
}
.block3 dd p{
	float:left;
	width:562px;
	line-height:1.75em;
}

.block4{
	margin:0 0 0 20px;
	background-color:#FDFBDE;
	padding:20px 20px 18px 20px;
}
.block4 p{
	font-size:16px;
	line-height:1.75em;
}


#section4{
	padding:0 0 0 20px;
}
#section4 .left{
	background-image:url(img/section4_vbg.png);
	width:410px;
	height:390px;
	float:left;
	border-right:20px solid #fff;
	border-bottom:20px solid #fff;
}
#section4 h4{
	display:block;
	font-weight:bold;
	color:#ef8500;
	margin: 5px 20px 7px;
}
#section4 .left img{
	float:left;
	margin-left:20px;
	margin-right:32px;
}
#section4 .text{
	width:228px;
	float:left;
	padding:5px 0 0 0;
	line-height:1.7em;
}

#section6{
	border:6px solid #e9e9ea;
	padding:30px 0 30px 20px;
	height:230px;
	background-image:url(img/section6_bg.png);
	background-repeat:no-repeat;
	background-position:40px 30px;
}
#section6 div{
	width: 571px;
	padding: 50px 210px 0 20px; 
}

#section7 img{
	vertical-align:bottom;
}
#section7{
	border:3px solid #000;
	background-color:#ddf1fc;
	margin:20px 0;
}
#section7 dt span{
	display:block;
	width:80px;
	margin:12px auto 8px auto;
}
#section7 dd span{
	display:block;
	width:824px;
	margin:0 auto 20px auto;
	border-top:3px solid #9f9fa0;
	padding:12px 0 0 0;
}

footer ul{
	width:800px;
	margin: 0 auto;
}
footer li{
	float:left;
	width: 380px;
}