@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:#2694c8;
}

#MAIN a:visited {
	color:#2694c8;
}

#MAIN a:hover {
	color:#dc557b;
	text-decoration: none;
}

#MAIN a:active {
	color:#dc557b;
	text-decoration: none;
}

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

#MAIN h4 {
	font-size: 30px;
	color: #e35d5d;
	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/linkpoint_g.gif) no-repeat left center;
	padding-left: 20px;
	font-size: 16px;
}

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


/* ========================================== 
	佐渡のおすすめフード♪
========================================== */
#MAIN .ctFood {
	background: url(../images/food_bk_top.png) no-repeat left top, url(../images/food_bk.gif);
	padding: 25px 0;
	text-shadow: 1px 1px 0px #fff;
}

#MAIN .ctFood ul li {
	float: left;
	width: 390px;
	margin: 25px 0 0 25px;
}

#MAIN .ctFood ul li img {
	float: left;
}

#MAIN .ctFood ul li .foodText {
	float: right;
	width: 160px;
	padding-top: 15px;
}

#MAIN .ctFood ul li.foodBuri {
	width: 440px;
	margin-top: 10px;
}

#MAIN .ctFood ul li.foodBuri img {
	float: right;
}

#MAIN .ctFood ul li.foodBuri .foodText {
	float: left;
	width: 210px;
}

#MAIN .ctFood ul li.foodBuri .foodText h4 {
	text-align: right;
	padding-top: 20px;
}

#MAIN .ctFood ul li.foodKaki {
	width: 345px;
	margin-top: 10px;
}

#MAIN .ctFood ul li.foodKaki img {
	float: right;
}

#MAIN .ctFood ul li.foodKaki .foodText {
	float: left;
	width: 120px;
}

#MAIN .ctFood ul li.foodKaki .foodText h4 {
	text-align: right;
	padding-top: 30px;
}

/* ========================================== 
	見どころ♪
========================================== */
#MAIN .ctMid {
	background: url(../images/mid_bk_top.jpg) no-repeat left top, url(../images/mid_bk_bottom.jpg) no-repeat left bottom;
	padding: 25px 0;
}

#MAIN .ctMid ul {
	width: 245px;
	margin: 0 20px;
	float: left;
}

#MAIN .ctMid ul li {
	margin-top: 15px;
}

#MAIN .ctMid ul li h4 {
	color: #fff;
	background: url(../images/mid_stitle_bk.gif);
	text-shadow: rgba(0,0,0,0.2) 1px 1px 0px;
	border-radius: 3px;
	text-align: center;
	padding: 3px 0 0px;
	letter-spacing: 5px;
}

#MAIN .ctMid ul li img {
	border-radius: 3px;
}

#MAIN .ctMid ul li p {
	text-shadow: 1px 1px 0px #fff;
}

/* ========================================== 
	ぶらりと散策♪
========================================== */
#MAIN .ctBura {
	background: url(../images/bura_bk_top.png) no-repeat left top, url(../images/bura_bk.gif);
	padding: 25px 0;
	text-shadow: 1px 1px 0px #fff;
}

#MAIN .ctBura ul li {
	width: 400px;
	float :left;
	margin: 20px 0 0 20px;
}

#MAIN .ctBura ul li img {
	border-radius: 3px;
	float: left;
}

#MAIN .ctBura ul li .buraText {
	width: 170px;
	float: right;
}

#MAIN .ctBura ul li .buraText h4 {
	color: #0e6eb8;
}

#MAIN .ctBura ul li .buraText p a:link {
	color:#e73574;
}

#MAIN .ctBura ul li .buraText p a:visited {
	color:#e73574;
}

#MAIN .ctBura ul li .buraText p a:hover {
	color:#dc557b;
}

#MAIN .ctBura ul li .buraText p a:active {
	color:#dc557b;
}

#MAIN .ctBura ul li:nth-child(2n+1) {
	clear: both;
}

#MAIN .ctBura ul li.seisui .buraText p {
	line-height: 1.3
}

/* ========================================== 
	Let's 佐渡体験♪
========================================== */
#MAIN .ctTai {
	background: url(../images/tai_bk.gif);
	padding: 0 0 10px;
	text-shadow: rgba(0,0,0,0.2) 1px 1px 0px;
	position: relative;
}

#MAIN .ctTai h3 {
	position: absolute;
	top: 25px;
	left: 0px;
	z-index: 1000;
}

#MAIN .ctTai h4 {
	color: #ebdea9;
	background: #b71744;
	border-radius: 3px;
	display: inline-block;
	padding: 3px 5px 0;
}

#MAIN .ctTai p {
	color: #fff;
}

#MAIN .ctTai .taiBox .taiLeft {
	width: 506px;
	float: left;
}

#MAIN .ctTai .taiBox .taiLeft .okesaBox {

}

#MAIN .ctTai .taiBox .taiLeft .okesaBox img {
	position: absolute;
	top: 336px;
	left: 0px;
	z-index: 500;
}

#MAIN .ctTai .taiBox .taiLeft .okesaBox .okesaText {
	float: left;
	width: 190px;
	margin: 15px 0 0 305px;
}

#MAIN .ctTai .taiBox .taiRight {
	width: 354px;
	float: left;
}

#MAIN .ctTai .taiBox .taiRight .taiTextBox {
	padding: 15px;
}

#MAIN .ctTai .taiBox .taiRight .taiTextBox.boxBottom {
	text-align: right;
}

#MAIN .ctTai p a:link {
	color:#ebdea9;
}

#MAIN .ctTai p a:visited {
	color:#ebdea9;
}

#MAIN .ctTai p a:hover {
	color:#ccc;
}

#MAIN .ctTai p a:active {
	color:#ccc;
}