@charset "shift_jis";

@import "/styles/import_sp.css";
@import "/inc/css/recommend_style.css";
@import "http://rurubu.travel/sns/css/snsButtons.css";

/*調整用CSS*/
@import "/common/css/adjust.css";

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

	Common

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

body { 
	background: #FFFFFF;
	} 

h2{ 
/*	border: none; 
	margin-bottom:18px;
	padding-top:25px;
	font-size: 14px;
*/	}


/* clearfix */
.clearfix:after {
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}

/* IE6 hack */
* html .clearfix {
	height: 1%;
}

/* IE7 hack */
*:first-child+html .clearfix {
	min-height: 1%;
}

#MAIN h3 {
	background: none;
	border: none;
	padding: 0;
}

#MAIN .button:hover {
	filter: alpha(opacity=70);
	opacity:0.7;
}

/* ========================================== 
	レイアウト
========================================== */
#MAIN {

}

#MAIN a:link {
	color:#033fae;
}

#MAIN a:visited {
	color:#033fae;
}

#MAIN a:hover {
	color:#dc557b;
}

#MAIN a:active {
	color:#dc557b;
}

#MAIN p {
	font-size: 14px;
	line-height: 1.6;
	margin-top: 10px;
}

#MAIN h4 {
	font-size: 25px;
	color: #b41947;
	font-weight: normal;
	line-height: 1.2;
}

#MAIN h5 {
	font-size: 20px;
	color: #6166a9;
	font-weight: normal;
	line-height: 1.2;
}

#MAIN .btArea {
	text-align: center;
	margin-top: 30px;
}

#MAIN a.linkTxt {
	background: url(../images/point_next_p.png) no-repeat left center;
	padding-left: 20px;
}

/* タイトル */
#MAIN .titleArea p {
	margin-top: 0;
}


/* エリアボックス（直江津） */
#MAIN .areaBox {
	margin-top: 90px;
	background: url(../images/nao_bk.gif);
	text-shadow: 1px 1px 0px #fff;
}

#MAIN .areaBox h3 {
	text-align: center;
}

#MAIN .areaBox h3 img {
	margin-top: -50px;
}

#MAIN .areaBox .areaIn {
	padding: 10px 20px 20px;
}

#MAIN .areaBox .areaIn .aquaTop {

}

#MAIN .areaBox .areaIn .aquaTop .aquaLeft {
	width: 460px;
	float: left;
}

#MAIN .areaBox .areaIn .aquaTop .aquaLeft .aquaLeftIn .aquaTxt {
	width: 190px;
	float: left;
}

#MAIN .areaBox .areaIn .aquaTop .aquaLeft .aquaLeftIn .aquaImg {
	float: right;
}

#MAIN .areaBox .areaIn .aquaTop .aquaLeft p.ontai {
	margin-top: 30px;
}

#MAIN .areaBox .areaIn .aquaTop .aquaRight {
	width: 341px;
	float: right;
	padding-top: 30px;
}

#MAIN .areaBox .areaIn .aquaBottom {
	margin-top: 10px;
}

#MAIN .areaBox .areaIn .aquaBottom p.penImg {
	float: left;
}

#MAIN .areaBox .areaIn .aquaBottom .penTxt {
	float: right;
	width: 470px;
	padding-top: 30px;
}

#MAIN .areaBox .areaIn .naoBottom {
	padding-top: 20px;
}

#MAIN .areaBox .areaIn .naoBottom .beach {
	width: 400px;
	float: left;
	background: url(../images/ten.png) repeat-x left top;
	padding-top: 20px;
}

#MAIN .areaBox .areaIn .naoBottom .fish {
	width: 400px;
	float: right;
	background: url(../images/ten.png) repeat-x left top;
	padding-top: 20px;
}

/* 高田エリア */
#MAIN .areaBox.areaTak {
	background: url(../images/tak_bk.gif);
}

#MAIN .areaBox.areaTak .areaIn .takJk {
	padding: 10px 20px 20px;
	background: #fff;
	border-radius: 3px;
	margin-top: 30px;
}

#MAIN .areaBox.areaTak .areaIn .takJk h4 {
	text-align: center;
}

#MAIN .areaBox.areaTak .areaIn .takJk h4 img {
	margin-top: -30px;
}

#MAIN .areaBox.areaTak .areaIn .takJk ul.mapArea {
	margin-top: 10px;
}

#MAIN .areaBox.areaTak .areaIn .takJk ul.mapArea li {
	float: left;
}

#MAIN .areaBox.areaTak .areaIn .takJk ul.mapArea li.route {
	float: right;
}

#MAIN .areaBox.areaTak .areaIn .takJk .takJkBottom {
	text-shadow: none;
}

#MAIN .areaBox.areaTak .areaIn .takJk .takJkBottom ul {
	width: 240px;
	float: left;
	margin-left: 30px;
}

#MAIN .areaBox.areaTak .areaIn .takJk .takJkBottom ul:first-child {
	margin-left: 0;
}

#MAIN .areaBox.areaTak .areaIn .takJk .takJkBottom ul li {
	background: url(../images/ten.png) repeat-x left top;
	padding-top: 20px;
	margin-top: 20px;
}

#MAIN .areaBox.areaTak .areaIn .takJk .takJkBottom ul li h4 {
	text-align: left;
}

#MAIN .areaBox.areaTak .areaIn .takJk .takJkBottom ul li h4 span {
	border-radius: 3px;
	font-size: 23px;
	background: #b41947;
	padding: 5px 8px 4px;
	color: #fff;
	line-height: 1.0;
	display: inline-block;
	margin-right: 5px;
	float: left;
}

/* 春日山エリア */
#MAIN .areaBox.areaKas {
	background: url(../images/kas_bk.gif);
}

#MAIN .areaBox.areaKas .areaIn {

}

#MAIN .areaBox.areaKas .areaIn .boxL {
	width: 400px;
	float: left;
}

#MAIN .areaBox.areaKas .areaIn .boxL ul {
}

#MAIN .areaBox.areaKas .areaIn ul li p img {
	float: right;
	margin-left: 10px;
}

#MAIN .areaBox.areaKas .areaIn .boxL ul li.omotenas {
	background: url(../images/ten.png) repeat-x left top;
	padding-top: 20px;
	margin-top: 20px;
}

#MAIN .areaBox.areaKas .areaIn .boxL ul li.omotenas .omoText {
	float: left;
	width: 260px;
}

#MAIN .areaBox.areaKas .areaIn .boxL ul li.omotenas img.omoteImg {
	float: right;
}

#MAIN .areaBox.areaKas .areaIn .boxL ul li.omotenas p.busyoLink {
	clear: both;
	padding-top: 10px;
}

#MAIN .areaBox.areaKas .areaIn .boxR {
	width: 400px;
	float: right;
}

#MAIN .areaBox.areaKas p.omoteBt {
	margin-top: 0;
	padding: 0 20px 20px;
}

/* アクセス情報 */
#MAIN .accessBox {
	background: url(../images/access_bk.gif);
	border-radius: 5px;
	padding: 10px;
	margin-top: 40px;
}

#MAIN .accessBox h3 {
	text-align: center;
	color: #fff;
	text-shadow: rgba(0,0,0,0.3) 2px 2px 0px;
	font-size: 40px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	padding: 10px 0;
}

#MAIN .accessBox .acBox {
	border-radius: 5px;
	padding: 20px;
	margin-top: 10px;
	background: #fff;
}

#MAIN .accessBox .acBox .acTxt {
	width: 560px;
	float: left;
}

#MAIN .accessBox .acBox .acTxt p.ex {
	background: #fff2f4;
	color: #0a88c2;
	border-radius: 5px;
	text-shadow: 1px 1px 0px #fff;
	padding: 5px 10px;
	display: inline-block;
	font-size: 16px;
}

#MAIN .accessBox .acBox .acImg {
	width: 220px;
	float: right;
	text-align: center;
}

/* その他エリア */
#MAIN .areaBox.areaOth {
	background: url(../images/oth_bk.gif);
}

#MAIN .areaBox.areaOth .areaIn {

}

#MAIN .areaBox.areaOth .areaIn ul {
	width: 400px;
	float: left;
}

#MAIN .areaBox.areaOth .areaIn ul.listR {
	float: right;
}

#MAIN .areaBox.areaOth .areaIn ul li {
	background: url(../images/ten.png) repeat-x left top;
	padding-top: 20px;
	margin-top: 20px;
}

#MAIN .areaBox.areaOth .areaIn ul li:first-child {
	background: none;
	padding-top: 0px;
	margin-top: 0px;
}

#MAIN .areaBox.areaOth .areaIn ul li h4 span {
	font-size: 20px;
	color: #666;
}

/* イベント情報 */
#MAIN .evArea {
	margin-top: 40px;
}

#MAIN .evArea h3 {
	text-align: center;
}

#MAIN .evArea .evAreaIn {
	border: 3px solid #5ecfab;
	background: url(../images/ev_bk.jpg);
}

#MAIN .evArea .evAreaIn ul {
	padding: 20px;
}

#MAIN .evArea .evAreaIn ul li {
	background: url(../images/ten.png) repeat-x left top;
	padding-top: 20px;
	margin-top: 20px;
}

#MAIN .evArea .evAreaIn ul li:first-child {
	background: none;
	padding-top: 0px;
	margin-top: 0px;
}

#MAIN .evArea .evAreaIn ul li .evTxt {
	width: 620px;
	float: right;
}

#MAIN .evArea .evAreaIn ul li img.evImg {
	float: left;
}

#MAIN .evArea .evAreaIn ul li .evTxt h4 span {
	background: #abbfe4;
	color: #fff;
	text-shadow: rgba(0,0,0,0.4) 1px 1px 1px;
	font-weight: bold;
	padding: 4px 10px 2px;
	font-size: 20px;
	display: inline-block;
	border-radius: 3px;
	margin-left: 15px;
}

#MAIN .evArea .evAreaIn ul li .evTxt p.place {
	font-size: 18px;
	color: #c06729;
}

/* ご当地グルメ */
#MAIN .gmArea {
	margin-top: 40px;
	background: url(../images/gou_line.gif) no-repeat left bottom;
	padding-bottom: 40px;
}

#MAIN .gmArea .gmTop {
	margin-top: 30px;
}

#MAIN .gmArea .gmTop .gmBox {
	width: 400px;
	float: left;
}

#MAIN .gmArea .gmTop .gmBox h4 {
	font-size: 40px;
	color: #926234;
	background: url(../images/gou_suru_icon.gif) no-repeat left center;
	padding-left: 50px;
}

#MAIN .gmArea .gmTop .gmBox p.imageBox {
	border: 6px solid #fff;
	box-shadow: rgba(0,0,0,0.2) 0px 0px 5px;
}

#MAIN .gmArea .gmTop .gmBox.megisu {
	float: right;
}

#MAIN .gmArea .gmTop .gmBox.megisu h4 {
	background: url(../images/gou_megi_icon.gif) no-repeat left center;
}

#MAIN .gmArea .lerch {
	margin-top: 30px;
}

#MAIN .gmArea .lerch p.lerchImg {
	width: 107px;
	float: left;
	margin-top: 0;
	padding-top: 10px;
}

#MAIN .gmArea .lerch .lhBox {
	float: left;
	margin-left: 20px;
	width: 380px;
	padding-top: 10px;
}

#MAIN .gmArea .lerch .lhBox h4 {
	font-size: 40px;
	color: #926234;
}

#MAIN .gmArea .lerch p.lhAttent {
	float: right;
	margin-top: 0;
}

/* 協会リンク */
#MAIN p.associLink {
	text-align: center;
	margin: 40px 0;
}

#MAIN p.associLink a {
	font-size: 20px;
	background: url(../images/point_next_l.gif) no-repeat left center;
	padding: 5px 0 5px 40px;
}