@charaset "shift_jis"; 

/* ============================= 共通 =============================  */

* { 
	padding: 0px;
	margin: 0px;
	border: none;
}

li { list-style-type: none;}


a { text-decoration:none; color: #333; overflow: hidden;}

a:hover {
	color:#F60;
}
.left{
	float:left;
}
.clearfix:after {  
  content: ".";   
  display: block;   
  height: 0;   
  clear: both;   
  visibility: hidden;  
}  
  
.clearfix { display: inline-table; }  
  
/* Hides from IE-mac \*/  
* html .clearfix { height: 1%; }  
.clearfix { display: block; }  
/* End hide from IE-mac */  

body {
	font-family: Verdana,Meiryo, "メイリオ", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", Arial,   Helvetica, sans-serif;
	color: #333333;
	padding: 0px;
	font-size: 12px;
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: 130%;
	margin-right: auto;
	margin-left: auto;
}

#head{
	background:url(../../img/topics/ginga/mainImg.jpg);
	width:558px;
	height:294px;
	position:relative;
}
#head h2{
	font-size:12px;
	line-height:1.2em;
	width:162px;
	font-weight:normal;
	padding:152px 0px 0px 25px;	
}
#btnMenu{
	margin:5px 0;
}
#btnMenu ul li{
	float:left;
	margin-bottom:5px;
}
#btnMenu ul li:nth-child(odd){
	margin-right:3px;
}
#btnMenu ul li a:hover{
	opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

#mainContents{
	background:#002350;
	padding-bottom:8px;
}
#mainContents .ttl{
	margin-top:0px;
}
.mainContentsInner{
	background:#FFF;
	width:547px;
	margin:0px auto 5px;
	padding:10px 0;
}
.mainContentsInner .ttl_s{
	background:url(../../img/topics/royalwing/ttl_s.jpg) no-repeat;
	font-size:16px;
	font-weight:bold;
	color:#FFF;
	padding:10px 0px 10px 10px;
	margin:0px 0px 10px 0px;
}
.cruiseMap{
	margin:0 auto;
	width:98%;
}
.planImg{
	float:left;
	width:218px;
	margin:5px;
}
.planDetail{
	float:left;
	margin-top:5px;
	width:310px;
	line-height:1.2em;
	font-size:13px;
}
.planDetail p.subttl{
	font-size:15px;
	font-weight:bold;
	text-align:center;
}
.planDetail p{
	margin-bottom:5px;
}
.planDetail p span{
	font-weight:bold;
	color:#F00;
}
.planDetail dl{
	clear:both;
	margin-bottom:5px;
	padding-bottom:3px;
	border-bottom:#999 1px dotted;
}
.planDetail dt{
	float:left;
	font-size:15px;
	font-weight:bold;
	line-height:1.3em;
}
.planDetail dt span{
	margin-top:3px;
	font-size:20px;
	color:#F00;
	font-family:Arial, Helvetica, sans-serif;
}
.planDetail dd{
	height:38px;
}
.planDetail dd a{
	float:right;
	display:block;
	background:url(../../img/topics/royalwing/btn_b.png);
	width:132px;
	height:38px;
}
.planDetail dd a:hover{
	background-position:0px -40px;
}
.planS{
	width:262px;
	float:left;
	margin-left:0px;
	padding:5px 5px 10px 5px;
}
.planS p.title{
	font-weight:bold;
	text-align:center;
	font-size:18px;
}
.planS p{
	line-height:1.2em;
}
.planS p.planText{
	padding:3px;
}
.planS dt{
	float:left;
	vertical-align:middle;
	font-size:14px;
	font-weight:bold;
	padding-left:3px;
}
.planS dl{
	margin-top:3px;
}
.planS dl span{
	color:#F00;
	font-family:Arial, Helvetica, sans-serif;
}
.planS dd a{
	float:right;
	display:block;
	background:url(../../img/topics/royalwing/btn_s.png);
	width:112px;
	height:32px;
}
.planS dd a:hover{
	background-position:0px -34px;
}
.planS dd{
	height:32px;
}
/*楽しむPOINT*/
.enjoyPoint{
	margin-top:10px;
	background:url(../../img/topics/ginga/enjoyImg.jpg);
	width:517px;
	height:341px;
	padding:48px 15px 0;
	clear:both;
}
.enjoyPoint2{
	margin-top:10px;
	background:url(../../img/topics/ginga/enjoyImg2.jpg);
	width:517px;
	height:341px;
	padding:48px 15px 0;
	clear:both;
}
.enjoyTtl{
/*	margin-top:48px;
	margin-left:15px;*/
	margin-bottom:190px;
	clear:both;
	height:40px;
}
.enjoyTtl li{
	float:left;
	width:172px;
	font-family:"小塚明朝 Pro R", Verdana,Meiryo, "メイリオ", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", Arial,   Helvetica, sans-serif;
	font-size:14px;
	text-align:center;
}
.enjoyTxt{
	clear:both;

}
.enjoyTxt li{
	float:left;
	width:158px;
	height:auto;
	margin-left:14px;
	font-family:"小塚明朝 Pro R", Verdana,Meiryo, "メイリオ", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", Arial,   Helvetica, sans-serif;
	font-size:10px;
	text-align:left;
}

/*2015.03.11追加*/

.specialPlan{
	margin:8px auto 8px;
	width:540px;
}
.specialPlanInner{
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#ffff99');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#ffff99')";
background-image: -moz-linear-gradient(top, #ffffff, #ffff99);
background-image: -ms-linear-gradient(top, #ffffff, #ffff99);
background-image: -o-linear-gradient(top, #ffffff, #ffff99);
background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#ffff99));
background-image: -webkit-linear-gradient(top, #ffffff, #ffff99);
background-image: linear-gradient(top, #ffffff, #ffff99);
	padding:3px;
	margin:0px auto 8px;
	padding:5px;
	width:530px;
	border:#D9D900 2px solid;
	border-top:none!important;
}
.specialPlan dl{
	width:255px;
	height:70px;
	float:left;
	padding:5px;
}
.specialPlan dt{
	float:left;
	width:100px;
}
.specialPlan dd{
	width:150px;
	float:left;
	margin-left:5px;
	line-height:1.2em;
	font-size:11px;
}
.specialPlan dd p{
	font-size:13px;	
	font-weight:bold;
	line-height:1.2em;
}
.specialPlan dd span{
	font-size:13px;	
	color:#F00;
	font-weight:bold;
}

.mainContentsInner .notification{
	width: 96%;
    margin: 0px auto 8px;
    text-align: center;   
    border: 1px solid #666;
    padding: 8px 0;
    line-height:1.3em;
}
.mainContentsInner .notification span{
	color: red;
}
/*今が旬のツアー*/
h3.ttlIconCruise{
	margin:auto 0px;
	background:#022451;
	height:28px;
	padding:3px 0px 10px 15px!important;
	color:#FFFFFF!important;
	font-size:16px!important;
	border-bottom:none!important;
}
h3.ttlIconCruise span{
	background:url(http://www.tabione.com/sp/module/img/special/ico_cruise.png) no-repeat left;
	background-size:25px 25px;
	display:block;
	padding:8px 0px 0px 30px;
}
#otherPlan {
	width:98%;
	margin:8px auto;
	background:#fff;
	border:3px solid #022451;
}
#otherPlan li {
	background:url(../../../optional_sp/img/special/arrow.png) right no-repeat ;
	-webkit-background-size: 18px 69px !important;
	-moz-background-size: 39px 69px !important;
	-o-background-size: 39px 69px !important;
	border-bottom:1px solid #dbdbdb;
}
#otherPlan li:last-child{
	border-bottom:none;
}
#otherPlan li a {
	display:block;
	padding:10px 0 10px 10px;
	text-decoration:none;
}
#otherPlan li a:hover{
	opacity:0.8;
}
#otherPlan li .photobox{
	float:left;
	width:105px;
	margin-right:5px;
}
#otherPlan li .photobox img{
	width:105px;
	height:80px;
}
#otherPlan li p {
	float:left;
	width:380px;
	line-height:1.2;
	font-size:12px;
	color:#666666;
	text-decoration:none;
	line-height:1.4 ;
}
#otherPlan span.mainText {
	display:block;
	text-decoration:underline!important;
	padding-bottom:3px ;
	font-weight:bold;
	font-size: 14px;
	font-weight:bold;
}

#otherPlan span.subText {
	display:block;
	line-height:1.4 ;
}
/*その他の地域*/
.otherArea {
    margin: 8px 0 15px;
}
.otherArea .otherTtl,h2.ttl_c{
	font-family: "Sawarabi Mincho";
    color: #8C0000;
    font-size: 1.5em;
    font-weight: normal;
    margin: 15px 5px 10px 5px;
    position: relative;
    padding: 5px 0px 5px 5px;
}
.otherArea .otherTtl:after,h2.ttl_c:after{
    content: "";
    position: absolute;
    left: 0;
    bottom: -5px;
    width: 100%;
    height: 5px;
	border-bottom:#8C0000 solid 2px;
/*    background: -webkit-repeating-linear-gradient(-45deg, #8C0000, #8C0000 2px, #fff 2px, #fff 4px);
    background: repeating-linear-gradient(-45deg, #8C0000, #8C0000 2px, #fff 2px, #fff 4px);*/
}
.otherArea li{
	float:left;
	width:32.6%;
	margin-right:5px;
	margin-bottom:5px;
	position:relative;
	text-align: center;
	box-sizing: border-box;
	background: #BFB4B2;
    border-radius: 5px;
}
.otherArea li:nth-child(3n){
	margin-right:0px;
}
.otherArea li img{
	width:100%;
	height:122px;
	border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}
.otherArea li:hover{
	opacity:0.8;
}
.otherArea li .areaName{
	font-family: 'Satisfy', cursive;
	font-size:2.6em;
	color:#fff;
	top: 46%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	position:absolute;
	-webkit-text-shadow: 0px 0px 8px #333;
  	-moz-text-shadow: 0px 0px 8px #333;
  	text-shadow: 0px 0px 8px #333;
}
.otherArea li .areaTtl{
	font-size:1.1em;
	padding: 12px 0;
    font-weight: bold;
}