@charset "utf-8";
/*
* ★★CSS for PC
*
* @date 2013.10.14
* @author Miura
*/

/* ------------------------------------------

------------------------------------------ */
#widewrapper {
	font-family: 'Lucida Grande','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo,メイリオ,sans-serif;
}
#keyVisual{ height:218px;
position:relative;
clear:both;
}
#keyVisual h1{
	background-image: url(https://img.travel.rakuten.co.jp/mail/photo/images/keyvisual.jpg);height:218px;
}
#keyVisual h1 img{
    left: 222px;
    position: absolute;
    top: 72px;
}
#contentsArea a:visited:hover,
#contentsArea a:link:hover,
#contentsArea a:visited:active,
#contentsArea a:link:active{ text-decoration: none;}
ul,li{ list-style:none;}
em{ font-style:normal;}
#contentsArea a:link, #contentsArea a:visited {
    text-decoration: none;
	}
#contents .pagetop{
	clear: both;
	text-align: right;
	font-size: 82%;
	margin-bottom:2em
}
#contents .pagetop a{
	color:#333333;
    text-decoration: none;

}

/* ------------------------------------------
top
------------------------------------------ */
#contentsArea #contents .sp{ display:none;}
#contentsArea  #contents{ margin:0; width:950px; background:#FFFFFF;}

/* ------------------------------------------
title
------------------------------------------ */
#contents h1{ width:370px;margin-top:10px;}
#contents h1 img{ width:100%;}

/* ---------------------
最新号をチェック
------------------------*/
#newCol{ margin:0;}
#newCol h1{ display:block;}
#newCol h1 img{ width:100%;}
#newCol ul li{ width:304px; float:left; margin-right:12px; margin-bottom:12px;position:relative;}
#newCol ul li.rgt{ margin-right:0;}
#newCol ul li a{ display:block;}
#newCol ul li span.new{ z-index:2;display:block; position:absolute; left:0; top:0; width:73px;height:77px;background:url(https://img.travel.rakuten.co.jp/mail/photo/images/icon_new.png) center right no-repeat;} 
#newCol ul li a:hover{filter:alpha(opacity=70);-moz-opacity:0.7;opacity:0.7; }
#newCol ul li img{  width:100%;}
#newCol ul li span.photo{display: block;height: 202px;}
#newCol ul li h2{ display:block; border:1px solid #EAEAEA; width:302px; padding:15px 0;}

/* ---------------------
メルマガジン登録はこちら(無料)
------------------------*/
ul.btns {     clear: both;
    display: block;
    margin: 0 auto;
    width: 800px;}
ul.btns li{ float:left; width:400px; margin-bottom:24px; margin-top:24px;position:relative;}
ul.btns a{ display:block; width:392px; float:left; margin-right:24px; padding-top:15px; padding-bottom:15px; text-align:center; color:#725846; background-color: #FAEFF3;}
ul.btns a:hover{ color:#FFFFFF;background-color:#CD8499;}
ul.btns p{ color:#3B3B3B; font-size:75%;width:392px; clear:both; padding-top:8px; line-height:16px;}
ul.btns a:before {
	display: block;
	position: absolute;
	top: 25px;
	right: 20px;
	width: 10px;
	height: 10px;
	margin-top: -3px;
	border-top: 1px solid #725846;
	border-right: 1px solid #725846;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	content: "";}

/* ---------------------
MAP
------------------------*/
#map{ margin:15px 0 0 0; clear:both;}
#map h1{ display:block;}
#map div{ position:relative; min-height:470px;}
#map div img.map{display:block; margin:15px auto;}
#map div dl{ position:absolute; width:168px; overflow:visible;}
#map div dl dt{ color:#614E3F; font-size:100%; margin-bottom:3px;}
#map div dl dd{ position:relative; float:left; width:42px; overflow:visible; margin-bottom:7px; cursor:pointer;}
#map div dl dd span{ display:block; width:37px; text-align:center; padding-top:5px; height:27px; background:url(https://img.travel.rakuten.co.jp/mail/photo/images/pink.png) no-repeat; color:#372E31; font-size:13px;}
#map div dl dd ul{ width:270px; overflow:hidden; position:absolute; left:-47px; top:25px; background:url(https://img.travel.rakuten.co.jp/mail/photo/images/up.png) no-repeat top; display:none; z-index:100;}
#map div dl dd ul li{ width:258px; background:#FFFFFF; border:1px solid #c2c2c2; border-top:none; padding:0 5px 5px 5px; margin-top:18px;}
#map div dl dd ul li a{ display:block;}
#map div dl dd ul li a img{ display:block; float:left; width:120px; margin-right:8px;}
#map div dl dd ul li a em{ color:#372E31; line-height:19px; display:block; float:left; width:130px;font-size:82%;}
#map div dl.hokkaido{ left:560px; top:-15px;}
#map div dl.tohoku{ left:670px; top:15px; width:280px;}
#map div dl.metro{ left:750px; top:170px;}
#map div dl.kanto{ left:590px; top:170px;}
#map div dl.tokai{ left:590px; top:245px; width:370px;}
#map div dl.kinki{ left:500px; top:410px;width:300px;}
#map div dl.sikoku{ left:320px; top:370px;width:150px;}
#map div dl.okinawa{ left:200px; top:444px;}
#map div dl.kyusyu{ left:40px; top:320px;}
#map div dl.sanin{ left:80px; top:180px;}
#map div dl.kosinetu{ left:260px; top:180px;}
#map div dl.hokuriku{ left:260px; top:20px;}


/* ---------------------
バックナンバー
------------------------*/
#contentsArea  #contents #backNumber{ margin:35px 0 0 0;}
#contentsArea  #contents #backNumber h1{ display:block;}
#contentsArea  #contents #backNumber ul{ font-size:90%;}
#contentsArea  #contents #backNumber ul li{ width:470px;float:left; margin-bottom:8px;margin-right:5px;position:relative;}
#contentsArea  #contents #backNumber ul li.lft{margin-right:10px;}
#contentsArea  #contents #backNumber ul li.rgt{}
#contentsArea  #contents #backNumber ul li a{ display:block;border:1px solid #E9E9E9; padding-top:5px; padding-bottom:5px;background-color:#EEE; padding-left:6px;padding-right:25px;height:3em;color:#333333;}
#contentsArea  #contents #backNumber ul li a:hover{ background-color:#faeff3;}
#contentsArea #contents #backNumber ul li a:before {
	display: block;
	position: absolute;
	top: 40%;
	right: 10px;
	width: 10px;
	height: 10px;
	margin-top: -3px;
	border-top: 1px solid #725846;
	border-right: 1px solid #725846;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	content: "";
	}

/* ---------------------
フリーペーパー
------------------------*/
#freePaper{ margin:25px 0 0 0;}
#freePaper h1{ display:block;}
#freePaper ul{}
#freePaper ul li{ float:left;border:1px solid #E9E9E9; margin-bottom:10px; margin-right:10px;}
#freePaper ul li.rgt{ margin-right:0; }
#freePaper ul li a{ display:block; color:#323232; font-size:82%; line-height:18px; padding:20px 27px; width:170px; }
#freePaper ul li a:hover{filter:alpha(opacity=70);-moz-opacity:0.7;opacity:0.7; }
#freePaper ul li a img{ display:block; margin-bottom:8px;}
#freePaper ul li a span{ display:block;}

/* ぱんくず */

div#grpLocationArea { margin: 10px 0px 10px 20px; font-size: 82%; width:auto; }

/* facebook */
.fb_iframe_widget {display:block;float:right;margin-bottom:5px;position:relative;}