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



.clear {
 clear:both;
}


h1 {
}


#topics {
	max-width:900px;
	margin: 0 auto 6px auto;
	padding: 0 0 30px 0;
	font-family:"メイリオ", "ＭＳ Ｐゴシック";
	font-size:14px;
}

h2 {
	display:none;
}

.gift1 {
	width:75%;
	margin:0 auto;
	text-align:center;
	padding: 20px 0;
	line-height:120%;
	font-size:15px;
}
.gift1_border {
	width:100%;
	margin:0 auto 20px auto;
	border-bottom:3px #EF957E solid;
}

.img {
	width:100%;
}

.text1 {
	color:#EF957E;
}

.store {
	width:60%;
	margin: 10px auto 40px auto;
}

.comment{
	width:85%;
	margin:10px auto 20px auto;
}

.comment1{
	width:110px;
	float:left;
	font-size:12px;
	color:#EF957E;
	text-align:left;
}

.comment2{
	width:82%;
	margin:2% auto 0 auto;
	font-size:12px;
	text-align:center;
}

.comment2_img{
	width:30%;
	margin: 0 1% 6% 0;
	float:left;
}

.comment2 img{
	padding-bottom:10px;
}

.btn_box{
	margin: 7% auto;
	text-align:center;
}
.btn_l{
	background-color: #EF957E;
	color: #FFFFFF;
	text-align: center;
	padding:10px;
}
.btn_r{
	margin:0 auto;
	padding:3% 0 0 0;
	width:15%;
}

.link{
	width:75%;
	margin: 20px auto;
}

.linkL{
	float:left;
	width:80%;
}

.linkR{
	float:right;
	width:20%;
}


.foot{
	width:100%;
	margin: 20px auto;
	border-bottom:3px #EF957E solid;
}

.foot_img{
	width:100%;
	margin:0 auto;
	text-align:center;
}
.foot_img01{
	width:30%;
	float:left;
	border-right:#ffffff solid 1px;
	    margin: 5% 0;
}

.foot_img01:last-child {
	border:none;
}

.yakkan{
	width: 85%;
	line-height: 1.5em;
	margin: 3% auto 0 auto;
	font-size:0.9em;
}

.yakkan h3{
	text-align:center;
	font-weight:bold;
	padding-bottom:20px;
}

.yakkan p{
	line-height:140%;
	padding-bottom:10px;
}

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

.mar_T20 {margin: 20px 0px 0px 0px;}
.mar_TB20 {margin: 20px 0px 20px 0px;}
.mar_T5B10 {margin: 5px 0px 10px 0px;}
.mar_T15R10 {margin: 15px 10px 0px 0px;}
.mar_L20 {margin: 0px 0px 0px 20px;}
.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_R20 {margin: 0px 20px 0px 0px;}
.mar_RB6 {margin: 0px 6px 6px 0px;}
.mar_L250 {margin: 0px 0px 0px 250px;}
.mar_L225B40 {margin: 0px 0px 40px 225px;}
.pad_T65L90 {padding: 65px 0px 0px 90px;}

.ft120 {font-size: 120%;}
.ft_bd {font-weight: bold;}


.bg_01{
	background-image: url(img/bg_image.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}
.txt_box{
	width: 60%;
	font-size: 85%;
	line-height: 1.5em;
	margin: 30px auto 0px auto;
}
.txt_box p{
	margin: 0px 0px 1.3em 0px;
}
table{
	width: 100%;
	line-height: 1.5em;
	text-align: left;
	vertical-align: top;
	border-collapse: collapse;
}
table td{
	padding: 10px 10px 10px 10px;
	border-collapse: collapse;
	border: 1px #333 solid;
}
table tr{
	margin: 0px 0px 15px 0px;
}
.bg01{
	background-color: #DDD;
	color: #333;
	text-align: center;
}


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

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

#entire {
	padding:0;position: relative;
    min-height: 100%; 
    height: auto !important;
    height: 100%
}
.btn_01{
	background-color: #EF957E;
	color: #FFFFFF;
	text-align: center;
	width:503px;
	padding:10px;
	margin:0 auto;
}


@media only screen and (max-width: 640px) {
.store {
	width:85%;
	margin: 10px auto 40px auto;
}
.comment{
	width:85%;
	margin:10px auto 20px auto;
}

.comment1{
	width:100%;
	font-size:12px;
	color:#EF957E;
	text-align:left;
}

.comment2{
	width:100%;
	font-size:12px;
	text-align:left;
}

/*.comment2_img{
	width:60%;
	margin: 0px 20% 10px 20%;
}

*/

.btn_box{
	width:100%;
	margin: 20px auto;
}
.btn_l{
	margin: 0 0 3% 0;
}
.btn_r{
	width:30%;
	margin: 0 35%;
}


.foot_img{
	width:50%;
	margin:0 auto;
	text-align:center;
}


.foot_img01{
	width:100%;
	border-bottom:#ededed solid 1px;
	border-right:none;
}

.foot_img01:last-child {
	border-bottom:#ffffff!important;
}


.btn_01{
	background-color: #EF957E;
	color: #FFFFFF;
	text-align: center;
	width:90%;
	padding:5%;
}
}
/*ヘッダー
----------------------------------------------------------------*/



#header1 {
	width: 100%;
	min-width: 960px;
	position: relative;
	background-color: #FFF;
	background-image: url(img/base/header_bg.gif);	
	background-repeat: repeat-x;
	background-position: center bottom;
}

#header h1 {
	float:left;
	padding: 13px 30px 13px 20px;
	}


#header_btn_l,
#header_btn_r {
	margin-top:13px;
	}

#header_btn_l {
	float:left;
	vertical-align:middle;
	}

#header_btn_l li {
	float:left;
	/*margin-right:13px;*/
	margin-right:13px;
	}


#header_btn_r {
	float:right;
	padding-right: 2px;
	}
#header_btn_r li {
	float:left;
	margin-right:13px;
	}


#header_btn_r li.social {
	margin-right:3px;
	margin-top:7px;
	}

.leftbtn {
	width:349px;
	float:left;
	margin:1px 15px 0 93px;
}

.rightbtn{
	width:349px;
	float:left;
	margin:1px 0 0 0;
}

.leftbtn2 {
	width:349px;
	float:left;
	margin:3px 15px 0 93px;
}

.rightbtn2{
	width:349px;
	float:left;
	margin:3px 0 0 0;
}

.centerbtn {
	text-align:center;
	margin:0 0 0 1px;
}

.size {
	text-align:center;
	margin:20px 0 30px 0;
}

.period {
	width:900p;
	height:85px;
	background:url(img/d12.jpg) no-repeat;
}

.inquiry {
	text-align:center;
	padding:45px 0 0 0;
}

#footer_copyright {
position: absolute;
bottom: 0;
width: 100%;
height: 80px;
background-image: url(/common/img/base/bg_navy.gif);
background-position: center center;
background-color: #05344F;
}

.clear {
 clear:both;
}
a:link { color: #555555;text-decoration: none; }
a:visited { color: #555555;text-decoration: none; }
a:hover { color: #888888; text-decoration: none;}
a:active { color: #555555; text-decoration: none;}
