@CHARSET "UTF-8";

/* 一括で全ての要素の余白をゼロに指定 */
* { padding: 0; margin: 0; }
img { border:0 none; }

/* ---------------------------------------- フォントスタイル フォントサイズ */
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px; 
	background-image:url("../user/bg.png");
	background-repeat:repeat-x;
	padding: 0;
}
/* ---------------------------------------- レイアウトに関する指定 */
#wrapper { text-align: left; margin: 0 auto 0; }
@media (min-width: 768px) {
	#wrapper { width: 900px; }
}
/* ---------------------------------------- ヘッダー */
/* タイトル */
#title { margin: 0.5em auto 0; }
#title h1 { text-align: left; color: #ffffff; font-size: 12px; padding-left: 5px; margin: 0; }
@media (min-width: 768px) {
	#title { width: 900px; }
}
/* ヘッダー部分 */
#header { border:1px solid #CCCCCC; margin:0.5em auto 30px; font-size:0.85em; }
/* 看板 */
#header_logo { padding: 20px 20px 10px; }
.logo { font-size: 1.8em; margin-bottom: 0.1em; color: #0099ff; }
.logo a{ text-decoration: none; color: #0099ff; background-color: #ffffff; }
.logo a:hover{ text-decoration: none; color: #000066; background-color: #ffffff; }
/* ナビゲーション */
#gnavi { display: none; }
@media (min-width: 768px) {
	#gnavi { font-size: 14px; display: block; }
	#gnavi a,
	#gnavi a:hover,
	#gnavi a:focus,
	#gnavi a:visited { color: #FFFFFF; }
	#gnavi ul{ height:36px; background-image:url(../user/bg_gnavi.jpg); background-repeat:repeat-x; list-style-type:none; color:#FFFFFF; }
	#gnavi li a{ float:left; font-weight:bold; display:block; height:35px; width: 145px; line-height: 35px; text-align:center; }
	#gnavi li a:hover{ background-image:url(../user/bg_gnavi_on.jpg); }
}

/* スマホ用ナビ */
#header .navbar-nav { margin: 7.5px -15px 10px; font-size:1.2em; }
#header .navbar-default { background-color: #000000; color: #FFFFFF; border: none ; }
#header .navbar-collapse li{ font-size: 15px; font-weight: bold; text-align: center; }
#header .navbar-default .navbar-nav > li > a{ color: #FFFFFF; }
#header .navbar-default .navbar-nav > .active > a,
#header .navbar-default .navbar-nav > .active > a:hover,
#header .navbar-default .navbar-nav > .active > a:focus{ background-color: #000000; color: #FFFFFF; }
#header .navbar-toggle { background-color: #000000; border: 1px solid #000000; }
@media (min-width: 768px) {
	#header .navbar { display: none; }
	#header .navbar-nav { margin: 0 ; }
	#header .navbar-collapse{ width: 900px; margin: 0 auto; padding: 0; }
	#header .navbar-collapse li{ width: 16%; float: left; border-left: 1px dotted #000000; }
	#header .navbar-collapse li:last-child{ border-right: 1px #000000; }
}
/* ---------------------------------------- フッター */
/* フッターリンク */
#footerLink { display: none; margin: 0 auto; text-align:center; font-size:0.95em; background-image:url("../user/footer_bg.png"); background-repeat:repeat-x y; clear:both; line-height:20px; }
#footerLink a:link { color: #ffffff; }
#footerLink a:visited { color: #cccccc; }
#footerLink a:hover { color: #cccccc; }
#footerLink a:active { color: #ffffff; }
#footerLink a{text-decoration: none;}
#footerLink ul { text-align:left; margin:0 10px; }
#footerLink li { display:inline; background:url(../user/footer_icontopcategory.png) no-repeat left; padding:0px 10px 0 17px; font-size:90%; text-align:left; }
#footerLink li.lastMenu { border-right:none; }
@media (min-width: 768px) {
#footerLink { display: block;  }
}
/* コピーライト */
#footer { font-size:0.85em; padding: 1em 0 1.5em; }
#footer { background-image:url("../user/footer_bg.png"); background-repeat:repeat-x y; clear:both; color:#ffffff; height:20px; margin-left:auto; margin-right:auto; text-align:center; }
#footer p { text-align: center; font-weight:bold; font-size:90%; color:#ffffff; }
/* ---------------------------------------- メイン共通 */
#contents { margin:0.5em auto 0; text-align:left; width:100%; font-size:0.85em; }
#contents h2 { background-image: url("../user/h2_bg.png"); color:#FFFFFF; margin: 0 0 10px; padding: 8px 0 8px 25px; }
#contents p { line-height: 1.6em; margin-bottom: 0.5em; }
#layouttable { margin:0 auto; text-align:left; }

@media (min-width: 768px) {
	#contents { width:900px; }
	#layouttable { width: 900px; padding:0.5em auto 30px; }
}
#container { margin:0.5em 1em; }
#container h2 { background-image:url(../user/h2_bg.png); color:#FFFFFF; margin: 0 0 10px; padding: 8px 0 8px 25px; }
#container h3 { background-image: url(../user/h3_bg.png); margin: 10px 0; padding: 8px 0 8px 10px; }
#container h4 { padding:5px 0; }
#container h5 { background-color:#dcdcdc; color:#000066; border-bottom:2px solid #000099; padding:5px 0 5px 10px; line-height:160%; width:300px; }
#container img { border:0 none; }
#layouttable h2 { background-image:url(../user/h2_bg.png); color:#FFFFFF; margin: 0 0 10px; padding: 8px 0 8px 25px; }
#layouttable h3 { background-image: url(../user/h3_bg.png); margin: 10px 0; padding: 8px 0 8px 10px; }
/* ---------------------------------------- TOPページ */
#main_top_left {margin-left:20px; margin:10px 0; width:100%; }
#top_ken_bg { background:url("../user/top_ken_bg.jpg") repeat-y scroll 0 center rgba(0, 0, 0, 0); margin:0; padding:0px; width:100%; }
#top_ken_bg table { width: 100%; }
#top_ken_bg tr > td { padding: 0 10px 0 10px; }
#main_top_right { margin:10px 710px 10px 0; width:100%; } 
#contentsR { color:#666666; float:right; font-size:10px; margin:10px 0; padding:0; width:100%; }
#contentsR .link { background:url("../user/linkBg.gif") repeat-y scroll center top transparent; line-height:130%; margin:0 auto 15px; padding:0; }
#contentsR .link .linkBox { margin:0 5px; }
#contentsR .link .linkBox .bannerImg { margin:10px auto; text-align:center; }
#contentsR hr { height: 0px; border: 0px; border-top: 1px dotted #999; margin:0 auto 5px; }
#top_aboutus { width:612px; background-image: url(../user/aboutus_bg.gif); padding-right: 20px; padding-left: 20px; padding-top: 0px; padding-bottom: 0px; font-size: 0.85em; line-height: 1.6em; }
#top_aboutus h2{ border: none; background:#FFFFFF; font-size: 15px; color: #466868; margin: 0px; padding: 0px; }
@media (min-width: 768px) {
	#main_top_left { width:660px; float:left;  }
	#main_top_right { width:180px; float:left;  }
	#contentsR { width:180px; }
	#top_ken_bg { display: block; }
	#top_ken_bg table { width: 650px;}
	#top_ken_bg tr > td:not( :first-child ) { background:url("../user/top_ken_ten.gif") repeat-y scroll 0 center rgba(0, 0, 0, 0); padding:0 0 0 10px; }
}

/* フリーページ */
.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: #000000; font-weight: bold; }
.text_red { color:#FF0000; } 
.ana { color:#1177a3; }
.jal { color:#cc3468; }
.sfj { color:#000000; }
.forgetnumber { background-color:#F0F0F0; border:1px solid #999999; margin:10px 50px 10px 50px; padding:5px; }
#faq h7 { background-image: url("../user/q_icon.png"); background-repeat: no-repeat; color: #333333; font-size: 130%; height: 31px; margin-top: 0.4em; padding-left: 40px; padding-top: 5px; }
#faq .answer { background: none repeat scroll 0 0 #FFF4F4; border-color: #FFDFDF; border-style: solid; border-width: 1px; line-height: 1.8em; margin: 0 10px 20px; padding: 10px; }

/* TOP5 */
#best5 {margin-top:1em;}
#best5 .box {float:left;width:200px;margin:3px;border:double 3px #CCCCCC;padding:3px;}
#best5 p {font-weight:bold;}
#best5 ul {desplay:block;margin:0 0.5em;font-size:0.9em;}
#best5 li {list-style-position:inside;list-style-type:decimal;margin-right:0.5em;}

/* ---------------------------------------- ページのTOPに戻る */
.pagetop { text-align: right; }
#main_contents { line-height:1.5; }
#main_contents ol {list-style-position: inside;}

.div-ticket .stock-num { font-family: 'ＭＳ Ｐゴシック',sans-serif; text-shadow: 1px 1px 1px #CCC;  box-shadow: 1px 1px 1px #CCC; font-size: 26px; line-height: 28px; padding: 1px 6px; }
.div-ticket  .ticket-type { line-height: 28px;  padding: 1px 6px;}
.good .stock-num { color:#333366;  }
.out  .stock-num { color:#333333; }
.div-ticket ul.price-ditail li { font-size:10.4px; }
