@charset "UTF-8"; @import "/common/css/sp_pc_common.css"; /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 00:ベーススタイル ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ body { letter-spacing: 0; background:url(../img/bg_header01.jpg) repeat-x #fef8f4; /* [disabled]color:#444; */ font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', Osaka, sans-serif; line-height: 1.5; font-size: 75%; } /* footer下部固定 */ /* clearfix */ .cf:before, .cf:after { content:""; display:table;} .cf:after { clear:both; } .cf { zoom:1; } /* float */ .fLeft { float:left; } .fRight { float:right; } /* text-align */ .center { text-align:center; } /* a */ a { color: #d91a11; text-decoration: underline; } a:link { color: #d91a11; text-decoration: underline; } a:visited { color: #d91a11; /* [disabled]text-decoration: underline; */ } a:hover { color: #d91a11; /* [disabled]text-decoration: none; */ } a:active { color: #d91a11; /* [disabled]text-decoration: none; */ } a:focus { outline:none; } a.tel { color:#333; /* [disabled]text-decoration:none; */ pointer-events:none; } /*電話番号のリンクを非リンクにする。*/ a.fax { color:#333;text-decoration:none;pointer-events:none;} /*FAXのリンクを非リンクにする。*/ /* width */ .w110 { width:110px;} .w120 { width:120px;} .w125 { width:125px;} .w140 { width:140px;} .w160 { width:160px;} .w170 { width:170px;} .w180 { width:180px;} .w205 { width:205px;} .w210 { width:210px;} .w250 { width:250px;} .w260 { width:260px;} .w270 { width:270px;} .w280 { width:280px;} .w320 { width:320px;} .w340 { width:340px;} .w390 { width:390px;} .w400 { width:400px;} .w415 { width:415px;} .w460 { width:460px;} .w500 { width:500px;} .w530 { width:530px;} .w540 { width:540px;} .w580 { width:580px;} .w640 { width:640px;} .w660 { width:660px;} .w670 { width:670px;} .w760 { width:760px;} /* etc */ .nobg { background:none !important;} .smp {display:none;!important} /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 01:共通 ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*------------------------------ 01-01:フレーム -------------------------------*/ #container { min-width:976px; width:100%;} #headContainer { padding:0 0; position:relative; z-index:1000; } #headContainer #header { position:relative; z-index:1000;background:url(../img/bg_header01.jpg) repeat-x ;} #headContainer #h_navi { width:945px; margin:0 auto; position:relative; z-index:1000;} /* footContainer */ #footer { min-width:976px; width:100%;background:#ffa200; } /*------------------------------ 01-02:レイアウト -------------------------------*/ /* ヘッダー */ #h_text_link { background-image: url(../img/head_link_bg.gif); background-repeat:repeat-x; width:100%; text-align:center; padding:5px 0 4px; border-bottom: 1px solid #A3A3A3;}/*追加してます*/ #h_text_link a { color:#000; font-size:120%; background-image: url(../img/link-arw.png);background-repeat: no-repeat; background-position: left center; padding-left: 15px;}/*追加してます*/ #h_navi h1 { float:left; width:110px; height:81px; border-right:1px solid #000;} #gnavi { float:left; width:713px; height:81px; overflow:hidden;} #gnavi li { float:left; display:block; width:117px; height:81px; border-right:1px solid #000; cursor:pointer;} #gnavi li:first-child { width:116px;} /* 検索 */ #h_navi #search { position:absolute; top: 10px; right: 0; } #searchResultArea { width: 950px; margin: 30px auto;} #container .cse .gsc-control-cse, #container .gsc-control-cse { padding:0; width: auto; background:none; border:none;} #h_navi #search input { font-size:93%;} #h_navi .gsc-search-button { position:absolute; top:17px; right: 0px;} #h_navi .gsc-search-box { margin: 0; padding: 0; width:120px} #h_navi .gsib_a { padding-left:0; ppadding-right:0;} #h_navi #search input { color: #333!important;} input.gsc-search-button { color: #000000!important; border-color: #dbd2cb!important; background: #eff6ee!important;} #container #headContainer #header #h_navi #search .gsc-search-button input.gsc-search-button:hover, input.gsc-search-button:hover { color: #ffffff!important; border-color: #f05302!important; background: url(../img/search_btbg.gif) top center repeat-x #ff6806!important;} #h_navi .gsc-clear-button { display: none;} /* スライドメニュー */ .h_menu { min-width:100%; padding:10px 0 0; position:absolute;left:0; z-index:200; background:url(../img/bg_navi01.png) repeat left top;} .h_menu:before, .h_menu:after { content:""; display:table;} .h_menu:after { clear:both; } .h_menu { zoom:1; } .h_menuClose { display:block; width:71px; height:25px; background:url(../img/btn_close.gif) no-repeat; text-indent:-9999px; position:absolute; right:0; cursor:pointer;} .h_menuClose:hover { opacity:0.7; filter:alpha(opacity=70); -ms-filter: "alpha(opacity=70)";} #h_shopNavi { height:205px; top:-215px;} #h_serviceNavi { height:145px; top:-155px; } #h_shopNavi .h_menuClose { top:170px;} #h_serviceNavi .h_menuClose { top:110px;} #h_shopNavi .h_naviWrapper { width:930px; height:200px; margin:0 auto; position:relative;} #h_serviceNavi .h_naviWrapper { width:960px; height:200px; margin:0 auto; position:relative;} .h_naviWrapper:before, .h_naviWrapper:after { content:""; display:table;} .h_naviWrapper:after { clear:both; } .h_naviWrapper { zoom:1; } #h_shopNavi .area { float:left; overflow:hidden;} #h_shopNavi .column00 { width:85px;} #h_shopNavi .column01 { width:85px;} #h_shopNavi .column02 { width:130px;} #h_shopNavi .column03 { width:105px;} #h_shopNavi .column04 { width:95px;} #h_shopNavi .column05 { width:90px;} #h_shopNavi .column06 { width:100px;} #h_shopNavi .column07 { width:200px;} #h_shopNavi .last { margin-right:0px!important;} #h_shopNavi p { margin:0 0 5px; font-size:115%; font-weight:bold; color:#fff;} #h_shopNavi p a { color:#fff; text-decoration:none;} #h_shopNavi p a:hover { text-decoration:underline;} #h_shopNavi ul { width:100%; overflow:hidden; color:#fff;} #h_shopNavi li { list-style-type:disc; list-style-position:inside; margin:0 0 2px;} #h_shopNavi li a { color:#fff; text-decoration:none;} #h_shopNavi li a:hover { text-decoration:underline;} #h_shopNavi .area_inner { width:100%;overflow:hidden;} #h_shopNavi .area_inner ul { float:left; width:100px;} #h_serviceNavi ul { width:993px; height:110px; overflow:hidden;} #h_serviceNavi ul li { float:left; margin-right:10px;} /* share */ #share { width:946px; margin:0 auto; padding:0 0 10px; overflow:hidden; position:relative;} #share .share_area { float:left;} #share .facebook { width:810px;} #share .twitter { width:130px;} #share .twitter iframe { margin:2px 0 0;} /* footer */ #footer #fnavi { width:920px; overflow:hidden; margin:0 auto; padding:20px 0px 20px 20px;} #footer #fnavi .fn_category { float:left; width:180px; color:#fff; } #footer #fnavi .fn_category h4 { margin:0 0 10px; font-size:110%;} #footer #fnavi .fn_category ul { margin:0 0 20px;} #footer #fnavi .fn_category a { color:#fff; } #footer #fnavi_bottom { width:100%; height:200px; background:url(../img/bg_footer01.gif) repeat-x left top #c61400; } #footer #fnavi_bottom #fnb_link { width:940px; margin:0 auto; padding-bottom:65px; position:relative; background:url(../img/bg_footer02.jpg) no-repeat left top; } #footer #fnavi_bottom #fnb_link #fnb_pagetop { width:144px; height:34px; position:absolute; top:31px; right:0; } #footer #fnavi_bottom #fnb_link #fnb_copy { width:500px; position:absolute; top:100px; right:0; text-align:right; font-size:85%; color:#fff; } /* footer_amuse */ #footer_amuse { width:942px; height:113px; margin:0 auto 30px; background:url(../../service/amuse/img/footer_bg.gif) no-repeat left top; overflow:hidden;} #footer_amuse ul li:hover { opacity:0.7; filter:alpha(opacity=70); -ms-filter: "alpha(opacity=70)";} #footer_amuse h3 { margin:0 0 10px; font-size:150%; letter-spacing:-0.02em; line-height:1.2; color:#222;} #footer_amuse #amuse_search { float:left;width:330px; margin:20px 0 0 20px;} #footer_amuse #amuse_search span { margin-left:7px; font-size:65%; font-weight:normal; color:#444;} #footer_amuse #amuse_contents { float:right;width:570px; margin:20px 0 0;} #footer_amuse #amuse_search ul { width:100%; overflow:hidden; margin:0 0 0 -10px;} #footer_amuse #amuse_contents ul { width:100%; overflow:hidden;} #footer_amuse #amuse_search ul li { float:left;} #footer_amuse #amuse_contents ul li { float:left; margin-right:5px;} #footer_amuse #amuse_contents ul li img { border:1px solid #666666;} /*------------------------------ 01-03:ポップアップ -------------------------------*/ #popup_header { width:100%; height:43px; background:url(../img/bg_popup-header.jpg) repeat-x;} #popup_headWrapper { width:100%; overflow:hidden;} #popup_headWrapper h1 { float:left; width:112px; height:43px; margin:0 0 0 40px;} #popup_headWrapper p { float:right; width:80px;} #popup_main { width:100%; margin:0 auto; padding:20px 0;} #popup_footer { width:100%; height:100px; background:url(../img/bg_popup-footer01.jpg) repeat-x left top;} #popup_footWrapper { width:580px; height:10px; margin:0 auto; background:url(../img/bg_popup-copy.jpg) no-repeat left top; text-align:center; color:#FFF;padding:90px 0 0;} /*------------------------------ 01-04:JqueryMasonry -------------------------------*/ #masonry { /* [disabled]position:relative; */ margin:0 auto; /* [disabled]padding:0 0 10px; */ } #masonry .items { float: left; margin:5px} /*カラム設定*/ /*#masonry .col1 { width:220px; height:368px;} #masonry .col2 { width:460px; height:174px;} #masonry .col3 { width:220px; height:174px;} #masonry .col4 { width:460px; height:368px;}*/ #masonry .col1 { width:228px; height:333px;} #masonry .col2 { width:456px; height:174px;} #masonry .col3 { width:228px; height:174px;} #masonry .col4 { width:466px; height:368px;} #masonry .items_inline .image { margin:0 0 1px;} #masonry .items_inline .image img { border:1px solid #d6d6d6;} #masonry .items_inline .image a:visited img { border:1px solid #d6d6d6 !important;} #masonry .items_inline .icon { width:210px; margin:0 0 10px; overflow:hidden;} #masonry .items_inline .icon .type { float:left; width:73px;} #masonry .items_inline .icon .service { float:right; width:136px;} #masonry .items_inline h2 { /*height:55px;*/ margin:0 0 7px; line-height:1.2; font-size:124%; font-weight:bold; color:#0062bf;} /*背景設定*/ #masonry .col1 { background:url(../img/bg_masonry03.gif) no-repeat left bottom;} #masonry .col1 .items_wrapper { padding:10px 0 0; background:url(../img/bg_masonry01.gif) no-repeat left top;} #masonry .col1 .items_inline { width:210px; height:315px; padding:0 9px; background:url(../img/bg_masonry02.gif) repeat-y left top; position:relative;} /* 修正前 #masonry .col1 .items_inline { width:210px; height:350px; padding:0 9px; background:url(../img/bg_masonry02.gif) repeat-y left top; position:relative;} */ #masonry .col2 { background:url(../img/bg_masonry06.gif) no-repeat left bottom;} #masonry .col2 .items_wrapper { padding:10px 0 0; background:url(../img/bg_masonry04.gif) no-repeat left top;} #masonry .col2 .items_inline { width:450px; height:154px; padding:0 10px; background:url(../img/bg_masonry05.gif) repeat-y left top; position:relative;} #masonry .col3 { background:url(../img/bg_masonry03.gif) no-repeat left bottom;} #masonry .col3 .items_wrapper { padding:10px 0 0; background:url(../img/bg_masonry01.gif) no-repeat left top;} #masonry .col3 .items_inline { width:210px; height:154px; padding:0 10px; background:url(../img/bg_masonry02.gif) repeat-y left top; position:relative;} /*カラム個別設定*/ #masonry .col2 .items_inline .image { float:left; margin: 0 10px 0 0;} #masonry .col2 .items_inline .icon { margin:0 0 10px; overflow:hidden;} #masonry .col3 .items_inline .image { margin:0;} #masonry .items_inline .text { white-space: -moz-pre-wrap; /* Mozilla */ word-wrap: break-word; /* IE 5+ */ line-height:1.5em; } /*その他*/ #masonry .mark { position:relative;} #masonry .markfix { position:absolute; top:-20px; right:-40px;} #masonry h2 img { margin:0 0 5px; vertical-align:top;} /*ボタンロールオーバー*/ .btn img:hover { opacity:0.75; filter:alpha(opacity=70); -ms-filter: "alpha(opacity=60)";} /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 03:general ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ h2#title { width:942px; height:55px; margin:20px auto 0; background:url(../img/bg_caption.gif) no-repeat left top;} h2#title img { margin:12px 0 0 20px;} #general { width:976px; margin:20px auto 30px; background:url(../img/bg_main03.jpg) no-repeat bottom; padding-bottom:12px; position:relative;} #general #wrapper { width:976px; margin:0 auto; background:url(../img/bg_main01.jpg) no-repeat top; padding-top:10px;} #general #inline { width:942px; margin:0 auto 0; background:url(../img/bg_main02.jpg) repeat-y;} #general #main_area { position:relative; background:url(../img/bg_mainheader.jpg) no-repeat right top; zoom:1;} #general #main_inline { padding:0 60px 50px;/*padding:0 60px 260px;background:url(../img/bg_mainfooter.jpg) no-repeat right bottom;*/position:relative; zoom:1;} #general #m_contents { margin:0 auto; padding:30px 0 0;} #general #g_header { margin:0 0 20px; padding:0 0 10px; background:url(../img/bg_dot01.gif) repeat-x left bottom;} #general #g_header h2 { margin:0 0 10px; font-size:250%; letter-spacing:-0.02em; line-height:1.2; color:#222;} #general #g_header h2 span { font-weight:normal;} #general .caption_area { width:100%; margin:0 0 30px;overflow:hidden;} #general .caption_area .detail { float:left; width:400px;} #general .caption_area .visual { float:right; width:400px; text-align:right;} #general .caption_area .visual p { border:1px solid #aeaeae;} #general .caption_area .detail h3 { margin:0 0 20px;} #general .caption_area .detail h3.small { margin:0 0 15px; font-size:154%;} #general .caption_area .detail .list h4 { padding:0 0 0 15px;} #general .caption_area .detail .list p { margin:0 0 10px 15px;} #general .caption_area .detail .text p { margin:0 0 20px;} #general .caption_area .detail .text ul li{ margin:0 0 20px; padding:0 0 0 15px;} #general .caption_area .more { margin:0 0 0} #general .caption_area .more p { margin:0 0 10px;} #general .caption_area .more ul { width:100%; margin:0 0 0; overflow:hidden;} #general .caption_area .more ul li { float:left; width:65px; margin:0 0 7px;} #general .caption_area .more ul li img { border:1px solid #aeaeae;} #general .caption_area .more ul li img:hover { opacity:0.85; filter:alpha(opacity=80); -ms-filter: "alpha(opacity=70)";} #general .caption_area .detail p.comments { text-indent: -1em; margin-left: 1em; padding:0; background:none !important;} #general .caption_area .detail ul.comments li { text-indent: -1em; margin:0 0 0 1em; padding:0; background:none !important;} #general .caption_area .detail li.comments { text-indent: -1em; margin:0 0 0 1em; padding:0; background:none !important;} #general .caption_area .caption_inline { width:100%; overflow:hidden;} #general .section { margin:0 0 30px;} #general .b_line_top { padding-top:20px; background:url(../img/bg_dot01.gif) repeat-x left top;} #general .section h4 { margin:20px 0 15px; padding:0 0 5px; background:url(../img/bg_dot02.gif) repeat-x left bottom; font-size:154%; } #general .section h5 { margin:0 0 2px; font-size:108%;} #general .section h5 span { margin:0; font-size:85%;} #general .section dl { margin:0 0 15px;} #general .section dl dt { margin:0 0 5px; font-size:108%; font-weight:bold;} #general .section p { margin:0 0 5px;} #general .section p.comments { text-indent: -1em; margin-left: 1em; padding:0; background:none !important;} #general .section ul.comments li { text-indent: -1em; margin:0 0 0 1em; padding:0; background:none !important;} #general .section li.comments { text-indent: -1em; margin:0 0 0 1em; padding:0; background:none !important;} #general .section dd.comments { text-indent: -1em; margin:0 0 0 1em; padding:0; background:none !important;} #general .section p.link a { padding:0 0 0 10px; background:url(../img/list_arrow01.gif) no-repeat 0 2px;} #general .section p.list { padding:0 0 0 15px;} #general .section table { width:100%; margin:0 0 10px;} #general .section table th, #general .section table td { padding:5px 5px; border:1px solid #444;text-align:left; vertical-align:middle; text-align:center;} #general .section table ul { text-align:left; margin:0 0 0 20px;} #general .section table ul li { list-style-type:disc;} #general .section table th a, #general .section table td a { color: #444; text-decoration: underline; } #general .section table th a:link, #general .section table td a:link { color: #444; text-decoration: underline; } #general .section table th a:visited, #general .section table td a:visited { color: #444; text-decoration: underline; } #general .section table th a:hover, #general .section table td a:hover { color: #d91a11; text-decoration: none; } #general .section table th a:active, #general .section table td a:active { color: #d91a11; text-decoration: none;} #general .section_inline { width:100%; overflow:hidden;} #general .section_inline .detail { float:right;} #general .section_inline .image { float:left;} #general .section .image_area { margin:0 0 20px; padding:10px 0; border:1px solid #aeaeae; } #general .section .image_area p { text-align:center;} #general .campaign_area { width:100%; margin:0 0 30px; padding:0 0 30px;} #general .campaign_inline { width:100%; margin:0 0 20px;overflow:hidden;} /*#general .campaign01 { padding:0 0 20px; background:url(../img/bg_dot01.gif) repeat-x left bottom;}*/ #general .caption_area .detail h3 { font-size:240%; letter-spacing:-0.02em; line-height:1.2;} #general .caption_area .detail h3 span { font-size:65%;} #general .caption_area .detail h3.pink { color:#e10081;} #general .caption_area .detail h3.blue { color:#0866c0;} #general .btn img:hover { opacity:0.85; filter:alpha(opacity=80); -ms-filter: "alpha(opacity=70)";} /*/start #masonry h2, #start #masonry h2 a { color:#E5881D;}*/ #news p{ line-height: 1.7; font-size: 1.2em; } #mybower_policy li { list-style: square; margin-left: 20px; padding-left: 0px; } /*/start #masonry h2, #start #masonry h2 a { color:#E5881D;}*/ #mybower_rule { list-style: square; padding-left: 0px; width: 800px; margin-left: 20px; } /*------------------------------ 02:扉ページ共通 -------------------------------*/ #start ul#category { width:902px; margin:0 0 20px; padding:10px 20px 0; height:45px; background:url(../img/bg_caption.gif) no-repeat left top; overflow:hidden;} #start ul#category li { float:left;margin: 0 25px 0 0; font-size:125%; font-weight:bold; color:#fff;} #start ul#category .present a { color:#0062bf; } #start ul#category .about a { color:#bf7500; } #start ul#category .campaign a { color:#e00101; } #start ul#category .event a { color:#bf0063; } #start ul#category .service a { color:#62ba26; } #start ul#category .etc a { color:#7f16a5; } #start ul#category .movie a { color:#bf7500; } #start { width:940px; padding:20px 0 0; margin:0 auto;} #start #g_header { margin:0 0 20px; padding:0 0 10px; background:url(../img/bg_dot01.gif) repeat-x left bottom;} #start #g_header h2 { margin:0 0 10px; font-size:250%; letter-spacing:-0.02em; line-height:1.2; color:#222;} #start #g_header h2 span { font-weight:normal;} #start #visual { margin:0 0 20px;} #start #masonry { width:952px; margin:0 -12px 0 -1px;} #start #masonry .items { float: left; margin:0 10px 10px 0;} #start #masonry .items_inline .image { margin:0 0 7px; } #start .btn img:hover { opacity:0.85; filter:alpha(opacity=80); -ms-filter: "alpha(opacity=70)";} #start #masonry h2 img { margin:0 0 5px; vertical-align:top;} /*カラム設定 トップページ以外を個別に設定する場合 #start #masonry .col1 { width:228px; height:368px;} */ ul#map_search { position:relative;width:466px; height:368px; background:url(../img/bg_shopsearch.jpg) no-repeat left top; } ul#map_search li { background-position:left top; background-repeat:no-repeat; text-indent:-9999px;} ul#map_search li a {display:block;} ul#map_search li a:hover { background-position:left bottom;} /*お店を探す*/ #area-hokkaido { position:absolute; left:360px; top:30px; width:76px; height:62px; } #area-aomori { position:absolute; left:360px; top:101px; width:76px; height:29px; } #area-akita { position:absolute; left:360px; top:131px; width:38px; height:33px; } #area-iwate { position:absolute; left:399px; top:131px; width:37px; height:33px; } #area-okinawa { position:absolute; left:66px; top:151px; width:52px; height:38px; } #area-yamagata { position:absolute; left:360px; top:165px; width:38px; height:31px; } #area-miyagi { position:absolute; left:399px; top:165px; width:37px; height:31px; } #area-fukushima { position:absolute; left:360px; top:197px; width:76px; height:31px; } #area-gunma { position:absolute; left:360px; top:229px; width:18px; height:27px; } #area-tochigi { position:absolute; left:379px; top:229px; width:18px; height:27px; } #area-ibaraki { position:absolute; left:398px; top:229px; width:38px; height:56px; } #area-nagasaki { position:absolute; left:29px; top:230px; width:18px; height:43px; } #area-saga { position:absolute; left:48px; top:230px; width:20px; height:43px; } #area-fukuoka { position:absolute; left:69px; top:230px; width:18px; height:43px; } #area-oita { position:absolute; left:88px; top:230px; width:19px; height:43px; } #area-yamaguchi { position:absolute; left:116px; top:230px; width:24px; height:53px; } #area-shimane { position:absolute; left:141px; top:230px; width:21px; height:26px; } #area-tottori { position:absolute; left:163px; top:230px; width:20px; height:26px; } #area-hyogo { position:absolute; left:184px; top:230px; width:26px; height:53px; } #area-kyoto { position:absolute; left:212px; top:230px; width:34px; height:26px; } #area-fukui { position:absolute; left:247px; top:230px; width:18px; height:26px; } #area-ishikawa { position:absolute; left:266px; top:230px; width:18px; height:26px; } #area-toyama { position:absolute; left:285px; top:230px; width:35px; height:26px; } #area-niigata { position:absolute; left:321px; top:230px; width:38px; height:26px; } #area-hiroshima { position:absolute; left:141px; top:257px; width:21px; height:26px; } #area-okayama { position:absolute; left:163px; top:257px; width:20px; height:26px; } #area-osaka { position:absolute; left:212px; top:257px; width:34px; height:55px; } #area-shiga { position:absolute; left:247px; top:257px; width:37px; height:28px; } #area-gifu { position:absolute; left:285px; top:257px; width:35px; height:55px; } #area-nagano { position:absolute; left:321px; top:257px; width:38px; height:28px; } #area-saitama { position:absolute; left:360px; top:257px; width:37px; height:28px; } #area-kumamoto { position:absolute; left:29px; top:274px; width:39px; height:38px; } #area-miyazaki { position:absolute; left:69px; top:274px; width:38px; height:38px; } #area-nara { position:absolute; left:247px; top:286px; width:37px; height:26px; } #area-yamanashi { position:absolute; left:321px; top:286px; width:38px; height:26px; } #area-tokyo { position:absolute; left:360px; top:286px; width:37px; height:26px; } #area-chiba { position:absolute; left:398px; top:286px; width:38px; height:50px; } #area-ehime { position:absolute; left:117px; top:290px; width:45px; height:32px; } #area-kagawa { position:absolute; left:163px; top:290px; width:43px; height:16px; } #area-tokushima { position:absolute; left:163px; top:307px; width:43px; height:15px; } #area-kagoshima { position:absolute; left:29px; top:313px; width:78px; height:23px; } #area-wakayama { position:absolute; left:212px; top:313px; width:34px; height:23px; } #area-mie { position:absolute; left:247px; top:313px; width:37px; height:23px; } #area-aichi { position:absolute; left:285px; top:313px; width:35px; height:23px; } #area-shizuoka { position:absolute; left:321px; top:313px; width:38px; height:23px; } #area-kanagawa { position:absolute; left:360px; top:313px; width:37px; height:23px; } #area-kochi { position:absolute; left:117px; top:323px; width:89px; height:13px; } #area-hokkaido a, #area-hokkaido { background:url(../img/area_hokkaido.gif);} #area-aomori a, #area-aomori { background:url(../img/area_aomori.gif);} #area-akita a, #area-akita { background:url(../img/area_akita.gif);} #area-iwate a, #area-iwate { background:url(../img/area_iwate.gif);} #area-okinawa a, #area-okinawa { background:url(../img/area_okinawa.gif);} #area-yamagata a, #area-yamagata { background:url(../img/area_yamagata.gif);} #area-miyagi a, #area-miyagi { background:url(../img/area_miyagi.gif);} #area-fukushima a, #area-fukushima { background:url(../img/area_fukushima.gif);} #area-gunma a, #area-gunma { background:url(../img/area_gunma.gif);} #area-tochigi a, #area-tochigi { background:url(../img/area_tochigi.gif);} #area-ibaraki a, #area-ibaraki { background:url(../img/area_ibaraki.gif);} #area-nagasaki a, #area-nagasaki { background:url(../img/area_nagasaki.gif);} #area-saga a, #area-saga { background:url(../img/area_saga.gif);} #area-fukuoka a, #area-fukuoka { background:url(../img/area_fukuoka.gif);} #area-oita a, #area-oita { background:url(../img/area_oita.gif);} #area-yamaguchi a, #area-yamaguchi { background:url(../img/area_yamaguchi.gif);} #area-shimane a, #area-shimane { background:url(../img/area_shimane.gif);} #area-tottori a, #area-tottori { background:url(../img/area_tottori.gif);} #area-hyogo a, #area-hyogo { background:url(../img/area_hyogo.gif);} #area-kyoto a, #area-kyoto { background:url(../img/area_kyoto.gif);} #area-fukui a, #area-fukui { background:url(../img/area_fukui.gif);} #area-ishikawa a, #area-ishikawa { background:url(../img/area_ishikawa.gif);} #area-toyama a, #area-toyama { background:url(../img/area_toyama.gif);} #area-niigata a, #area-niigata { background:url(../img/area_niigata.gif);} #area-hiroshima a, #area-hiroshima { background:url(../img/area_hiroshima.gif);} #area-okayama a, #area-okayama { background:url(../img/area_okayama.gif);} #area-osaka a, #area-osaka { background:url(../img/area_osaka.gif);} #area-shiga a, #area-shiga { background:url(../img/area_shiga.gif);} #area-gifu a, #area-gifu { background:url(../img/area_gifu.gif);} #area-nagano a, #area-nagano { background:url(../img/area_nagano.gif);} #area-saitama a, #area-saitama { background:url(../img/area_saitama.gif);} #area-kumamoto a, #area-kumamoto { background:url(../img/area_kumamoto.gif);} #area-miyazaki a, #area-miyazaki { background:url(../img/area_miyazaki.gif);} #area-nara a, #area-nara { background:url(../img/area_nara.gif);} #area-yamanashi a, #area-yamanashi { background:url(../img/area_yamanashi.gif);} #area-tokyo a, #area-tokyo { background:url(../img/area_tokyo.gif);} #area-chiba a, #area-chiba { background:url(../img/area_chiba.gif);} #area-ehime a, #area-ehime { background:url(../img/area_ehime.gif);} #area-kagawa a, #area-kagawa { background:url(../img/area_kagawa.gif);} #area-tokushima a, #area-tokushima { background:url(../img/area_tokushima.gif);} #area-kagoshima a, #area-kagoshima { background:url(../img/area_kagoshima.gif);} #area-wakayama a, #area-wakayama { background:url(../img/area_wakayama.gif);} #area-mie a, #area-mie { background:url(../img/area_mie.gif);} #area-aichi a, #area-aichi { background:url(../img/area_aichi.gif);} #area-shizuoka a, #area-shizuoka { background:url(../img/area_shizuoka.gif);} #area-kanagawa a, #area-kanagawa { background:url(../img/area_kanagawa.gif);} #area-kochi a, #area-kochi { background:url(../img/area_kochi.gif);} #area-hokkaido a {width:76px; height:62px; } #area-aomori a {width:76px; height:29px; } #area-akita a {width:38px; height:33px; } #area-iwate a {width:37px; height:33px; } #area-okinawa a {width:52px; height:38px; } #area-yamagata a {width:38px; height:31px; } #area-miyagi a {width:37px; height:31px; } #area-fukushima a {width:76px; height:31px; } #area-gunma a {width:18px; height:27px; } #area-tochigi a {width:18px; height:27px; } #area-ibaraki a {width:38px; height:56px; } #area-nagasaki a {width:18px; height:43px; } #area-saga a {width:20px; height:43px; } #area-fukuoka a {width:18px; height:43px; } #area-oita a {width:19px; height:43px; } #area-yamaguchi a {width:24px; height:53px; } #area-shimane a {width:21px; height:26px; } #area-tottori a {width:20px; height:26px; } #area-hyogo a {width:26px; height:53px; } #area-kyoto a {width:34px; height:26px; } #area-fukui a {width:18px; height:26px; } #area-ishikawa a {width:18px; height:26px; } #area-toyama a {width:35px; height:26px; } #area-niigata a {width:38px; height:26px; } #area-hiroshima a {width:21px; height:26px; } #area-okayama a {width:20px; height:26px; } #area-osaka a {width:34px; height:55px; } #area-shiga a {width:37px; height:28px; } #area-gifu a {width:35px; height:55px; } #area-nagano a {width:38px; height:28px; } #area-saitama a {width:37px; height:28px; } #area-kumamoto a {width:39px; height:38px; } #area-miyazaki a {width:38px; height:38px; } #area-nara a {width:37px; height:26px; } #area-yamanashi a {width:38px; height:26px; } #area-tokyo a {width:37px; height:26px; } #area-chiba a {width:38px; height:50px; } #area-ehime a {width:45px; height:32px; } #area-kagawa a {width:43px; height:16px; } #area-tokushima a {width:43px; height:15px; } #area-kagoshima a {width:78px; height:23px; } #area-wakayama a {width:34px; height:23px; } #area-mie a {width:37px; height:23px; } #area-aichi a {width:35px; height:23px; } #area-shizuoka a {width:38px; height:23px; } #area-kanagawa a {width:37px; height:23px; } #area-kochi a {width:89px; height:13px; } /*------------------------------ 03-99:旧コンテンツ共通 -------------------------------*/ /* フレーム */ #general #main_inline .w520 { width:520px;} #general #main_inline .w525 { width:525px;} #general #main_inline .w713 { width:713px;} #general #main_inline .w741 { width:741px;} #general #main_inline .w795 { width:795px;} #general #main_inline .w822 { width:822px;} /* レイアウト */ /* その他 */ .space-top { margin-top: 10px;} .space-top-10 { margin-top: 10px;} .space-top-20 { margin-top: 20px;} .space-top-30 { margin-top: 30px;} .space-btm { margin-bottom: 10px;} .space-btm-10 { margin-bottom:10px;} .space-btm-20 { margin-bottom: 20px;} .space-top-large { margin-top: 30px;} .space-both { margin-bottom: 10px; margin-top: 10px;} .space-both-3 { margin-top: 5px; margin-bottom: 5px;} .space-both-10 { margin-top: 10px; margin-bottom: 10px;} .textBold { font-weight: bold;} .fc_white { color: #FFFFFF} .space-btm20 { margin-bottom: 20px;} .warning,.redB { font-weight: bolder; color: #E21517;} .textxsmall { font-size: 24px; }