@charset "UTF-8";

/* ブラウザリセット
----------------------------------------------------------------- */

body{
	font:13px/1.5 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*font-size:small;*font:x-small;
	min-width:300px;
	background:#efefef;
	height: 100%;
	}
body,html{ height:100%;_height:auto; }
body,div,dl,dt,dd,h1,h2,h3,h4,p,form,table,th,td { margin:0;padding:0; }
input,textarea,select{ font-family:Arial,Helvetica,sans-serif;font-size:inherit;font-weight:inherit; }
img{ border:0;vertical-align:bottom; }
table { font-size:inherit;font:100%;color:inherit;border-spacing:0; }
address{ font-style:normal;font-weight:normal;	}	
ul{ margin:0;padding:0;list-style:none; }
input{ vertical-align:middle; }

/* iPhone対策 */
body {
    -webkit-text-size-adjust: 100%; 
    -moz-text-size-adjust: 100%; 
    -ms-text-size-adjust: 100%; 
    -o-text-size-adjust: 100%; 
    text-size-adjust: 100%;
    }

/* 共通セレクタ
----------------------------------------------------------------- */
.left{ float:left; }
.right{ float:right; }
.img_right{ text-align:right; }
.img_left{ text-align:left; }
.img_center{ text-align:center; }
.bt5 { margin-bottom:5px; }
.bt10{ margin-bottom:10px; }
.bt15{ margin-bottom:15px; }
.bt20{ margin-bottom:20px; }
.bt30{ margin-bottom:30px; }
.bt50{ margin-bottom:50px; }
.ml10{ margin-left:10px;}
.mt15{ margin-top:15px;} 
.pt5 { padding-top:5px;}
.bold{ font-weight:bold; }
.text12 { font-size:12px;}
.text20 { font-size:20px;}
.red { color:#f00;}

.clear { clear:both;}

/* 共通リンクスタイル
----------------------------------------------------------------- */
a:link,a:visited{ color:#333333; text-decoration:underline;}
a:hover{ color:#333333; text-decoration:none;}
a:hover .img_over { opacity: 0.7;filter: alpha(opacity=70); }


a.txtRed { color:#BE2612; text-decoration:underline;}
a.txtRed:hover { color:#6CADCD; text-decoration:none;}


/* 共通回り込み解除
----------------------------------------------------------------- */


.wrapper:after,
.clearfix:after,
.contents:after,
.footerLink:after,
.information li:after,
.navi:after,
.subNavi:after
{ content: ".";display:block;height:0.1px;clear:both;visibility:hidden;font-size:0.1em;line-height:0; }
.wrapper,
.clearfix,
.contents,
.footerLink,
.information li,
.navi,
.subNavi
{ display:inline-block;display:block; overflow:hidden; }
* html .wrapper,
* html .clearfix,
* html .contents,
* html .footerLink,
* html .information li,
* html .navi,
* html .subNavi
{ height:1%; }



/* common
----------------------------------------------------------------- */

.wrapper {
	margin:0 auto;
	padding:20px 0 0;
	background:#4399D3;
	}
	
.container {
	width:300px;
	min-height:207px;
	margin:0 auto;
	padding-bottom:20px;
	}
.contents {
	width:290px;
	margin:0 auto;
	}


/* Main
----------------------------------------------------------------- */

.logo {
	width:280px;
	height:119px;
	background:url(../img/common/top_logo.png) right bottom no-repeat;
    background-size: 100%;
	}

.navi {
	width:300px;
	margin-right:-50px;
	margin-bottom:20px;
	}
.navi li {
	width:140px;
	margin-right:5px;
	float:left;
	overflow:hidden;
	}
.navi li a {
	display:block;
	width:130px;
	height:130px;
	background-position:0 0;
	background-repeat:no-repeat;
	text-indent:-9999em;
	overflow:hidden;
	}
.navi li a:hover {
    opacity: .5;
    }

.navi li a.route.off,
.navi li a.route.off:hover {
    cursor: default;
    opacity: .3;
	}
.navi li .transitDaiyaRevision {
    font-size: 12px;
    font-weight: bold;
    color: #cdcdcd;
	}

.navi li a.route:lang(ja) {
    background-image:url(../img/common/top_btn_transit_ja.png);
    background-size: 100%;
    }
.navi li a.route:lang(en) {
    background-image:url(../img/common/top_btn_transit_en.png);
    background-size: 100%;
    }
.navi li a.route:lang(zh-cn) {
    background-image:url(../img/common/top_btn_transit_zh-cn.png);
    background-size: 100%;
    }
.navi li a.route:lang(zh-tw) {
    background-image:url(../img/common/top_btn_transit_zh-tw.png);
    background-size: 100%;
    }
.navi li a.route:lang(ko) {
    background-image:url(../img/common/top_btn_transit_ko.png);
    background-size: 100%;
    }
.navi li a.approach:lang(ja) {
    background-image:url(../img/common/top_btn_approach_ja.png);
    background-size: 100%;
    }
.navi li a.approach:lang(en) {
    background-image:url(../img/common/top_btn_approach_en.png);
    background-size: 100%;
    }
.navi li a.approach:lang(zh-cn) {
    background-image:url(../img/common/top_btn_approach_zh-cn.png);
    background-size: 100%;
    }
.navi li a.approach:lang(zh-tw) {
    background-image:url(../img/common/top_btn_approach_zh-tw.png);
    background-size: 100%;
    }
.navi li a.approach:lang(ko) {
    background-image:url(../img/common/top_btn_approach_ko.png);
    background-size: 100%;
    }

.navi p {
	color:#fff;
	}

/*
.navi li.location {
	margin-right:0px;
    }
.navi:lang(ja) li.location {
	display: block;
	}
.navi:lang(en) li.location,
.navi:lang(zh-cn) li.location,
.navi:lang(zh-tw) li.location,
.navi:lang(ko) li.location {
	display: none;
	}
.navi:lang(ja) li a.location:lang(ja) {
	margin-top:20px;
    background-image:url(../img/common/btn4.png);
    background-size: 100%;
    }
.navi:lang(ja) div {
	margin-top:20px;
    width:155px;
	display:block;
	float:right;
    }	
.navi:lang(en) div,
.navi:lang(zh-cn) div,
.navi:lang(zh-tw) div,
.navi:lang(ko) div {
	margin-top:10px;
    width:155px;
	display:block;
	float:right;
    }
.navi:lang(ja) p {
    width:100%;
	display:block;
    }
.navi:lang(ja) form {
    width:100%;
	display:block;
    }
*/

.langSelect {
    margin-right:5px;
    margin-top: 20px;
    }
	
.topNotice {
	display: none;
	}
	
.subNaviWrap {
	width:300px;
	padding-right:26px;
	float:left;
	}
.subNavi {
	width:300px;
	margin-right:0 -10px -20px 0;
	}
.subNavi li {
	margin-right:10px;
	margin-bottom:20px;
	width:140px;
	float:left;
	}
.subNavi li:last-child {
	margin-right: 0px;
	}
.subNavi li a {
	display:block;
	height:40px;
	overflow:hidden;
	background-position:0 0;
	background-repeat:no-repeat;
	text-indent:-99999em;
	}
.subNavi li a:hover { background-position:0 -40px;}

.subNavi li a.naviFAQ { width:130px; background-image:url(../img/common/navi_faq.png);}

/*20180727*/
.subNavi li a.naviLINK:hover {
    opacity: .5;
    }
.subNavi li a.naviLINK {
	float: left;
    margin-left: 8px;
    width:117px;
	background-position:0 0;
	background-repeat:no-repeat;
    }
.subNavi li a.naviLINK:lang(ja) {
    background-image:url(../img/common/top_btn_link_ja.png);
    background-size: 100%;
    }
.subNavi li a.naviLINK:lang(en) {
    background-image:url(../img/common/top_btn_link_en.png);
    background-size: 100%;
    }
.subNavi li a.naviLINK:lang(zh-cn) {
    background-image:url(../img/common/top_btn_link_zh-cn.png);
    background-size: 100%;
    }
.subNavi li a.naviLINK:lang(zh-tw) {
    background-image:url(../img/common/top_btn_link_zh-tw.png);
    background-size: 100%;
    }
.subNavi li a.naviLINK:lang(ko) {
    background-image:url(../img/common/top_btn_link_ko.png);
    background-size: 100%;
    }

.subNavi li div.naviLANG {
    float: right;
    margin-right: 20px;
    width:117px;
	background-position:0 0;
	background-repeat:no-repeat;
    background-image:url(../img/common/top_language.png);
    background-size: 100%;
    }

/*20180727*/
.subNavi li a.naviCONT:hover { background-position:0 -40px;}
.subNavi li a.naviCONT {
    width:130px;
	background-position:0 0;
	background-repeat:no-repeat;
    }
.subNavi li a.naviCONT:lang(ja) {
    background-image:url(../img/common/navi_contact.png);
    }
.subNavi li a.naviCONT:lang(en) {
    background-image:url(../img/common/navi_contact_en.png);
    }
.subNavi li a.naviCONT:lang(zh-cn) {
    background-image:url(../img/common/navi_contact_zh-cn.png);
    }
.subNavi li a.naviCONT:lang(zh-tw) {
    background-image:url(../img/common/navi_contact_zh-tw.png);
    }
.subNavi li a.naviCONT:lang(ko) {
    background-image:url(../img/common/navi_contact_ko.png);
    }

.subNavi li a.naviGP { width:114px; background-image:url(../img/common/btn_google.png);}
.subNavi li a.naviAS { width:113px; background-image:url(../img/common/btn_apple.png);}

/*20180727*/
.subNavi li.spApp {
    width:100%;
    height:40px;
    margin: 0px 0px 5px 0px;
	background-position:0 0;
	background-repeat:no-repeat;
    }
.subNavi li.spApp:lang(ja) {
    background-image:url(../img/common/txt_app.png);
    }
.subNavi li.spApp:lang(en) {
    background-image:url(../img/common/txt_app_en.png);
    }
.subNavi li.spApp:lang(zh-cn) {
    background-image:url(../img/common/txt_app_zh-cn.png);
    }
.subNavi li.spApp:lang(zh-tw) {
    background-image:url(../img/common/txt_app_zh-tw.png);
    }
.subNavi li.spApp:lang(ko) {
    background-image:url(../img/common/txt_app_ko.png);
    }


/* Footer
----------------------------------------------------------------- */

.footerWrap {
	margin-bottom:15px;
	}
.footerContainer {
	width:300px;
	min-height:224px;
	margin:0 auto;
	}
.footer {
	width:300px;
	margin:0 auto;
	padding-top:20px;}
	
.informationWrap {
	width:250px;
	margin-bottom:20px;
	padding:5px 20px;
	background:#fff;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	border:1px solid #666;
	behavior: url(http://triana.co.jp/busnavi_okinawa/Content/css/PIE.htc);
	}
.information {overflow:hidden;}

.informationWrap .busCompanyNewsName {
    color: #fff;
    text-align: center;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
    padding: 5px;
    margin-top: 5px;
    margin-bottom: 3px;
    font-weight: bold;
    }
.informationWrap .busCompanyNewsName.oitakotsu {
    background-color: #D52C33;
    }
.informationWrap .busCompanyNewsName.oitabus {
    background-color: #181B8C;
    }
.informationWrap .busCompanyNewsName.kamenoibus {
    background-color: #185993;
    }
.informationWrap ul.information {
    margin-bottom: 10px;
    }

.footerLink {
	width:300px;
	margin-right:-12px;
	}
.footerLink li {
	width:95px;
	height:25px;
	margin:10px 2px;
	float:left;
	}
.footerLink li:last-child {
	margin-right:0px;
	}
.footerLink li img {
	width:100%;
	height:100%;
	}

.copyright {
	margin-top:10px;
	padding-top:10px;
	border-top:1px solid #ccc;
	text-align:center;
	color:#666;
	font-size:11px;}

/*20180727*/
/* 各バス会社からのお知らせ */
.footer h2 {
    width:100%;
    height:20px;
    margin: 15px 0px 5px 0px;
	background-position:0 0;
	background-repeat:no-repeat;
    }
.footer h2:lang(ja) {
    background-image:url(../img/common/hl1.png);
    }
.footer h2:lang(en) {
    background-image:url(../img/common/hl1_en.png);
    }
.footer h2:lang(zh-cn) {
    background-image:url(../img/common/hl1_zh-cn.png);
    }
.footer h2:lang(zh-tw) {
    background-image:url(../img/common/hl1_zh-tw.png);
    }
.footer h2:lang(ko) {
    background-image:url(../img/common/hl1_ko.png);
    }

/* 試験運用期間中 */
.trialTitleMessage {
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    }
.trialTitleMessage:lang(en) {
    font-size: 18px;
    }

/* TOPページ_免責事項 */
.topDisclaimerLink {
    margin: 0px 10px 10px 10px;
    position: relative;
    }
.topDisclaimerLink p.privacyPolicy {
    display: inline;
    }
.topDisclaimerLink p.disclaimer {
    display: inline;
    float: right;
    }