@charset "utf-8"; * { margin: 0; padding: 0; } html,body { height: 100%; } body { color: #ffffff; font-size:12px; background-color: #c59d6e; } a{ color:#f7781b; } div#toppage { width: 1200px; height: 636px; position: absolute; top: 50%; left: 50%; margin: -318px 0 0 -600px; padding:0; } h1 { height: 0px; width: 0px; overflow: hidden; } h2 { font-size: xx-large; color: #FFFFFF; } #wrap{overflow:hidden;border:solid 1px #ddd;} #inner{padding-right:30px;padding-bottom:30px;overflow:scroll;} .popupwindow { cursor: url(http://konabeer.sakura.ne.jp/images/kona.cur), url(/images/kona.cur), auto; } #content { background-color:#c59d6e;} input { font-size:10pt; /* ?? */ color:#ffffff; /* ?F */ padding-left:5px; padding-right:5px; background-color:#ff6600; /* wiF */ border:1px solid #ef5c28; /* ???F */ } input[type=text] { color:#333333; font-size:10pt; /* ?? */ padding-left:5px; padding-right:5px; background-color:#f8f8f8; /* wiF */ border:1px solid #999999; /* ???F */ } button { font-size:12pt; /* ?? */ color:#ff6600; /* ?F */ background-color:#ffffff; /* wiF */ } div.section { position: absolute; width: 100%; height: 100%; overflow:hidden; background-color: #c59d6e; text-align: center; vertical-align:middle; } div.section-body { margin-left: 1%; margin-right: 1%; margin-top: 2%; margin-bottom: 0%; line-height: 1.6; color: #FFFFFF; } div.section-body a { color: #FFFFFF; } div.section-body a:hover { text-decoration: none; } div#section1 { top: 0; left: 0; vertical-align:middle; } div#section2 { top: 0; left: 100%; vertical-align:middle; } div#section3 { top: 0; left: 200%; vertical-align:middle; } div#section4 { top: 100%; left: 0; vertical-align:middle; } div#section5 { top: 100%; left: 100%; vertical-align:middle; } div#section6 { top: 100%; left: 200%; vertical-align:middle; } div#section7 { top: 200%; left: 0; vertical-align:middle; } div#section8 { top: 200%; left: 100%; vertical-align:middle; } div#section9 { top: 200%; left: 200%; vertical-align:middle; } div#section10 { top: 300%; left: 0; vertical-align:middle; } div#section_a { top: 0; left: 0; vertical-align:middle; } div#section_b { top: 100%; left: 0; vertical-align:middle; } div#section_c { top: 200%; left: 0; vertical-align:middle; } div#section_d { top: 300%; left: 0; vertical-align:middle; } div.main img { text-align: center; vertical-align:middle; } div#navi { position: fixed; _position: absolute; right: 5%; bottom: 5%; border: 2px solid #999999; } div#navi table { border-collapse: collapse; } div#navi table td { } div#navi table td#navi1 { background-color: #66CC99; } div#navi table td#navi2 { background-color: #66CCCC; } div#navi table td#navi3 { background-color: #99CCCC; } div#navi table td#navi4 { background-color: #CCCCFF; } div#navi table td#navi5 { background-color: #FFCC99; } div#navi table td#navi6 { background-color: #FF99CC; } div#navi table td#navi7 { background-color: #9999FF; } div#navi table td#navi8 { background-color: #00CCCC; } div#navi table td#navi9 { background-color: #CC99CC; } div#navi table td a { display: block; width: 3em; height: 2em; color: #FFFFFF; text-decoration: none; } div#navi table td a:hover { background-color: #FF00FF; } #kona_contents { width:700px; height:820px; background-image:url(http://konabeer.sakura.ne.jp/images/contents_bg.jpg); background-repeat:no-repeat; padding:75px; margin:0px; position:fixed; } #kona_contents_a { width:700px; height:785px; background-image:url(http://konabeer.sakura.ne.jp/images/contents_bg_top.jpg); background-repeat:no-repeat; padding-top:75px; padding-right:75px; padding-left:75px; margin:0px; } #kona_contents_b { width:700px; height:760px; background-image:url(http://konabeer.sakura.ne.jp/images/contents_bg_middle.jpg); background-repeat:no-repeat; padding-right:75px; padding-left:75px; margin:0px; } #kona_contents_c { width:700px; height:785px; background-image:url(http://konabeer.sakura.ne.jp/images/contents_bg_bottom.jpg); background-repeat:no-repeat; padding-bottom:75px; padding-right:75px; padding-left:75px; margin:0px; } #kona_contents_field { width:550px; height:500px; border:none; overflow:auto; padding:10px; } #kona_contents_field_b { width:550px; height:360px; border:none; overflow:auto; padding:10px; } #kona_contents_field_c { width:550px; height:580px; border:none; overflow:auto; padding:10px; } #kona_contents_field_beer { width:550px; height:480px; border:none; overflow:auto; padding:10px; } #kona_contents_field_wine { width:550px; height:470px; border:none; overflow:auto; padding:10px; } #kona_contents_field_goods { width:550px; height:500px; border:none; overflow:auto; padding:10px; } .contents_left { width:260px; float:left; line-height:1.6em; padding:5px; } .contents_right { width:260px; float:right; line-height:1.6em; padding:5px; } .contents_text { line-height:1.6em; padding:10px; text-align:left; color:#ffffff; font-weight:600; } .contents_text_l { line-height:1.6em; padding:10px; text-align:left; color:#ffffff; font-weight:600; float:left; } .contents_full { width:520px; line-height:1.6em; padding:10px; } .contents_image_right { float:right; margin-top:15px; padding:10px; } .contents_image_right2 { float:right; margin-top:15px; padding:10px; width:40%; } .contents_image_left { float:left; margin-top:15px; padding:10px; } .contents_image_left2 { float:left; margin-top:0px; padding:10px; } .kona_shopinfo { font-size:12px; line-height:1.6em; padding-left:20px; padding-right:20px; padding-top:5px; padding-bottom:30px; } .kona_topic_date { font-size:21px; font-family: 'YanoneKaffeesatzRegular'; letter-spacing: 0.05em; font-weight: normal!important; } .kona_topic_url { font-size:14px; font-family: 'YanoneKaffeesatzRegular'; letter-spacing: 0.05em; font-weight: normal!important; text-align:right; clear:both; } .kona_topic_title { font-size:16px; font-weight:600; padding-left:20px; padding-bottom:3px; padding-top:3px; color:#f15b26; background-color:#ffffff; } .kona_topic_info { padding-left:20px; padding-top:5px; padding-bottom:5px; line-height:1.5em; font-weight:600; border-bottom:dotted 1px #ffffff; } .kona_topic_text { padding-left:20px; padding-top:5px; padding-bottom:20px; line-height:1.5em; } .field p { margin:0px; padding:-100px; }