@charset "Shift_JIS";

UNKNOWN {
    FONT-SIZE: 8px; LINE-HEIGHT: 10px
}
body {
    margin:1px;
    margin-left:auto;
    margin-right:auto;
    background:#ffffff;
    color:#444444;
    font-size:12px;
    line-height:14px;
/*  text-align:center;*/
}


table { text-align: left; }

img {
    margin: 0;
    padding: 0;
    border: none;
}

.body10 {
    FONT-SIZE: 10px; LINE-HEIGHT: 12px;
}
.body12 {
    FONT-SIZE: 12px; LINE-HEIGHT: 14px;
}
.body14 {
    FONT-SIZE: 14px; LINE-HEIGHT: 16px;
}
.body16 {
    FONT-SIZE: 16px; LINE-HEIGHT: 18px;
}
.body18 {
    FONT-SIZE: 18px; LINE-HEIGHT: 20px;
}
.body20 {
    FONT-SIZE: 20px; LINE-HEIGHT: 22px;
}
.body8G {
    FONT-SIZE: 8px; COLOR: #444444; LINE-HEIGHT: 10px;
}
.body10G {
    FONT-SIZE: 10px; COLOR: #444444; LINE-HEIGHT: 12px;
}
.body12G {
    FONT-SIZE: 12px; COLOR: #444444; LINE-HEIGHT: 14px;
}
.body12G2 {
    FONT-SIZE: 12px; COLOR: #000000; LINE-HEIGHT: 16px;
}
.body14G {
    FONT-SIZE: 14px; COLOR: #444444; LINE-HEIGHT: 16px;
}
.body16G {
    FONT-SIZE: 16px; COLOR: #444444; LINE-HEIGHT: 18px;
}

.body16G2 {
    FONT-SIZE: 16px; COLOR: #000000; LINE-HEIGHT: 18px;
}

.body18G {
    FONT-SIZE: 18px; COLOR: #444444; LINE-HEIGHT: 20px;
}

.body18G2 {
    FONT-SIZE: 18px; COLOR: #000000; LINE-HEIGHT: 20px;
}


.body20G {
    FONT-SIZE: 20px; COLOR: #444444; LINE-HEIGHT: 22px;
}
.mid1lb {
    FONT-WEIGHT: bold; FONT-SIZE: 12px; LINE-HEIGHT: 16px; FONT-FAMILY: Osaka;
}
.mid2lb {
    FONT-WEIGHT: bold; FONT-SIZE: 14px; LINE-HEIGHT: 16px; FONT-FAMILY: Osaka;
}
.mid3lb {
    FONT-WEIGHT: bold; FONT-SIZE: 16px; LINE-HEIGHT: 18px; FONT-FAMILY: Osaka;
}
.mid4lb {
    FONT-WEIGHT: bold; FONT-SIZE: 18px; LINE-HEIGHT: 20px; FONT-FAMILY: Osaka;
}
.textbox {
    BORDER-TOP-WIDTH: 1px; BORDER-LEFT-WIDTH: 1px; BORDER-LEFT-COLOR: #666666; IME-MODE: active; BORDER-BOTTOM-WIDTH: 1px; BORDER-BOTTOM-COLOR: #666666; BORDER-TOP-COLOR: #666666; BORDER-RIGHT-WIDTH: 1px; BORDER-RIGHT-COLOR: #666666;
}
.form {
    BORDER-TOP-WIDTH: 1px; BORDER-LEFT-WIDTH: 1px; BORDER-LEFT-COLOR: #666666; IME-MODE: inactive; BORDER-BOTTOM-WIDTH: 1px; BORDER-BOTTOM-COLOR: #666666; BORDER-TOP-COLOR: #666666; BORDER-RIGHT-WIDTH: 1px; BORDER-RIGHT-COLOR: #666666;
}

a{
    color:#444444;
    font-style:normal;
    text-decoration:none;
}
a:link {
    color:#444444;
    font-style:normal;
    text-decoration:none;
}
a:visited {
    color:#444444;
    text-decoration:none;
}
a:active {
    color:#ff9900;
    font-style:normal;
    text-decoration:underline;
}
a:hover {
    color:#ff9900;
    font-style:normal;
    text-decoration:underline;
}

.cl { clear: both; }

/*20100121 cleafix追加*/
.clearfix{
    zoom:1;/*for IE 5.5-7*/
}
.clearfix:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}
* html .clearfix{
    display:inline-table;
    /*\*/display:block;/**/
}

/*20090706 ヘッダー変更*/
#header{
    width:100%;
    margin:0;
    padding:0 0 15px 0;
    text-align:center;
    background:#fff;
}

#header .headerTb{
    width:100%;
    margin:0 0 0 0;
    border:0;
    border-collapse:collapse;
    border-spacing:0;
    empty-cells:show;
    text-align:left;
    }

#header .headerTb .leadArea{
    background:#0F36A3;
}

#header .headerTb .leadArea .mainLead{
    width:768px;
    padding:5px 0 5px 0;
    text-align:left;
    font-size:14px;
    line-height:16px;
    font-weight:bold;
    color:#fff;
}
#header .headerTb .leadArea .mainLead a{
    color:#fff;
}

#header .headerTb .subLead{
    padding:5px 0 5px 0;
    font-size:12px;
    line-height:14px;
}

#header .headerTb .logo{
    width:180px;
}

#header .headerTb .menuArea{
    background:url('/img/menu/bg_header.gif') bottom repeat-x;
}

#header .headerTb .menuArea .menuboxC{
    background:url('/img/menu/menubox_c.gif') repeat-x;
}

#header .headerTb .menuArea .menuLink01 td{
    padding:0 3px 0 4px;
}

#header .headerTb .menuArea .menuLink01 a{
    padding:0 0 0 12px;
    color:#fff;
    font-size:12px;
    line-height:14px;
    background:url('/img/icon/arrow_w02.gif') left no-repeat;
}

#header .headerTb .bottomMenuArea .menuLink02{
    padding:3px 0 0 0;
    text-align:right;
    font-size:12px;
    line-height:14px;
}



#header h1{
    display: inline;
    padding-right: 2px;
    font-size: 14px;
    line-height: 16px;
}

#header h2,
#header h3,
#header h4,
#header h5,
#header h6 {
    display: inline;
    font-size: 12px;
    font-weight: normal;
}

#header .subLead i,
#header .subLead b,
#header .subLead em,
#header .subLead strong {
    font-weight: normal;
    font-style: normal;
}

#header .subLead h1{/* 追加2011/01/19 */
    display: inline;
    font-size: 12px;
    font-weight: normal;
}

/* imgBorder */
.ib3 {border: solid 1px #333;}
.ib6 {border: solid 1px #666;}
.ib9 {border: solid 1px #999;}
.ibC {border: solid 1px #ccc;}


/* コンテンツヘッダ下（コンテンツタイトル下） */
.contentHeader_bottom {
/*background-color: #ccc;*/
    clear:both;
    width: 768px;
    margin: 0 auto 2px auto;
    padding: 0;
    text-align:left;
}
.contentHeader_bottom .callShopC {
    float:right;
    margin: 0;
}




/* ツールチップ(tooltip)用 2010/02/26 */
#tt {position:absolute; display:block; background:url(/img/table/tt_left.gif) top left no-repeat}
#tt #tttop {display:block; height:5px; margin-left:5px; background:url(/img/table/tt_top.gif) top right no-repeat; overflow:hidden}
#tt #ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#666; color:#fff}
#tt #ttbot {display:block; height:5px; margin-left:5px; background:url(/img/table/tt_bottom.gif) top right no-repeat; overflow:hidden}


.lineStationTable td {/* /search/search.asp で使用 */
    text-align: center;
}
.searchLineRoomTable tr.trObj {/* /search/list.asp で使用 */
    text-align: center;
}


/*  */
.contena {
    width: 768px;
    margin: 0 auto;
    padding: 0;
    text-align: left;
    clear: both;
}

.main {
    width: 576px;/* -- 768 × 3/4 -- */
    float: right;
    margin: 0;
    padding: 0;
}

.side {
    width: 180px;
    float: left;
    margin: 0;
    padding: 0;
}





/* サイドメニュー用 */
#sideAPCampaign {
    margin: 0 auto;
}


/* /shop/*.htm で使用 そのうちココより削除予定。。。 */
ul.shopUnderMenu {
    float: right;
    margin: 0;
    padding: 6px 4px 0 0;
}

ul.shopUnderMenu li {
    display: block;
    float: right;
    width: 108px;
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: right;
    font-size: 14px;
    line-height: 16px;
    font-weight: bold;
}

ul.shopUnderMenu li.fc,
ul.shopUnderMenu li:first-child {/* first-child */
/*  background-color: #ccc;*/
    width: 110px;
}

ul.shopUnderMenu li i {
    font-style: normal;
    color: #c33;
}


/* /root/index.html Jペイメントの指示に対応 2011/11/11追加 */

.comUF {
    width:762px;
    margin:0 auto 0;
    padding:3px;
    text-align:left;
    background:#F3F3F3;
    }


