@charset "UTF-8";
/* top page layout */

#maincon .top-left {
	float: left;
	width: 525px;
	text-align: left;
	margin: -100px 0 0 0;
	z-index: 5;
	position: relative;
}
#maincon .top-right {
	float: right;
	width: 340px;
	text-align: left;
	margin: 10px 0 0 0;
}
.topvisual { z-index: 1; }

/*
.top-left .top-l {
	float: left;
	width: 250px;
	margin-right: 12px;
}
.top-left .top-r {
	float: right;
	width: 250px;
}
*/

.top-left ul { margin-left:4px; }
.top-service { clear: both; margin-bottom:15px; }

.top-l li, .top-r li, .top-claim li, .top-claim h3, .guide li {
	line-height: 1.1em;
	margin: 0 0 10px;
	font-size: 0.9em;
	font-weight:bold;
	background: url(../img/common/dot_4.gif) no-repeat left 4px;
	padding: 0 0 0 10px;
	list-style-type:none;
}

.top-claim li {
	background:  url(../img/common/icon-arrow3.gif) no-repeat;
	background-position: 0 3px;
	margin-left:1.5em;
}
/*
.top-l img.title,
.top-r img.title { margin-bottom: 15px; }*/
.top-claim .hr {
	background: url(../img/common/line-dot1.gif) repeat-x;
	height: 4px;
	margin: -4px 0 6px 0;
}
.top-claim {
	margin-bottom:0px;
}

.top-claim h3{
	font-size:10pt;
	margin-bottom:5px;
}
.top-claim p {
	padding-left:1em;
	margin-bottom:10px;
}

.hr2 {
	display:block;
	clear: both;
	border: none;
	width: 100%;
	background: url(../img/common/line-dot2.gif) repeat-x left center;
	padding-top: 3px;
	margin-top:5px;
	margin-bottom: 15px;
	height:5px;
	}

.top-service .top-con-left {
	float: left;
	width: 259px;
}
.top-service .top-con-right {
	float: right;
	width: 259px;
}
.top-service .top-con-left p,
.top-service .top-con-right p {
	padding: 3px 4px 0px 4px;
}

.top-right .information {
	margin-bottom: 5px;
}
.information .info-con {
	background: url(../img/top/information-bg3.jpg) no-repeat 0px bottom;
	padding: 12px 12px 12px 0;
}
.info-con ol {
	list-style-image: url(../img/common/icon-arrow4.gif);
	list-style-position: inside;
	margin-left: 16px;
}
.info-con ol li {
	font-size: 0.9em;
	background: url(../img/common/line-dot1.gif) repeat-x left bottom;
	line-height: 1.5em;
	padding-bottom: 5px;
	margin-bottom: 10px;
}
.info-con li a{
	padding-left: 12px;
}

.top-right .link {
	background: url(../img/common/line-dot1.gif)  repeat-x left bottom;
	clear: left;
	/*width: 230px;*/
	width:335px;
	font-size: 0.9em;
	float:left;
	margin-top: 0px;
	padding-top: 16px;
	padding-right: 0;
	padding-bottom: 8px;
	padding-left: 0;
}
.top-right .link ul {
	background: url(../img/common/line-dot1.gif)  repeat-x left top;
	list-style-position: outside;
	padding: 8px 0 0 0;
	margin: 5px 0 0 0;
}
.top-right .link li {
	margin-left: 10px;
	padding: 0 0 0 15px;
	background: url(../img/common/icon-arrow2.gif) no-repeat left;
	list-style-type: none;
}

.top-right .banner {
	float: left;
	margin: 10px 1px 0px 0;

}

.top-right .secom {
	text-align: right;
	margin-right:5px;
	padding-top: 10px;
	}
/*
.top-right .secom {
	float: right;
	margin-right:5px;
	padding-top: 10px;
	}
*/

.top-caution {
	background:url(../img/top/caution_03.gif) no-repeat left top;
	padding: 6px 0 0 0;
	margin: 0 0 25px 0;
	}
.top-caution .cont {
	margin: 0px 0px 0px 0px;
	padding: 3px 16px 3px 54px;
	background:url(../img/top/caution_04.gif) no-repeat left top;
	zoom:100%;
	}
.top-caution .cont li {
	margin: 6px 0 6px 24px;
	line-height:1.1em;
	list-style-type: disc;
	}
.top-caution .bottom{ margin: -1px 0 0 0; }

.top-subtitle {
	position:relative;
	height:27px;
	margin-top:8px;
}
.top-subtitle img{
	margin:0;
	border:none;
	display:block;
}

.top-subtitle .text1,
.top-subtitle .text3 {
	position:absolute;
	font-family:"Hiragino Kaku Gothic Pro W3", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", Osaka, "MS P Gothic", "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;
	font-size:11pt;
	font-weight:bold;
	line-height:1.2em;
}
.top-subtitle .text1{
	color:#ffffff;
	top:3px;
	left:8px;
	font-size:10pt;
}
.top-subtitle .text3{
	color:rgb(51,153,102);
	top:1px;
	left:8px;
	width:500px;
}

.top-greentext{
	color:#52b466;
	margin:4px 0;
	font-size:9pt;
	line-height:1.2em;
	font-weight:bold;
}
.top-bluetext {
	color: #6989df;
	margin: 4px 0;
	font-size: 9pt;
	line-height: 1.2em;
	font-weight: bold;
	}



/* domestic travel */
.top-jpn a:link { color: #006bb0; }
.top-jpn a:visited { color: #66a8ff; }
.top-jpn a:hover { color: #3ad2ff; }

.top-jpn { margin-bottom:15px; }

.top-jpn .top-subtitle {
	margin-top:20px;
	margin-bottom:6px;
	}

.top-jpn .top-subtitle .text3 {
	color: #0088cc;
	width: 518px;
	}

.top-jpn .left-side {
	width:255px;
	float:left;
	margin-right:10px;
	}

.top-jpn .right-side{
	width:245px;
	float:right;
}

.top-jpn ul { color: #006bb0; }
.top-jpn ul li {
	margin-bottom: 8px;
	font-weight: bold;
	margin-left: 15px;
	line-height:1.2em;
	}

.top-jpn .contract{ margin-bottom:5px;}
.top-jpn .contract img { border:1px solid #0088cc; }

.top-jpn .exp-frame { margin-left:8px; }

.exp-jpn{
	font-size:12px;
	color:#3d3f3d;
	}

.exp-jpn p{
	text-indent:-1em;
	margin-left:1em;
	line-height:1.2em;
	margin-bottom:3px;
	}

.exp-jpn ul li {
	color:#3d3f3d;
	font-weight: normal!important;
	margin-left:1em;
	margin-bottom:4px;
	text-indent:-1em;
	list-style:none;
	width:235px;
	line-height:1.2em;
	font-size:0.9em;
}

.top-jpn .hr2 {
	background: url(../img/common/line-dot2_blue.gif) repeat-x left center;
	}

.mobile-site {
	float:left;
	font-size: 13px;
	margin-bottom:8px;
	line-height:1.6em;
}

.mobile-site img.qr {
	float: right;
	margin:8px 0px 2px 2px;
	border:1px solid #94deaa;
}

.mobile-site img.qr-jp {
	float: right;
	margin:1px 5px 2px 2px;
	border:1px solid #70a7ff;
}

.mobile-site img.qr-air {
	float: right;
	margin:1px 5px 2px 2px;
	border:1px solid #4bafba;
}

.top-jpn .mobile-site p.title { margin:5px 5px 0 0px; }
.top-jpn .mobile-site p.url {
	line-height:1.2em;
	font-size:11px;
	margin-top:5px;
	}

.top-jpn .sp-clover {
	margin-right:10px;
	float: right;
	}

.top-jpn .air a:link { color: #008695; }
.top-jpn .air a:visited { color: #77b8af; }
.top-jpn .air a:hover { color: #00e9a5; }
.top-jpn .air .text3 { color:#12a097; }
.top-jpn .air ul { color: #12a097; }
.air .top-bluetext { color:#00a28c; }