@charset "UTF-8";

/* CSS Information =======================
(C) Japan Airlines.
------------------------------------------
Table of Contents:
 +reset
 +base
 +smpHeader/smpFooter
 +smpTicketLinkBox
 +pageHeader
 +slideShow
 +main
 +detail
 +clearfix
========================================*/

/*========================================
 +reset
========================================*/
html,body,div,h1,h2,h3,h4,h5,h6,p,blockquote,q,pre,table,caption,colgroup,col,tbody,thead,tfoot,tr,th,td,ul,ol,li,dl,dt,dd,form,fieldset,legend,label,input,span,a,img,em,ins,del,cite,abbr,sup,sub,dfn,code,var,samp,kbd,object,script,noscript,style,iframe,embed,param,map,area,menu,hr,address,small,strong,i,b,article,aside,figure,footer,header,hgroup,nav,section,figcaption,time,video,audio,mark,ruby,rt,rp,bdo,source,canvas,details,summary,command,datalist,keygen,output,progress,meter {
	margin: 0;
	padding: 0;
	font-size: 100%;
	word-wrap: break-word;
}
address,article,aside,figure,figcaption,footer,header,hgroup,hr,legend,menu,nav,	section,summary {
	display: block;
}
ul,ol {
	list-style-type: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
}
img {
	vertical-align: top;
}
[hidden] {
	display: none;
}
mark {
	background: none;
}
input {
	opacity: 1;
}

/*========================================
 +base
========================================*/
body {
	font-family:"?q???M?m?p?S Pro W3", "Hiragino Kaku Gothic Pro", "???C???I", Meiryo, Osaka, "?l?r ?o?S?V?b?N", "MS PGothic", sans-serif;
	font-size: 14px;
	line-height: 1.5;
	-webkit-text-size-adjust: none;
}

h1,h2,h3,h4,h5,h6 { line-height: 1.2; }
a,
input {
	color: #fff;
	text-decoration: none;
}
/*img {
	-moz-transform-origin: 0 0;
	-moz-transform: scale(.5);
	zoom: .5;
}*/

/*========================================
 +smpHeader/smpFooter
========================================*/
/*
#smpHeader img {
	zoom: .5;
}
*/
/*--------------------------
 Header 
----------------------------- */
#smpHeader {
	position: relative;
	width: 100%;
	padding: 10px 0;
	border-bottom: 1px solid #B6B6B6;
	background: url(/tabi/common/img/smp/bg_smp_header_blue.jpg)  repeat-x top;
}
#smpHeader:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#smpLogo {
	width: 100%;
}
#smpLogo h1 {
	width: 186px;
	margin: 0 auto;
	height: 44px;
}
#smpBtnHome {
	width: 44px;
	position: absolute;
	top: 10px;
	left: 10px;
	height: 44px;
}
#smpBtnMenu {
	width: 44px;
	position: absolute;
	top: 10px;
	right: 10px;
	height: 44px;
}
#smpBtnMenu a,
#smpBtnHome a {
	margin: 0;
	padding: 0;
}
.smpTopMgt {
	margin-top: 10px;
}
.smpTopMgt20 {
	margin-top: 20px;
}
.smpTopHeight {
	height: 44px;
}
.smpTopLineHeight {
	line-height: 44px;
}
.smpTopLineHeight img {
	vertical-align: middle;
	margin-right: 5px;
}
.smpInterTop {
	border-bottom: 1px solid #CCCCCC;
}

/*--------------------------
 Footer 
----------------------------- */
#smpFooter {
	width: 100%;
	background: #FFFFFF url(/tabi/common/img/pic_common_footer.jpg)  no-repeat 54% top;
	margin-top: 20px;
	font-size: 12px;
}
.smpSection {
	clear: both;
}
.smpSection:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.smpFirstSection {
	padding-top: 60px;
}
.smpFooterLink01 {
	width: 80%;
}
.smpFooterLink02 {
	float: right;
	width: 80%;
	text-align: right;
}
.smpFooterLink01 li,
.smpFooterLink02 li {
	padding: 10px 10px 0;
}
.smpFooterLink01 li a:link,
.smpFooterLink01 li a:visited,
.smpFooterLink01 li a:hover,
.smpFooterLink01 li a:active,
.smpFooterLink02 li a:link,
.smpFooterLink02 li a:visited,
.smpFooterLink02 li a:hover,
.smpFooterLink02 li a:active {
	color: #0F0F69;
}
.smpFooterLink01 li a:link,
.smpFooterLink01 li a:visited,
.smpFooterLink01 li a:hover,
.smpFooterLink01 li a:active {
	text-decoration: underline;
}
.smpFooterLink02 li a:link,
.smpFooterLink02 li a:visited,

.smpFooterLink02 li a:hover,
.smpFooterLink02 li a:active {
	text-decoration: none;
}
.smpIconTop {
	background: url(/common_rn/img/icon_arrowtop_001.gif) no-repeat 0 90%;
	padding-left: 15px;
}
.smpIconLink {
	background: url(/tabi/common/img/smp/icon_arrow_link.png) no-repeat center left;
	padding-left: 10px;
}
#smpCopyright {
	text-align: center;
	margin-top: 20px;
	padding: 10px 0 0;
	border-top: 1px solid #999;
	color: #000000;
}

/*========================================
 +smpTicketLinkBox
========================================*/
#smpTicketLinkBox {
	margin: 40px 10px 0;
}
#smpTicketLinkBox a#smpBtnTicket {
	display: block;
	background: #C70304 url(/tabi/common/img/smp/bg_panel_04.jpg) repeat-x top;
	border: 1px solid #ae9c9c;
	height: 50px;
	border-radius: 4px;
	line-height: 50px;
	text-align: center;
	font-weight: bold;
	font-size: 16px;
	letter-spacing: 0.08em;
}
#smpTicketLinkBox a#smpBtnTicket:link,
#smpTicketLinkBox a#smpBtnTicket:visited,
#smpTicketLinkBox a#smpBtnTicket:hover,
#smpTicketLinkBox a#smpBtnTicket:active {
	color: #FFFFFF;
	text-decoration: none;
}
#smpTicketLinkBox h3 {
	margin-bottom: 10px;
}
#smpTicketLink {
	background: url(/tabi/common/img/smp/icon_arrow_white_03.png) no-repeat 92%;
	display: block;
}

#smpTicketLinkBox a.smpBtnTicket2 {
	display: inline-block;
	background: #eee url(/tabi/common/img/smp/bg_panel_05.jpg) repeat-x top;
	border: 1px solid #ae9c9c;
	height: 50px;
	border-radius: 4px;
	line-height: 50px;
	text-align: center;
	font-weight: bold;
	font-size: 13px;
	letter-spacing: 0.08em;
	padding:0 5px;
	width:35%;
}
#smpTicketLinkBox a.smpBtnTicket2:link,
#smpTicketLinkBox a.smpBtnTicket2:visited,
#smpTicketLinkBox a.smpBtnTicket2:hover,
#smpTicketLinkBox a.smpBtnTicket2:active {
	color: #000;
	text-decoration: none;
}
#smpTicketLinkBox .smpTicketLinkBox2 h3 {
	margin-bottom: 10px;
}

#smpTicketLinkBox div.TicketBtnAREA{border-radius: 8px; padding:10px 5px; text-align:center; background-color:#c00; color:#fff; display:inline-block; width:45%;}
#smpTicketLinkBox .TTL_ticketBtnAREA{font-weight:bold; min-height:30px; line-height:1.0;}
#smpTicketLinkBox .TTL_ticketBtnAREA .subttl{font-weight:nomal; font-size:70%;}




/*========================================
 +pageHeader
========================================*/
#pageHeader {
	border-bottom: 1px solid #575757;
	background: #0e0e0e;
	color: #fff;
	text-align: center;
}
#pageHeader.disable .si,
#pageHeader.able a {
	display: block;
	padding: 10px 0;
}
#pageHeader.able a {
	background: url(/sp/tabi/zekkei/common/img/module/bg_grad_06.gif) left center repeat-x;
}

/*========================================
 +slideShow
========================================*/
#keyVisualBody{
	width:100%;
	overflow:hidden;
}
#slideShowBody{
	width:2000px;
	display:inline-block;
}
#slideShowBody:after{
	content:"";
	display:block;
	clear:both;
}
#slideShowBody .slide{
	float:left;
	border:5px solid transparent;
}
#slideShowNav{
	position:relative;
}
#slideShowNav .prev a{
	position:absolute;
	left:0;
	top:-200px;
	display:block;
	height:200px;
}
#slideShowNav .prev img{
	position:absolute;
	top:100px;
	left:0;
}
#slideShowNav .next a{
	position:absolute;
	right:0;
	top:-200px;
	display:block;
	height:200px;
}
#slideShowNav .next img{
	position:absolute;
	top:100px;
	right:0;
}
#slideName{
	text-align:center;
}
#slideName span{
	position:relative;
	font-size:14px;
	background:url("/sp/tabi/zekkei/common/img/allow.gif") no-repeat left center;
	padding-left: 8px;
}
/*#slideName span:before{
	content:url("/sp/tabi/zekkei/common/img/allow.gif");
	position:absolute;
	top:4px;
	left:-8px;
}*/
#slidePaging{
	text-align:center;
	padding-bottom:5px;
}
#slidePaging span{
	display:inline-block;
	width:6px;
	height:6px;
	background:#878787;
	margin:6px 3px;
	border-radius:6px;
}
#slidePaging span.selected{
	background:#ffffff;
}

/*========================================
 +main
========================================*/
#main {
	background: #0e0e0e;
	color: #fff;
}
#tabPane {
	padding: 6px 0 0;
}
#tabNav ul {
	margin: 0 10px;
	overflow: hidden;
}
#tabNav a {
	display: block;
	position: relative;
	z-index: 1000;
	float: left;
	width: 98px;
	height: 23px;
	margin: 0 3px 0 0;
	padding: 12px 0 0;
	border-bottom: 1px solid #fff;
	background: url(/sp/tabi/zekkei/common/img/module/bg_tab_01.png) 0 -35px no-repeat;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	line-height: 1;
	overflow: hidden;
}
#tabNav li:last-child a {
	margin: 0;
}
#tabNav .active {
	background: url(/sp/tabi/zekkei/common/img/module/bg_tab_01.png) 0 0 no-repeat;
	color: #000;
}
#tabPane .pane {
	margin: -1px 0 0;
	padding: 9px 10px;
	border-top: 1px solid #fff;
	background: #fff url(/sp/tabi/zekkei/common/img/module/bg_grad_01.jpg) left top repeat-x;
	color: #000;
}
.select {
	width: 100%;
	font-size: 16px;
	display:none;
}

.unitList {
	padding: 10px 0 0;
}
.unitList a {
	display: block;
}
.unitList .item {
	position: relative;
	margin: 0 auto 8px;
	width: 280px;
	padding: 10px;
	background: #0e0e0e url(/sp/tabi/zekkei/common/img/module/bg_grad_05.gif) left bottom repeat-x;
	color: #fff;
}
.unitList .item:after {
	display: block;
	position: absolute;
	right: 10px;
	bottom: 23px;
	content: url(/sp/tabi/zekkei/common/img/allow.gif);
}
.unitList .img img {
	width: 280px;
	height:210px;
	margin: 0 0 8px;
}
.unitList .ttl {
	margin: 0 0 4px;
	padding: 0 0 0 18px;
	background: url(/tabi/zekkei/common/img/icon_plane_01.gif) left center no-repeat;
}
.unitList .new {
	display: inline-block;
	margin: 0 4px 0 0;
	padding: 0 4px 1px;
	background: #c00;
	color: #fff;
	font-size: 12px;
	font-weight: normal;
}
.unitList .tag {
	padding: 0 0 0 18px;
	background: url(/tabi/zekkei/common/img/icon_tag_01.gif) 1px center no-repeat;
}
.unitList .area {
	position: absolute;
	top: 10px;
	left: 20px;
}

.tagline {
	padding: 7px 0;
	text-align: center;
	line-height: 1.286;
}
.separate {
	padding: 20px 0 0;
	border-top: 1px solid #fff;
	background: url(/sp/tabi/zekkei/common/img/module/bg_grad_01.jpg) left top repeat-x;
}

.h2 {
	padding: 10px 0;
	font-size: 16px;
	text-align: center;
}
.h3 {
	border-top: 1px solid #272727;
	padding: 10px 0;
	font-size: 15px;
	text-align: center;
}

.indexList {
	margin: 0 10px 10px;
}
.indexList a {
	display: block;
	position: relative;
	padding: 8px 1px 8px 31px;
	border-top: 1px solid #1f1f1f;
	background: url(/sp/tabi/zekkei/common/img/module/icon_tag_01.gif) 11px center no-repeat, url(/sp/tabi/zekkei/common/img/module/bg_grad_02.gif) left center repeat-x;
	line-height: 1.2;
	overflow: hidden;
}
.indexList li{
	position: relative;
}
.indexList li:after {
	position: absolute;
	top: 13px;
	right: 10px;
	content: url("/sp/tabi/zekkei/common/img/allow.gif");
}

.indexList a:before,
.indexList a:after {
	display: block;
	position: absolute;
	top: 0;
	content: url(/sp/tabi/zekkei/common/img/module/bg_grad_03.gif);
}
.indexList a:before { left: 0; }
.indexList a:after { right: 0; }

/*========================================
 +detail
========================================*/
.topicPath,
#contentsHeader,
.gmapArea,
.campainBox,
.wallpaper,
.wallpaper_add-size,
.modelPlan,
.recommend,
#rnFoot { display: none; }

#areaHeader {
	padding: 10px;
	background: #000;
	color: #fff;
}
#areaHeader .img img {
	width: 100%;
	height: auto;
	margin: 0 0 10px;
}
#areaHeader h2 {
	margin: 0 0 10px;
	font-size: 16px;
}
.domArea .ttl {
	color: #ffba59;
}
.domArea .area {
	margin: 0 0 8px;
	color: #ffba59;
}
.domArea .area img {
	margin: 2px 6px 0 0;
	line-height: 1;
}
#areaHeader .txt {
	position: relative;
}
#areaHeader .tag {
	position: absolute;
	top: 29px;
	right: 10px;
	padding: 0 0 0 18px;
	background: url(/tabi/zekkei/common/img/icon_tag_01.gif) 1px center no-repeat;
}

#areaBody {
	padding: 9px 10px 20px;
	border-top: 1px solid #fff;
	background: #fff url(/sp/tabi/zekkei/common/img/module/bg_grad_01.jpg) left top repeat-x;
	color: #000;
}
#areaLocation h3 img {
	float: left;
}
#areaLocation h3 span {
	display: block;
	position: relative;
	top: 11px;
	height: 27px;
	margin: 0 0 0 36px;
	padding: 0 9px 0 13px;
	background: #000;
	color: #fff;
	font-size: 16px;
	line-height: 27px;
}
#areaLocation .toMap {
	margin: 8px 0 0;
	padding: 0 10px 0 0;
	border-top: 1px dotted #000;
	border-bottom: 1px dotted #000;
	background: url(/sp/tabi/zekkei/common/img/allow02.gif) right center no-repeat;
	font-weight: bold;
}
#areaLocation .toMap a {
	display: block;
	padding: 5px 0;
	background: url(/sp/tabi/zekkei/common/img/module/icon_map_01.gif) 6.3em center no-repeat;
	color: #0f0f69;
}

/*========================================
 +clearfix
========================================*/
.group:after,
#areaLocation h3:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: "";
}

#rnFootBreadArea,#rnFootNavi{display:none!important;}

div.txtRankBox a {
	color:#0F0F69;
}
div.txtRankBox {
	padding:0px 10px;
}
div.txtRankBox img {
	vertical-align:middle;
}
div.bnrRankBox p {
	margin-top:40px;
	padding:0 10px;
}
div.bnrRankBox img {
	width:100%;
}


/* add stylesheet 1503 */

h3.sp-wp-tit {
	margin-bottom:10px;
}
h3.sp-wp-tit img {
	float: left;
}
h3.sp-wp-tit span {
	display: block;
	position: relative;
	top: 11px;
	height: 27px;
	margin: 0 0 0 36px;
	padding: 0 9px 0 13px;
	background: #000;
	color: #fff;
	font-size: 16px;
	line-height: 27px;
}
h3.sp-wp-tit:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: "";
}

.sp-wp-download {
	margin-bottom:20px;
}
.sp-wp-download nav {}

.sp-wp-download nav a {
	display:block;
	margin-bottom:10px;
	padding:5px 0;
	background-image: -moz-linear-gradient(top, #CE3D3D 0%, #AB2020 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #CE3D3D), color-stop(1, #AB2020));
	background-image: -webkit-linear-gradient(top, #CE3D3D 0%, #AB2020 100%);
	background-image: linear-gradient(to bottom, #CE3D3D 0%, #AB2020 100%);
	border:solid 1px #E18888;
	text-align:center;
	color:#fff;
	font-weight:bold;
}