@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 a:link {
	color:#033fae;
	text-decoration: underline;
}

#MAIN a:visited {
	color:#033fae;
	text-decoration: underline;
}

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

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

#MAIN .mTopZero {
	margin-top: 0 !important;
}

#MAIN .section {
	margin-top: 40px;
}

/* 概要と流れ */
#MAIN .bBox {
	border: 4px solid #da4564;
	padding: 15px;
}

#MAIN .bBox h3 {
	text-align: center;
	background: #da4564;
	padding: 6px 0 10px;
}

#MAIN .bBox .bBoxIn {
	margin-top: 20px;
}

#MAIN .outline.bBox .bBoxIn {
	background: url(../images/line_tate.png) repeat-y center top;
}

#MAIN .outline.bBox .bBoxIn h4 {
	border-bottom: 2px solid #809c11;
	color: #809c11;
	line-height: 1.1;
	padding-bottom: 10px;
	font-size: 21px;
	text-align: center;
}

#MAIN .bBox .bBoxIn h4 span {
	background-color: #ffe34d;
	padding: 0 5px;
	margin-right: 5px;
	border-radius: 3px;
}

#MAIN .bBox .bBoxIn .bBoxInL {
	float: left;
	width: 390px;
}

#MAIN .bBox .bBoxIn .bBoxInR {
	float: right;
	width: 390px;
}

#MAIN .outline.bBox .bBoxIn dl {
	margin-top: 20px;
}

#MAIN .outline.bBox .bBoxIn dl:first-child {
	margin-top: 0px;
}

#MAIN .outline.bBox .bBoxIn dl dt {
	color: #fff;
	background: #809c11;
	border-radius: 3px;
	float: left;
	font-size: 18px;
	line-height: 1.1;
	padding: 5px 7px 4px 7px;
	margin-right: 10px;
}

#MAIN .outline.bBox .bBoxIn dl dd {
	font-size: 15px;
	line-height: 1.6;
	padding: 8px 0 0 0;
	clear: both;
}

#MAIN .outline.bBox .bBoxIn dl dd span {
	color: #da4564;
}

#MAIN .outline.bBox .bBoxIn dl dd em {
	color: #da4564;
	font-weight: bold;
}

#MAIN .outline.bBox .bBoxIn dl dd strong {
	font-size: 20px;
	color: #da4564;
	font-weight: bold;
	line-height: 1.0;
}

#MAIN .outline.bBox .bBoxIn p.kome {
	font-size: 14px;
	margin: 2px 0 0 0;
}

#MAIN .bBox .bBoxIn .bBoxInR h4 {
	color: #6190b8;
	border-bottom: 2px solid #6190b8;
}

#MAIN .bBox .bBoxIn .bBoxInR dl dt {
	background: #6190b8;
}

#MAIN .bBox p.bottomKome {
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	padding: 30px 0 10px;
}

#MAIN .flow.bBox {
	margin-top: 20px;
	border-color: #2a69aa;
}

#MAIN .flow.bBox h3 {
	background-color: #2a69aa;
}

#MAIN .flow.bBox .bBoxIn ol.flowList li {
	font-size: 16px;
	line-height: 24px;
	font-weight: bold;
	padding-left: 30px;
	margin-top: 8px;
}

#MAIN .flow.bBox .bBoxIn ol.flowList li:first-child {
	margin-top: 0px;
}

#MAIN .flow.bBox .bBoxIn ol.flowList li.flow01 {
	background: url(../images/flow_no01.gif) no-repeat left top;
}

#MAIN .flow.bBox .bBoxIn ol.flowList li.flow02 {
	background: url(../images/flow_no02.gif) no-repeat left top;
}

#MAIN .flow.bBox .bBoxIn ol.flowList li.flow03 {
	background: url(../images/flow_no03.gif) no-repeat left top;
}

#MAIN .flow.bBox .bBoxIn ol.flowList li.flow04 {
	background: url(../images/flow_no04.gif) no-repeat left top;
}

#MAIN .flow.bBox .bBoxIn ol.flowList li.flow05 {
	background: url(../images/flow_no05.gif) no-repeat left top;
}

#MAIN .flow.bBox .bBoxIn ol.flowList li span {
	display: block;
	background: url(../images/flow_down.gif) no-repeat left bottom;
	padding-bottom: 25px;
}

#MAIN .flow.bBox .bBoxIn ol.flowList li span strong {
	font-weight: normal;
	color: #f00;
	text-decoration: underline;
	font-size: 15px;
}

#MAIN .flow.bBox .bBoxIn h4 {
	font-size: 18px;
	color: #c83d5a;
	background: url(../images/flow_ten.gif) repeat-x left top;
	padding-top: 20px;
	margin-top: 15px;
}

#MAIN .flow.bBox .bBoxIn ol.aboutList {
	padding-bottom: 5px;
}

#MAIN .flow.bBox .bBoxIn ol.aboutList li {
	font-size: 16px;
	line-height: 1.3;
	padding-left: 28px;
	margin-top: 10px;
}

#MAIN .flow.bBox .bBoxIn ol.aboutList li.flowA {
	background: url(../images/flow_a.gif) no-repeat left top;
}

#MAIN .flow.bBox .bBoxIn ol.aboutList li.flowB {
	background: url(../images/flow_b.gif) no-repeat left top;
}

#MAIN .flow.bBox .bBoxIn p.kome {
	font-size: 13px;
	margin-top: 7px;
}

/* リンク大ボタン */
#MAIN ul.btArea {
	padding-top: 30px;
}

#MAIN ul.btArea li {
	text-align: center;
	margin-top: 5px;
}

/* 基本のボックス */
#MAIN .infoBox {
	padding: 10px;
	border-radius: 3px;
	background: #fff;
	margin-top: 10px;
}

#MAIN .infoBox h4 {
	font-size: 18px;
	color: #146e21;
	line-height: 1.2;
}

#MAIN .infoBox p.mainTxt {
	margin-top: 10px;
	font-size: 13px;
	line-height: 1.5;
}

#MAIN .infoBox p.mainTxt img {
	float: right;
	margin-left: 10px;
}

#MAIN .infoBox p.link {
	margin-top: 10px;
}

#MAIN .infoBox p.link a {
	background: url(../images/point_next.gif) no-repeat left center;
	padding: 0 0 0 22px;
	line-height: 16px;
}

#MAIN .infoBox dl {
	border-radius: 3px;
	background: #f8f0e0;
	padding: 7px 10px;
	text-shadow: 1px 1px 0px #fff;
	font-size: 13px;
	margin-top: 10px;
}

#MAIN .infoBox dl dt {
	color: #6c4007;
	font-size: 14px;
}

#MAIN .infoBox dl dd {
	margin-top: 2px;
}


/* 紅葉三昧 */
#MAIN #contLeaf {
	background: url(../images/leaf_bk.jpg) left top;
	padding: 5px 20px 20px 20px;
}

#MAIN #contLeaf h3 {
	text-align: center;
}

/*
#MAIN #contLeaf .twoBox {
	margin-top: 10px;
}

#MAIN #contLeaf .twoBox .boxLeft {
	width: 380px;
	float: left;
	background: rgba(190, 72, 41, 0.7);
	padding: 10px;
	border-radius: 3px;
}

#MAIN #contLeaf .twoBox .boxRight {
	width: 380px;
	float: right;
	background: rgba(165, 108, 33, 0.7);
	padding: 10px;
	border-radius: 3px;
}
*/

#MAIN #contLeaf .twoBox {
	margin-top: 10px;
	background: rgba(190, 72, 41, 0.7);
	padding: 20px;
	border-radius: 3px;
}

#MAIN #contLeaf .twoBox .boxLeft {
	width: 385px;
	float: left;
}

#MAIN #contLeaf .twoBox .boxRight {
	width: 385px;
	float: right;
}


#MAIN #contLeaf .twoBox p.title {
	font-size: 32px;
	font-weight: bold;
	text-shadow: rgba(0,0,0,0.2) 1px 1px 0px;
	text-align: center;
	color: #fff;
	padding-top: 5px;
}

/* グルメ三昧 */
#MAIN #contGourmet {
	background: url(../images/gourmet_bk.gif) left top;
	padding: 5px 20px 20px 20px;
}

#MAIN #contGourmet h3 {
	text-align: center;
}

#MAIN  #contGourmet .infoBox h4 {
	text-align: center;
	font-size: 23px;
}

#MAIN #contGourmet .oneBox {
	margin-top: 10px;
	background: rgba(190, 72, 41, 0.7);
	padding: 20px;
	border-radius: 3px;
}

#MAIN #contGourmet .oneBox .gourmetGP {
	margin-top: 0;
	
}

#MAIN #contGourmet .oneBox .gourmetGP .txtArea {
	width: 530px;
	float: left;
}

#MAIN #contGourmet .oneBox .gourmetGP img {
	float: right;
	margin-top: 10px;
}

#MAIN #contGourmet .oneBox .umaimon .thBoxW {
	margin-top: 10px;
}

#MAIN #contGourmet .oneBox .umaimon .thBoxW .thBox {
	width: 240px;
	float: left;
	text-align: center;
	margin-right: 20px;
}

#MAIN #contGourmet .oneBox .umaimon .thBoxW .thBox.boxRight {
	margin-right: 0;
}

#MAIN #contGourmet .oneBox .umaimon .thBoxW .thBox h5 {
	font-size: 15px;
	margin-top: 15px;
}

#MAIN #contGourmet .oneBox .umaimon .thBoxW .thBox p {
	margin-top: 5px;
	font-size: 13px;
	line-height: 1.5;
	text-align: left;
}

/* イベントカレンダー（雪三昧） */
#MAIN #contEvent {
	background: url(../images/snow_bk.jpg) left top;
	padding: 5px 20px 20px 20px;
}

#MAIN #contEvent h3 {
	text-align: center;
}

#MAIN #contEvent .twoBox {
	margin-top: 10px;
	background: rgba(119, 92, 148, 0.7);
	padding: 20px;
	border-radius: 3px;
}

#MAIN #contEvent .twoBox .boxLeft {
	width: 385px;
	float: left;
}

#MAIN #contEvent .twoBox .boxRight {
	width: 385px;
	float: right;
}

#MAIN  #contEvent .infoBox h4 {
	color: #2330af;
}

#MAIN #contEvent p.evList {
	margin-top: 15px;
	text-align: center;
}

#MAIN #contEvent .infoBox p.doubleImg {
	margin-top: 5px;
}

/* 旬な観光地 */
#MAIN #contTourist {
	background: url(../images/tourist_bk.gif) left top;
	padding: 5px 13px 13px 13px;
}

#MAIN #contTourist h3 {
	text-align: center;
}

#MAIN #contTourist .threeBox {
	overflow: hidden;
	padding-bottom: 10px;
}

#MAIN #contTourist .threeBox .infoBox {
	width: 251px;
	float: left;
	margin-right: 10px;
	padding-bottom: 32768px;
	margin-bottom: -32768px;
}

#MAIN #contTourist .threeBox .infoBox.boxEnd {
	margin-right: 0px;
}

#MAIN #contTourist .threeBox p.doubleImg {
	text-align: center;
	margin-top: 10px;
}

#MAIN #contTourist .threeBox .infoBox h4 {
	font-size: 16px;
	letter-spacing: 0px;
}

#MAIN #contTourist .threeBox .infoBox.kiku p.mainTxt {

}


/* プロジェクト */
#MAIN #contProject {
	background: url(../images/project_bk.gif) left top;
	padding: 5px 13px 13px 13px;
}

#MAIN #contProject .threeBox {
	overflow: hidden;
	padding-bottom: 10px;
}

#MAIN #contProject .threeBox .infoBox {
	width: 251px;
	float: left;
	margin-right: 10px;
	padding-bottom: 32768px;
	margin-bottom: -32768px;
}

#MAIN #contProject .threeBox .infoBox.boxEnd {
	margin-right: 0px;
}

#MAIN #contProject .threeBox .infoBox h4 {
	font-size: 16px;
	letter-spacing: -1px;
}

#MAIN #contProject .threeBox  p.mainTxt img {
	margin: 0 20px;
}

/* 事務局 */
#MAIN #jimInfo {
	margin-top: 20px;
}

#MAIN #jimInfo .bBox {
	border-color: #763f17;
}

#MAIN #jimInfo .bBox h3 {
	background-color: #763f17;
	color: #fff;
	font-size: 25px;
	padding-top: 10px;
}

#MAIN #jimInfo .bBox p.address {
	padding: 20px 20px 0 20px;
	font-size: 15px;
	line-height: 1.5;
}

#MAIN #jimInfo .bBox p.search {
	padding: 10px 20px 20px 20px;
}