/*===ベーススタイル===*/
html{ overflow-y: scroll}
a { color: #FD9427}
a:hover { color: #BBBBBB; text-decoration: none}
body { background-color: #FAF7ED; text-align: center; margin-left: auto; margin-right: auto; margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px}
body,table,th,td,p { color: #000000; font-size: 12px; line-height: 20px; font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif}
img { border: none}
h1 { margin: 0px; padding: 0px; font-size: 12px; line-height: 22px; height: 22px; color: #FFFFFF; background-color: #0066B5; text-align: center; font-weight: normal; background-image: url(../img/top_header_bg.gif); background-repeat: repeat-x; background-position: center top}
h1 a { color: #FFFFFF; text-decoration: none}
h1 a:hover { color: #FFFFFF; text-decoration: none}



/*===汎用スタイル===*/

.left { text-align: left}
.center { text-align: center; margin-left: auto; margin-right: auto}
.right { text-align: right}
.top { vertical-align: top}
.middle { vertical-align: middle}
.bottom { vertical-align: bottom}
.bold { font-weight: bold}
.w100 { width: 100%}
.clear_right { clear: right}
.img_left { float: left}
.img_right { float: right}



/*===カラーセット===*/

.color1 { color: #FFFFFF} /*白*/
.color2 { color: #000000} /*黒*/



/*===レイアウト===*/

#site_frame { background-color: #FFFFFF; width: 900px; text-align: center; margin-left: auto; margin-right: auto; border-left: 1px solid #0066B5; border-right: 1px solid #0066B5}
#sub_header { padding-left: 30px; font-size: 14px; font-weight: bold; height: 54px; color: #000000; text-align: left; vertical-align: middle; background-image: url(../img/sub_header_bg.jpg); background-repeat: repeat-x; background-position: center top; margin-bottom: 0px; padding-bottom: 0px}
#sub_header a { color: #000000; text-decoration: none}
#sub_header a:hover { color: #BBBBBB}
#sub_header div { float: left; padding-left: 20px; margin-top: 17px}
#sub_header div img { margin-right: 5px}
#header { height: 128px; margin: 0px; padding: 0px}
#contents_area { width: 100%}
#contents { background-image: url(../img/contents_bg.jpg); background-repeat: no-repeat; background-position: center top; height: 240px}
#shop_link { padding-top: 14px}
#credit { clear: both; font-size: 12px; color: #FFFFFF; height: 22px; line-height: 22px; text-align: center; background-color: #0066B5; background-image: url(../img/credit_bg.gif); background-repeat: repeat-x; background-position: center top}
#news { float: left; text-align: left; width: 486px; padding-left: 68px; padding-top: 20px; color: #000000; font-weight: bold; font-size: 13px}
#news iframe { padding: 0px; margin: 0px; border: 1px solid #000000}
#pop_text { text-align: center; margin-left: auto; margin-right: auto; background-color: #BEEEF0; color: #3366FF; font-weight: bold; margin-top: 10px; margin-bottom: 10px; width: 800px}
#shops { width: 800px; text-align: center; margin-left: auto; margin-right: auto}
#shops .detail { float: left; background-image: url(../img/shop_bg01.jpg); background-repeat: no-repeat; background-position: center top}
#shops .detail #map { margin-left: -10px; font-weight: bold}
#shops .detail #text { padding-top: 5px; line-height: 17px; font-size: 12px; padding-left: 15px; margin-left: auto; margin-right: auto; text-align: left; background-image: url(../img/shop_bg02.jpg); background-repeat: repeat-y; background-position: center top}
#link { width: 800px; text-align: center; margin-left: auto; margin-right: auto; padding-top: 20px}
#link img { float: left; margin-left: 20px; margin-right: 20px; margin-bottom: 20px}
#footer_menu { margin-left: 540px}
#footer_menu div { float: left; margin-bottom: 10px; margin-top: 5px; margin-right: 10px}
#footer_menu a { color: #000000; text-decoration: none}
#footer_menu a:hover { color: #BBBBBB}
#footer_menu div img { margin-right: 2px}

#company { width: 600px; text-align: center; margin-left: auto; margin-right: auto; margin-top: 20px; margin-bottom: 20px; background-color: #0066B5}
#company td { background-color: #FFFFFF; text-align: left; padding: 5px}
#company th { color: #FFFFFF}
#company .title { background-color: #FFFFEC}