@charset "UTF-8";


/* TEMPLATE +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ Retina parts */
@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx){

}
/* TEMPLATE Retina parts end*/

.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


body{
	min-width:1200px;
	margin:0px;
	padding:0px;
	font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	background-color:#f5f5f5;
	color:#4d4d4d;
}

.mgt10{margin-top:10px;}
.mgt20{margin-top:20px;}
.mgt30{margin-top:30px;}
.mgt40{margin-top:40px;}
.mgt50{margin-top:50px;}
.mgt60{margin-top:60px;}
.mgt70{margin-top:70px;}
.mgt80{margin-top:80px;}
.mgt90{margin-top:90px;}
.mgt100{margin-top:100px;}

.mgb10{margin-bottom:10px;}
.mgb20{margin-bottom:20px;}
.mgb30{margin-bottom:30px;}
.mgb40{margin-bottom:40px;}
.mgb50{margin-bottom:50px;}
.mgb60{margin-bottom:60px;}
.mgb70{margin-bottom:70px;}
.mgb80{margin-bottom:80px;}
.mgb90{margin-bottom:90px;}
.mgb100{margin-bottom:100px;}


.mgl10{margin-left:10px;}
.mgl20{margin-left:20px;}
.mgl30{margin-left:30px;}
.mgl40{margin-left:40px;}
.mgl50{margin-left:50px;}
.mgl60{margin-left:60px;}
.mgl70{margin-left:70px;}
.mgl80{margin-left:80px;}
.mgl90{margin-left:90px;}
.mgl100{margin-left:100px;}


.mgr10{margin-right:10px;}
.mgr20{margin-right:20px;}
.mgr22{margin-right:22px;}
.mgr30{margin-right:30px;}
.mgr40{margin-right:40px;}
.mgr50{margin-right:50px;}
.mgr60{
	margin-right: 30px;
}
.mgr70{margin-right:70px;}
.mgr80{margin-right:80px;}
.mgr90{margin-right:90px;}
.mgr100{margin-right:100px;}

.txt12{font-size:12px; line-height:1.7;}
.txt14{font-size:14px; line-height:1.7;}
.txt16{font-size:16px; line-height:1.7;}
.txt18{font-size:18px; line-height:1.7;}
.txt20{font-size:20px; line-height:1.7;}
.txt24{font-size:24px; line-height:1.7;}
.txt28{font-size:28px; line-height:1.7;}
.txt30{font-size:30px; line-height:1.7;}

.bold-txt{font-weight:bold;}

#head{
width:100%;
background-color:#FFF;
}

#head .main-area{
width:960px;
margin:0 auto 0;
padding:22px 0;
text-align:center;
}

#mainimg{
width:100%;
//height: 570px;
//background-color:#000000;
background-image: url(../img/bk.jpg);
background-position: center center;
background-repeat: no-repeat;
}

#mainimg .img-area{
width:1200px;
margin:0 auto 0;
}

h1{
	width: 100%;
	color: #000;
	font-weight: bold;
	font-size: 30px;
	text-align: center;
	margin: 0;
	padding-top: 5px;
}


h2{
	background-color: #F00;
	width: 100%;
	color: #fff;
	font-weight: bold;
	font-size: 20px;
	text-align: center;
	margin: 0;
	padding-top:10px;
	padding-bottom:10px;
}


#kaijyo-area{
width:960px;
margin:0 auto 0;
}

#kaijyo-area .left-area{
border-left:10px solid #0071bd;
padding-left:20px;
float:left;
width:510px;
height:180px;
}

#kaijyo-area .right-area{
float:left;
width:450px;
text-align:right;
}

#map-area{
width:740px;
margin:60px auto 0;
}

#contact-area{
width:890px;
margin:30px auto 0;
}

#contents-area{
width:960px;
margin:0 auto 0;
}

#contents-area .read{
text-align:center;
font-size:40px;
font-weight:bold;
line-height:1.3;
}

#contents-area .sub-title{
width:100%;
border-bottom:10px solid #0071bd;
padding-bottom:10px;
text-align:center;
font-size:30px;
color:#0071bd;
font-weight:bold;
}

#contents-area .sub-title2{
width:100%;
border-bottom:10px solid #0071bd;
padding-bottom:10px;
text-align:center;
font-size:20px;
color:#4d4d4d;
font-weight:bold;
}

#contents-area .left-area{
	border-left: 10px solid #e80000;
	padding-left: 20px;
	float: left;
	width: 25%;
	margin-left: 35px;
}

#contents-area .left-area80{
	border-left: 10px solid #e80000;
	padding-left: 20px;
	float: left;
	width: 80%;
	margin-left: 35px;
}



#contents-area .tw-box{
width:470px;
float:left;
}

#contents-area .tw-box p{
/*text-align: center;*/
font-size: 20px;
margin-top: 20px;
}

#contents-area .t-box{
width:306px;
float:left;
}

#contents-area .f-box{
width:225px;
float:left;
}

#contents-area .txt-box{
font-size:24px;
line-height:1.7;
padding-left:20px;
}

#contents-area .txt-box span{
color:#0071bd;
}

#contents-area .adress-box{
padding-left:20px;
}

#contents-area .adress-box2{
padding-left:20px;
background-image: url("../img/adress_bk.jpg")
}


#footer{
width:100%;
background-color:#0b2e9b;
color:#FFF;
font-weight:bold;
font-size:12px;
text-align:center;
padding-top:20px;
padding-bottom:20px;
margin-top:40px;
}


/*
HUCK
*/
.contact-btn-area{
	margin-left: 35px;
	padding-top: 30px;
}
.contact-btn-area a{
	margin-right: 10px;
}