@CHARSET "UTF-8";

/* 一括で全ての要素の余白をゼロに指定 */
* { padding: 0; margin: 0; }
img { border:0 none; }
a:link { color: #0066CC; text-decoration: none; decoration:none; }
a:visited { color: #336699; text-decoration: none; }
a:hover { color: #FF3300; text-decoration: underline; }

/* ---------------------------------------- フォントスタイル フォントサイズ */
body { font-size: 14px; text-align: center; padding: 0; margin: 0; background: #e5e5e5 url(/user/bg_body.gif); }

/* ---------------------------------------- レイアウトに関する指定 */
#wrapper { text-align: left; margin: 0 auto 0; width: 100%; background-color:#FFFFFF; border-right:1px solid #ccc; border-left:1px solid #ccc; border-top: 5px solid #0e36ca; }

#main_top { margin: 0; }
#main_top_left { width: 100%; }
#main_top_right { width: 100%; } 
@media (min-width: 768px) {
	#main_top_left { float: left; margin: 0 0 0 15px; width: 520px; }
	#main_top_right { float: right; margin: 0 10px; width: 340px; } 
}
#wrapper { width: 100&; }
@media (min-width: 768px) {
	#wrapper { width: 720px; }
}
@media (min-width: 992px) {
	#wrapper { width: 960px; }
}
@media (min-width: 1200px) {
	#wrapper { width: 1140px; }
	.container { width: 1140px; }
}



/* ---------------------------------------- ヘッダー */

#header { background: none; }
#header #logo { }
#header h1 { font-size: 12px; line-height: 14px; font-weight: normal; color: #666; padding: 0; margin: 0; }

@media (min-width: 768px) {

	#header { background: none; position: relative; height: 84px; }
	#header #logo { position: absolute; left: 10px; top: 4px; }
	#header h1 { font-size: 12px; line-height: 14px; position: absolute; top: 58px; left: 12px; font-weight: normal; color: #666; padding: 0; margin: 0; }

	/*ヘッダの連絡先*/
	#header div#head-contact { width: 236px; position: absolute; top: 6px; right: 12px; margin: 0; padding: 0; line-height: 120%; }
	#header div#head-contact p.contact-prefix { font-size: 12px; margin: 0; text-align: left; font-weight: bold; } 
	#header div#head-contact p.contact-tel { margin-top: 0; margin-bottom: 0; font-weight: bold; color: #033776; line-height: 130%; text-align: left; }
	#header div#head-contact p.contact-tel img { width: 36px; vertical-align: top; }
	#header div#head-contact p.contact-tel span.branch { display: block; width: 51px; float: left; margin-top: 2px; margin-right: 12px; clear: both; }
	#header div#head-contact p.contact-tel span.tel-number { font: bold 26px/1.1 Arial, Helvetica, sans-serif; margin-top: 0; }
	#header div#head-contact p.contact-suffix { font-size: 10px; line-height: 120%; margin: 5px 0 0 0; clear: both; }

}

/* PC用ナビ */
ul#menu { display: none; }
@media (min-width: 768px) {
	/*メニューブロック全体*/
	ul#menu { display: block; height: 46px; width: 100%; background: url(/user/menu_bg.gif) repeat-x; border-top: 1px solid #d2d2d2; border-bottom: 1px solid #d2d2d2; margin: 0 0 1.8em;}

	/*メニュー１個ごとの設定*/
	ul#menu li { float: left; line-height: 47px; list-style-type:none; width: 16.6666%; }
	ul#menu li.tow-rows { line-height: 16px; }
	ul#menu li a { font-size: 13px; text-decoration: none; text-align: center; width: 100%; display: block; overflow: hidden; height: 46px; line-height: 46px; border-right: 1px solid #d2d2d2; font-weight: bold; }
	/*色の付いた飾り文字の設定*/
	ul#menu li a span { font-size: 9px; color: #033776; font-weight: normal; }
	/*マウスオン時の設定*/
	ul#menu li a:hover { background: url(/user/menu_bg_on.gif) no-repeat left center; }
	/*ラスト（一番右側）のメニュー設定*/
	ul#menu li.last a { border-right: none; }
	/*現在表示中のメニュー設定*/
	ul#menu li#current a { background: url(/user/menu_bg_on.gif) no-repeat left center; }
}

/* スマホ用ナビ */
.navbar-nav { margin: 7.5px -15px 10px; font-size:1.2em; }
.navbar-default { background-color: #0e36ca; color: #FFFFFF; border: none ; }
.navbar-collapse li{ font-size: 15px; font-weight: bold; text-align: center; }
.navbar-default .navbar-nav > li > a{ color: #FFFFFF; }
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus{ color: #FFFFFF; }
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus{ background-color: #0e36ca; color: #FFFFFF; }
.navbar-toggle { background-color: #0e36ca; border: 1px solid #11164a; }
.navbar-default .navbar-toggle { border-color: #FFFFFF; }
.navbar-default .navbar-toggle .icon-bar { background-color: #FFFFFF; }
.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus { background-color: #11164a; }
@media (min-width: 768px) {
	.navbar { display: none; }
}
/* ---------------------------------------- フッター */
#footer_link { display: none; }
#footer { padding: 10px 0 15px; background-image:url(../user/footer_bg.png); background-repeat:repeat-x; color:#333333; font-size:12px; text-align:center; line-height: 140%; }

@media (min-width: 768px) {
	#footer_link { display: block; padding: 10px 0 10px; color:#333333; font-size:12px; text-align:left; border-top:2px solid #EEE; }
	#footer_link p { text-align: left; width: 100%; margin: 0 auto; }
	#footer_link img { padding:0px 3px 0px 8px; vertical-align: top; }
	#footer_link a:link { color: #333333; text-decoration: none; decoration:none; }
	#footer_link a:visited { color: #333333; text-decoration: none; }
	#footer_link a:hover { color: #FF3300; text-decoration: underline; }
}

/* ---------------------------------------- ページのTOPに戻る */
.pagetop { text-align: right; }

/* ---------------------------------------- 見出し */
h1 { text-align: left; font-size: 12px; font-weight:normal; height: 20px; padding-top: 4px; padding-left:52px; }
h2 { background-image:url(../user/h2-00.jpg); background-size:  100% 67px; height: 67px; line-height: 67px; padding: 0 0 0 25px; font-size: 20px; margin: 0 0 20px; }
h3 { background-image:url(../user/h3-01.jpg); background-size:  100% 37px; height: 37px; line-height: 37px; padding: 0 0 0 25px; font-size: 16px; margin: 0 0 20px; color: #333; }
h4 { border-top: 2px dashed #CCC; border-bottom: 2px dashed #CCC; font-size: 14px; background-color: #EEE; margin: 10px 0; padding: 6px 0px 6px 5px; }
h5 { background-color:#dcdcdc; color:#000066; border-bottom:2px solid #000099; padding:5px 0 5px 10px; line-height:160%; width:300px; }
/*
#contents h2 { background-color:#EDEDED; border-color:#669999; border-left:20px solid #669999; border-right:1px solid #669999; border-style:solid; border-width:1px 1px 1px 20px; margin:0 0 10px; padding:8px 0 8px 10px; }
#contents h3 { border-bottom:1px solid #999999; border-left:6px solid #FF6600; line-height:200%; margin:10px 0; padding-left:8px; } 
*/

/* -- メインコンテンツ -- */
#main_contents { line-height: 1.4em; padding: 10px; }
#main_contents p{ margin-bottom:15px; }

/* TOP */
#contents { border:1px solid #CCCCCC; margin:0.5em auto 0; text-align:left; width:900px; font-size:0.85em; }
.top_text1 { margin-left:15px; line-height:1.4em; width: 495px; }

#top_info{ width:100%; margin:14px 0px 14px 0px; background: url("../user/bg_info_head.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0); border: 1px solid #222222; } 
.top_info_title { text-align: center; margin: 20px auto 6px; }
#top_info_text { padding:0 0 10px; }
#top_info_text p { margin: 0; }
#top_info2{ width:100%; margin:14px 0px 14px 0px; background: url("../user/bg_info2.png") no-repeat scroll 0 0 / 100% auto rgba(0, 0, 0, 0); border-bottom: 1px solid #222222; }
#top_info_text2{  }
#top_info_text2 p { margin: 0; }

.search_box { border: solid 1px #666666;margin: 0 5px; background: url("../user/bg_info_head.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0); padding: 0 0 0; }
.search_box_text { padding: 5px 10px; text-align: center; }
#searcher td { padding: 5px; }

@media (min-width: 768px) {
	#top_info{ width:500px; } 
	#top_info_text{ padding:10px 0 10px 34px; width:456px; pdding-right:30px; }
	#top_info_text p { margin: 0; }
	#top_info2{ width:500px; margin:14px 0px 14px 0px; height:300px; background: url(../user/bg_info2.png) no-repeat; border-bottom: none;  }
	#top_info_text2{ float: left; padding-top:5px; padding-left:34px; width:456px; pdding-right:30px; }
	#top_info_text2 p { margin: 0; }
}

/* -- 文字 -- */
#contents p { line-height: 1.6em; margin-bottom: 0.5em; }

/* -- パン屑リスト -- */
#contents .topic-path { line-height: 1em; margin-bottom: 2em; font-size:80%; }

/* -- 以下 リスト関係 -- */
#contents dl { margin: 1em 0; }
#contents dt { margin-bottom: 0.5em; font-weight: bold; border-bottom: 1px dotted #666666; } 
#contents dd { margin-bottom: 2em; }
#contents ul { margin: 1em 0 1em 20px; }
#contents ol { margin: 1em 0 1em 30px; }
#contents li { margin-bottom: 0.5em; }
.clear {  clear:both; }  
#copyright p { color: #FCF8EB; font: 12px/19px "ＭＳ Ｐゴシック",Osaka,arial,sans-serif; padding-bottom: 14px; padding-top: 8px; text-align: center; vertical-align: middle; }
#main_con ol { list-style-position:inside; }

/* =======  追加 2014.07.30   ======= */

#airport_list { width: 100%; } 


/* =======  追加 2015.07.22   ======= */
/* 情報入力画面でuser.cssが勝ってしまいズレて表示されてしまうため */
#input-area h3 {
    line-height: 1.1;
    padding-left: 0;
}

/* =======  追加 2016.05.09   ======= */
/* 情報入力画面のクリアボタンがズレるので */
#input-area h3 {
        padding-top: 3px;
}
#input-area h3 .clear-member,
#input-area h3 .clear-payment,
#input-area h3 .clear-customer {
        
}


.minLine { background:#E0F0FF; border: 1px solid #6699ff !important; }
.minList { background:#E0F0FF; border: 1px solid #6699ff !important; }
#view-select .move-scroll { display: none; }
#search-result .explain > div { display: none; }
#search-result .explain > div:nth-child(n + 3) { display: inline-block; }

/* =======  追加 2019.09.14   ======= */
/* 確認モーダルのh3の表示がずれるので */
#attention-dialog h3 {
    padding: 10px 0 0 20px;
}

/* =======  追加 2020.01.21   ======= */
/* 新幹線TOP検索窓 */
.search_box .search_box_title {
	color: #11164A;
}
.search_box .search_box_title .material-icons {
	font-size: 18px;
}
.search_box .search_box_title span {
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: bold;
	font-size: 16px;
	vertical-align: middle;
}
#login-area {
	display: none;
}
.nav-member {
	display: none;
}