@charset "utf-8"; /* CSS Document ---------------------------------------------------------------------------------------------------------------- */ /* 2015.09.16 var.1.0　(C)advista */ /* Default Style Reset --------------------------------------------------------------------------------------------------------- */ body,form,fieldset{margin: 0px;padding: 0px;} fieldset {border:none;} h1,h2,h3,h4,h5,h6,p,pre,blockquote,ul,ol,dl,dd{margin: 0;padding: 0;} blockquote,li,dt,dd{} li {list-style:none;} input,textarea {font-size: 1em;} img {border: 0px none;} html,body,#contWrapper,#LineWrapper {height:100%;} /* Tag Castam ----------------------------------------------------------------------------------------------------------------- */ body {font-family: Verdana, Helvetica, Arial, "ヒラギノ角ゴPro W3", Osaka, "MPS Pゴシック", sans-serif; font-size: 16px;line-height: 25px;color: #fffaf1;overflow-x: hidden;} #Home {background: url(../img/bg.gif) repeat-y center -100px #000;} #Magazine {background: url(../img/bg2.gif) repeat-y center -100px #000;} #Shop {background: url(../img/bg2.gif) repeat-y center -100px #000;} #Council {background: url(../img/bg2.gif) repeat-y center -100px #000;} em {font-weight: normal;font-style: normal;} strong {} a {color: #ffffff;text-decoration: underline;} a:link {} a:hover {color: #eeeeee;text-decoration: none;} a:visited {} a:active {} input,textarea {margin: 3px;padding: 2px;} .sp {display: none;} .pc {display: block;} .br {display: block;} .mid {text-align:center;} .Small {font-size: 10px;line-height: 14px;color: #fffaf1; font-family: Verdana, Helvetica, Arial, "ヒラギノ角ゴPro W3", Osaka, "MPS Pゴシック", sans-serif;} .Small a {text-decoration: none;} .Acr img {float:left;margin: 0px 12px 0px 0px;} .Acr a {text-decoration: none;} #page-top {position: fixed;bottom: 30px;right: 0px;z-index: 8888;} /* gNav */ .gNav {width: 384px;height: 300px;display:block;margin: 60px auto 20px auto;} .gNav h1 {margin: 0;padding:0;} .gNav h1 a {width: 80px;height: 285px;display:block;background: url(../img/siteid.png) no-repeat top center; margin: 0 0 0 4px;padding:0;float:right;} .gNav a,.gNav em {text-indent: -99em;} .gNav li {margin: 0 18px 0 0;padding: 0;float:right;} .gNav .Li00 a {display: none;} .gNav .Li01 a {width: 32px;height: 300px;display:block;background: url(../img/nav01.png);} .gNav .Li02 a {width: 32px;height: 300px;display:block;background: url(../img/nav02.png);} .gNav .Li03 a {width: 32px;height: 300px;display:block;background: url(../img/nav03.png);} .gNav .Li04 a {width: 32px;height: 300px;display:block;background: url(../img/nav04.png);} .gNav .Li05 a {width: 32px;height: 300px;display:block;background: url(../img/nav05.png);} .gNav .Li06 a {width: 32px;height: 300px;display:block;background: url(../img/nav06.png);} .gNav a:hover {opacity: 0.8;filter: alpha(opacity=80);-moz-opacity: 0.8;} .gNav .Li01 em {width: 32px;height: 300px;display:block;background: url(../img/nav01.png); opacity: 0.5;filter: alpha(opacity=50);-moz-opacity: 0.5;} .gNav .Li02 em {width: 32px;height: 300px;display:block;background: url(../img/nav02.png); opacity: 0.5;filter: alpha(opacity=50);-moz-opacity: 0.5;} .gNav .Li03 em {width: 32px;height: 300px;display:block;background: url(../img/nav03.png); opacity: 0.5;filter: alpha(opacity=50);-moz-opacity: 0.5;} .gNav .Li04 em {width: 32px;height: 300px;display:block;background: url(../img/nav04.png); opacity: 0.5;filter: alpha(opacity=50);-moz-opacity: 0.5;} .gNav .Li05 em {width: 32px;height: 300px;display:block;background: url(../img/nav05.png); opacity: 0.5;filter: alpha(opacity=50);-moz-opacity: 0.5;} .gNav .Li06 em {width: 32px;height: 300px;display:block;background: url(../img/nav06.png); opacity: 0.5;filter: alpha(opacity=50);-moz-opacity: 0.5;} /* lang */ #lang {display:none;} #lang {width: 100%;height: auto;display:block;z-index: 88888;position: absolute;} #lang ul {width: 640px;height: 30px;display:block;margin: 0px auto 0px auto;padding: 0px 273px 0px 0px;} #lang li {font-size: 16px;line-height: 20px;color: #fff;display: block;float:right;font-weight: bold; margin: 0px 0px 0px 0px;padding: 10px 20px 0px 0px;border-left: 1px solid #C3963B;} #lang li a {color: #C3963B;margin: 0px 0px 0px 5px;text-decoration: none;} #lang li a:hover {color: #FF9933;margin: 0px 0px 0px 5px;text-decoration: underline;} #langLi {margin: 0px 0px 0px 0px;} /* SubNvi */ .SubNvi li a {width: 250px;height: 30px;display:block;background: url(../img/gd.gif);font-family: 'hannari'; font-size: 16px;line-height: 25px;font-weight: bold;color: #000;text-decoration: none; margin: 0px 0px 10px 0px;padding: 0px 0px 0px 0px;border-radius:20px;} .SubNvi li a:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} /* langSubNvi */ ul.langSubNvi {width: 250px;height: 20px;display:block;margin: 0px auto 10px auto;} .langSubNvi li a {width: 100px;height: 20px;display:block;background: url(../img/gd.gif);font-family: 'hannari'; font-size: 16px;line-height: 16px;font-weight: bold;color: #000;text-decoration: none;text-align:center; margin: 0px 10px 10px 10px;padding: 0px 0px 0px 0px;border-radius:20px;float:left;} /* button */ .button {padding: 10px 23px;font-family: 'hannari';} .button a {width: 300px;height: 30px;display:block;background: url(../img/gd.gif); font-size: 16px;line-height: 25px;font-weight: bold;color: #000;text-decoration: none; margin: 0px auto 10px auto;padding: 0px 0px 0px 0px;border-radius:20px;} a .Cont {width: auto;height: 30px;padding: 0px 0px 0px 25px;margin: 0px 20px 0px 20px; background: url(../img/arrow01.png) no-repeat left center;display:block;} a .Top {width: auto;height: 30px;padding: 0px 0px 0px 0px;margin: 0px 20px 0px 20px; background: url(../img/arrow02.png) no-repeat right center;display:block;} a:hover .Cont {background: url(../img/arrow01.png) no-repeat 5px center;} a:hover .Top {background: url(../img/arrow02.png) no-repeat right -2px;} /* newsBox */ #newsBox {width: 400px;height: auto;display:block;margin: 0px auto 10px auto;padding: 0px;} #newsBox:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #newsBox h2 {width: auto;height: 17px;display:block;border-bottom: 1px solid #5a491f;margin: 0px 0px 10px 0px;} #newsBox h2 em {width: 115px;height: 12px;display:block;background: url(../img/news_h.png);text-indent: -99em;} #newsBox li {font-size: 14px;line-height: 18px;display:block;color: #fff;padding: 0 0 10px 0;clear:both;} #newsBox li:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #newsBox em {width: 70px;display:block;float:left;margin: 0 5px 0 0;} #newsBox b {width: 350px;display:block;float:left;font-weight: 600;} #newsBox li a {text-decoration: none;} #newsBox li a:hover {text-decoration: underline;} /* searchBox */ #searchBox {width: 400px;height: auto;display:block;margin: 0px auto 30px auto;clear:both;} #searchBox:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #searchBox h2 {width: auto;height: 17px;display:block;border-bottom: 1px solid #5a491f;margin: 0 0 10px 0;} #searchBox h2 a {width: 145px;height: 12px;display:block;background: url(../img/search_h.png);text-indent: -99em;} #searchBox #fLi01 {width: 380px;height: 15px;display:block;text-indent: -99em;clear:both; margin: 0px 0px 15px 0px;background: url(../img/search_txt.png);} #searchBox #fLi02 {width: 130px;height: 15px;display:block;text-indent: -99em;float:left; margin: 0px 30px 15px 0px;background: url(../img/search_type01.png);} #searchBox #fLi03 {width: 120px;height: 15px;display:block;text-indent: -99em;float:left; margin: 0px 0px 15px 0px;background: url(../img/search_type02.png);} #searchBox input {float:left;} #searchBox #fLi04 {width: 65px;height: 15px;display:block;text-indent: -99em;float:left;clear:both; margin: 5px 10px 15px 0px;background: url(../img/search_area.png);} #searchBox #fLi05 {margin: 0px 10px 15px 0px;float:left;} #searchBox #fLi06 input {width: 145px;height: 27px;display:block;text-indent: -99em; margin: 0px 0px 15px 0px;background: url(../img/search_submit.png);border: none;} #searchBox #fLi06 input:hover{opacity: 0.8;filter: alpha(opacity=80);-moz-opacity: 0.8;cursor: pointer;} /* bannerBox */ #bannerBox {width: 378px;height: auto;display:block;margin: 0px auto 20px auto;} #bannerBox:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #bannerBox #bLi01 a {width: 378px;height: 60px;display:block;text-indent: -99em; margin: 0px 0px 10px 0px;background: url(../img/bar_search180105.png);} #bannerBox #bLi02 a {width: 378px;height: 60px;display:block;text-indent: -99em; margin: 0px 0px 10px 0px;background: url(../img/bar_youtube.png);} #bannerBox #bLi03 a {width: 378px;height: 60px;display:block;text-indent: -99em; margin: 0px 0px 10px 0px;background: url(../img/bar_trading180105.png);} #bannerBox a:hover {opacity: 0.8;filter: alpha(opacity=80);-moz-opacity: 0.8;} /* footer */ #footer {width: 378px;height: auto;display:block;margin: 0px auto 30px auto; font-family: Verdana, Helvetica, Arial, "ヒラギノ角ゴPro W3", Osaka, "MPS Pゴシック", sans-serif;} #footer:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #footer h2 {width: 155px;height: 20px;display:block;float:left;border: none; margin: 0px 0px 0px 0px;background: url(../img/foor_id.png);text-indent: -99em;} #footer #ftLi01 {font-size: 12px;line-height: 20px;color: #fff;display: block;width: auto;margin: 0px auto;} #footer p {font-size: 10px;line-height: 20px;color: #fff;clear:both;} /* Box */ .Box {width: 860px;height: 625px;display:block;clear:both;margin: 0px auto;padding: 0px;} .Box:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} .Box .Left {width: 430px;height: 625px;display:block;float: left;} .Box .Left:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} .Box .Right {width: 430px;height: 625px;display:block;float: right;} .Box .Right:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} /* TxTBox */ .TxTBox {font-family: 'hannari';letter-spacing: 0px;} .TxTBox h2 {font-size: 2em;line-height: 2.0em;font-weight: bold;color: #CB9D39;display:block; margin: 0px 0px 0px 0px;padding: 0px;letter-spacing: 0.05em;font-family: 'hannari';} .TxTBox h3 {font-size: 1.2em;line-height: 1.5em;font-weight: bold;color: #CB9D39;display:block; margin: 0px 0px 10px 0px;padding: 0px;font-family: 'hannari';} .TxTBox h4 {font-size: 1em;line-height: 1.5em;font-weight: bold;color: #AF852E;display:block;} /* Wide */ .Wide {width: 794px;height: auto;display:block;clear:both; margin: 0px auto 0px auto;padding: 50px 15px 30px 15px;} .Wide:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} .Wide h2 {font-size: 2em;line-height: 2.0em;font-weight: bold;color: #CB9D39;display:block; margin: 0px 0px 20px 0px;padding: 0px;letter-spacing: 0.1em;font-family: 'hannari'; border-bottom: 2px solid #CB9D39;text-align:center;} .Wide h3 {font-size: 1.2em;line-height: 1.5em;font-weight: bold;color: #CB9D39;display:block; margin: 0px 0px 10px 0px;padding: 0px;font-family: 'hannari';text-align:center;} .Wide h4 {font-size: 1em;line-height: 1.0em;font-weight: bold;color: #AF852E;display:block; width: auto;height: 30px;display:block;margin: 0px auto 10px auto;padding: 10px 0px 10px 0px; background: url(../img/h_line.png) no-repeat center top;text-align:center;} /* wrapper */ #wrapper {width: 100%;height: auto;margin: 0 auto;padding: 0;display: block;} #wrapper:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} /* Home ----------------------------------------------------------------------------------------------------------------- */ /* Home:wrapper */ #Home #contWrapper {width: 100%;height: auto;display:block;margin: 0 auto;position: absolute;z-index: 888;} #Home #contWrapper:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #Home #contBody {width: 860px;height: auto;display:block; margin: 0px auto;padding: 0px 0px 0px 0px;} #Home #contBody:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} /* Home:ImgWrapper */ #Home #ImgWrapper {width: 100%;height: auto;display:block;} #Home #ImgWrapper:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #Home #DishBox {position: relative;min-height: 100%;_height: 100%;min-width: 860px;} #Home #DishBox:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #Home #Dish01 {width: 1107px;height: 792px;display:block;background: url(../img/meet0101.png) no-repeat center top; position: absolute;z-index: 40;left: 50%;margin: 0px 0px 0px -1000px;} #Home #Dish02 {width: 470px;height: 518px;display:block;background: url(../img/meet02.png) no-repeat center top; margin: 0 0 0 355px; position: absolute;z-index: 30;left: 50%; top:220px;background-size: contain; } #Home #Dish03 {width: 1442px;height: 512px;display:block;background: url(../img/meet03.png) no-repeat center top; position: absolute;z-index: 20;left: 50%;margin: 820px 0px 0px -700px;} #Home #Dish04 {width: 1500px;height: 670px;display:block;background: url(../img/meet04.png) no-repeat center top; position: absolute;z-index: 19;left: 50%;margin: 2800px 0px 0px -100px;} #Home #Scroll01 {margin:1000px 0px 0px 0px;position: absolute;z-index: 21;} #Home #Kasumi01 {width: 1000px;height: 112px;display:block;background: url(../img/kasumi01.png) no-repeat center top; position: absolute;z-index: 52;left: 50%;margin: 1730px 0px 0px -980px;} #Home #Kasumi02 {width: 1000px;height: 173px;display:block;background: url(../img/kasumi03.png) no-repeat center top; position: absolute;z-index: 51;left: 50%;margin: 2145px 0px 0px -100px;} #Home #Kasumi03 {width: 1000px;height: 126px;display:block;background: url(../img/kasumi02.png) no-repeat center top; position: absolute;z-index: 50;left: 50%;margin: 2850px 0px 0px -90px;} #Home #Kasumi04 {width: 1000px;height: 173px;display:block;background: url(../img/kasumi03.png) no-repeat center top; position: absolute;z-index: 50;left: 50%;margin: 3550px 0px 0px 0px;} #Home #Kasumi05 {width: 1000px;height: 112px;display:block;background: url(../img/kasumi01.png) no-repeat center top; position: absolute;z-index: 50;left: 50%;margin: 3500px 0px 0px -980px;} #Home .TxTBox {display:block;padding: 0px 23px 0px 23px;} #Home .TxTBox p {display:block;padding: 0px 0px 25px 0px;} #Home .TxTBox b {color:#a22916;} /* Home:contBox01 */ #Home #contBox01 {width: 860px;height: 525px;display:block;clear:both;margin: 0px auto;padding: 0px;} #Home #contBox01 .Box {width: 860px;height: 525px;display:block;clear:both;margin: 0px auto;padding: 0px;} #Home #contBox01 .Box .Left {width: 430px;height: 525px;display:block;float: left;padding: 0px 0px 0px 0px;} #Home #contBox01 .Box .Right{width: 430px;height: 525px;display:block;float: right;padding: 0px 0px 0px 0px;} /* Home:contBox02 */ #Home #contBox02 {width: 860px;height: 525px;display:block;clear:both;margin: 0px auto;padding: 0px;} #Home #contBox02 .Box {width: 860px;height: 525px;display:block;clear:both;margin: 0px auto;padding: 0px;} #Home #contBox02 .Box .Left {width: 430px;height: 625px;display:block;float: left;padding: 0px 0px 0px 0px;} #Home #contBox02 .Box .Right{width: 430px;height: 602px;display:block;float: right;padding: 23px 0px 0px 0px;} /* Home:contBox03 */ #Home #contBox03 {width: 860px;height: 625px;display:block;clear:both;margin: 0px auto;padding: 0px;} #Home #contBox03 .Box {width: 860px;height: 625px;display:block;clear:both;margin: 0px auto;padding: 0px;} #Home #contBox03 .Box .Left {width: 430px;height: 495px;display:block;float: left;padding: 130px 0px 0px 0px;} #Home #contBox03 .Box .Right{width: 430px;height: 625px;display:block;float: right;padding: 0px 0px 0px 0px; background: url(../img/hidabeef01_20180105.png) no-repeat center bottom;} /* Home:contBox04 */ #Home #contBox04 {width: 860px;height: 625px;display:block;clear:both;margin: 0px auto;padding: 0px;} #Home #contBox04 .Box {width: 860px;height: 625px;display:block;clear:both;margin: 0px auto;padding: 0px;} #Home #contBox04 .Box .Left {width: 430px;height: 525px;display:block;float: left;padding: 50px 0px 0px 0px;} #Home #contBox04 .Box .Right{width: 430px;height: 625px;display:block;float: right;padding: 0px 0px 0px 0px; background: url(../img/hidabeef02.png) no-repeat center 100px;} /* Home:contBox05 */ #Home #contBox05 {width: 860px;height: 625px;display:block;clear:both;margin: 0px auto;padding: 0px;} #Home #contBox05 .Box {width: 860px;height: 625px;display:block;clear:both;margin: 0px auto;padding: 0px;} #Home #contBox05 .Box .Left {width: 430px;height: 625px;display:block;float: left;padding: 0px 0px 0px 0px;} #Home #contBox05 .Box .Right{width: 430px;height: 552px;display:block;float: right;padding: 72px 0px 0px 0px; background: url(../img/hidabeef04.png) no-repeat center top;} /* Home:contBox06 */ #Home #contBox06 {width: 860px;height: 625px;display:block;clear:both;margin: 0px auto;padding: 0px;} #Home #contBox06 .Box {width: 860px;height: 625px;display:block;clear:both;margin: 0px auto;padding: 0px;} #Home #contBox06 .Box .Left {width: 430px;height: 625px;display:block;float: left;padding: 0px 0px 0px 0px;} #Home #contBox06 .Box .Right{width: 430px;height: 553px;display:block;float: right;padding: 72px 0px 0px 0px; background: url(../img/hidabeef03.png) no-repeat center bottom;} /* Home:contBox07 */ #Home #contBox07 {width: 860px;height: 625px;display:block;clear:both;margin: 0px auto;padding: 0px;} #Home #contBox07 .Box {width: 860px;height: 625px;display:block;clear:both;margin: 0px auto;padding: 0px;} #Home #contBox07 .Box .Left {width: 430px;height: 625px;display:block;float: left;padding: 0px 0px 0px 0px;} #Home #contBox07 .Box .Right{width: 430px;height: 553px;display:block;float: right;padding: 72px 0px 0px 0px; background: url(../img/hidabeef05.png) no-repeat center bottom;} /* Home:contBox08 */ #Home #contBox08 {width: 860px;height: 625px;display:block;clear:both;margin: 0px auto;padding: 0px;} #Home #contBox08 .Box {width: 860px;height: 625px;display:block;clear:both;margin: 0px auto;padding: 0px;} #Home #contBox08 .Box .Left {width: 430px;height: 625px;display:block;float: left;padding: 0px 0px 0px 0px;} #Home #contBox08 .Box .Right{width: 430px;height: 553px;display:block;float: right;padding: 72px 0px 0px 0px; background: url(../img/hidabeef06.png) no-repeat center bottom;} /* Shop ----------------------------------------------------------------------------------------------------------------- */ #Shop .TxTBox {display:block;padding: 0px 23px 0px 23px;} #Shop .TxTBox p {display:block;padding: 0px 0px 25px 0px;} #Shop .TxTBox b {color:#a22916;} /* Shop:wrapper */ #Shop #contWrapper {width: 100%;height: auto;display:block;margin: 0 auto;position: absolute;z-index: 888;} #Shop #contWrapper:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #Shop #contBody {width: 860px;height: auto;display:block; margin: 0px auto;padding: 0px 0px 0px 0px;} #Shop #contBody:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #Shop #contBody .Left {width: 387px;height: auto;display:block;float:left; margin: 0px 0px 0px 0px;padding: 370px 15px 50px 15px;} #Shop #contBody .Left:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #Shop #contBody .Right {width: 397px;height: auto;display:block;float:right; color:#FFFFFF; margin: 0px 0px 0px 0px;padding: 70px 15px 50px 15px;} #Shop #contBody .Right:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #Shop #contBody table {font-size: 14px;line-height: 18px;width: 100%;font-family: 'hannari'; background:rgba(49,49,49,0.8);} #Shop #contBody table a {text-decoration: none;} #Shop #contBody th {background:#916810;} #Shop #contBody td {background:rgba(26,26,26,0.8);} #Shop #contBody .tdc {text-align:center;} #Shop #contBody .slink a {width: 71px;height: 30px;display:block;background: url(../img/more.png);text-indent: -999em;margin: 0 auto;} #Shop #contBody .slink a:hover {opacity: 0.8;filter: alpha(opacity=80);-moz-opacity: 0.8;} #Shop #contBody .slink input {border: none;margin: 0;padding: 0;} #Shop #contBody .slink input.more{width: 71px;height: 30px;display:block;text-indent: -999em;margin: 0 auto; background: url(../img/more.png);} #Shop #contBody .slink input.more:hover{opacity: 0.8;filter: alpha(opacity=80);-moz-opacity: 0.8;cursor: pointer;} #Shop #contBody .slink input.map {width: 71px;height: 30px;display:block;text-indent: -999em;margin: 0 auto; background: url(../img/map.png);} #Shop #contBody .slink input.map:hover {opacity: 0.8;filter: alpha(opacity=80);-moz-opacity: 0.8;cursor: pointer;} #Shop #footer {width: auto;height: auto;display:block;margin: 0 30px 30px 30px;clear:both;} #Shop #footer:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #Shop #contBody .sname {} #Shop #contBody .szip {white-space: nowrap;} #Shop #contBody .stel {white-space: nowrap;} #Shop #contBody .sadd {} /* Shop:ImgWrapper */ #Shop #ImgWrapper {width: 100%;height: auto;display:block;} #Shop #ImgWrapper:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #Shop #DishBox {position: relative;min-height: 100%;_height: 100%;min-width: 860px;} #Shop #DishBox:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #Shop #Dish01 {width: 865px;height: 515px;display:block;background: url(../img/shop_dish01.png) no-repeat center top; position: absolute;z-index: 40;left: 50%;margin: 0px 0px 0px -880px;} #Shop #Dish02 {width: 473px;height: 308px;display:block;background: url(../img/shop_dish02.png) no-repeat center top; position: absolute;z-index: 30;left: 50%;margin: 0px 0px 0px 350px;} #Shop #Dish03 {width: 680px;height: 560px;display:block;background: url(../img/shop_dish03.png) no-repeat center top; position: absolute;z-index: 20;left: 50%;margin: 400px 0px 0px 300px;} #Shop #Dish04 {width: 865px;height: 515px;display:block;background: url(../img/shop_dish01_outside.png) no-repeat center top; position: absolute;z-index: 40;left: 50%;margin: 0px 0px 0px -880px;} #Shop #Dish05 {width: 980px;height: 580px;display:block;background: url(../img/farmer_img01_20180105.png) no-repeat center top; position: absolute;z-index: 40;left: 50%;margin: 0px 0px 0px -680px;} /* Shop:contBox01 */ #Shop #contBox01 {width: 860px;height: auto;display:block;clear:both;margin: 0px auto;padding: 0px;} #Shop #contBox01 .Box {width: 860px;height: auto;display:block;clear:both;margin: 0px auto;padding: 0px;} #Shop #contBox01 .Box .Left {width: 430px;height: auto;display:block;float: left;padding: 380px 0px 0px 0px;} #Shop #contBox01 .Box .Right {width: 430px;height: auto;display:block;float: right;padding: 20px 0px 0px 0px;} /* Shop:contBox02 */ #Shop #contBox02 {width: 860px;height: auto;display:block;clear:both;margin: 0px auto;padding: 0px;} #Shop #contBox02 .Box {width: 860px;height: auto;display:block;clear:both;margin: 0px auto;padding: 0px;font-family: 'hannari';} #Shop #contBox02 .Box .Left {width: 380px;height: auto;display:block;float: left;padding: 0px 20px 20px 30px;} #Shop #contBox02 .Box .Right {width: 400px;height: auto;display:block;float: right;padding: 0px 30px 20px 0px;} #Shop .typeH1 {text-align:center;display:block;} #Shop .typeH1 img {width: 100%;margin: 0 auto;display:block;border: 2px solid #fff;max-width: 500px;} #Shop .typeS1 {text-align:center;display:block;} #Shop .typeS1 img {width: 100%;margin: 0 auto;display:block;border: 2px solid #fff;max-width: 500px;} #Shop .typeW1 {text-align:center;display:block;} #Shop .typeW1 img {width: 100%;margin: 0 auto;display:block;border: 2px solid #fff;max-width: 500px;} #Shop .typeH2 {text-align:center;display:block;} #Shop .typeH2 img {width: 380px;margin: 0 auto;display:block;border: 2px solid #fff;float:left;margin: 0px 10px 0px 0px;} #Shop .typeS2 {width: 380px;height: 380px;margin: 0px 10px 0px 0px;display:block;border: 2px solid #fff;float:left;} #Shop .typeS2 img {width: 380px;height: 380px;margin: 0px auto 0px auto;display:block;} #Shop .typeW2 {width: 380px;height: auto;margin: 0px 10px 0px 0px;display:block;border: 2px solid #fff;float:left;} #Shop .typeW2 img {width: 380px;height: auto;margin: 0px auto 0px auto;display:block;} #Shop .typeH3 {text-align:center;display:block;margin: 0px 10px 0px 0px;} #Shop .typeH3 img {width: 33%;margin: 0 auto;display:block;border: 2px solid #fff;float:left;} #Shop .typeS3 {text-align:center;display:block;margin: 0px 10px 0px 0px;} #Shop .typeS3 img {width: 33%;margin: 0 auto;display:block;border: 2px solid #fff;float:left;} #Shop .typeW3 {text-align:center;display:block;margin: 0px 10px 0px 0px;} #Shop .typeW3 img {width: 33%;margin: 0 auto;display:block;border: 2px solid #fff;} /* Shop:GifuMap */ #Shop .GifuMap {width: 366px;height: auto;display:block;clear:both;} #Shop .GifuMap:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #Shop .Area {width: 366px;height: auto;display:block;clear:both;text-align:center;font-family: 'hannari';} #Shop .Area:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #Shop .Area h3 {font-size: 1.5em;line-height: 2.0em;font-weight: bold;color: #CB9D39;display:block; margin: 0px 0px 20px 0px;padding: 0px;letter-spacing: 0.1em;font-family: 'hannari';} #Shop .Area li a {width: 100%;height: 30px;display:block;background: url(../img/gd.gif); max-width: 350px;min-width: 100px; font-size: 16px;line-height: 25px;font-weight: bold;color: #000;text-decoration: none; margin: 0px auto 10px auto;padding: 0px 0px 0px 0px;border-radius:20px;} #Shop #Area01 {width: 366px;height: 200px;display:block;position: absolute;z-index: 900; margin: -300px 0px 0px 0px;padding: 0px;background:rgba(49,49,49,0.8); border: 2px solid #CB9D39;} #Shop #Area02 {width: 366px;height: 200px;display:block;position: absolute;z-index: 900; margin: -300px 0px 0px 0px;padding: 0px;background:rgba(49,49,49,0.8); border: 2px solid #CB9D39;} #Shop #Area03 {width: 366px;height: 200px;display:block;position: absolute;z-index: 900; margin: -300px 0px 0px 0px;padding: 0px;background:rgba(49,49,49,0.8); border: 2px solid #CB9D39;} #Shop #Area04 {width: 366px;height: 200px;display:block;position: absolute;z-index: 900; margin: -300px 0px 0px 0px;padding: 0px;background:rgba(49,49,49,0.8); border: 2px solid #CB9D39;} #Shop #Area05 {width: 366px;height: 200px;display:block;position: absolute;z-index: 900; margin: -300px 0px 0px 0px;padding: 0px;background:rgba(49,49,49,0.8); border: 2px solid #CB9D39;} #Shop #Area06 {width: 366px;height: 200px;display:block;position: absolute;z-index: 900; margin: -300px 0px 0px 0px;padding: 0px;background:rgba(49,49,49,0.8); border: 2px solid #CB9D39;} #Shop #Area07 {width: 366px;height: 200px;display:block;position: absolute;z-index: 900; margin: -300px 0px 0px 0px;padding: 0px;background:rgba(49,49,49,0.8); border: 2px solid #CB9D39;} /* Fame ----------------------------------------------------------------------------------------------------------------- */ /* Fame:GifuMap */ #Fame .GifuMap {width: 366px;height: 310px;display:block;clear:both;overflow: hidden;} #Fame .GifuMap:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #Fame .Area {width: 366px;height: 310px;display:block;clear:both;text-align:center;font-family: 'hannari';} #Fame .Area:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #Fame .Area h3 {font-size: 1.5em;line-height: 2.0em;font-weight: bold;color: #CB9D39;display:block; margin: 0px 0px 20px 0px;padding: 0px;letter-spacing: 0.1em;font-family: 'hannari';} #Fame .Area li a {width: 100%;height: 30px;display:block;background: url(../img/gd.gif); max-width: 350px;min-width: 100px; font-size: 16px;line-height: 25px;font-weight: bold;color: #000;text-decoration: none; margin: 0px auto 10px auto;padding: 0px 0px 0px 0px;border-radius:20px;} #Fame #Area01 {width: 366px;height: 200px;display:block;position: absolute;z-index: 900; margin: -300px 0px 0px 0px;padding: 0px;background:rgba(49,49,49,0.8); border: 2px solid #CB9D39;} #Fame #Area02 {width: 366px;height: 200px;display:block;position: absolute;z-index: 900; margin: -300px 0px 0px 0px;padding: 0px;background:rgba(49,49,49,0.8); border: 2px solid #CB9D39;} #Fame #Area03 {width: 366px;height: 200px;display:block;position: absolute;z-index: 900; margin: -300px 0px 0px 0px;padding: 0px;background:rgba(49,49,49,0.8); border: 2px solid #CB9D39;} #Fame #Area04 {width: 366px;height: 200px;display:block;position: absolute;z-index: 900; margin: -300px 0px 0px 0px;padding: 0px;background:rgba(49,49,49,0.8); border: 2px solid #CB9D39;} #Fame #Area05 {width: 366px;height: 200px;display:block;position: absolute;z-index: 900; margin: -300px 0px 0px 0px;padding: 0px;background:rgba(49,49,49,0.8); border: 2px solid #CB9D39;} /* Magazine ----------------------------------------------------------------------------------------------------------------- */ #Magazine .TxTBox {display:block;padding: 0px 23px 0px 23px;font-family: 'hannari';} #Magazine .TxTBox p {display:block;padding: 0px 0px 25px 0px;} #Magazine .TxTBox b {color:#a22916;} /* Magazine:wrapper */ #Magazine #contWrapper {width: 100%;height: auto;display:block;margin: 0 auto;position: absolute;z-index: 888;} #Magazine #contWrapper:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #Magazine #contBody {width: 860px;height: auto;display:block; margin: 0px auto;padding: 0px 0px 0px 0px;} #Magazine #contBody:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #Magazine #contBody .Left {width: 387px;height: auto;display:block;float:left; margin: 0px 0px 0px 0px;padding: 370px 15px 50px 15px;} #Magazine #contBody .Left:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #Magazine #contBody .Left .Magah{width: 250px;height: auto;display:block;margin: 0 auto;} #Magazine #contBody .Right {width: 397px;height: auto;display:block;float:right; color:#FFFFFF; margin: 0px 0px 0px 0px;padding: 70px 15px 50px 15px;} #Magazine #contBody .Right:after{content: "";height: 0;clear: both;visibility: hidden;display: block;} #Magazine #contBody table {font-size: 14px;line-height: 18px;width: 100%;font-family: 'hannari'; background:rgba(49,49,49,0.8);} #Magazine #footer {width: auto;height: auto;display:block;margin: 0 30px 30px 30px;clear:both;} #Magazine #footer:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} /* Magazine:contBox01 */ #Magazine #contBox01 {width: 860px;height: auto;display:block;clear:both;margin: 0px auto;padding: 0px;} #Magazine #contBox01 .Box {width: 860px;height: auto;display:block;clear:both;margin: 0px auto;padding: 0px;} #Magazine #contBox01 .Box .Left {width: 430px;height: auto;display:block;float: left;padding: 450px 0px 0px 0px;} #Magazine #contBox01 .Box .Right{width: 430px;height: auto;display:block;float: right;padding: 0px 0px 0px 0px;} /* Magazine:contBox02 */ #Magazine #contBox02 {width: 860px;height: auto;display:block;clear:both;margin: 0px auto;padding: 0px;} #Magazine #contBox02 .Box {width: 860px;height: auto;display:block;clear:both;margin: 0px auto;padding: 0px;} #Magazine #contBox02 .Box .Left {width: 400px;height: auto;display:block;float: left;padding: 0px 0px 20px 30px;} #Magazine #contBox02 .Box .Right{width: 400px;height: auto;display:block;float: right;padding: 0px 30px 20px 0px;} #Magazine #contBox02 .Wide:after{content: "";height: 0;clear: both;visibility: hidden;display: block;} #Magazine #contBox02 .Wide ul {width: 615px;height: auto;display:block;clear:both;margin: 0px auto;} #Magazine #contBox02 .Wide li a {width: 165px;height: auto;display:block;float:left;text-align:center; margin: 20px;padding:120px 0px 0px 0px;text-decoration: none;font-family: 'hannari';} #Magazine #contBox02 .Wide li em{background: url(../img/pdficon_small.png) no-repeat left center; padding: 0px 0px 0px 23px;} #Magazine #contBox02 .Vol017 a {background: url(../img/magazine/magazine017.jpg) no-repeat center top;} #Magazine #contBox02 .Vol016 a {background: url(../img/magazine/magazine016.jpg) no-repeat center top;} #Magazine #contBox02 .Vol015 a {background: url(../img/magazine/magazine015.jpg) no-repeat center top;} #Magazine #contBox02 .Vol014 a {background: url(../img/magazine/magazine014.jpg) no-repeat center top;} #Magazine #contBox02 .Vol013 a {background: url(../img/magazine/magazine013.jpg) no-repeat center top;} #Magazine #contBox02 .Vol012 a {background: url(../img/magazine/magazine012.jpg) no-repeat center top;} #Magazine #contBox02 .Vol011 a {background: url(../img/magazine/magazine011.jpg) no-repeat center top;} #Magazine #contBox02 .Vol010 a {background: url(../img/magazine/magazine010.jpg) no-repeat center top;} #Magazine #contBox02 .Vol009 a {background: url(../img/magazine/magazine009.jpg) no-repeat center top;} #Magazine #contBox02 .Vol008 a {background: url(../img/magazine/magazine008.jpg) no-repeat center top;} #Magazine #contBox02 .Vol007 a {background: url(../img/magazine/magazine007.jpg) no-repeat center top;} #Magazine #contBox02 .Vol006 a {background: url(../img/magazine/magazine006.jpg) no-repeat center top;} #Magazine #contBox02 .Vol005 a {background: url(../img/magazine/magazine005.jpg) no-repeat center top;} #Magazine #contBox02 .Vol004 a {background: url(../img/magazine/magazine004.jpg) no-repeat center top;} #Magazine #contBox02 .Vol003 a {background: url(../img/magazine/magazine003.jpg) no-repeat center top;} #Magazine #contBox02 .Vol002 a {background: url(../img/magazine/magazine002.jpg) no-repeat center top;} #Magazine #contBox02 .Vol001 a {background: url(../img/magazine/magazine001.jpg) no-repeat center top;} /* Magazine:ImgWrapper */ #Magazine #ImgWrapper {width: 100%;height: auto;display:block;} #Magazine #ImgWrapper:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #Magazine #DishBox {position: relative;min-height: 100%;_height: 100%;min-width: 860px;} #Magazine #DishBox:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #Magazine #Dish01 {width: 640px;height: 550px;display:block;background: url(../img/meet05.png) no-repeat center top; position: absolute;z-index: 40;left: 50%;margin: 0px 0px 0px -650px;} #Magazine #Dish02 {width: 860px;height: 750px;display:block;background: url(../img/meet06.png) no-repeat center top; position: absolute;z-index: 30;left: 50%;margin: 0px 0px 0px 50px;} #Magazine #Kasumi01 {width: 1000px;height: 112px;display:block;background: url(../img/kasumi01.png) no-repeat center top; position: absolute;z-index: 40;left: 50%;margin: 850px 0px 0px -950px;} #Magazine #Kasumi02 {width: 1000px;height: 173px;display:block;background: url(../img/kasumi03.png) no-repeat center top; position: absolute;z-index: 30;left: 50%;margin: 1300px 0px 0px -1050px;} #Magazine #Kasumi03 {width: 1000px;height: 126px;display:block;background: url(../img/kasumi02.png) no-repeat center top; position: absolute;z-index: 30;left: 50%;margin: 1100px 0px 0px 0px;} /* Council ----------------------------------------------------------------------------------------------------------------- */ /* Council:wrapper */ #Council #contWrapper {width: 100%;height: auto;display:block;margin: 0 auto;position: absolute;z-index: 888;} #Council #contWrapper:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #Council #contBody {width: 860px;height: auto;display:block;margin: 0px auto;padding: 0px 0px 0px 0px;} #Council #contBody:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} /* Council:ImgWrapper */ #Council #ImgWrapper {width: 100%;height: auto;display:block;} #Council #ImgWrapper:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} /* Council:ImgWrapper */ #Council #ImgWrapper {width: 100%;height: auto;display:block;} #Council #ImgWrapper:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #Council #DishBox {position: relative;min-height: 100%;_height: 100%;min-width: 860px;} #Council #DishBox:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #Council #Dish01 {width: 980px;height: 580px;display:block;background: url(../img/council_img01.png) no-repeat center top; position: absolute;z-index: 40;left: 50%;margin: 0px 0px 0px -750px;} #Council #Dish02 {width: 473px;height: 308px;display:block;/*background: url(../img/shop_dish02.png) no-repeat center top;*/ position: absolute;z-index: 30;left: 50%;margin: 0px 0px 0px 350px;} #Council #Dish03 {width: 850px;height: 700px;display:block;background: url(../img/council_img02.png) no-repeat center top; position: absolute;z-index: 20;left: 50%;margin: 200px 0px 0px 200px;} #Council #Dish04 {width: 865px;height: 515px;display:block;/*background: url(../img/shop_dish01_outside.png) no-repeat center top;*/ position: absolute;z-index: 40;left: 50%;margin: 0px 0px 0px -880px;} #Council #Dish05 {width: 980px;height: 580px;display:block;/*background: url(../img/council_img01.png) no-repeat center top;*/ position: absolute;z-index: 40;left: 50%;margin: 0px 0px 0px -680px;} #Council .TxTBox {display:block;padding: 0px 23px 0px 23px;} #Council .TxTBox p {display:block;padding: 0px 0px 25px 0px;} #Council .TxTBox b {color:#a22916;} /* Council:contBox01 */ #Council #contBox01 {width: 860px;height: auto;display:block;clear:both;margin: 0px auto;padding: 0px;} #Council #contBox01 .Box {width: 860px;height: auto;display:block;clear:both;margin: 0px auto;padding: 0px;} #Council #contBox01 .Box .Left {width: 430px;height: auto;display:block;float: left;padding:200px 0px 0px 0px;} #Council #contBox01 .Box .Right {width: 430px;height: auto;display:block;float: right;padding: 0px 0px 0px 0px;} /* Council:contBox02 */ #Council #contBox02 {width: 860px;height: auto;display:block;clear:both;margin: 50px auto;padding: 0px;} #Council #contBox02 .Box {width: 860px;height: auto;display:block;clear:both;margin: 0px auto;padding: 0px;} #Council #contBox02 .Box .Left {width: 430px;height: auto;display:block;float: left;padding: 0px 0px 0px 0px;} #Council #contBox02 .Box .Right {width: 430px;height: auto;display:block;float: right;padding: 0px 0px 0px 0px;} /* Council:contBox03 */ #Council #contBox03 {width: 860px;height: auto;display:block;clear:both;margin: 50px auto;padding: 0px;} #Council #contBox03 .Box {width: 860px;height: auto;display:block;clear:both;margin: 0px auto;padding: 0px;} #Council #contBox03 .Box .Left {width: 430px;height: auto;display:block;float: left;padding: 0px 0px 0px 0px;} #Council #contBox03 .Box .Right {width: 430px;height: auto;display:block;float: right;padding: 0px 0px 0px 0px;} #Council #contBox03 .TxTBox {width: 700px;height: auto;display:block; background: url(../img/hr_txtbox.png) no-repeat center bottom; margin: 0px auto 0px auto;padding: 0px 0px 80px 0px;} #Council #contBox03 .TxTBoxtop {width: 700px;height: auto;display:block; background: url(../img/hr_txtboxtop.png) no-repeat center bottom; margin: 0px auto 0px auto;padding: 0px 0px 80px 0px;} #Council #contBox03 .Nobg {background: none;} /* Council:contBox04 */ #Council #contBox04 {width: 860px;height: auto;display:block;clear:both;margin: 50px auto;padding: 0px;} #Council #contBox04 .Box {width: 860px;height: auto;display:block;clear:both;margin: 0px auto;padding: 0px;} #Council #contBox04 .Box .Left {width: 430px;height: auto;display:block;float: left;padding: 0px 0px 0px 0px;} #Council #contBox04 .Box .Right {width: 430px;height: auto;display:block;float: right;padding: 0px 0px 0px 0px;} #Council #contBox04 .TxTBox {font-size: 12px;line-height: 20px; font-family: Verdana, Helvetica, Arial,"メイリオ", "ヒラギノ角ゴPro W3", Osaka, "MPS Pゴシック", sans-serif;} #Council #contBox04 .Wbox {width: auto;height: auto;display:block;clear:both;margin: 20px;padding: 20px; background:rgba(49,49,49,0.8);border: solid 2px #666;} #Council #contBox04 p {display:block;padding: 0em 0em 0.5em 0em;clear:both;} #Council #contBox04 dl {display:block;clear:both;padding: 0px auto 1.0em auto;} #Council #contBox04 dt {width: 5em;height: 1em;display:block;float:left;text-align:center;} #Council #contBox04 dd {width: 48em;height: auto;display:block;float:left;margin: -1em 0em 0em 5em;} #Council #contBox04 dd:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} /* Council:contBox05 */ #Council #contBox05 {width: 860px;height: auto;display:block;clear:both;margin: 50px auto;padding: 0px;} #Council #contBox05 .Box {width: 860px;height: auto;display:block;clear:both;margin: 0px auto;padding: 0px;} #Council #contBox05 .Box .Left {width: 430px;height: auto;display:block;float: left;padding: 0px 0px 0px 0px;} #Council #contBox05 .Box .Right {width: 430px;height: auto;display:block;float: right;padding: 0px 0px 0px 0px;} /* Council:contBox06 */ #Council #contBox06 {width: 860px;height: auto;display:block;clear:both;margin: 50px auto;padding: 0px;} #Council #contBox06 .Box {width: 860px;height: auto;display:block;clear:both;margin: 0px auto;padding: 0px;} #Council #contBox06 .Box .Left {width: 430px;height: auto;display:block;float: left;padding: 0px 0px 0px 0px;} #Council #contBox06 .Box .Right {width: 430px;height: auto;display:block;float: right;padding: 0px 0px 0px 0px;} #Council #contBody table {font-size: 14px;line-height: 18px;width: 100%;font-family: 'hannari'; width: 100%;background:rgba(49,49,49,0.8);margin: 0 auto;} #Council #contBody table a {text-decoration: none;} #Council #contBody th {background:#916810;} #Council #contBody td {background:rgba(26,26,26,0.8);} #Council #contBody .tdc {text-align:center;} #Council .TxTBox th {background:#916810;} #Council .TxTBox td {background:#1a1a1a;} #Council #footer {width: auto;height: auto;display:block;margin: 0 30px 30px 30px;clear:both;} #Council #footer:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} .Wbox {width: auto;height: auto;display:block;clear:both;margin: 20px;padding: 20px;border: solid 2px #666;} .TxTBox ol {margin: auto 10px auto 20px;padding: auto;list-style-image: none;list-style-type: decimal; font-size: 14px;line-height: 20px; font-family: Verdana, Helvetica, Arial,"メイリオ", "ヒラギノ角ゴPro W3", Osaka, "MPS Pゴシック", sans-serif;} .TxTBox ol li {margin: auto auto 10px auto;padding: auto;list-style-image: none;list-style-type: decimal; font-size: 14px;line-height: 20px;} .link dl {width: 35em;height: auto;display:block;clear:both;border-bottom: 1px #634a1c dotted; margin: 0em auto 1em auto;padding: 0em 0em 1em 0em;} .link dl:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} .link dt {width: 13em;height: auto;display:block;float:left; margin: 0em 2em 0em 0em;padding: 0em 0em 0em 0em;} .link dt a {background: url(../img/arrow06.png) no-repeat left center;padding-left:25px;} .link dd {width: 15em;height: auto;display:block;float:left; margin: 0em 2em 0em 0em;padding: 0em 0em 0em 0em;} .link p {font-size: 14px;line-height: 18px;font-family: 'hannari';} .link ul {display:block;} .link li {display:block;} .link li a {background: url(../img/arrow05.png) no-repeat left center;padding-left:25px;} .link a {color:#c0b79e;text-decoration: none;} .link a:hover {color:#e6c871;text-decoration: none;} .slicknav_menu {display:none;} @media screen and (max-width: 890px) { .sp {display:block;} .pc {display: none;} .br {display: none;} .imgc {text-align:center;margin: 10px auto;} .imgc img {width:100%;max-width: 470px;} #lang {display:none!important;} #Home {background: none #000;} #Magazine {background: none #000;} #Shop {background: none #000;} #ImgWrapper{display:none !important;} /* spnavbox */ .spnavbox {width: 100%;height: 80px;display:block;position: fixed;z-index: 88888; background:url(../img/sp/spnavbg.png) repeat-x;} .spnavbox h1 a {width: 180px;height: 60px;display:block;float: left;text-indent:-99em; margin: 0px 0px 0px 20px;background:url(../img/sp/spid.png);} .spnavbox .spnavbt {width: 100px;height: 60px;display:block;float: right; margin: 0px 20px 0px 0px;} .spnavbox .spnav {width: 100%;height: auto;display:block;clear: both; padding: 0px 0px 0px 0px;background: url(../img/sp/spgd.gif);font-family: 'hannari';} .spnavbox li a {margin: 0;padding: 0em;display:block;text-decoration: none;color:#000; width: auto;height: 40px;padding: 0px 0px 0px 25px;margin: 0px 0px 0px 0px; background: url(../img/arrow01.png) no-repeat right center;display:block; font-size: 16px;line-height: 35px;font-weight: bold;color: #000;text-decoration: none; border-bottom: 1px solid #000;} .spnavbox li a:hover {opacity: 0.5;filter: alpha(opacity=50);-moz-opacity: 0.5;} #SpMain {width: 100%;height: auto;display:block;text-align:center;} #SpMain #DishBox:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #SpMain img {width: 100%;height: auto;} /* gNav */ .gNav {width: auto;height: auto;display:block;margin: 0;} .gNav h1 {margin: 0;padding:0;} .gNav h1 a {width: auto;height: auto;display:block;background: none; margin: 0;padding:0;float: none;} .gNav a,.gNav em {display:none;} .gNav li {margin: 0;padding: 0;float: none;} .gNav .Li01 a {display:none;} .gNav .Li02 a {display:none;} .gNav .Li03 a {display:none;} .gNav .Li04 a {display:none;} .gNav .Li05 a {display:none;} .gNav .Li06 a {display:none;} .gNav .Li01 em {display:none;} .gNav .Li02 em {display:none;} .gNav .Li03 em {display:none;} .gNav .Li04 em {display:none;} .gNav .Li05 em {display:none;} .gNav .Li06 em {display:none;} /* SubNvi */ .SubNvi li a {width: 100%;height: 30px;display:block;background: url(../img/gd.gif); max-width: 350px;min-width: 100px; font-size: 16px;line-height: 25px;font-weight: bold;color: #000;text-decoration: none; margin: 0px auto 10px auto;padding: 0px 0px 0px 0px;border-radius:20px;} /* button */ .button {padding: 10px 23px;font-family: 'hannari';} .button a {width: 100%;height: 30px;display:block;background: url(../img/gd.gif); max-width: 350px;min-width: 100px; font-size: 16px;line-height: 25px;font-weight: bold;color: #000;text-decoration: none; margin: 0px auto 10px auto;padding: 0px 0px 0px 0px;border-radius:20px;} /* Box */ .Box {width: 100%;height: auto;display:block;clear:both;margin: 0px auto;padding: 0px;} .Box:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} .Box .Left {width: 100%;height: auto;display:block;float: none;} .Box .Left:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} .Box .Right {width: 100%;height: auto;display:block;float: none;} .Box .Right:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} /* TxTBox */ .TxTBox {font-family: 'hannari';letter-spacing: 0px;} .TxTBox h2 {font-size: 1.8em;line-height: 1.5em;font-weight: bold;color: #CB9D39;display:block;text-align:center; margin: 0px 0px 0px 0px;padding: 0px;letter-spacing: 0.1em;font-family: 'hannari';} .TxTBox h3 {font-size: 1.2em;line-height: 1.2em;font-weight: bold;color: #CB9D39;display:block; margin: 0px 0px 10px 0px;padding: 0px;font-family: 'hannari';} /* Wide */ .Wide {width: auto;height: auto;display:block;clear:both; margin: 0px auto 0px auto;padding: 0px 24px 0px 24px;} .Wide:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} .Wide h2 {font-size: 2em;line-height: 1.5em;font-weight: bold;color: #CB9D39;display:block; margin: 0px 0px 20px 0px;padding: 0px;letter-spacing: 0.1em;font-family: 'hannari'; border-bottom: 2px solid #CB9D39;text-align:center;} .Wide h3 {font-size: 1.2em;line-height: 1.5em;font-weight: bold;color: #CB9D39;display:block; margin: 0px 0px 10px 0px;padding: 0px;font-family: 'hannari';text-align:center;} .Wide h4 {font-size: 1em;line-height: 1.0em;font-weight: bold;color: #AF852E;display:block; width: auto;height: 30px;display:block;margin: 0px auto 10px auto;padding: 10px 0px 10px 0px; background: none;text-align:center;} /* searchBox */ #searchBox {width: auto;height: auto;display:block;margin: 0px auto 30px auto;padding: 20px;} #searchBox:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #searchBox h2 {width: auto;height: 17px;display:block;border-bottom: 1px solid #5a491f;margin: 0 0 10px 0;} #searchBox h2 a {width: 145px;height: 12px;display:block;background: url(../img/search_h.png);text-indent: -99em;} #searchBox #fLi01 {width: auto;height: auto;display:block;text-indent: 0em;clear:both;font-family: 'hannari'; margin: 0px 0px 15px 0px;background: none;font-size: 1em;line-height: 1.3em;} #searchBox #fLi02 {width: auto;height: auto;display:block;text-indent: 0em;float:none;font-family: 'hannari'; margin: 0px 30px 15px 0px;background: none;font-size: 1em;line-height: 1.3em;} #searchBox #fLi03 {width: auto;height: auto;display:block;text-indent: 0em;float:none;font-family: 'hannari'; margin: 0px 0px 15px 0px;background: none;font-size: 1em;line-height: 1.3em;} #searchBox input {float:left;} #searchBox #fLi04 {width: 65px;height: 15px;display:block;text-indent: -99em;float:left;clear:both; margin: 5px 10px 15px 0px;background: url(../img/search_area.png);} #searchBox #fLi05 {margin: 0px 10px 15px 0px;float:left;} #searchBox #fLi06 {width: 145px;height: 27px;display:block;margin: 20px auto;} #searchBox #fLi06 input {width: 145px;height: 27px;display:block;text-indent: -99em; margin: 0px auto;background: url(../img/search_submit.png);border: none;} #searchBox #fLi06 input:hover{opacity: 0.8;filter: alpha(opacity=80);-moz-opacity: 0.8;cursor: pointer;} /* newsBox */ #newsBox {width: auto;height: auto;display:block;margin: 0px auto 20px auto;padding: 20px;} #newsBox:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #newsBox h2 {width: auto;height: 17px;display:block;border-bottom: 1px solid #5a491f;margin: 0px 0px 10px 0px;} #newsBox h2 em {width: 115px;height: 12px;display:block;background: url(../img/news_h.png);text-indent: -99em;} #newsBox li {font-size: 12px;line-height: 26px;color: #fff;} #newsBox em {width: auto;margin: 0 0.5em 0 0;} #newsBox b {width: auto;} #newsBox li a {text-decoration: none;} #newsBox li a:hover {text-decoration: underline;} /* bannerBox */ #bannerBox {width: 400px;height: auto;display:block;margin: 0px auto 20px auto;} #bannerBox:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #bannerBox #bLi01 a {width: 180px;height: 60px;display:block;text-indent: -99em;float:left; margin: 0px 5px 10px 5px;background: url(../img/sp/banner1_20180105.jpg);} #bannerBox #bLi02 a {width: 180px;height: 60px;display:block;text-indent: -99em;float:left; margin: 0px 5px 10px 5px;background: url(../img/sp/banner2.jpg);} #bannerBox #bLi03 a {width: 180px;height: 60px;display:block;text-indent: -99em;float:left; margin: 0px 5px 10px 5px;background: url(../img/sp/banner3_20180105.jpg);} #bannerBox a:hover {opacity: 0.8;filter: alpha(opacity=80);-moz-opacity: 0.8;} /* footer */ #footer {width: 100%;height: auto;display:block;margin: 0px auto 30px auto;} #footer:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #footer h2 {width: 155px;height: 20px;display:block;float: none; margin: 0px auto;background: url(../img/foor_id.png);text-indent: -99em;} #footer #ftLi01 {font-size: 12px;line-height: 20px;color: #fff;display: block;width: auto;margin: 0px auto;text-align:center;} #footer p {font-size: 10px;line-height: 20px;color: #fff;clear:both;text-align:center;} /* Home:wrapper */ #Home #contWrapper {width: 100%;height: auto;display:block;margin: 0 auto;position: absolute;z-index: 888;} #Home #contWrapper:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #Home #contBody {width: 100%;height: auto;display:block; margin: 0px auto;padding: 0px 0px 0px 0px;} #Home #contBody:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #Home .TxTBox {display:block;padding: 0px 23px 0px 23px;} #Home .TxTBox p {display:block;padding: 0px 0px 25px 0px;} /* Home:contBox01 */ #Home #contBox01 {width: auto;height: auto;display:block;clear:both;margin: 0px auto;padding: 0px;} #Home #contBox01 .Box {width: 100%;height: auto;display:block;clear:both;margin: 0px auto;padding: 0px;} #Home #contBox01 .Box .Left {width: 100%;height: auto;display:block;float: none;padding: 0px 0px 0px 0px;} #Home #contBox01 .Box .Right{width: 100%;height: auto;display:block;float: none;padding: 0px 0px 0px 0px;} /* Home:contBox02 */ #Home #contBox02 {width: auto;height: auto;display:block;clear:both;margin: 0px auto;padding: 0px;} #Home #contBox02 .Box {width: 100%;height: auto;display:block;clear:both;margin: 0px auto;padding: 0px;} #Home #contBox02 .Box .Left {width: 100%;height: auto;display:block;float: none;padding: 0px 0px 0px 0px;} #Home #contBox02 .Box .Right{width: 100%;height: auto;display:block;float: none;padding: 0px 0px 0px 0px;} /* Home:contBox03 */ #Home #contBox03 {width: auto;height: auto;display:block;clear:both;margin: 200px auto;padding: 0px;} #Home #contBox03 .Box {width: 100%;height: auto;display:block;clear:both;margin: 0px auto;padding: 0px;} #Home #contBox03 .Box .Left {width: 100%;height: auto;display:block;float: none;padding: 0px 0px 0px 0px;} #Home #contBox03 .Box .Right{width: 100%;height: auto;display:block;float: none;padding: 0px 0px 0px 0px;background: none;} /* Home:contBox04 */ #Home #contBox04 {width: auto;height: auto;display:block;clear:both;margin: 200px auto;padding: 0px;} #Home #contBox04 .Box {width: 100%;height: auto;display:block;clear:both;margin: 0px auto;padding: 0px;} #Home #contBox04 .Box .Left {width: 100%;height: auto;display:block;float: none;padding: 0px 0px 0px 0px;} #Home #contBox04 .Box .Right{width: 100%;height: auto;display:block;float: none;padding: 0px 0px 0px 0px;background: none;} /* Home:contBox05 */ #Home #contBox05 {width: auto;height: auto;display:block;clear:both;margin: 200px auto;padding: 0px;} #Home #contBox05 .Box {width: 100%;height: auto;display:block;clear:both;margin: 0px auto;padding: 0px;} #Home #contBox05 .Box .Left {width: 100%;height: auto;display:block;float: none;padding: 0px 0px 0px 0px;} #Home #contBox05 .Box .Right{width: 100%;height: auto;display:block;float: none;padding: 0px 0px 0px 0px;background: none;} /* Home:contBox06 */ #Home #contBox06 {width: auto;height: auto;display:block;clear:both;margin: 200px auto;padding: 0px;} #Home #contBox06 .Box {width: 100%;height: auto;display:block;clear:both;margin: 0px auto;padding: 0px;} #Home #contBox06 .Box .Left {width: 100%;height: auto;display:block;float: none;padding: 0px 0px 0px 0px;} #Home #contBox06 .Box .Right{width: 100%;height: auto;display:block;float: none;padding: 0px 0px 0px 0px;background: none;} /* Home:contBox07 */ #Home #contBox07 {width: auto;height: auto;display:block;clear:both;margin: 200px auto;padding: 0px 0px 100px 0px;} #Home #contBox07 .Box {width: 100%;height: auto;display:block;clear:both;margin: 0px auto;padding: 0px;} #Home #contBox07 .Box .Left {width: 100%;height: auto;display:block;float: none;padding: 0px 0px 0px 0px;} #Home #contBox07 .Box .Right{width: 100%;height: auto;display:block;float: none;padding: 0px 0px 0px 0px;background: none;} /* Home:contBox08 */ #Home #contBox08 {width: auto;height: auto;display:block;clear:both;margin: 200px auto;padding: 0px 0px 100px 0px;} #Home #contBox08 .Box {width: 100%;height: auto;display:block;clear:both;margin: 0px auto;padding: 0px;} #Home #contBox08 .Box .Left {width: 100%;height: auto;display:block;float: none;padding: 0px 0px 0px 0px;} #Home #contBox08 .Box .Right{width: 100%;height: auto;display:block;float: none;padding: 0px 0px 0px 0px;background: none;} /* Shop:wrapper */ #Shop #contWrapper {width: 100%;height: auto;display:block;margin: 0 auto;position: absolute;z-index: 888;} #Shop #contWrapper:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #Shop #contBody {width: 100%;height: auto;display:block; margin: 0px auto;padding: 0px 0px 0px 0px;} #Home #contBody:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #Shop #contBody .Left {width: 100%;height: auto;display:block;float:left; margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;} #Shop #contBody .Left:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #Shop #contBody .Right {width: 100%;height: auto;display:block;float:right; color:#FFFFFF; margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;} #Shop #contBody .Right:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #Shop #contBody table {font-size: 14px;line-height: 18px;width: 100%;font-family: 'hannari'; background:rgba(49,49,49,0.8);} #Shop #contBody th {} #Shop #contBody td {} #Shop #contBody td a {} #Shop #contBody .tdc {} #Shop #footer {width: auto;height: auto;display:block;margin: 0px;clear:both;} /* Shop:contBox01 */ #Shop #contBox01 {width: auto;height: auto;display:block;clear:both;margin: 0px auto;padding: 0px;} #Shop #contBox01 .Box {width: auto;height: auto;display:block;clear:both;margin: 0px auto;padding: 0px;} #Shop #contBox01 .Box .Left {width: auto;height: auto;display:block;float:none;padding: 0px 0px 0px 0px;} #Shop #contBox01 .Box .Right{width: auto;height: auto;display:block;float:none;padding: 0px 0px 0px 0px;} /* Shop:contBox02 */ #Shop #contBox02 {width: auto;height: auto;display:block;clear:both;margin: 0px auto;padding: 0px;} #Shop #contBox02 .Box {width: auto;height: auto;display:block;clear:both;margin: 0px auto;padding: 0px;} #Shop #contBox02 .Box .Left {width: auto;height: auto;display:block;float:none;padding: 0px 0px 0px 0px;} #Shop #contBox02 .Box .Right{width: auto;height: auto;display:block;float:none;padding: 0px 0px 0px 0px;} #Shop .typeH1 {text-align:center;display:block;} #Shop .typeH1 img {width: 80%;margin: 0 auto;display:block;border: 2px solid #fff;} #Shop .typeS1 {text-align:center;display:block;} #Shop .typeS1 img {width: 80%;margin: 0 auto;display:block;border: 2px solid #fff;} #Shop .typeW1 {text-align:center;display:block;} #Shop .typeW1 img {width: 80%;margin: 0 auto;display:block;border: 2px solid #fff;} #Shop .typeH2 {width: auto;height: auto;display:block;border:none;} #Shop .typeH2 img {width: 80%;height: auto;margin: 10px auto;display:block;border: 2px solid #fff;float:none;} #Shop .typeS2 {width: auto;height: auto;display:block;border:none;float:none;} #Shop .typeS2 img {width: 80%;height: auto;margin: 10px auto;display:block;border: 2px solid #fff;float:none;} #Shop .typeW2 {width: auto;height: auto;display:block;border:none;float:none;} #Shop .typeW2 img {width: 80%;height: auto;margin: 10px auto;display:block;border: 2px solid #fff;float:none;} #Shop .typeH3 {text-align:center;display:block;margin: 0px 10px 0px 0px;} #Shop .typeH3 img {width: 80%;margin: 0 auto;display:block;border: 2px solid #fff;float:left;} #Shop .typeS3 {text-align:center;display:block;margin: 0px 10px 0px 0px;} #Shop .typeS3 img {width: 80%;margin: 0 auto;display:block;border: 2px solid #fff;float:left;} #Shop .typeW3 {text-align:center;display:block;margin: 0px 10px 0px 0px;} #Shop .typeW3 img {width: 80%;margin: 0 auto;display:block;border: 2px solid #fff;} /* Magazine:wrapper */ #Magazine #contWrapper {width: 100%;height: auto;display:block;margin: 0 auto;position: absolute;z-index: 888;} #Magazine #contWrapper:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #Magazine #contBody {width: 100%;height: auto;display:block; margin: 0px auto;padding: 0px 0px 0px 0px;} #Magazine #contBody:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #Magazine #contBody .Left {width: 100%;height: auto;display:block;float:left; margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;} #Magazine #contBody .Left:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #Magazine #contBody .Right {width: 100%;height: auto;display:block;float:right; color:#FFFFFF; margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;} #Magazine #contBody .Right:after{content: "";height: 0;clear: both;visibility: hidden;display: block;} #Magazine #footer {width: auto;height: auto;display:block;margin: 0px;clear:both;} /* Magazine:contBox01 */ #Magazine #contBox01 {width: auto;height: auto;display:block;clear:both;margin: 0px auto;padding: 0px;} #Magazine #contBox01 .Box {width: auto;height: auto;display:block;clear:both;margin: 0px auto;padding: 0px;} #Magazine #contBox01 .Box .Left {width: auto;height: auto;display:block;float:none;padding: 0px 0px 0px 0px;} #Magazine #contBox01 .Box .Right{width: auto;height: auto;display:block;float:none;padding: 0px 0px 0px 0px;} /* Magazine:contBox02 */ #Magazine #contBox02 {width: auto;height: auto;display:block;clear:both;margin: 0px auto;padding: 0px;} #Magazine #contBox02 .Box {width: auto;height: auto;display:block;clear:both;margin: 0px auto;padding: 0px;} #Magazine #contBox02 .Box .Left {width: auto;height: auto;display:block;float:none;padding: 0px 0px 0px 0px;} #Magazine #contBox02 .Box .Right{width: auto;height: auto;display:block;float:none;padding: 0px 0px 0px 0px;} #Magazine #contBox02 .Wide ul {width: auto;height: auto;display:block;clear:both;margin: 0px auto;} #Magazine #contBox02 .Wide li a {width: 165px;height: auto;display:block;float:left;text-align:center; margin: 10px;padding:120px 0px 0px 0px;text-decoration: none;font-family: 'hannari';} #Magazine #contBox02 .Wide li em{background: url(../img/pdficon_small.png) no-repeat left center; padding: 0px 0px 0px 23px;} /* Council */ /* Council ----------------------------------------------------------------------------------------------------------------- */ /* Council:wrapper */ #Council #contWrapper {width: 100%;height: auto;display:block;margin: 0 auto;position: absolute;z-index: 888;} #Council #contWrapper:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #Council #contBody {width: 100%;height: auto;display:block;margin: 0px auto;padding: 0px 0px 0px 0px;} #Council #contBody:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} /* Council:ImgWrapper */ #Council #ImgWrapper {width: 100%;height: auto;display:block;} #Council #ImgWrapper:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #Council .TxTBox {display:block;padding: 0px 23px 0px 23px;} #Council .TxTBox p {display:block;padding: 0px 0px 25px 0px;} #Council .TxTBox b {color:#a22916;} /* Council:contBox01 */ #Council #contBox01 {width: auto;height: auto;display:block;clear:both;margin: 0px auto;padding: 0px;} #Council #contBox01 .Box {width: auto;height: auto;display:block;clear:both;margin: 0px auto;padding: 0px;} #Council #contBox01 .Box .Left {width: auto;height: auto;display:block;float: left;padding: 0px 0px 0px 0px;} #Council #contBox01 .Box .Right {width: auto;height: auto;display:block;float: right;padding: 0px 0px 0px 0px;} /* Council:contBox02 */ #Council #contBox02 {width: auto;height: auto;display:block;clear:both;margin: 0px auto;padding: 0px;} #Council #contBox02 .Box {width: auto;height: auto;display:block;clear:both;margin: 0px auto;padding: 0px;} #Council #contBox02 .Box .Left {width: auto;height: auto;display:block;float: left;padding: 0px 0px 0px 0px;} #Council #contBox02 .Box .Right {width: auto;height: auto;display:block;float: right;padding: 0px 0px 0px 0px;} /* Council:contBox03 */ #Council #contBox03 {width: auto;height: auto;display:block;clear:both;margin: 0px auto;padding: 0px;} #Council #contBox03 .Box {width: auto;height: auto;display:block;clear:both;margin: 0px auto;padding: 0px;} #Council #contBox03 .Box .Left {width: auto;height: auto;display:block;float: left;padding: 0px 0px 0px 0px;} #Council #contBox03 .Box .Right {width: auto;height: auto;display:block;float: right;padding: 0px 0px 0px 0px;} #Council #contBox03 .TxTBox {width: auto;height: auto;display:block; background: url(../img/hr_txtbox.png) no-repeat center bottom; margin: 0px auto 0px auto;padding: 0px 0px 80px 0px;} #Council #contBox03 .Nobg {background: none;} /* Council:contBox04 */ #Council #contBox04 {width: auto;height: auto;display:block;clear:both;margin: 0px auto;padding: 0px;} #Council #contBox04 .Box {width: auto;height: auto;display:block;clear:both;margin: 0px auto;padding: 0px;} #Council #contBox04 .Box .Left {width: auto;height: auto;display:block;float: left;padding: 0px 0px 0px 0px;} #Council #contBox04 .Box .Right {width: auto;height: auto;display:block;float: right;padding: 0px 0px 0px 0px;} #Council #contBox04 .Wbox {width: auto;height: auto;display:block;clear:both;margin: 0px;padding: 10px; background:rgba(49,49,49,0.8);border: solid 2px #666;} #Council #contBox04 p {display:block;padding: 0em 0em 0.5em 0em;clear:both;} #Council #contBox04 dl {display:block;clear:both;padding: 0px auto 1.0em auto;} #Council #contBox04 dt {width: auto;height: 1em;display:block;float: none;text-align:left;} #Council #contBox04 dd {width: auto;height: auto;display:block;float: none;margin: 0em 0em 0em 0em;} #Council #contBox04 dd:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} /* Council:contBox05 */ #Council #contBox05 {width: auto;height: auto;display:block;clear:both;margin: 0px auto;padding: 0px;} #Council #contBox05 .Box {width: auto;height: auto;display:block;clear:both;margin: 0px auto;padding: 0px;} #Council #contBox05 .Box .Left {width: auto;height: auto;display:block;float: left;padding: 0px 0px 0px 0px;} #Council #contBox05 .Box .Right {width: auto;height: auto;display:block;float: right;padding: 0px 0px 0px 0px;} /* Council:contBox06 */ #Council #contBox06 {width: auto;height: auto;display:block;clear:both;margin: 0px auto;padding: 0px;} #Council #contBox06 .Box {width: auto;height: auto;display:block;clear:both;margin: 0px auto;padding: 0px;} #Council #contBox06 .Box .Left {width: auto;height: auto;display:block;float: left;padding: 0px 0px 0px 0px;} #Council #contBox06 .Box .Right {width: auto;height: auto;display:block;float: right;padding: 0px 0px 0px 0px;} #Council #contBody table {font-size: 14px;line-height: 18px;width: 100%;font-family: 'hannari'; width: auto;background:rgba(49,49,49,0.8);margin: 0 auto;} #Council #contBody table a {text-decoration: none;} #Council #contBody th {background:#916810;} #Council #contBody td {background:rgba(26,26,26,0.8);} #Council #contBody .tdc {text-align:center;} .Wbox {width: auto;height: auto;display:block;clear:both;margin: 0px;padding: 10px;border: solid 2px #666;} .TxTBox ol {margin: auto 10px auto 20px;padding: auto;list-style-image: none;list-style-type: decimal; font-size: 14px;line-height: 20px;} .TxTBox ol li {margin: auto auto 10px auto;padding: auto;list-style-image: none;list-style-type: decimal; font-size: 14px;line-height: 20px;} /* TxTBox */ .TxTBox h2 {font-size: 1.3em;line-height: 1.5em;font-weight: bold;color: #CB9D39;display:block;text-align:center; margin: 0px 0px 0px 0px;padding: 0px;letter-spacing: 0.1em;font-family: 'hannari';} .TxTBox h3 {font-size: 1.1em;line-height: 1.2em;font-weight: bold;color: #CB9D39;display:block; margin: 0px 0px 10px 0px;padding: 0px;font-family: 'hannari';} /* Wide */ .Wide h2 {font-size: 1.3em;line-height: 1.5em;font-weight: bold;color: #CB9D39;display:block; margin: 0px 0px 20px 0px;padding: 0px;letter-spacing: 0.1em;font-family: 'hannari'; border-bottom: 2px solid #CB9D39;text-align:center;} .Wide h3 {font-size: 1.1em;line-height: 1.2em;font-weight: bold;color: #CB9D39;display:block; margin: 0px 0px 10px 0px;padding: 0px;font-family: 'hannari';text-align:center;} .Wide h4 {font-size: 0.8em;line-height: 1.0em;font-weight: bold;color: #AF852E;display:block; width: auto;height: 30px;display:block;margin: 0px auto 10px auto;padding: 10px 0px 10px 0px; background: none;text-align:center;} .link dl {width: auto;} .link dt {width: auto;} .link dd {width: auto;} .link ul {display:block;} .link li {display:block;} } @media screen and (max-width: 400px) { /* bannerBox */ #bannerBox {width: 180px;height: auto;display:block;margin: 0px auto 20px auto;} #bannerBox:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #bannerBox #bLi01 a {width: 180px;height: 60px;display:block;text-indent: -99em;float:left; margin: 0px 0px 15px 0px;background: url(../img/sp/banner1_20180105.jpg);} #bannerBox #bLi02 a {width: 180px;height: 60px;display:block;text-indent: -99em;float:left; margin: 0px 0px 15px 0px;background: url(../img/sp/banner2.jpg);} #bannerBox #bLi03 a {width: 180px;height: 60px;display:block;text-indent: -99em;float:left; margin: 0px 0px 15px 0px;background: url(../img/sp/banner3_20180105.jpg);} #bannerBox a:hover {opacity: 0.8;filter: alpha(opacity=80);-moz-opacity: 0.8;} #Shop #contBody th {text-align:center;position: relative;} #Shop #contBody td {} #Shop #contBody td a {} #Shop #contBody .tdc {text-align:center;} /* #Shop #contBody thead {display: block;} #Shop #contBody tbody {display: block;} #Shop #contBody tbody {overflow-y: scroll;height: 150px;} */ #Shop #contBody .sname {/*font-weight:bold;clear:both;display:block;text-align:left;*/} #Shop #contBody .sname a {color: #CB9D39;} #Shop #contBody .szip {white-space: nowrap;display:block;text-align:center;display:none;} #Shop #contBody .szip:before{content: "〒";display:none;} #Shop #contBody .szip:after {content: "";display:none;} #Shop #contBody .stel {white-space: nowrap;display:block;text-align:left;display:none;} #Shop #contBody td .stel:before{content: "Tel.";} #Shop #contBody .stel:after {content: "";} #Shop #contBody .sadd {/*display:block;text-align:left;*/} #Shop #contBody .slink {/*display:none;text-align:left;*/} #Magazine #contBox02 .Wide li {} #Magazine #contBox02 .Wide li a {width: auto;height: auto;display:block;float: none;text-align:center; margin: 20px auto;padding:120px 0px 0px 0px;text-decoration: none;} #Magazine #contBox02 .Wide li em{background: url(../img/pdficon_small.png) no-repeat left center; padding: 0px 0px 0px 23px;} }