@CHARSET "UTF-8";

/* ---------------------------------------- 共通 */
*{ margin: 0; padding: 0; }

body { font: 12px/20px "ＭＳ Ｐゴシック", Osaka, arial, sans-serif; text-align: center; color: #444444; background-color:#fefefe; font-size: 12px; padding: 0; }
ul { list-style: none outside none; }
img { border: medium none; vertical-align: bottom; }
hr { display: none; }
/*
a:link, a:visited, a:active { color: #2387CC; text-decoration: none; } 
a:hover { color: #2387CC; text-decoration: underline; }
*/

.clear { clear:both; } 
.stock-tip hr { display:block; }
.pager a { background:none; }
div.line { border-bottom: dashed 1px #c8eaf9; }

/* ---------------------------------------- レイアウト */
#wrapper { background-color: #FFFFFF; margin: 0 auto; text-align: left; width: 100%; }
#layouttable { background: noe no-repeat scroll 0 0 transparent; margin: 0; padding: 0; text-align: left; width: 100%; }

#main_top_left { width: 100%; }
#main_top_right { width: 100%; }

#layout_bottom { text-align: center }
#layout_bottom img { vertical-align: top; height: auto; width: 100%; }
@media (min-width: 768px) {
	#layouttable { background: url("../user/bg_contents.gif") repeat-y scroll 0 0 transparent; margin: 0 auto; padding: 10px 16px 0; text-align: left; width: 912px; }
	
	#main_top_left { float: left; margin: 0; width: 630px; }
	#main_top_right { float: right; margin: 0; width:330px; }
	
	#layout_bottom img { vertical-align: top; height: auto; width: auto; }
}

/* ---------------------------------------- ヘッダー */
#header { background: url("../user/bg_header.png") repeat-x scroll 0 0 transparent; padding-top: 5px; }
#head { margin:0 auto;width: 100%; }
#header h1 { font-size: 10px; color:#333333; font-weight: normal; width:100%; text-align: left; margin: 0; padding: 0; }
@media (min-width: 768px) {
	#head { height:85px; width: 900px; }
	#header h1 { font-size: 12px; width:800px; height:30px; padding: 3px 0 0; }
	#header #logo { float: left; }
}

/* ---------------------------------------- ナビゲーション */
#navi { display: none; }
@media (min-width: 768px) {
	#navi { display: block; background: url(../user/bg_navi.png) repeat-x; height: 43px; }
	#navi .naviInner { margin: 0 auto; width: 900px; position: relative; z-index: 90; }
	#navi li a.parent { display: block; height: 43px; background-repeat: no-repeat; }
	#navi li.navi01 a.parent { background:url(../user/navi01.png); width: 155px; }
	#navi li.navi02 a.parent { background:url(../user/navi02.png); width: 149px; }
	#navi li.navi03 a.parent { background:url(../user/navi03.png); width: 149px; }
	#navi li.navi04 a.parent { background:url(../user/navi04.png); width: 149px; }
	#navi li.navi05 a.parent { background:url(../user/navi05.png); width: 149px; }
	#navi li.navi06 a.parent { background:url(../user/navi06.png); width: 149px; }

	#navi li a.parent:hover,#navi li.cur a.parent { background-position:0 -43px; }
	#navi li a span { display:inline-block; height:0; width:0; overflow:hidden; position:absolute; }
	#navi ul li a { display:block;  overflow:hidden; }
	#navi ul li { float:left;  position:relative; }
	#navi ul li ul { display: none; }
	#navi ul li:hover ul { display:block; position:absolute; top:43px; left:0; }
	#navi ul li:hover ul li a { width: 130px; display: block;  background: #F5E7E7; filter: alpha(opacity=90); opacity: 0.9; padding:5px 0 5px 8px; border-bottom: 1px solid #fff; }
	#navi ul li:hover ul li a:hover { color:#fff;  background:#BC2B49; text-decoration: none; }

	*html #navi ul li a:hover ul { display:block; position:absolute; top:43px; left:0; }
	*html #navi ul li a:hover ul li a { width: 130px; display:block; filter:alpha(opacity=90); background: #F5E7E7; padding:5px 0 5px 8px; border-bottom: 1px solid #fff; }
	*html #navi ul li a:hover ul li a:hover { color:#fff; background:#BC2B49; alpha(opacity=90); text-decoration: none; }
}


/* スマホ用ナビ */
.navbar-nav { margin: 7.5px -15px 10px; font-size:1.2em; }
.navbar-default { background-color: #1858a9; 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: #CCCCCC; }
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus{ background-color: #059ae0; color: #FFFFFF; }
.navbar-toggle { background-color: #1858a9; border: 1px solid #059ae0; }
.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: #059ae0; }
@media (min-width: 768px) {
	.navbar { display: none; }
	.navbar-nav { margin: 0 ; }
	.navbar-collapse{ width: 900px; margin: 0 auto; padding: 0; }
	.navbar-collapse li{ width: 145px; float: left; border-left: 1px dotted #1858a9; }
	.navbar-collapse li:last-child{ border-right: 1px #059ae0; }
}
/* ---------------------------------------- フッター */
#footer { padding: 0px 10px 0px 10px; background-image:url(../user/footer_bg.png); background-repeat:repeat-x; color:#333333; font-size:12px; text-align:center; line-height: 140%; }

#footer_inner { margin: 0 auto; text-align: right; width: 100%; }

#footer_link { padding: 40px 0 10px; color:#2387CC; font-size:12px; text-align:left; }
#footer_link p { text-align: left; width: 96%; margin: 0 auto; }
#footer_link img { padding:0px 3px 0px 8px; vertical-align: top; }
#footer_link a:link { color: #2387CC; text-decoration: none; decoration:none; }
#footer_link a:visited { color: #2387CC; text-decoration: none; }
#footer_link a:hover { color: #2387CC; text-decoration: underline; }
#footer_link ul { width: 100%; color: #666666; font-size: 12px; line-height: 120%; margin: 0; }
#footer_link li { background: url("../user/icon_01.gif") no-repeat scroll left center transparent; padding: 0 20px 0 8px; white-space: nowrap; }

#copyright { margin: 0 auto; text-align: right; width: 100%; }
#copyright p { margin: 0 auto; }
#copyright img { vertical-align: top; }
@media (min-width: 768px) {
	#footer_inner { width: 900px; height:100px; }
	#footer_link p { text-align: left; width: 870px; margin: 0 auto; }
	#footer_link ul { width:900px; color: #666666; font-size: 12px; line-height: 120%; margin-bottom: 5px; }
	#footer_link li { float: left;  }
	
	#copyright { margin: 0 auto; text-align: right; width: 900px; }

}
/* ---------------------------------------- 共通ページ */
#container { padding:10px; width: 880px; margin:0 auto; }
#main_contents { line-height: 1.4em; font-size:1.2em; } 
#main_contents p{ margin-bottom:15px; line-height:1.5; }
#main_contents ol{ list-style-position:inside; }

#layouttable h2 { background-image: url("../user/h2-00.jpg"); font-size: 20px; height: 67px; line-height: 67px; margin: 0 0 20px; padding-left: 25px; }
#layouttable h3 { background-image: url("../user/h3-01.jpg"); font-size: 14px; padding: 5px; margin: 0 0 5px; color: #333; }

@media (min-width: 768px) {
	#layouttable h3 { background-image:url(../user/h3-01.jpg); height: 37px; color: #525252; line-height: 37px; padding: 0 0 0 25px; font-size: 16px; margin: 0 0 20px; color: #333; }
}
/* ---------------------------------------- TOPページ */
#top_info { background: url("../user/info_bg.png") no-repeat scroll 0 0 transparent; height: 337px; margin: 0; width: 330px; }
#top_info_text { float: left; padding-left: 10px; padding-top: 50px; width: 310px; }

.koumoku { color: #333333; font-size: 12px; line-height: 20px; padding-left: 16px; padding-right: 5px; text-align: left; text-indent: -1.2em; }
.koumoku_head2 { color: #121348; font-size: 20px; padding-right: 3px; } 
.float { float: left; padding-right:5px; }
.center {  text-align:center; }
.left { text-align:left; }
.right { text-align:right; }

.left_30px { padding-left: 30px; }
.left_20px { padding-left: 20px; }
.left_10px { padding-left: 10px; }
.left_5px { padding-left: 5px; }
.bottom_5px { margin-bottom: 5px; }
.bottom_10px { margin-bottom: 10px; }
.bottom_20px { margin-bottom: 20px; }
.top_5px { margin-top: 5px; }
.top_10px { margin-top: 10px; }
.top_20px { margin-top: 20px; }


#info_box_top{ background-image: url("http://nalu-air.com/mecha/images/info_mecha_bg.png"); background-repeat: no-repeat; padding-left: 10px; padding-top: 10px; margin:10px; width:610px; height:210px; }
.ul_mecha li { background-image: url("http://nalu-air.com/mecha/images/checkbox.gif"); background-repeat: no-repeat; font-size: 1.2em; line-height: 2em; padding-left: 30px; width:400px; }

/* ---------------------------------------- TOP検索 */
#ken_bg { background: #ebf7fc;}
#ken_bg table{ width:100%; }
@media (min-width: 768px) {
#ken_bg { background-image: url(../user/ken_bg_responsive.png); width: 630px; height:auto; background-repeat:no-repeat; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; border: solid 1px #CCCCCC; border-top: none; padding:0 0 10px; }
#ken_bg p{ font-size: 0.8em; line-height: 0.5em; }
#ken_bg table{ background-image: url(../user/box_bg.png); background-repeat:repeat-y; margin-left:10px; padding: 2px 5px; width:260px; height:225px; }
#ken_bg table td{ padding: 5px; }
}


/* ---------------------------------------- 特徴 */
#ex { display: none;}
@media (min-width: 768px) {
#ex { display: block; margin-top: 10px; }
#ex table td{ width:313px; height:123px; }
#ex table p{ padding-top:0px; padding-left:100px; font-size:12px; line-height:1.4em; }
#best5 { margin-top: 10px; }
#best5 .box { border: 3px double #CCCCCC; float: left; margin: 5px 5px 0px; padding: 3px; width: 188px; }
#best5 ul { margin: 0 1em; } 
#best5 li { list-style-position: inside; list-style-type: decimal; margin-right: 1em; }
}

/* ---------------------------------------- 流れ */
#flow { margin-top: 10px; }
#flow img { margin-top: 10px; }
#flow p { padding:0px 20px; font-size:1.2em; }
/* ---------------------------------------- TOPサイドナビ */
#side { width: 100%; }
@media (min-width: 768px) {
#side { width: 228px; padding: 0; margin: 0 ; float: right; }
}

/* ---------------------------------------- 株券買取  */
.side-banner { display:none; }
@media (min-width: 768px) {
.side-banner { display:block; margin-left: 4px; }
.side-banner li { padding-bottom: 10px; float: left; }
.side-banner li img { vertical-align: top; }
}

/* ---------------------------------------- 初めての方へ */
.top-side-block1 { padding-top: 6px; width: 100%; font-size: 1em; }
.top-side-block2 { padding-bottom: 15px; width: 100%; text-align:center; }
.top-side-block ul.subnavi li { margin: 0; padding: 5px; }
@media (min-width: 768px) {
.top-side-block1 { background: url("../user/bg_side_011a.gif") no-repeat scroll left top transparent; padding-top: 6px; width: 228px; font-size: 0.8em; }
.top-side-block2 { background: url("../user/bg_side_011c.gif") no-repeat scroll left bottom transparent; padding-bottom: 15px; width: 228px; text-align:left; }
.top-side-block ul.subnavi li { background: url("../user/icon_03.gif") no-repeat scroll 0 0.35em transparent; margin: 10px 5px 0px 25px; padding: 0 5px 0px 15px; }
}

.side-title { background: none repeat scroll 0 0 #333333; color: #FFFFFF; padding: 3px; }

/* ---------------------------------------- お問合せ */
.side-block-01 { }
.side-block-01a { }
.side-block-01 .inner { text-align: center;}
.side-block-01 .inner p { }
.side-block-01 .line { }
@media (min-width: 768px) {
.side-block-01 { width: 228px; margin-bottom: 16px; background: url(../user/bg_side_01a.gif) repeat-y left top; }
.side-block-01a { width: 228px; padding-bottom: 15px; background: url(../user/bg_side_01c.gif) no-repeat left bottom; }
.side-block-01 .inner { width: 228px; } 
.side-block-01 .inner p { font-size: 100%; color: #666666; margin: 0 10px 0 24px; }
.side-block-01 .line { width: 228px; margin-bottom: 0px; padding-bottom: 0px; background: url(../user/bg_side_01b.gif) no-repeat left bottom; }
}

/*
.side-block-02 { width: 228px; margin-bottom: 10px; background: url(../user/bg_side_02b.gif) repeat-y left top; }
.side-block-02a { width: 228px; padding-top: 10px; background: url(../user/bg_side_02a.gif) no-repeat left top; }
.side-block-02b { width: 228px; padding-bottom: 19px; background: url(../user/bg_side_02c.gif) no-repeat left bottom; }
.side-block-02 .bt { width: 208px; height: 80px; margin: 0 0 0 10px; }
.side-block-02 h2 { margin: 0 0 0 10px; }
.side-block-02 .side-navi { width: 196px; margin: 0 0 0 16px; }
.side-block-02 .side-navi li { width: 196px; background: #eef1f3; border-bottom: 1px solid #ffffff; overflow: hidden; float: left; }
.side-block-02 .side-navi li.on,
.side-block-02 .side-navi li.over { background: #d3e8fa; }
.side-block-02 .side-navi li a { padding: 8px 5px 7px 22px; display: block; }
.side-block-02 .side-navi li a:link,
.side-block-02 .side-navi li a:visited,
.side-block-02 .side-navi li a:active { font-weight: normal; background: #eef1f3 url(../user/icon_03.gif) no-repeat 7px 13px; }
.side-block-02 .side-navi li a:hover { font-weight: normal; background: #d3e8fa url(../user/icon_03.gif) no-repeat 7px 13px; }
.side-block-02 .side-navi li.on a:link,
.side-block-02 .side-navi li.on a:visited,
.side-block-02 .side-navi li.on a:active,
.side-block-02 .side-navi li.on a:hover { font-weight: bold; background: #d3e8fa url(../user/icon_03.gif) no-repeat 7px 13px; }
.side-block-02 .side-navi ul { width: 196px; margin: 0 0 1px 0; }
.side-block-02 .side-navi ul li { width: 192px; margin: 0 0 1px 2px; background: #ffffff; border-bottom: 0; overflow: hidden; float: left; }
.side-block-02 .side-navi ul li.on { background: #ffffff; }
.side-block-02 .side-navi ul li a { padding: 7px 5px 6px 28px; display: block; }
.side-block-02 .side-navi ul li a:link,
.side-block-02 .side-navi ul li a:visited,
.side-block-02 .side-navi ul li a:active,
.side-block-02 .side-navi .on ul li a:link,
.side-block-02 .side-navi .on ul li a:visited,
.side-block-02 .side-navi .on ul li a:active { font-weight: normal; background: #ffffff url(../user/icon_01.gif) no-repeat 18px 14px; }
.side-block-02 .side-navi ul li a:hover,
.side-block-02 .side-navi .on ul li a:hover { font-weight: normal; background: #ffffff url(../user/icon_01.gif) no-repeat 18px 14px; }
.side-block-02 .side-navi ul li.on a:link,
.side-block-02 .side-navi ul li.on a:visited,
.side-block-02 .side-navi ul li.on a:active,
.side-block-02 .side-navi ul li.on a:hover,
.side-block-02 .side-navi .on ul li.on a:link,
.side-block-02 .side-navi .on ul li.on a:visited,
.side-block-02 .side-navi .on ul li.on a:active,
.side-block-02 .side-navi .on ul li.on a:hover { font-weight: bold; color: #d72f57; background: #ffffff url(../user/icon_01a.gif) no-repeat 18px 14px; }
*/

/* ---------------------------------------- ブログ更新情報 */
#side dl#rss { height: 100%; width: 100%; overflow: auto;  padding: 10px;}
#side dl#rss dt { float:left; font-weight: bold; width: 25%; }
#side dl#rss dd {  margin-bottom:10px; border-bottom: 1px dotted #E4DFD9;text-align: left; }
@media (min-width: 768px) {
#side dl#rss { height: 160px; width: 217px; padding: 10px 10px 0 20px; }
#side dl#rss dt { width: auto; }
#side dl#rss dd {  }
}

/* ---------------------------------------- フリーページ */
/* キャンセル料 */
.cancel_tbl { border:1px solid #cfcfcf; border-collapse:collapse; font-size:90%; text-align:center; }
.cancel_tbl th  { background-color:#ccd6f5; border:1px solid #cfcfcf; color:#333333; line-height:1.5em; padding:3px; text-align:center; }
.cancel_tbl td  { border:1px solid #cfcfcf; line-height:1.5em; padding:3px; text-align:left; }
.cancel_tbl2 { border-collapse:collapse; font-size:90%; text-align:left; padding:10px; }
.cancel_tbl2 td  { line-height:1.5em; padding:8px; text-align:left; }

.td_red  { background-color:#FDE2FE; text-align:center; }
.td_yellow  { background-color:#FFFEC8; text-align:center; }
.td_green  { background-color:#DCFCCB; text-align:center; }
.td_blue  { background-color:#E0F1FE; text-align:center; }
.fntcolrRed { color:#990000; }

/* チケットレス */
div.waku_b { padding:10px; margin:10px 50px 10px 50px; border-color:#669999; border-width:1px; border-style:dashed; }
div.waku_b p { color:#666666; font-size: 18px; padding-left: 15px; font-weight:bold; }
.textgreen { color: #007292; font-weight: bold; } 
.text_red { color:#FF0000; } 
.ana { color:#1177a3; }
.jal { color:#cc3468; }
.sfj { color:#000000; }

/* ---------------------------------------- 空港一覧 */
#airport-box { background:#FFF; font-size:12px; }
#airport_list { padding:0; }
@media (min-width: 768px) {
#airport-box { width: 800px !important; left: auto !important; position: relative; margin: 0 auto; }
}

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

/* 検索一覧表組み背景 */
#s_main_3 td { background-color:#F6F6FF; }