@charset "UTF-8";

/*------------------------------------------------------------
	デフォルトスタイル
------------------------------------------------------------*/
html, body, div, span, figure, img, fieldset,
a, h1, h2, h3, h4, h5, h6, p, blockquote,
pre, small, strong, dl, dt, dd, ol, ul, li,
table, caption, tbody, tfoot, thead, tr, th, td{
	background:transport;
	margin:0;
	padding:0;
	border:none;
	outline:none;
}

header,hgroup,nav,article,
section,aside,figure,footer{
	display:block;
}

ol, ul{
	list-style: none;  
}

html{
 
}
h3{

}
h4{
	font-size:130%;
	padding-top:3%;
	padding-bottom:5%;
	border-bottom: 2px solid #e2e2e2;
	}
	
h2{
	font-size:130%;
	padding-top:5%;
	padding-bottom:10%;
}

/*------------------------------------------------------------
	レイアウト
------------------------------------------------------------*/
body{
	color: #333333;
    font-family: "MS PGothic","Hiragino Kaku Gothic Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro W3","ヒラギノ丸ゴ Pro W4","Hiragino Maru Gothic Pro W4","Helvetica","Verdana",sans-serif;
	letter-spacing: 1px;
	margin: 0;
	padding: 0;
	background-color: #ffffff;
	font-size:75%;
	line-height: 20px;
}

/*==========================================================

						リンク設定

==========================================================*/

a:link {
    color: #b48d32;
    text-decoration: underline;
}
a:hover {
    color: #b48d32;
    text-decoration: none;
}
a:active {
    color: #b48d32;
}
a:hover img {
    opacity: 0.8;
}
a:visited {
    color: #d4c9ab;
}



/*------------------------------------------------------------
	ヘッダー
------------------------------------------------------------*/
.header{
	width:100%;
	overflow:hidden;
	padding-bottom:10%;
	border-bottom: 1px solid #d6d6d6;
	
}


.logo {
padding-top:5%;	
padding-bottom:5%;	
}

#header_box1st_right {
    color: #ffffff;
    float: right;
    width: 210px;
	padding-top:3%;
}
#header_box1st_right ul {
    float: right;
    margin: 0;
    padding: 5px 0 0;
}
#header_box1st_right li {
    border-left: 1px dotted #cccccc;
    float: left;
    font-size: 10px;
    font-weight: bold;
    margin: 0;
    padding: 0 15px 0 10px;
    text-decoration: none;
}
#header_box1st_right li a:link {
    color: #6fba2c;
    text-decoration: none;
}
#header_box1st_right li a:hover {
    color: #6fba2c;
    text-decoration: underline;
}
#header_box1st_right li a:active {
    color: #6fba2c;
}
#header_box1st_right li a:visited {
    color: #6fba2c;
}

nav{
	float:left;
	padding-top:5px;
	padding-left:0px;
	
}

.mainlogo{
	margin-top:-25%;
	position:absolute;
	padding-bottom:10%;
	margin-bottom:20%;	
	}

.camp{
	padding-top:50px;
	padding-bottom:20px;
	}
	
.header_web{
	margin: 0px;
	padding: 0px;
	background-color: #6fba2c;
}	
.header_web ul{
	margin: 0px;
	padding: 0px;
}
.header_web li{
	margin: 0px;
	padding: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #549c14;
}

.bestrate{
margin: 0px;
	padding: 0px;
	background-color: #111111;
}	

nav a { background: #6fba2c; color: #ffffff; display: block; float: left; font-size: 13px; line-height: 40px; margin: 10px 1px 0 0; padding: 0 20px;}
nav a:link{
	color: #ffffff;
	text-decoration: none;
}


nav a:active {
color: #ffffff;
    }


nav a:visited {
color: #ffffff;
} 


nav a:hover { }
	@media screen and (max-width: 740px) {
    nav a { float: none; margin: 0 0 1px 0; width: 100%; }
	
	
.naver.active .naver-wrapper {
	width:100%;
	position:absolute;
	z-index:1;
	padding-top:20px;
	}
	
}	



/*==========================================================

					gnav

==========================================================*/

#gnav {
	width: 100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding:0px;
	clear:both;

}
#gnav ul {
	width: 100%;
	margin: 0 auto;
	padding:0px;
}
#gnav ul li {
	float: left;
	
	padding:0px;
	margin:0px;
	width:20%;
	
}

/*==========================================================

					contents

==========================================================*/



.concept_top{
	padding-top:20px;
	padding-bottom:60px;
	text-align:center;
	}

.concept_top p.copy{
	padding-top:20px;
	padding-bottom:20px;
	}


.menu_top{
	padding-top:20px;
	padding-bottom:70px;
	}

.h2_title{
	padding-bottom:10%;
	}
	
.menu_top h3{
padding-top:5%;
	padding-bottom:5%;
	}


.menu_top_block{
padding-bottom:15%;
}



.info_top{
	padding-bottom:70px;
}


.info_box table {
    border-top: 1px dotted #D4CDBB;
    text-align: left;
}
.info_box table td {
    border-bottom: 1px dotted #D4CDBB;
    padding-bottom: 25px;
    padding-left: 15px;
    padding-top: 25px;
}


.txt{
    border-bottom: 1px dotted #D4CDBB;
    padding-bottom: 5%;
    padding-left: 5%;
	padding-right: 5%;
    padding-top: 5%;
	width: 70%;
}
.day {
border-bottom: 1px dotted #D4CDBB;
    padding-bottom: 25px;
    color: #6FBA2C;
    font-weight: bold;
    width: 20%;
	padding-top: 5%;
}
.btn_infomore {
border-bottom: 1px dotted #D4CDBB;
    padding-bottom: 25px;
    width: 10%;
	padding-top: 5%;
	
}


p.icon_info {
    background: #222222 none repeat scroll 0 0;
    border-radius: 5px;
    color: #ffffff;
    display: block;
    float: left;
    font-size: 15px;
    height: 15px;
    left: 0;
    margin-bottom: 5px;
    margin-right: 30px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    top: 0;
    width: 75px;
	clear:both;
}



.access_top{
	padding-bottom:70px;
	text-align:center;
}

.access_txt{
padding-top:30px;
	padding-bottom:50px;
	text-align:center;
}


.access_top p{
	padding-bottom:5%;
	text-align:center;
}



.atmosphere_top{
	padding-bottom:0px;
	text-align:center;
}





.footer_logo{
	background-color: #f4f4f4;
	margin: 0px;
	padding: 0px;
	padding-top:50px;
	padding-bottom:50px;
	width:100%;
	
}


.footer_logo ul{
padding-left:10%;

width:90%;

}


.footer_logo li{
float:left;
width:25%;
padding-right:8%;
}




.gotoarrow{
padding-top:15%;
padding-bottom:10%;
}




.footer{
	background-color: #b48d32;
	padding-top:3%;
	text-align:center;
	color: #FFFFFF;	
	}

/*------------------------------------------------------------
	コンテンツ
------------------------------------------------------------*/
article{
	width:100%;
	overflow:hidden;
}

.main_title{
padding-top:30px;
padding-bottom:30px;
}

.main_title02{
padding-bottom:20px;
}

.title_space{
padding-bottom:30px;
}
.concept_space{
padding-bottom:40px;
}

.contents{
padding-bottom:60px;
}
.contents_item{
padding-bottom:90px;
text-align:center;
}

.item_space{
padding-top:20px;
padding-bottom:20px;
}



.btn_box{
padding-top:30px;
padding-bottom:30px;
padding-right: 20%;
	padding-left: 20%;
}


.material_space{
padding-bottom:60px;
}


.txt_space{
	padding-right: 8%;
	padding-left: 8%;
	text-align:center;
}




footer{

	text-align:center;
	color:#FCF7F7;
	
}


.sns_list{
	padding-top:20px;
	padding-left:40%;
	padding-bottom:20px;
	}


.sns_list li{
	float:left;
	padding-left:5px;
	}

footer p.copy{
	padding-top:25px;
	padding-bottom:65px;
	
}


.title_footer{
padding-top:0px;
padding-bottom:0px;
}

.txt_footer{
padding-bottom:40px;
}


.space02{
padding-top:40px;
padding-bottom:40px;

}
h3{
padding-bottom:10px;
}





.special_menu_left{
	float:left;
	width:40%;
	padding-right:5%;
	}
	
.special_menu_right{
	float:right;
	width:55%;
	}

.text_red {
	color: #990000;
}








.special_ban_left{
	float:left;
	width:50%;
	
	}
	
.special_ban_right{
	float:right;
	width:50%;
	}