@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;
}

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

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

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

/* タイトル */
#MAIN h2 {
    width: 860px;
    height: 460px;
    position: relative;
}

#MAIN h2 .lerch {
    position: absolute;
    bottom: -23px;
    right: 0px;
}

#MAIN .catchArea {
    background: url(../images/green_bk.gif);
    padding: 30px;
}

#MAIN .catchArea .catchText {
    font-size: 17px;
    text-shadow: rgba(0,0,0,0.2) 1px 1px 0px;
    line-height: 1.4;
    color: #fff;
}

#MAIN .catchArea .flowArea {
    background: #fff;
    border-radius: 5px;
    margin-top: 20px;
    padding: 20px;
    font-size: 16px;
    line-height: 1.4;
}

#MAIN .catchArea .flowArea h3 {
    color: #c33c43;
}

#MAIN .catchArea .flowArea ol {

}

#MAIN .catchArea .flowArea ol li {
    margin-top: 10px;
    text-indent: -2.0em;
    margin-left: 2.1em;
}

#MAIN .catchArea .flowArea p {
    margin-top: 10px;
}

#MAIN .planInfo {
    margin-top: 40px;
    border: 5px solid #bfe8ee;
    border-radius: 5px;
    background: #faf6de;
    padding: 20px;
    color: #57270a;
    font-size: 16px;
    line-height: 1.4;
	text-shadow: 1px 1px 0px #fff;
	line-height: 1.5;
}

#MAIN .planInfo p.planDay {
	background: #ea5c63;
	color: #fff;
	font-weight: bold;
	text-shadow: rgba(0,0,0,0.2) 1px 1px 0px;
	padding: 15px;
	font-size: 17px;
	margin-top: 15px;
	line-height: 1.7;
}

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

#MAIN .siteArea {
	background: #f7dde1;
	border-radius: 5px;
	margin-top: 50px;
	padding: 15px;
}

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

#MAIN .siteArea .siteIn {
	background: #fff;
	border-radius: 5px;
	margin-top: 10px;
	padding: 15px;
}

#MAIN .siteArea .siteIn .siteL {
	width: 240px;
	float: left;
}

#MAIN .siteArea .siteIn .siteC {
	width: 240px;
	float: left;
	margin-left: 40px;
}

#MAIN .siteArea .siteIn .siteR {
	width: 240px;
	float: right;
}

#MAIN .siteArea .siteIn .siteBox {
	font-size: 14px;
	line-height: 1.4;
	margin-top: 30px;
}

#MAIN .siteArea .siteIn .siteBox:first-child {
	margin-top: 0px;
}

#MAIN .siteArea .siteIn .siteBox .siteTitle {/* 初期緑 */
	background: url(../images/site_title_g.gif) repeat-y;
	padding-left: 22px;
}

#MAIN .siteArea .siteIn .siteBox .siteTitle p {
	color: #92512a;
}

#MAIN .siteArea .siteIn .siteBox .siteTitle h4 {
	color: #1fa17a;
	font-size: 23px;
	font-weight: normal;
	line-height: 1.2;
}

/* 赤 */
#MAIN .siteArea .siteIn .siteBox .siteTitle.titColorR {
	background: url(../images/site_title_r.gif) repeat-y;
}

#MAIN .siteArea .siteIn .siteBox .siteTitle.titColorR h4 {
	color: #e25252;
}

/* 紫 */
#MAIN .siteArea .siteIn .siteBox .siteTitle.titColorV {
	background: url(../images/site_title_v.gif) repeat-y;
}

#MAIN .siteArea .siteIn .siteBox .siteTitle.titColorV h4 {
	color: #a16fc0;
}

/* シアン */
#MAIN .siteArea .siteIn .siteBox .siteTitle.titColorC {
	background: url(../images/site_title_c.gif) repeat-y;
}

#MAIN .siteArea .siteIn .siteBox .siteTitle.titColorC h4 {
	color: #288aca;
}

/* 黄緑 */
#MAIN .siteArea .siteIn .siteBox .siteTitle.titColorL {
	background: url(../images/site_title_l.gif) repeat-y;
}

#MAIN .siteArea .siteIn .siteBox .siteTitle.titColorL h4 {
	color: #98b543;
}

/* ピンク */
#MAIN .siteArea .siteIn .siteBox .siteTitle.titColorP {
	background: url(../images/site_title_p.gif) repeat-y;
}

#MAIN .siteArea .siteIn .siteBox .siteTitle.titColorP h4 {
	color: #e05999;
}

/* オレンジ */
#MAIN .siteArea .siteIn .siteBox .siteTitle.titColorO {
	background: url(../images/site_title_o.gif) repeat-y;
}

#MAIN .siteArea .siteIn .siteBox .siteTitle.titColorO h4 {
	color: #ed8c37;
}

/* 青 */
#MAIN .siteArea .siteIn .siteBox .siteTitle.titColorB {
	background: url(../images/site_title_b.gif) repeat-y;
}

#MAIN .siteArea .siteIn .siteBox .siteTitle.titColorB h4 {
	color: #6474db;
}




#MAIN .siteArea .siteIn .siteBox p.imgArea {
	margin-top: 10px;
}

#MAIN .siteArea .siteIn .siteBox p.textArea {
	font-size: 13px;
	margin-top: 10px;
}

#MAIN .siteArea .siteIn .siteBox p.linkArea {
	background: #f5f2e9;
	border-radius: 3px;
	margin-top: 10px;
	padding: 5px;
}

#MAIN .siteArea .siteIn .siteBox p.linkArea a {
	background: url(../images/point_next_p.png) no-repeat left center;
	padding-left: 20px;
	display: block;
}

#MAIN .siteArea p.orgLink {
	text-align: center;
	font-size: 20px;
	padding-top: 15px;
}

#MAIN .siteArea p.orgLink a {
	background: url(../images/point_next_l.png) no-repeat left center;
	padding-left: 40px;
	line-height: 32px;
	text-shadow: 1px 1px 0px #fff;
}