@charset "shift_jis";

@import "/styles/import_sp.css";
@import "/inc/css/recommend_style.css";

/*’²�®—pCSS*/
@import "/common/css/adjust.css";

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

	Common

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

body {
	background: #fff;
}
h2{
	border: none;
	margin-bottom:18px;
	padding-top:25px;
	font-size: 14px;
}
a.alpha img:hover{
	opacity: 0.8;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
}
img { vertical-align: top; }
.mt15 { margin-top: 15px !important;}
.mt25 { margin-top: 25px !important;}
.mt40 { margin-top: 40px !important;}

.mb05 { margin-bottom: 5px !important;}
.mb10 { margin-bottom: 10px !important;}
.mb15 { margin-bottom: 15px !important;}
.mb20 { margin-bottom: 20px !important;}
.mb25 { margin-bottom: 25px !important;}
.mb30 { margin-bottom: 30px !important;}
.mb50 { margin-bottom: 40px !important;}

.ac{ text-align:center;}
.txt_red{ color:#ff2f66; font-weight:bold; font-size:14px;}

/* =========================================================
 #MAIN
 ========================================================= */
#MAIN {
	width:860px;
	font-family:"ƒ�ƒCƒŠƒI", "Meiryo", verdana, "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", Sans-Serif;
	line-height:1.6;
	margin:0 auto;
	margin-top:20px;
}
#MAIN h3 {
	border: none;
	background: none;
	padding: 0;
}

#MAIN h3.entry {
	margin: 0 auto;
	width: 820px;
}
#MAIN .sample {
	margin: 0 auto 50px;
	text-align: center;
	width: 698px;
}
/* wrapper
--------------------------------------------------------- */
#wrapper{
	width: 860px;
	margin:0 auto;
}

/* main_area
--------------------------------------------------------- */
#main_title {
	width: 860px;
	position:relative;
	background:url(../images/mv_bg.jpg) left top no-repeat;
	height:350px;
	margin-bottom:30px;
}
#main_title h3{
	position:absolute;
	top:22px;
	left:75px;
}
#main_title div.main_btn{
	position:absolute;
	top:213px;
	right:10px;
}
#main_title p.main_txt{
	position:absolute;
	top:318px;
	right:20px;
	font-size:12px;
}

/* news_area
--------------------------------------------------------- */
#news_area{
	width:860px;
	background:url(../images/news_bg.jpg) left top repeat-y;
	margin-bottom:30px;
}
.news_box{
	width:800px;
	padding-left:26px;
	padding-right:34px;
	margin-top:15px;
	overflow:hidden;
	border-bottom:#fff5a6 6px solid;
	padding-bottom:6px;
	font-size: 13px;
}

.news_box dt{
	float:left;
	width:304px;
	margin-bottom:20px;
}
.news_box dd{
	float:right;
	width:474px;
}
.news_box dd h5,
.news_box dd p{
	margin-bottom: 1.5em;
}
.news_box dd p.btn{
	text-align: right;
	margin-bottom: 20px;
}

/* otoku_area
--------------------------------------------------------- */
#otoku_area{
	width:860px;
	height:266px;
	margin-bottom:30px;
	text-align:center;
	background:url(../images/otoku_bg.gif) left top no-repeat;
}
#otoku_area h4{ padding-top:26px;}
#otoku_area p{ margin-top:2px;}

/* camplist_area
--------------------------------------------------------- */
#camplist_area{
	width:848px;
	border:#ffec53 6px solid;
	background:#fff9cc;
	text-align:center;
	padding-bottom:30px;
}
#camplist_area h4{ margin-top:20px;}