@charset "utf-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd,
fieldset, form, label, legend,
caption, tbody, tfoot, thead, th {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
font-family: Verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HiraKakuPro-W3", "ＭＳ Ｐゴシック", Osaka, "ＭＳ ゴシック", Gothic, sans-serif;
line-height: 1.4;
margin: 0px;
background-color:none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
ul,ol,li { margin-right:0px;}
/* remember to define focus styles! */
:focus {
outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
/*=a
===========================================================*/
/*===========全ページ共通================*/
/* CSS Document */
html body{ width: 100%; margin: 0 auto; position: relative; color:#666666; font-size:12px; font-family: Verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HiraKakuPro-W3", "ＭＳ Ｐゴシック", Osaka, "ＭＳ ゴシック", Gothic, sans-serif;}
/*文字リンク色と装飾設定*/
a:link { color:#333399; text-decoration: none}
a:visited { color:#0033FF; text-decoration: none}
a:hover { color:#0033FF; text-decoration:underline}
a:active { color:#6699FF; text-decoration: underline}
/*文字サイズ*/
.text5 { font-size: 5px;}
.text8 { font-size: 8px;}
.text10 { font-size: 10px;}
.text11 { font-size: 11px;}
.text12 { font-size: 12px;}
.text12r { font-size: 12px; color:#CC0000;}
.text13 { font-size: 13px;}
.text14 { font-size: 14px;}
.text15 { font-size: 15px;}
.text16 { font-size: 16px;}
.text17 { font-size: 17px;}
.text18 { font-size: 18px;}
.text-wh { color:#FFFFFF;}
.text-red_bd { color:#FF0000; font-weight:bold;}
.text-red { color:#FF0000;}
.clear { clear:both; height:0px; margin:0; padding:0;}
/*スマートフォン切替用関連*/
#spLinkBlockInPc{ display:none;}
/*マウスオーバー半透明用*/
a:hover img.mo-ap {
opacity: 0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";
}
/*ヘッダー関連*/
#header-area { width:100%; height:60px; position:fixed; top:0; left:0; text-align:center; background-image:url(../img/com/header-bg.png); background-position:bottom; background-repeat:repeat-x; z-index:100;}
#header { width:980px; margin:0 auto; text-align:left;}
.mainlogo { float:left;}
#mainnavi { float:right;}
#mainnavi img { margin-left:10px;}
/*グローバルメニュー関連*/
.menu-all { margin:0; padding:0; float:right;}
.menu-all ul{ display:inline-block; width:100%; margin:0; padding:0;}
.menu-all ul li{ float:left; text-align:center; margin-left:10px;}
.menu-all ul li a{ position:relative; display:block;}
.menu-all ul li#shop{ width:100px; display:block; background:url(../img/com/h_btn-shop_bg.gif); background-repeat:no-repeat; background-position:0px 35px;}
.menu-all ul li#map{ width:100px; display:block; background:url(../img/com/h_btn-map_bg.gif); background-repeat:no-repeat; background-position:0px 35px;}
.menu-all ul li#event{ width:100px; display:block; background:url(../img/com/h_btn-event_bg.gif); background-repeat:no-repeat; background-position:0px 35px;}
.menu-all ul li#conts{ width:100px; display:block; background:url(../img/com/h_btn-conts_bg.gif); background-repeat:no-repeat; background-position:0px 35px;}
.menu-all ul li#recruit{ width:100px; display:block; background:url(../img/com/h_btn-recruit_bg.gif); background-repeat:no-repeat; background-position:0px 35px;}
.menu-all ul li#kawagoeinfo{ width:100px; display:block; background:url(../img/com/h_btn-kawagoeinfo_bg.gif); background-repeat:no-repeat; background-position:0px 35px;}
/*フッター関連*/
#footer-area { width:100%; height:35px; margin-top:15px; padding-top:20px; text-align:center; background-image:url(../img/com/footer-bg.gif);}
#footer { width:980px; margin:0 auto;}
.copylight { font-size:11px;}
/*コンテンツ関連*/
#title-area { width:100%; margin-top:55px; text-align:center;/* background-image:url(../img/com/main-bg.jpg); */ background-repeat:repeat-x; background-position:bottom center; z-index:1;}
#title { width:980px; margin:0 auto; position:relative;}
#pankuzu { text-align:left; font-size:11px; position:absolute; margin-top:5px;}
#contents-area { width:980px; min-height:500px; margin:0 auto; margin-top:20px;}
/*トップページ関連*/
/*メインスライダ-お店･施設検索*/
#sld-srh { width:760px; height:285px; padding:10px 15px 0 35px; text-align:left; background-image:url(../img/top/main-02.png);}
#sld-srh .text { width:400px; margin:0 0 37px 310px; font-size:13px;}
#sld-srh .box { min-height:40px; margin:0 0 5px 0;}
#sld-srh .box img { float:left; margin:0 25px 0 0;}
#sld-srh .box .form { width:550px; margin:0 0 0 0; padding-top:8px;}
#sld-srh .box .ganre { width:550px; margin:0 0 52px 0; padding-top:9px;}
#sld-evt { width:760px; height:285px; padding:10px 15px 0 15px; text-align:left; background-image:url(../img/top/main-03.png);}
#sld-evt .text { width:400px; margin:0 0 7px 330px; font-size:13px;}
#sld-cnt { width:760px; height:285px; padding:10px 15px 0 15px; text-align:left; background-image:url(../img/top/main-04.png);}
#sld-cnt .text { width:400px; margin:0 0 7px 330px; font-size:13px;}
#top #leftbox { float:left; width:480px;}
#top #leftbox #fbbox { width:475px; margin-bottom:20px; padding:0 0 5px 5px; border-top:#FFCC33 5px solid; background-color:#FFFFDF; position:relative;}
#top #leftbox #fbbox #bnr-fb { position:absolute; top:0; left:0;}
#top #rightbox { float:right; width:480px;}
/* タブ */
#top #rightbox .oftabbox { margin:0 0 20px 0; padding:0;}
#top #rightbox .oftabs a { width:240px; float:left; margin:0; padding:0; text-align:center; }
#top #rightbox .oftab { clear: left; }
#top #rightbox #oftab1 { width:470px; margin:0; padding:5px; background-color:#3B5998;}
#top #rightbox #oftab2 { width:470x; margin:0; padding:5px; background-color:#00B0ED;}
#top #rightbox .oftab p { margin: 0.5em; }
#top #rightbox #bnrbox { float:left; width:260px;}
#top #rightbox #wtrbox { float:right; width:200px;}
#top #rightbox #flabox { width:480px; height:130px; margin:20px 0 0 0; background-image:url(../img/top/bg-fla.jpg);}
#top #sitebnr { margin:20px 0 0 0;}
#top #sitebnr img.mg { margin:0 3px 0 0;}
/* 更新情報 */
#top dl.scroll-list { height:200px; margin:0 0 20px 0; padding:0; overflow:auto; text-align:left; background-color:#F2F2F2;}
.scroll-list dt { width:80px; float:left; margin:0; padding:3px 0 3px 5px;}
.scroll-list dd { margin:0 0 0 0; padding:3px 0 3px 85px; border-bottom:1px #AAAAAA dotted;}
/* ふぉと一息-トップページ */
.photo-hitoiki { margin:0px;}
.photo-hitoiki img { margin:0px;}
.ph-body { background-image:url(../creaconts/photo-hitoiki/img/ph-body.jpg); background-repeat:repeat-y; margin:0px; padding:5px 30px;}
.ph-body img { float:left; margin:0 10px 0 0; width:200px;}
.ph-body .itname { clear:both; margin:10px 0 0; text-align:right;}
.ph-body_bn { background-image:url(../creaconts/photo-hitoiki/img/ph-body_bn.jpg); background-repeat:repeat-y; margin:0px; padding:5px 30px;}
.ph-body_bn img { float:left; margin:0 10px 0 0; width:200px;}
.ph-body_bn .itname { clear:both; margin:10px 0 0; text-align:right;}
/*店舗情報ページ関連*/
#shop { position:relative;}
/*店舗情報トップページ関連*/
#shop .shoptop { text-align:left; background-image:url(../shop/img/top-cate_bg.gif); background-repeat:repeat-y;}
#shop .shoptop ul { margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; font-size: 100%; vertical-align: baseline; list-style: none;}
#shop .shoptop li { margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; font-size: 100%; vertical-align: baseline;}
#shop .shoptop img { vertical-align:-9px; margin:0 5px 0 0;}
#shop .shoptop ul.genre { float:left; width:220px; font-size:14px; font-weight:bold; margin:0 0 0 20px;}
#shop .shoptop ul.genre li.box { margin-top:20px; color:#333333; background-color:#C8E3FF;}
#shop .shoptop ul.genre li ul li a { display:block; margin:5px 0 5px 10px; padding:2px; color:#000066; background-color:#E8F3FF;}
#shop .shoptop ul.genre li ul li a:hover { color:#0033CC; background-color:#BDF7FF;}
#shop .rightbox #leftbox { float:right; width:480px;}
#shop .rightbox #leftbox #fbbox { width:475px; margin-bottom:20px; padding:0 0 5px 5px; border-top:#FFCC33 5px solid; background-color:#FFFFDF; position:relative;}
#shop .rightbox #leftbox #fbbox #bnr-fb { position:absolute; top:0; left:0;}
#shop .navibox { width:200px; text-align:left; position:absolute;}
#shop .contsbox { float:right; width:760px; text-align:left;}
#shop .contsbox .genre-title { border-bottom:2px #666666 solid; padding-bottom:2px;}
/*店舗情報ページ関連（通常）*/
#shop .contsbox .shopdata { height:148px; margin:20px 0 0 0; border:#0A465C 1px solid;}
#shop .contsbox .shopdata img { float:left; width:180px; height:139px}
#shop .contsbox .shopdata a { color:#666666; height:140px; padding:4px; display:block; background-color:#FFFDEC;}
#shop .contsbox .shopdata a:hover { background-color:#FFFFBB;}
#shop .contsbox .shopdata .info { float:right; width:565px;}
#shop .contsbox .shopdata .info .name { padding:5px; color:#0A465C; font-size:14px; font-weight:bold; background-color:#B8EEF8; background-image:url(../shop/img/bg-shosai.gif); background-position:right; background-repeat:no-repeat;}
#shop .contsbox .shopdata .info .text { margin:5px; height:77px; border-bottom:#666666 1px dotted;}
#shop .contsbox .shopdata .info .menu-s { float:left; width:50px; margin-right:10px; padding:2px; text-align:center; background-color:#FFF0BB;}
#shop .contsbox .shopdata .info .menu-l { float:left; width:270px; margin-right:10px; padding:2px;}
#shop .contsbox .shopdata .info .menu-m { float:left; width:140px; margin-right:10px; padding:2px 0;}
/*店舗情報ページ関連（特別）*/
#shop .contsbox .shopdata-sp { height:148px; margin:20px 0 0 0; border:#553E00 1px solid;}
#shop .contsbox .shopdata-sp img { float:left; width:180px; height:139px}
#shop .contsbox .shopdata-sp a { color:#666666; height:140px; padding:4px; display:block; background-color:#FFFDEC;}
#shop .contsbox .shopdata-sp a:hover { background-color:#FFFFBB;}
#shop .contsbox .shopdata-sp .info { float:right; width:565px;}
#shop .contsbox .shopdata-sp .info .name { padding:5px; color:#553E00; font-size:14px; font-weight:bold; background-color:#FFE259; background-image:url(../shop/img/bg-shosai-sp.gif); background-position:right; background-repeat:no-repeat;}
#shop .contsbox .shopdata-sp .info .text { margin:5px; height:77px; border-bottom:#666666 1px dotted;}
#shop .contsbox .shopdata-sp .info .menu-s { float:left; width:50px; margin-right:10px; padding:2px; text-align:center; background-color:#FFF0BB;}
#shop .contsbox .shopdata-sp .info .menu-l { float:left; width:270px; margin-right:10px; padding:2px;}
#shop .contsbox .shopdata-sp .info .menu-m { float:left; width:140px; margin-right:10px; padding:2px 0;}
/*イベントページ関連*/
#event-info { background-image:url(../event/img/bg.gif);}
#event-info .leftbox { float:left; width:200px; text-align:center;}
#event-info .leftbox .box { width:180px; margin:0 auto;}
#event-info .leftbox .box img { margin:10px 0 0 0;}
#event-info .rightbox { float:right; width:760px; text-align:left; min-height:500px;}
#event-info .rightbox img.subtitle { margin:0 0 15px 0;}
#event-info .rightbox .linkbox { height:120px; padding:0; margin:0 0 20px;}
#event-info .rightbox .linkbox a { height:110px; border:#999999 1px solid; padding:4px; margin:0; display:block; color:#555555; background-color:#EAFFDF;}
#event-info .rightbox .linkbox a:hover { color:#246E00; background-color:#CBFFB3;}
#event-info .rightbox .linkbox img { float:left; margin:0;}
#event-info .rightbox .linkbox .textbox{ float:right; text-align:left; width:595px;}
#event-info .rightbox .linkbox .textbox .midashi { font-size:16px; font-weight:bold; border-left:5px #555555 solid; border-bottom:1px #555555 solid; padding:5px 0 3px 5px;}
#event-info .rightbox .linkbox .textbox .text { margin:10px 5px 0 20px;}
#event-info .rightbox .linkbox-s { padding:0; margin:0 0 20px;}
#event-info .rightbox .linkbox-s a { border:#999999 1px solid; padding:4px; margin:0; display:block; color:#555555; background-color:#FFFFFF;}
#event-info .rightbox .linkbox-s a:hover { color:#246E00; background-color:#EAFFDF;}
#event-info .rightbox .linkbox-s img { float:left; margin:0; max-width:270px;}
#event-info .rightbox .linkbox-s .textbox{ float:right; text-align:left; width:470px;}
#event-info .rightbox .linkbox-s .textbox .midashi { font-size:16px; font-weight:bold; background-color:#CBFFB3; padding:5px 0 5px 10px;}
#event-info .rightbox .linkbox-s .textbox .text { margin:10px 5px 0 15px;}
#event-info .rightbox .linkbox-ss { padding:0; margin:0 0 20px;}
#event-info .rightbox .linkbox-ss a { border:#999999 1px solid; padding:4px; margin:0; display:block; color:#555555; background-color:#FFFFFF;}
#event-info .rightbox .linkbox-ss a:hover { color:#246E00; background-color:#EAFFDF;}
#event-info .rightbox .linkbox-ss img { float:left; margin:0; max-width:270px;}
#event-info .rightbox .linkbox-ss .textbox{ float:right; text-align:left; width:595px;}
#event-info .rightbox .linkbox-ss .textbox .midashi { font-size:16px; font-weight:bold; background-color:#CBFFB3; padding:5px 0 5px 10px;}
#event-info .rightbox .linkbox-ss .textbox .text { margin:10px 5px 0 15px;}
#event-info .rightbox .linkbox-nss { padding:0; margin:0 0 20px; border:#999999 1px solid; padding:4px; display:block; color:#555555; background-color:#FFFFFF;}
#event-info .rightbox .linkbox-nss img { float:left; margin:0; max-width:270px;}
#event-info .rightbox .linkbox-nss .textbox{ float:right; text-align:left; width:595px;}
#event-info .rightbox .linkbox-nss .textbox .midashi { font-size:16px; font-weight:bold; background-color:#CBFFB3; padding:5px 0 5px 10px;}
#event-info .rightbox .linkbox-nss .textbox .text { margin:10px 5px 0 15px;}
/* ------------------------クラシック写真館--------------------------------- */
.classic-photobox { width:750px; margin:20px 0;}
.classic a { width: 358px; border:#666666 1px solid; background-coler:#F1E7E0; display: block; float:left; margin:5px 0 5px 10px;}
.classic a:hover { background-color:#EFE7E2; text-decoration:none;}
.classic img { float:left; margin:4px 5px 4px 4px; border:0;}
.classic-item { width:188px; float:right; text-align:left; margin:4px 4px 0 0; padding:3px 0 3px 5px; font-size:10px; background-color:#DDCCCC; color:#333333; text-decoration:none;}
.classic-content { width:188px; float:right; text-align:left; margin:0 4px 0 0; padding:3px 0 3px 5px; color:#333333; text-decoration:none;}
.classic-link { width:183px; float:right; text-align:right; margin:0 4px 0 0; padding:3px 5px 1px 5px; color:#660000; text-decoration:none; background-color:#FFCC99;}
.classic-comment { clear:both; text-align:left; margin:0 4px 0 4px; padding:3px 0 3px 5px; border-top:1px #CCCCCC dashed; color:#333333; text-decoration:none;}
object,embed{
vertical-align:top;
}
/*CREACONTSページ関連*/
#creaconts .leftbox { float:left; width:480px; text-align:left;}
#creaconts .leftbox .ifbox { float:left;}
#creaconts .leftbox .ifbox .privacy { width:290px; border:1px #FF0000 solid; padding:9px; text-align:left; color:#CC0000; margin:10px 10px 0 0; font-size:11px; float:none;}
#creaconts .leftbox .mapbox { width:160px; float:right;}
#creaconts .leftbox .mapbox img { width:160px;}
#creaconts .leftbox .mapbox .box1 { width:140px; border:1px #FF9900 solid; padding:9px; line-height:1.4; margin-top:10px; font-size:11px;}
#creaconts .rightbox { float:right; width:480px; text-align:left;}
/* ライブカメラ */
.lc-map { width:250px; float:left; text-align:left;}
.lc-map div.box1 { width:230px; border:1px #FF9900 solid; padding:9px; line-height:1.4; margin-bottom:20px;}
.lc-map div.tw-btn { float:right;}
.lc-map div.box2 { width:230px; border:1px #666666 solid; padding:9px; line-height:1.4;}
.ust { display: block; /*height: 296px;*/ width: 330px; float:right; margin-bottom:15px;}
.comment { display: block; height: 500px; width: 480px; float:right;}
.check { display: block; height: 77px; width: 446px; float:right; margin: 25px 16px 0 0;}
.privacy { width:310px; border:1px #FF0000 solid; padding:9px; text-align:left; color:#CC0000; float:right; margin-bottom:15px; font-size:11px;}
/*ほっと一息*/
.hh-body { width:720px; margin:15px 15px 0px 15px; background:url(../creaconts/hot-hitoiki/img/bn-body.gif);}
.hh-top { width:720px; height:41px; margin:0px; background:url(../creaconts/hot-hitoiki/img/bn-top.gif);}
.hh-bottom { width:720px; height:17px; margin:0px; background:url(../creaconts/hot-hitoiki/img/bn-bottom.gif);}
.hh-date { float:right; margin:10px 15px 0px 0px; font-size:15px; font-weight:bold; color:#663300}
.hh-text { width:680px; margin:5px 20px;}
.hh-pagetop { width:720px; text-align:right; margin:10px 15px 0px 15px;}
/*募集情報ページ関連*/
#recruit { background-image:url(../recruit/img/bg.gif);}
#recruit .leftbox { float:left; width:200px; text-align:center;}
#recruit .leftbox .box { width:180px; margin:0 auto;}
#recruit .leftbox .box img { margin:10px 0 0 0;}
#recruit .rightbox { float:right; width:760px; text-align:left;}
#recruit .rightbox .linkbox { height:120px; padding:0; margin:0 0 20px;}
#recruit .rightbox .linkbox a { height:110px; border:#999999 1px solid; padding:4px; margin:0; display:block; color:#555555; background-color:#FFF1EE;}
#recruit .rightbox .linkbox a:hover { color:#FF3300; background-color:#FFE3DD;}
#recruit .rightbox .linkbox img { float:left; margin:0;}
#recruit .rightbox .linkbox .textbox{ float:right; text-align:left; width:595px;}
#recruit .rightbox .linkbox .textbox .midashi { font-size:16px; font-weight:bold; border-left:5px #555555 solid; border-bottom:1px #555555 solid; padding:5px 0 3px 5px;}
#recruit .rightbox .linkbox .textbox .text { margin:10px 5px 0 20px;}
/*川越案内ページ関連*/
#kawagoe-info {}
#kawagoe-info .linkbox { height:120px; padding:0; margin:0 0 20px;}
#kawagoe-info .linkbox a { height:110px; border:#999999 1px solid; padding:4px; margin:0; display:block; color:#555555; background-color:#FFF4FF;}
#kawagoe-info .linkbox a:hover { color:#990099; background-color:#FFE8FF;}
#kawagoe-info .linkbox img { float:left; margin:0;}
#kawagoe-info .linkbox .textbox{ float:right; text-align:left; width:815px;}
#kawagoe-info .linkbox .textbox .midashi { font-size:16px; font-weight:bold; border-left:5px #555555 solid; border-bottom:1px #555555 solid; padding:5px 0 3px 5px;}
#kawagoe-info .linkbox .textbox .text { margin:10px 5px 0 20px;}
/*新富町商店街についてページ関連*/
#union-info { background-image:url(../union-info/img/bg.gif); color:#333333;}
#union-info .leftbox { float:left; border-left:#0033CC 10px solid; width:190px; padding-bottom:10px; text-align:center;}
#union-info .leftbox img { margin-bottom:10px;}
#union-info .leftbox .ct { color:#FFFFFF; text-align:left; font-size:11px; margin-top:5px; padding:10px 10px 0 10px; border-top:#0033CC 1px dotted;}
#union-info .rightbox { float:right; width:760px; text-align:left;}
#union-info .rightbox .midashi { margin-bottom:10px;}
#union-info .rightbox .text { margin:0 0 30px 15px; font-size:14px;}
#union-info .rightbox .text .text { margin:0 0 15px 15px;}
#union-info .rightbox .rc-title { width:490px; text-align:center; font-size:18px; font-weight:bold; margin:20px 0;}
#union-info .rightbox .rc-name { width:490px; text-align:right; font-size:14px; font-weight:bold; margin:0 0 20px 0;}
#union-info .rightbox .rc-text { width:490px; font-size:14px;}
#union-info .rightbox .qa-text1 { margin:15px 10px 0 10px; padding:0 0 0 5px; font-size:14px; font-weight:bold; border-bottom:#333333 2px solid;}
#union-info .rightbox .qa-text2 { margin:10px 20px 25px 30px;}
#union-info .rightbox .qa-text2 dt { float:left; margin:0; padding:0 0 0 0;}
#union-info .rightbox .qa-text2 dd { margin:0; padding:0 0 0 20px;}
#union-info .rightbox .qa-text3 { margin:0 0 0 30px;}
#union-info .rightbox .qa-text3 table { background-color:#CCCCCC;}
#union-info dl.list { margin:0 0 20px 0; padding:0; text-align:left; font-size:14px;}
.list dt { width:195px; float:left; margin:0; padding:5px 0 5px 10px;}
.list dd { margin:0; padding:5px 10px 5px 210px; border-bottom:1px #AAAAAA dotted;}
#union-info .info-text { width:500px; margin:0 auto; padding:10px 0; border:1px #DDDDDD solid; text-align:center; font-size:14px; font-weight:bold; background-color:#EDEDED;}
#union-info .rightbox .seibi { text-align:center;}
#union-info .rightbox .seibi img { margin-top:10px;}
#union-info .rightbox .seibi .seibi-midashi { margin:20px 10px 0 20px; padding:5px 0 3px 5px; text-align:left; font-size:16px; font-weight:bold; color:#0066CC; border-left:#0066CC 10px solid; border-bottom:#0066CC 2px solid;}
/*プライバシーページ関連*/
#policy .info-text { margin-bottom:15px; padding:5px 0; border:1px #DDDDDD solid; text-align:center; font-size:12px; font-weight:bold; background-color:#EDEDED;}
#policy ol.list-l { margin-top:20px; padding-right:30px;}
#policy ol.list-l li { margin:0 0 20px 0;}
#policy ol.list-l div.midashi { font-weight:bold; margin-bottom:5px;}
/*がんばるIT委員会ページ関連*/
#it-members { background-image:url(../it-members/img/base.jpg);}
#it-members .box { width:880px; margin:0 auto; text-align:left;}
#it-members .box .text1 { font-size:14px; margin:10px 0 30px 30px;}
#it-members .box .text1 img { float:right; margin:0 0 0 10px;}
#it-members .box .text1 .wbg { text-align:center; font-size:16px; font-weight:bold; margin:15px 0 0 0;}
#it-members .box .text2 { font-size:12px; margin:10px 0 0 30px;}
#it-members .box .text2 table { width:846px; border:none; background-color:#CCCCCC;}
#it-members .box .text2 td { width:150px; background-color:#FFFFFF;}
#it-members .box .text2 td.blk { background-color:#CCCCCC;}
/*組合員の皆様へページ関連*/
#union-member {}
/*リンクページ関連*/
#link .list a { margin:0 0 15px 0; padding:4px; border:1px #AAAAAA solid; display:block; background-color:#F6F6F6;}
#link .list a:hover { background-color:#FFFFCC;}
#link .list .bnr { float:left; width:200px; text-align:center;}
#link .list .text { float:right; width:755px; text-align:left;}
#link .list .name { color:#FF6699; font-weight:bold; margin:0; float:left;}
#link .list .url { margin:0 10px 0 0; float:right;}
#link .list .info { margin:20px 0 0 5px; color:#333333;}
#link .bnrinfo { margin:0 auto; width:750px; padding:9px; border:1px #66BEFF solid; background-color:#E1F2FF;}
#link .bnrinfo .box { margin:0 auto; width:700px; color:#333333;}
#link .bnrinfo .box .bnr { float:right;}
#link .bnrinfo .box .bnr img { margin:0 0 0 10px;}
/*サイトマップページ関連*/
#sitemap .listbox { float:left; margin:0 0 0 20px;}
/*--------------------------------------------------------------------------------*/
/*店舗詳細ページ関連*/
/*ヘッダー関連*/
#shop_header-area { width:100%; height:40px; position:fixed; top:0; left:0; text-align:center; background-image:url(../shop/img/header-bg.png); background-position:bottom; z-index:100;}
#shop_header { width:980px; margin:0 auto; text-align:right; margin-top:5px;}
.shop_mainlogo { float:left;}
/*フッター関連*/
#shop_footer-area { width:100%; height:20px; margin-top:15px; padding-top:15px; text-align:center; background-image:url(../img/com/footer-bg.gif);}
#shop_footer { width:980px; margin:0 auto;}
/*店舗情報ページ関連（通常）*/
#shop_shop { position:relative; margin-top:55px;}
#shop_shop .topbox { min-height:65px; padding:10px 0 10px 10px; background-color:#B8EEF8;}
#shop_shop .topbox .name { float:left; width:680px; color:#0A465C; font-size:30px; font-weight:bold; text-shadow: 1px 1px 1px #FFFFFF;}
#shop_shop .topbox .name .subname { font-size:23px;}
#shop_shop .topbox .name .shoptype { font-size:14px; border-bottom:#FFFFFF 1px solid; padding:2px;}
#shop_shop .topbox .name .shoptype img { vertical-align:-6px; margin:0 5px 0 0;}
#shop_shop .topbox .name .shoptype .icon { float:right; text-align:right;}
#shop_shop .topbox .mainimg { float:right; padding:0 10px 10px 10px; background-color:#B8EEF8; text-align:center;}
#shop_shop .topbox .mainimg img.img01 { margin-bottom:10px;}
#shop_shop .topbox .mainimg img.img02 { float:left; margin-right:10px;}
#shop_shop .topbox .mainimg img.img03 { float:right;}
#shop_shop .infobox { width:680px; margin:10px 0 0 0;}
#shop_shop .infobox .infotext { float:left; width:330px; min-height:200px; margin:0 0 0 10px; padding:9px; border:#999999 1px dotted; background-color:#F9F9F9;}
#shop_shop dl.list { float:left; width:310px; margin:0 0 0 10px; padding:0; text-align:left;}
#shop_shop .list dt { width:70px; float:left; margin:0 0 5px; padding:3px 0 3px 0; text-align:center;}
#shop_shop .list dd { width:237px; margin:0 0 5px 0; padding:3px 3px 3px 10px; border-bottom:1px #AAAAAA dotted; border-left:70px #FFF0BB solid; word-break: break-all;}
#shop_shop .g-map { width:480px; float:left; margin:20px 0 0 0;}
#shop_shop .g-map .size { width:480px; height:500px;}
#shop_shop .conts { float:right; margin:20px 0 0 0; width:480px;}
#shop_shop .conts .infotext { min-height:480px; margin:0 0 0 0; padding:10px; background-color:#F9F9F9;}
/*店舗情報ページ関連（特別）*/
#shop_shop-sp { position:relative; margin-top:55px;}
#shop_shop-sp .topbox { min-height:65px; padding:10px 0 10px 10px; background-color:#FFF4AA;}
#shop_shop-sp .topbox .name { float:left; width:680px; color:#553E00; font-size:30px; font-weight:bold; text-shadow: 1px 1px 1px #FFFFFF;}
#shop_shop-sp .topbox .name .subname { font-size:23px;}
#shop_shop-sp .topbox .name .shoptype { font-size:14px; border-bottom:#FFFFFF 1px solid; padding:2px;}
#shop_shop-sp .topbox .name .shoptype img { vertical-align:-6px; margin:0 5px 0 0;}
#shop_shop-sp .topbox .name .shoptype .icon { float:right; text-align:right;}
#shop_shop-sp .topbox .mainimg { float:right; padding:0 10px 10px 10px; background-color:#FFF4AA; text-align:center;}
#shop_shop-sp .topbox .mainimg img.img01 { margin-bottom:10px;}
#shop_shop-sp .topbox .mainimg img.img02 { float:left; margin-right:10px;}
#shop_shop-sp .topbox .mainimg img.img03 { float:right;}
#shop_shop-sp .infobox { width:680px; margin:10px 0 0 0;}
#shop_shop-sp .infobox .infotext { float:left; width:330px; min-height:200px; margin:0 0 0 10px; padding:9px; border:#999999 1px dotted; background-color:#F9F9F9;}
#shop_shop-sp dl.list { float:left; width:310px; margin:0 0 0 10px; padding:0; text-align:left;}
#shop_shop-sp .list dt { width:70px; float:left; margin:0 0 5px; padding:3px 0 3px 0; text-align:center;}
#shop_shop-sp .list dd { width:237px; margin:0 0 5px 0; padding:3px 3px 3px 10px; border-bottom:1px #AAAAAA dotted; border-left:70px #FFF0BB solid; word-break: break-all;}
#shop_shop-sp .g-map { width:480px; float:left; margin:20px 0 0 0;}
#shop_shop-sp .g-map .size { width:480px; height:500px;}
#shop_shop-sp .conts { float:right; margin:20px 0 0 0; width:480px;}
#shop_shop-sp .conts .infotext { min-height:480px; margin:0 0 0 0; padding:10px; background-color:#F9F9F9;}
/*20170801変更追加分*/
#fb-memberarea { margin:0; padding:14px 0 4px 14px; height:680px; overflow-y:scroll; text-align:left; font-size:0; background-color:#E8E8E8;}
#fb-memberarea div.official { display:inline-block; vertical-align:top; width:305px; height:300px; margin:0 10px 10px 0; font-size:12px;}
#fb-memberarea div.elements { display:inline-block; vertical-align:top; width:305px; height:300px; margin:0 10px 10px 0; font-size:12px;}
/*20200409変更追加分*/
/*各ページ＆ボタン用*/
#emergency2020 { min-height:90vh; font-family:"メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
#emergency2020.emergency2020-top { min-height:0vh;}
#emergency2020 ul.linkbtn { margin:0 0 20px; padding:0; list-style:none; text-align:left; font-size:0;}
#emergency2020 ul.linkbtn p { margin:0 0 10px; font-size:17px; text-align:center; color:#003399; font-weight:bold;}
#emergency2020 ul.linkbtn li { display:inline-block; vertical-align:top; width:49%; text-align:left;}
#emergency2020 ul.linkbtn li:nth-of-type(2n-1) { margin-right:2%;}
#emergency2020 ul.linkbtn li a { display:block; margin:0; padding:20px 0; text-align:center; font-size:20px; font-weight:bold; color:#FFFFFF;
-moz-border-radius: 10px; /* 古いFirefox */
-webkit-border-radius: 10px; /* 古いSafari,Chrome */
border-radius: 10px; /* CSS3 */}
#emergency2020 ul.linkbtn li a:hover { text-decoration:none; opacity:0.7;}
#emergency2020 ul.linkbtn li:nth-of-type(1) a { background-color:#FF3300;}
#emergency2020 ul.linkbtn li:nth-of-type(2) a { background-color:#009900;}
/*臨時休業･時間変更ページ用*/
.info-tempo { margin:0 0 20px; padding:9px; border:#FF3300 1px solid; list-style:none; text-align:left; font-size:0;}
.info-tempo .title { margin:0 0 5px; padding:5px 0; border-bottom:#FF3300 1px dotted; text-align:center; font-size:20px; font-weight:bold; color:#FF3300; background-color:#FFFBE8;}
.info-tempo li { display:inline-block; vertical-align:top; width:49%; text-align:left; font-size:13px;}
.info-tempo li:nth-of-type(2n-1) { margin-right:2%;}
.info-tempo strong { display:block; margin:10px 0 5px; padding:5px 0; border-bottom:#333333 1px dotted; font-size:14px; background-color:#F3F3F3;}
.info-tempo p,
.info-tempo a { display:block; padding-left:1.0em; text-indent: -1em;}
.info-tempo p:before,
.info-tempo a:before { display: inline; content: "・";}
/*お得情報ページ用*/
.info-profit { margin:0 0 20px; padding:9px; border:#009900 1px solid; list-style:none; text-align:left; font-size:0;}
.info-profit .title { margin:0 0 5px; padding:5px 0; border-bottom:#009900 1px dotted; text-align:center; font-size:20px; font-weight:bold; color:#009900; background-color:#F7FFE8;}
.info-profit li { display:inline-block; vertical-align:top; width:49%; text-align:left; font-size:13px;}
.info-profit li:nth-of-type(2n-1) { margin-right:2%;}
.info-profit strong { display:block; margin:10px 0 5px; padding:5px 0; border-bottom:#333333 1px dotted; font-size:14px; background-color:#F3F3F3;}
.info-profit p,
.info-profit a { display:block; padding-left:1.0em; text-indent: -1em;}
.info-profit p:before,
.info-profit a:before { display: inline; content: "・";}
a#tempo-area,
a#profit-area { display:block; margin-top:-70px; padding-top:70px;}
/*
#left-box { float:left; width:470px;}
#logo { margin:70px 0 0 95px;}
#add { float:left; margin:25px 0 0 10px;}
#navi { float:right; text-align:right; margin:15px 15px 0 0;}
#navi .box { margin:8px 0 0 0;}
#navi .box a:link { color:#5E4235;}
#navi .box a:visited { color: #695741; text-decoration: none}
#navi .box a:hover { color: #695741; text-decoration:underline}
#navi .box a:active { color: #695741; text-decoration: underline}
#info { width:390px; height:70px; margin:20px 0 0 10px; padding:30px 20px 0 20px; background-image:url(../img/com/infobox.jpg); background-repeat:no-repeat;}
#info .text { color:#333333;}
#right-box { float:right; width:480px; height:600px; margin:50px 0 0 0; position:relative;}
#gallery1 { margin:0 auto; border:0; padding:0; width:480px; height:600px; position:absolute; z-index:1; }
#waku { margin:0 auto; border:0; padding:0; width:480px; height:600px; position:absolute; z-index:2; }
#about { background-image:url(../img/com/waku-about.png); width:440px; height:560px; margin:0; padding:20px; font-size:14px; line-height:1.8;}
#menu { background-image:url(../img/com/waku-about.png); width:440px; height:560px; margin:0; padding:20px; font-size:14px; line-height:1.7;}
#iframe-conts { width:480px; min-height:300px; margin: 0 auto; background-image:url(../img/com/bg-conts_frame.jpg); background-repeat:repeat-x;}
#viewer {
margin: 0 auto;
width: 480px;
height: 600px;
text-align: left;
overflow: hidden;
position: relative;
background-image:url(../img/main-photo/01.jpg);
background-repeat:no-repeat;
}
#viewer img {
top: 0;
left: 0;
position: absolute;
}
*/