@charset "utf-8";



/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

■1．Voyage BEAUTEページ

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

●カラム設定

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

#section_travel{

	overflow:hidden;

	margin-top:20px;

}



/*左カラム*/

#section_travel #travel_left{

	float:left;

	width:510px;

	padding-right:20px;

}

/*右カラム*/

#section_travel #travel_right{

	float:right;

	width:190px;	

}



/*Voyage BEAUTEタイトル画像*/

#section_travel h2{

	margin-bottom:10px;	

}



/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

●左カラム内容

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

#travel_left .travel_content{

	overflow:hidden;

}



#travel_left h3{

	padding:0 0 10px 15px;

	background:url("../images/title_icon_green.gif") no-repeat left top;

}

#travel_left p.ex_text{

	margin-bottom:20px;	

}



/*内容*/

.travel_photo{

	padding-bottom:10px;	

}

.travel_photo img:after {content: attr(title);}

    

.travel_content {

	clear: both;

	margin-bottom:20px;

}

    

.travel_content > p {

	margin-top: 0px;

}



/*左側で縦長写真*/

.travel_photo {
	float: left;
	width: 187px;
	margin-top: 0;
	margin-right:10px;
	font-size: 75%;
	margin-bottom: 5px;
	color: #666;
}

/*右側で横長写真*/

.travel_photo2 {
	float: right;
	width: 250px;
	margin-top: 0;
	margin-left: 10px;
	font-size: 75%;
	margin-bottom: 5px;
	color: #666;

}

/*左側で横長写真*/

.travel_photo3 {

	float: left;

    width: 250px;

    margin-top: 0;

    margin-right:10px;

    font-size: 75%;
	margin-bottom: 5px;
	color: #666;	

}

/*右側で縦長写真*/

.travel_photo4{

	float:right;

	width:187px;

	margin-top:0;

	margin-left:10px;

	font-size:75%;
	margin-bottom: 5px;	
	color: #666;
}

    

.travel_photo img {

    width: 100%;

    height: auto;

}



/*ページ送り*/

.pagenavi{

	font-size:85%;

	height:25px;

	width: 510px;

	margin-top: 30px;

	margin-bottom: 20px;

}

.pagenavi ul {

	margin:0 auto;

	padding:0 0 1em 0;

	float:right;

}

.pagenavi ul li {

	display:block;

	float:left;

	margin:0 0 0 4px;

	width:2em;

	line-height:1.8em;

	text-align:center;

	border:2px solid #CCC;

	background-color:#ffffff;

	color:#c0c0c0;

	background-color:#f0f0f0;

}

.pagenavi ul li a {

	display:block;

	width:100%;

	background-color:#ffffff;

}

.pagenavi ul li a:hover {

	background-color:#ffe5f7;

}

.pagenavi .dir {

	width:5em;

}



/*宿情報*/

#travel_info{

	overflow:hidden;

	margin-bottom:20px;

	padding:10px;

	border:1px solid #cccccc;

	background:#f0f0f0;

}



#travel_info img{

	float:left;	

}

#travel_info table{

	float:right;

	font-size:75%;

}

#travel_info table caption{

	text-align:left;

	font-size:120%;

	font-weight:bold;

}

#travel_info table th{

	font-weight:normal;

	text-align:left;

}



/*プレゼント*/

#present_area dl{

	background:#aac441;

	color:#FFFFFF;

}

#present_area dl dt{

	background:#aac441 url("../images/present_right_top.gif") no-repeat right top;

}

#present_area dl dd{

	padding:10px;

	border-top:1px solid #FFFFFF;

	background:url("../images/present_foot.gif") no-repeat left bottom;

}

#present_area .present_title{

	padding-right:2px;

}



#present_area a img{

	margin-bottom:2px;	

}



#present_area dd img.present_photo{

	margin-top:10px;	

}



/*コメント欄*/

#coment_area{

	background:url(../images/04/coment_bg01.gif) repeat left top;

	width: 500px;

	padding:5px;

}

#coment_area .coment_main{

	width:500px;

	background:#FFFFFF;

}



#coment_area .coment_main p{

	padding:0 15px 10px 15px;	

}



.coment_main .travel_content{

	width:500px;	

}

/*右側で横長写真*/

.travel_photo_comment {

	float: right;

    width: 250px;

    margin-top: 0;

    margin-left: 5px;

    font-size: 75%;

}



/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

●右カラム内容

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*パワースポット*/

#travel_right #power{

	margin-bottom:20px;

	background:url("../images/powerpoint_bg.gif") repeat-y;	

}



#travel_right #power dl{

	margin:0 10px 15px 10px;	

}



#travel_right #power dl dt{

	font-weight:bold;

}



#travel_right #power dl dt img.icon_power{

	margin-right:10px;	

}



#travel_right #power dl dd{

	font-size:75%;

}



/*プランナー紹介*/

.planner{

	overflow:hidden;

	padding:0 10px;

}



.planner img{

	float:left;

}



.planner_text{

	float:right;

	width:110px;

	padding-left:10px;

	font-size:75%;

}



/*ナビゲーター紹介*/

#navigator{

	overflow:hidden;

	padding:10px;

	border:1px solid #50b817;

	background:#e9f5e2;

}



#navigator img.navigator_photo{

	float:left;	

}



#navigator dl{

	float:right;

	padding-left:0px;

	font-size:75%;

}



#navigator dl dt{

	font-weight:bold;	

}



#navigator dl dd{

	line-height:1.5em;	

}



#navigator p{

	clear:both;

	padding:10px 0;

	font-size:75%;

}

