﻿@charset "utf-8";
/* CSS Document */


html,body{
    height: 100%;
	margin: 0;
	padding: 0;
}

a img {
	border:none;
}

#box{
	width: 980px;
	margin:0 auto 0 auto;
	font-size: 16px;
	line-height:1.6;
}
#box02{
	width: 980px;
	margin:0 auto 0 auto;
	font-size: 16px;
	line-height:1.6;
}
#box03{
	width: 980px;
	margin:0 auto 0 auto;
	font-size: 16px;
	line-height:1.6;
}
#box04{
	width: 980px;
	margin:10% auto 0 auto;
	font-size: 16px;
	line-height:1.6;
}


.head_box01{
	width: 980px;
	margin: 5% auto 0 auto;
}

.head_txt01{
	width: 800px;
	margin:60px auto 60px auto;
	font-size:14px;
	color:#333333;
	line-height:2;
	text-align: center;
}
.head_txt01 p{
	margin: 0 0 0.9em 0;
}
.wap_01 {
	width:800px;
	margin: 0 auto 50px auto;
	}
.txt_box01 {
	width:300px;
	margin: 80px 70px 0 0;
	float:left;
	}
.img_box01 {
	width:980px;
	margin: 0 auto 30px auto;
	}
.ti_box01 {
	width:550px;
	margin: 0 auto 30px auto;
	}
.comp_bg {
	width: 780px;
	margin: 0 0 50px 0;
	padding: 580px 100px 50px 100px;
	background-image: url(img/bg_01.png);
	background-position: left top;
	background-size: 980px 680px;
	background-repeat: no-repeat;
	text-align:center;
	background-color:#D5D3CF;
}
.comp_wrap {
	width:780px;
	margin: 0 0 0 0;
	}
.comp_box_l {
	width:400px;
	margin: 0 50px 0 0;
	float:left;
	font-size:85%;
	text-align:left;
	}
.comp_box_l p{
	margin: 0 0 0.9em 0;
}
.comp_box_ti {
	width:250px;
	margin: 0 5px 0 0;
	}
.comp_box_r {
	width:330px;
	margin: 0 0 0 0;
	float:left;
	}

.item_wrap {
	width:980px;
	margin: 0 0 10px 0;
	}	
	
.item_box_l {
	width:480px;
	margin: 0 20px 0 0;
	float:left;
	font-size:85%;
	text-align:left;
	}
.item_box_r {
	width:480px;
	margin: 0 0 0 0;
	float:left;
	}
.item_txtbox {
	width:980px;
	font-size:85%;
	text-align:left;
	margin: 0 0 50px 0;
	}
.item_txtbox02 {
	width:980px;
	font-size:85%;
	text-align: right;
	margin: 0 0 50px 0;
	}	






.head_img01{
	width: 274px;
	margin: 30px 0 0 0;
	float:left;
}
.main_txtbox01{
	width: 800px;
	margin: 60px auto;
}
.main_txtbox01 p{
	margin: 0 0 0.8em 0;
	line-height:2;
}
.txt_img01 {
	width: 274px;
	margin: 0 0 15px 15px;
	float:right;
	}
	

.foot_box {
	width:100%;
	margin: 0px 0px 10px 0px;
	}
.btn_box {
	width:980px;
	margin: 0px auto 20px auto;
	}




a:hover img{
	opacity: 0.7;
	filter: alpha(opacity=70);
}


#item {
	width: 980px;
	margin: 0 auto 85px auto;
	font-size: 15px;
}

#entire {
	padding:0;position: relative;
    min-height: 100%; 
    height: auto !important;
    height: 100%
}

#facebook {
	text-align:right;
	width:980px;
	margin:8px auto 0 auto;
	padding-bottom:8px;
}

.T_center {text-align: center;}
.T_right {text-align: right;}
.float_L {float: left;}
.float_R {float: right;}
.float_C {clear: both;
	width: 0px;
	height: 0px;}

.mar_T30 {margin: 30px 0 0 0;}
.mar_B10 {margin: 0px 0px 10px 0px;}
.mar_B20 {margin: 0px 0px 20px 0px;}
.mar_B30 {margin: 0px 0px 30px 0px;}
.mar_B40 {margin: 0px 0px 40px 0px;}
.mar_B50 {margin: 0px 0px 40px 0px;}
.mar_B70 {margin: 0px 0px 70px 0px;}
.mar_B100 {margin: 0px 0px 100px 0px;}
.mar_R8 {margin: 0px 8px 0px 0px;}
.mar_R10 {margin: 0px 10px 0px 0px;}
.mar_R20 {margin: 0px 20px 0px 0px;}
.mar_R30 {margin: 0px 30px 0px 0px;}
.mar_R40 {margin: 0px 40px 0px 0px;}
.mar_R50 {margin: 0px 50px 0px 0px;}
.mar_L20 {margin: 0px 0px 0px 20px;}

.font_b { font-weight:bolder; color:#00334C;}
.font_ti { font-weight:bolder; font-size:250%;}
.font_c { background-color:#FFFFBF;}
/*ヘッダー
----------------------------------------------------------------*/

.sp_only {
	display:none;	
}
.pc_only {
	display:block;	
}

@media only screen and (max-width: 980px) {
	
#box{
	width: 100%;
	margin:0 auto 0 auto;
	font-size: 100%;
	line-height:1.6;
}
#box02{
	width: 100%;
	padding: 0 0 0 0;
	margin:0 auto 0 auto;
	font-size: 100%;
	line-height:1.6;
}
#box03{
	width: 100%;
	padding: 0 0 0 0;
	margin:0 auto 0 auto;
	font-size: 100%;
	line-height:1.6;
}
#box04{
	width: 100%;
	padding: 0 0 0 0;
	margin:10% auto 0 auto;
	font-size: 100%;
	line-height:1.6;
}


.head_box01{
	width: 100%;
	margin: 5% auto 0 auto;
}

.head_txt01{
	width: 90%;
	margin:5% auto 10% auto;
	font-size:100%;
	color:#333333;
	line-height:2;
	text-align: left;
}
.head_txt01 p{
	margin: 0 0 0.9em 0;
}
.wap_01 {
	width:100%;
	margin: 0 auto 5% auto;
	}

.img_box01 {
	width:100%;
	margin: 0 auto 5% auto;
	}
.ti_box01 {
	width:70%;
	margin: 0 auto 5% auto;
	}
.comp_bg {
	width: 94%;
	margin: 0 0 10% 0;
	padding: 60% 3% 5% 3%;
	background-image: url(img/bg_01.png);
	background-position: left top;
	background-size: 100%;
	background-repeat: no-repeat;
	text-align:center;
	background-color:#D5D3CF;
}
.comp_wrap {
	width:100%;
	margin: 0 0 0 0;
	}
.comp_box_l {
	width:48%;
	margin: 0 4% 0 0;
	float:left;
	font-size:85%;
	text-align:left;
	}
.comp_box_ti {
	width:80%;
	margin: 0 1% 0 0;
	}
.comp_box_r {
	width:48%;
	margin: 0 0 0 0;
	float:left;
	}

.item_wrap {
	width:90%;
	margin: 0 auto 2% auto;
	}	
	
.item_box_l {
	width:48%;
	margin: 0 4% 0 0;
	float:left;
	font-size:85%;
	text-align:left;
	}
.item_box_r {
	width:48%;
	margin: 0 0 0 0;
	float:left;
	}
.item_txtbox {
	width:90%;
	font-size:85%;
	text-align:left;
	margin: 0 auto 5% auto;
	}
.item_txtbox02 {
	width:90%;
	font-size:85%;
	text-align: left;
	margin: 0 auto 5% auto;
	}	






	
	

#item {
	width: 100%;
	margin: 0 auto 85px auto;
	font-size: 15px;
}

#entire {
	padding:0;position: relative;
    min-height: 100%; 
    height: auto !important;
    height: 100%
}

#facebook {
	text-align:right;
	width:100%;
	margin:8px 0 0 0;
	padding-bottom:8px;
}	
.pc_only {
	display:none;	
}
.sp_only {
	display: block;	
}
.mar_B10 {margin: 0px 0px 1% 0px;}
.mar_B20 {margin: 0px 0px 2% 0px;}
.mar_B30 {margin: 0px 0px 5% 0px;}
.mar_B40 {margin: 0px 0px 10% 0px;}
.mar_B50 {margin: 0px 0px 15% 0px;}
.mar_B70 {margin: 0px 0px 18% 0px;}
.mar_B100 {margin: 0px 0px 20% 0px;}
.mar_R10 {margin: 0px 10px 0px 0px;}
.mar_R20 {margin: 0px 20px 0px 0px;}
.mar_R30 {margin: 0px 30px 0px 0px;}
.mar_R40 {margin: 0px 40px 0px 0px;}
.mar_R50 {margin: 0px 50px 0px 0px;}
.mar_L20 {margin: 0px 0px 0px 20px;}
	
}
#main_slide {
	margin-bottom:3%;
	}
#main_slide ul,#main_slide li {
		list-style: none;
		margin: 0;
		padding: 0;
	}

#MainArea a:link { color: #000; }
#MainArea a:visited { color: #000; }
#MainArea a:hover { color: #888; }
#MainArea a:active { color: #000; }
#MainArea a { text-decoration: underline;}

