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


html,body{
    height: 100%;
}

a img {
	border:none;
}

#box{
	width: max;
	margin:50px auto 130px auto;
	font-size: 16px;
	line-height:1.6;
}
.main_box{
	width: 980px;
	margin: auto auto 130px auto;
}
.main_box100{
	width: 980px;
	margin: auto auto 100px auto;
}
.head_box01{
	width: 980px;
	margin: auto auto auto auto;
}


.txt_box01{
	width: 780px;
	margin:140px auto 130px auto;
	font-size:16px;
	color:#000;
	line-height:2.0;
	font-family:"ＭＳ Ｐゴシック", "ＭＳ ゴシック", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align:center;
}
.float_wrap{
	width: 780px;
	margin:auto auto auto auto;
}

.float_left{
	width: 370px;
	margin:auto 40px auto auto;
	float:left;
}
.float_right{
	width: 370px;
	margin:auto auto auto auto;
	float:right;
}
.tit_01{
	width: 239px;
	margin:auto auto auto 0;
}

.txt_01{
	width: 370px;
	margin:38px auto auto auto;
	font-size:14px;
	color:#000;
	line-height:2.0;
	font-family:"ＭＳ Ｐゴシック", "ＭＳ ゴシック", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align:left;
}

.img_box01{
	width: 980px;
}

.sub_02l{
	width: 260px;
	margin:auto auto auto 0;
	float:left;
}
.sub_02r{
	width: 461px;
	margin:100px auto auto 0;
	float:right;
}
.txt_02{
	width: 461px;
	margin:10px auto auto 0;
	font-size:14px;
	color:#000;
	line-height:2.5;
	font-family:"ＭＳ Ｐゴシック", "ＭＳ ゴシック", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align:left;
}

.sub_03r{
	width: 260px;
	margin:auto auto auto 0;
	float:right;
}
.sub_03l{
	width: 461px;
	margin:100px auto auto 0;
	float:left;
}

.sub_04r{
	width: 471px;
	margin:0 auto auto auto;
	float:right;
}
.btn_box_foot {
	width:980px;
	margin: auto auto 49px 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: 60px 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_B38 {margin: 0px 0px 38px 0px;}
.mar_B40 {margin: 0px 0px 40px 0px;}
.mar_B50 {margin: 0px 0px 50px 0px;}
.mar_B60 {margin: 0px 0px 60px 0px;}
.mar_B70 {margin: 0px 0px 70px 0px;}
.mar_B80 {margin: 0px 0px 80px 0px;}
.mar_B90 {margin: 0px 0px 90px 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;}
.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:5% 0 15% 0;
	font-size: 120%;
	line-height:2;
}
.main_box{
	width: 100%;
	margin: auto auto 15% auto;
	font-size:120%;
}
.main_box100{
	width: 100%;
	margin: auto auto 13% auto;
}
.head_box01{
	width: 100%;
	margin: auto auto auto auto;
}


.txt_box01{
	width: 90%;
	margin:14% auto 13% auto;
	font-size:120%;
	color:#000;
	line-height:2.0;
	font-family:"ＭＳ Ｐゴシック", "ＭＳ ゴシック", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align:left;
}
.float_wrap{
	width: 90%;
	margin:auto auto auto auto;
}

.float_left{
	width: 100%;
	margin:5% auto auto auto;
	float:none;
}
.float_right{
	width: 60%;
	margin:auto auto auto auto;
	float:none;
}
.tit_01{
	width: 60%;
	margin:auto auto auto auto;
}

.txt_01{
	width: 90%;
	margin:4% auto auto auto;
	font-size:120%;
	color:#000;
	line-height:1.8;
	font-family:"ＭＳ Ｐゴシック", "ＭＳ ゴシック", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align:left;
}

.img_box01{
	width: 100%;
}

.sub_02l{
	width: 100%;
	margin:auto auto auto auto;
	float:none;
}
.sub_02l img{
	width: 31%;
	float:none;
}
.sub_02r{
	width: 100%;
	margin:auto auto auto 0;
	float:none;
}
.txt_02{
	width: 100%;
	margin:1% auto 5% auto;
	font-size:120%;
	color:#000;
	line-height:1.5;
	font-family:"ＭＳ Ｐゴシック", "ＭＳ ゴシック", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align:left;
}

.sub_03r{
	width: 100%;
	margin:auto auto auto auto;
	float:none;
}
.sub_03r img{
	width: 31%;
	float:none;
}
.sub_03l{
	width: 100%;
	margin:auto auto auto 0;
	float:none;
}

.sub_04r{
	width: 100%;
	margin:0 auto auto 0;
	float:none;
}
.btn_box_foot {
	width:90%;
	margin: auto auto 5% auto;
}



	
	
	

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

#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_T30 {margin: 5% 0px 0 0px;}
.mar_B10 {margin: 0px 2% 0px 0px;}
.mar_B20 {margin: 0px 0px 2% 0px;}
.mar_B30 {margin: 0px 3% 5% 3%;}
.mar_B38{
	      margin: 0px 10% 7% 10%; width:80%;
}
.mar_B40 {margin: 0px 0px 10% 0px;}
.mar_B50 {margin: 0px 0px 5% 0px;}
.mar_B70 {margin: 0px 0px 18% 0px;}
.mar_B80 {margin: auto;}
.mar_B90 {margin: 0px 0px 15% 0px;}
.mar_B100 {margin: 0px 0px 10% 0px;}
.mar_R10 {margin: 0px 2% 0px 0px;}
.mar_R20 {margin: 0px 20px 0px 0px;}
.mar_R30 {margin: 0px 0 5% 0px;}
.mar_R40 {margin: 0px 40px 0px 0px;}
.mar_R50 {margin: 0px 50px 0px 0px;}
.mar_L20 {margin: 0px 0px 0px 20px;}
	
}



