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


html,body{
    height: 100%;
}

a img {
	border:none;
}

#box{
	width: 980px;
	margin:0 auto 40px auto;
	font-size: 16px;
	line-height:1.6;
}

#box hr {
	display:block!important;
	margin:2% 0;
   border-width: 1px 0px 0px 0px; /* 太さ1px */
   border-style: dashed; /* 線種を破線に */
   border-color: #333;   /* 線色を灰色に */
   height: 1px;         /* 高さ(※古いIE用) */
}

.head_box01{
	width: 595px;
	margin: 60px auto 0 auto;
}

.head_txt01{
	width: 800px;
	margin:70px auto;
	color:#333333;
}

#box h2 {
	width: 760px;
	margin:0 auto;
	padding-left:5%;
	font-size:200%;
	color:#333333;
	line-height:1.5;
	background:url(img/ti_img.png) top left no-repeat;
	height:37px;
	line-height:37px;
}

.main_box01{
	width: 800px;
	margin: 20px auto 150px auto;
}


.main_txtbox01{
	width: 800px;
	margin: 20px auto 50px auto;
	font-size:100%;
	line-height:1.5;	
}


.main_txtbox02{
	width: 517px;
	display:inline-block;
	font-size:100%;
	line-height:1.5;	
}

.main_imgbox01{
	width: 810px;
	margin: 20px auto 70px auto;
}


.img_txtbox {
	width:252px;
	margin:0 5px;
	display:inline-block;
	font-size:85%;
	line-height:1.5;
	vertical-align:top;	
}

.img_txtbox02 {
	width:252px;
	margin: 0 auto 30px auto;
	font-size:85%;
	line-height:1.5;
	vertical-align:top;	
}

.img_txtbox03 {
	width:380px;
	margin:0 5px;
	display:inline-block;
	font-size:85%;
	line-height:1.5;
	vertical-align:top;	
}

.img_txtbox04 {
	width:430px;
	margin:0 5px;	
	display:inline-block;	
	font-size:85%;
	line-height:1.5;
	vertical-align:top;	
}

.img_txtbox05 {
	width:330px;
	margin:0 5px;
	display:inline-block;
	font-size:85%;
	line-height:1.5;
	vertical-align:top;	
}

.img_txtbox p, .img_txtbox02 p, .img_txtbox03 p, .img_txtbox04 p, .img_txtbox05 p {
	font-size:90%;
	margin:5px 0;
	text-align:left;
}

.imgbox_l {
	width:514px;
	display:inline-block;
	vertical-align:top;
}

.imgbox_s {
	width:252px;
	display:inline-block;
	vertical-align:top;
}

.imgbox_l p,.imgbox_s p {
	font-size:90%;
	line-height:1.5;
	text-align:left;
}

.imgbox_b {
	width:514px;
	text-align:center;
}
.imgbox_c {
	width:595px;
	text-align:center;
}
.imgbox_head {
	width:370px;
	margin: 0 0 10px 10px;
	float:right;
}

.memo_box {
	padding:20px;
	background:#FFFAE6;
}

.memo_box p {
	font-size:100%;
	line-height:1.5;
}

.memo_ti_imgbox {
	width:150px;
}

.foot_box {
	width:100%;
	margin: 0px 0px 50px 0px;
	}
.btn_box {
	width:500px;
	margin: 0px auto 20px auto;
	}
.ti_box01 {
	width:600px;
	margin: 0px auto 20px auto;
	}
.shop_box01 {
	width:100%;
	padding: 5% 0;
	margin: 5% auto 5% auto;
	border-bottom: 1px dotted #000000;
	border-top: 1px dotted #000000;
	}
.shop_imgbox01 {
	width:200px;
	margin: 0 0 0 20px;
	float: right;
	}
.shop_imgbox02 {
	width:319px;
	margin: 0 0 0 20px;
	float: right;
	}
.shop_txtbox01 {
	float:left;
	}



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;}
.mar_40a {margin:40px auto;}
.mar_40b {margin: 80px auto 40px auto;}

.font_b { font-weight:bolder;}
.font_ti { font-weight:bolder; font-size:125%;}
.font_c { background-color:#FFFFBF;}
.font_i {font-style:italic; font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;}
/*ヘッダー
----------------------------------------------------------------*/

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

@media only screen and (max-width: 980px) {
	
#box{
	width: 100%;
	margin:0 0 5% 0;
	font-size: 16px;
	line-height:2;
}


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

.head_txt01{
	width: 90%;
	font-size:100%;
	color:#333333;
	line-height:1.5;
}

.head_img01{
	width: 0;
	margin: 0 0 0 0;
	float:left;
	display:none;
}
.main_txtbox01{
	width: 100%;
	margin: 5% auto 10% auto;
	font-size:100%;
	line-height:1.5;	
}
.main_txtbox01 p{
	margin: 0 0 0.8em 0;
	line-height:2;
}

.main_txtbox02{
	width: 100%;
	font-size:100%;
	margin: 0 0 10% 0;
	line-height:1.5;	
}

#box h2 {
	width: 85%;
	margin:0 auto;
	padding-left:5%;
	font-size:180%;
	color:#333333;
	line-height:1.5;
	background:url(img/ti_img.png) ;
	 background-position: center left;
    background-repeat: no-repeat;
    background-size: auto;
    -webkit-background-size: auto;
}

.main_box01{
	width: 90%;
	margin: 5% auto 15% auto;
}

.main_imgbox01{
	width: 90%;
	margin: 5% auto;
}

.img_txtbox, .img_txtbox02, .img_txtbox03, .img_txtbox04, .img_txtbox05 {
	width:60%;
	margin: 0 auto 10% auto;
	display:block;
	font-size:100%;
	line-height:1.5;
}

.img_txtbox p {
	margin:5% 0;
}

.imgbox_b {
	width:60%;
	text-align:center;
}
.imgbox_c {
	width:100%;
	text-align:center;
}

.txt_img01 {
	width:40%;
	margin: 0 0 3% 3%;

	}
.txt_img02 {
	width:40%;
	margin: 0 3% 3% 0;
	float: left;
	}

.foot_box {
	width:100%;
	margin: 0px 0px 8% 0px;
	}
.btn_box {
	width:70%;
	margin: 0px auto 5% auto;
	}
.ti_box01 {
	width:90%;
	margin: 0px auto 5% auto;
	}
.shop_box01 {
	width:100%;
	padding: 5% 0;
	margin: 5% auto 5% auto;
	border-bottom: 1px dotted #000000;
	border-top: 1px dotted #000000;
	}
.shop_imgbox01 {
	width:25%;
	margin: 0 0 0 5%;
	float: right;
	}
.shop_imgbox02 {
	width:35%;
	margin: 0 0 0 5%;
	float: right;
	}
.shop_txtbox01 {
	float:left;
	}
	
.imgbox_l {
	width:60%;
	text-align:center;
}

.imgbox_s {
	width:60%;
	text-align:center;
}
.imgbox_head {
	width:55%;
	margin: 0 0 1% 1%;
	float:right;
}

	
	

#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;}
	
}