@charset "UTF-8"; body { font-family: sans-serif; } * html body { font-family: "メイリオ", meiryo, "ＭＳ Ｐゴシック", "MS P Gothic" } *:first-child+html body { font-family: "メイリオ", meiryo, "ＭＳ Ｐゴシック", "MS P Gothic" } head~/* */body body { font-family: "メイリオ", meiryo, "ＭＳ Ｐゴシック", "MS P Gothic" } html:not(:target) body { font-family: sans-serif; } /*---------------------- new top page -----------------------*/ * html #home #main_contents .dotbox { border: dotted 1px #bbb; } #home #main_contents p.btn { clear:both; margin:0 -14px 0 0; text-align:right;} #home #ecoNews a, #home #ecoInfo a, #home #sidebar #sideEvent a{ color:#0093F4; } /* gray-bg box */ #home #wrapper { border-top: 1px solid #eee; background: url(../images/top_wrapper_bg.png) repeat-x; position: absolute; width: 100%; top: 490px; } #home #container { position: relative; } #home #header { position: absolute; top:-491px; left: 0; height: auto;} #home #flashArea { padding: 76px 0 0 0;} #home #flashArea div#static{ height: 610px; background:url(../../images/ecozzeria_top_static.png) 50% 0 no-repeat;} * html #home #contentswrapper { padding-top: 0;} *:first-child+html #home #contentswrapper { padding-top: 0;} p.flash_btn { position: absolute; top: -56px; left: 764px;} #home #header_twit { position: relative; float: left; overflow: hidden; width: 980px; margin-bottom: 24px; padding-top: 11px; background: url(../images/bg_ftwit_top_02.png) no-repeat 41px top; color: #424242; font-size: 75%;} * html #home #header_twit { background: url(../images/bg_ftwit_top_02.gif) no-repeat 41px top;} #home #header_twit a { color:#32cbff;} #home #header_twit img { position: relative; top: 12px; float: left; width: 25px; padding-left: 12px;} * html #home #header_twit img { top: 0;} *:first-child+html #home #header_twit img { top: 0;} #home #header_twit dl { display: inline; float: left; width: 939px; margin: -30px 0 0 41px; padding: 7px 0 6px 23px; background: url(../images/bg_ftwit_btm_02.png) no-repeat 0 bottom;} * html #home #header_twit dl { padding-left: 25px; padding-bottom: 4px; font-size: 87%; background: url(../images/bg_ftwit_btm_02.gif) no-repeat 0 bottom;} *:first-child+html #home #header_twit dl { font-size: 87%;} #home #header_twit dt { float: left; padding-right: 7px; margin-right: 7px; border-right: 1px dotted #686d6b; font-weight: bold;} #home #header_twit dd { float: left;} #home #header_twit dd.twit-jCarouselLite { margin-right: 7px; width: 678px !important;} * html #home #header_twit dd.twit-jCarouselLite { width: 720px !important;} *:first-child+html #home #header_twit dd.twit-jCarouselLite { width: 730px !important;} * html #home #header_twit dd.twit-jCarouselLite li { width: 730px !important; word-break: break-all;} *:first-child+html #home #header_twit dd.twit-jCarouselLite li { width: 730px !important; word-break: break-all;} #home #header_twit dd span { margin: 0 15px 0 19px; font-size: 83%; color: #999999;} * html #home #header_twit dd span { margin: 0 10px 0 10px;} #home #header_twit dd span.btn_prev { margin: 0; font-size: 1%;} #home #header_twit dd img { float: none; top: 0; width: 17px; height: 17px; padding-left: 0; padding-right: 3px;} #home #main_contents { padding-top:0; width: 660px; } #home #main_contents .dotbox { border: dotted 1px #4c4c4c; background: #fff; position:relative; padding:0 14px; height: 1%; } #home #main_contents .dotbox .icon { position:absolute; margin:-15px 0 0 -26px; } * html #home #main_contents .dotbox .icon { margin:-15px 0 0 -12px; } *:first-child+html #home #main_contents .dotbox .icon { margin:-15px 0 0 -12px; } #home #ecoNews h2 { margin:0 -14px 0 -14px; padding:0; border-bottom: dotted 1px #4c4c4c; height: 1%; width: 658px; } * html #home #ecoNews h2 { border-bottom: dotted 1px #bbb; } #home #ecoNews { margin:0 0 40px 0; background: #f5f5f5!important; } #home #ecoNews .leftBox { float:left; width:250px; height: 1%; margin: 18px 0 0 0;; } #home #ecoNews .leftBox dt { position: relative; } #home #ecoNews .leftBox dt span { padding: 0 50px 0 0; display: block; font-weight: bold; font-size: 110%; } #home #ecoNews .leftBox dt .catIcon { position: absolute; top: 0; right: 0; } #home #ecoNews .leftBox p { margin: 10px 0 0 0; } #home #ecoNews .rightBox { float: right; width:365px; margin: 18px 0 0 0; padding: 0; height: 1%; } #home #ecoNews .rightBox p.title { margin:0; padding: 0 0 15px 0; clear: both; } #home #ecoNews .rightBox ul { margin: -15px 0 17px 0; } #home #ecoNews .rightBox li { border-bottom: dotted 1px #4c4c4c; list-style: none; margin: 0; padding: 15px 0 0; clear: both; height: 1%; } #home #ecoNews .rightBox dl { margin: 0; } #home #ecoNews .rightBox dt { position: relative; padding: 0 50px 0 0; font-size: 84%; } #home #ecoNews .rightBox dd { margin-bottom:4px; width: 283px;} #home #ecoNews .rightBox .cfix a { display: block;} #home #ecoNews .rightBox .image { float: left; margin: 0 9px 9px 0; width: 100px; } #home #ecoNews .rightBox .catIcon { position: absolute; top: 0; right: 0;background: #fff; font-size: 1px; line-height: 1; } * html #home #ecoNews .rightBox .catIcon { top: -85px;} #home #ecoNews .rightBox dl.rep { position: relative; padding: 0 0 10px 0;} #home #ecoNews .rightBox dl.rep dt { display: block; padding: 0 124px 0 0;} * html #home #ecoNews .rightBox dl.rep dt { margin-top: -85px; margin-left: 104px; padding: 0 100px 0 0;} #home #recommended h2 { margin:0 -14px 15px -14px; padding:0; border-bottom: dotted 1px #4c4c4c; height: 1%; width: 658px; } * html #home #recommended h2 { border-bottom: dotted 1px #bbb; } #home #recommended { margin: 0 0 20px; } #home #recommended .controll { position: absolute; top: 20px; right: 14px; width: 105px!important; display: none; } #home #recommended .controll .btn_play { display: none;} #home #recommended .controll ul { margin: 0 ; padding: 0; display:inline; } #home #recommended .controll li { float: left; padding: 0 0 0 5px; margin: 0; list-style: none; } #home #recommended .controll p { clear:both; font-size: 84%; text-align: center; padding: 5px; color: #666;} #home #recommended #slider { width: 630px!important; } #home #recommended #sliderInner { width: 630px; overflow: hidden; margin-bottom: 11px; } *:first-child+html #home #recommended #sliderInner { padding-bottom: 19px;} * html #home #recommended #sliderInner { padding-bottom: 19px;} #home #recommended #sliderInner li { list-style: none; width: 303px; min-height: 342px; float: left; border: solid 1px #CDCDCD; margin: 0 20px 19px 0; padding: 0; } *:first-child+html #home #recommended #sliderInner li { min-height: 348px;} * html #home #recommended #sliderInner li { height: 348px;} #home #recommended #sliderInner li.selectbox { margin-right: 0;} #home #recommended #sliderInner dl { padding: 18px 9px 22px; margin: 0; } #home #recommended #sliderInner dt { border-bottom: dotted 1px #333333; padding: 0; min-height: 70px; } *html #home #recommended #sliderInner dt { height: 70px; border-bottom: dotted 1px #bbb; } *html #home #recommended #sliderInner dt a { height: 1%; } #home #recommended #sliderInner dt { font-size: 100%; font-weight: bold;} #home #recommended #sliderInner dd { font-size: 85%;} #home #recommended #sliderInner dt span { font-size: 100%;} #home #recommended #sliderInner dd img { float: left; margin: 0 9px 9px 0; width: 130px; } #home #recommended #sliderInner dd.logo { text-align: right; margin: 0; } #home #recommended #sliderInner dd.logo img {width: auto; } #home #ecoInfo .dotbox { position: relative; width: 308px; background: #f5f5f5; padding: 0; margin: 0 10px; float: left; display: inline; } #home #ecoInfo .dotbox h2 {margin: 0; padding: 0;border-bottom: dotted 1px #4c4c4c; border-bottom: dotted 1px #bbb; } #home #ecoInfo .dotbox .icon { position: absolute; top:32px; right:20px; display: block;} #home #ecoInfo .dotbox li {} #home #ecoInfo dl { padding: 14px 12px 0; } #home #ecoInfo dt { margin: 0; font-size: 84%; } #home #ecoInfo .dotbox p { padding: 14px 12px 0; margin: 0; font-size: 84%; } #home #keywordbox { margin: 42px 0 20px; background: #F5F5F5 !important;} #home #keywordbox h2 { margin:0 -14px 18px -14px; padding:0; border-bottom: dotted 1px #4c4c4c; height: 1%; width: 658px; } #home #keywordbox ul { margin-bottom: 30px;} #home #keywordbox li { padding: 8px 8px 12px; margin: 0 0 16px; list-style-type: none; background: #fff; border: 1px solid #CDCDCD;} *:first-child+html #home #keywordbox li { height: 1%;} #home #keywordbox dl { margin-bottom: 0;} #home #keywordbox dt { margin-bottom: 9px; padding-bottom:7px; border-bottom: 3px solid #75A618;} #home #keywordbox dt a { text-decoration: none; color: #333333;} #home #keywordbox dd {margin-bottom: 0;} * html #home #keywordbox dd { font-size: 80%;} *:first-child+html #home #keywordbox dd { font-size: 80%;} #home #keywordbox dd.explanation { margin-bottom: 11px; font-size: 89%; font-weight:bold;} #home #keywordbox dd a { background-position: 0 0.2em; color:#75A618;} #home #info { background: #F5F5F5 !important;} #home #info h2 { margin:0 -14px 18px -14px; padding:0; border-bottom: dotted 1px #4c4c4c; height: 1%; width: 658px; } #home #main_contents #info .icon { margin: -53px 0 0 118px;} #home #info dt { float: left; margin-right: 9px;} #home #info dd { padding-bottom: 22px; margin-bottom: 18px; border-bottom: 1px dotted #494949;} #home #info dd.last { padding-bottom: 0; margin-bottom: 0; border-bottom: none;} #home #sidebar { float:right; padding:0; width:300px; } #home #sidebar a{ color: #09f; } #home #sidebar a:hover { color: #09f; text-decoration:underline; } #home #sidebar .dotbox { clear:both; border: dotted 1px #4c4c4c; background: #f5f5f5; padding:9px; margin: 0 0 10px 0;} * html #home #sidebar .dotbox { border: dotted 1px #bbb; } #home #sidebar h2 { margin: -9px -9px 9px; border-bottom: dotted 1px #4c4c4c; } * html #home #sidebar h2 { border-bottom: dotted 1px #bbb; } #home #sideWeather { position:relative; zoom:1;} #home #sideWeather .icon { position: absolute; top:15px; right:10px; display: block;} #home #sideWeather dl { border: 1px solid #ccc; background: #fff; } #home #sideWeather dl dt { float: left; color: #999; background: #eee; padding: 6px 0; line-height: 1; width: 6em; text-align: center; font-size:71%; margin: 0 0 5px;} #home #sideWeather dl dd { padding: 0 0 6px 0;} #home #sideWeather dl p { clear: both; text-align: center; font-size:71%; color: #666;} #home #sideWeather .present { width: 137px; float: left; margin: 0 0 2px; position: relative;} #home #sideWeather .future { width: 137px; float: right;} #home #sideWeather .present img, #home #sideWeather .future img { margin: 0 0 4px 0;} #home #sideWeather .live { clear: both; height: 1%;} #home #sideWeather .live dt { width: 95px; height: 4em; line-height: 4em; margin: 0; background: #fff; } #home #sideWeather .live dt p { float: left; height: 4em; line-height: 4em; } #home #sideWeather .live dt p img { border-right: 1px solid #d0d0d0; border-bottom: 1px solid #d0d0d0; margin-left: 5px; padding:0 1px 1px 0;} #home #sideWeather .live dd { width: 175px; float: right; padding: 8px 0 0; margin: 0; font-size: 71%; font-weight: bold;} #home #sideWeather .live dd span { font-weight: normal; } #home #sideWeather .live dd a img { float: right; padding:5px 5px 5px 0;} #livePresent { margin: 0; padding: 10px 27px; border: 1px solid #d0d0d0; background: url(../images/bg_close.gif); } #buttonCloseLive { text-align: center; background: url(../images/btn_close.gif) no-repeat left; padding-left: 10px; } #home #sideWeather .live dl { border: none; float: right; width:115px; } #home #sideWeather .live dl dt { clear: both; float: left; background: none; width: 40px; text-align: left; line-height: 1.2; height: auto; padding: 0 0 4px; color: #666;font-size:x-small !important;} #home #sideWeather .live dl dd { width:74px; float: right; line-height: 1.2; padding: 0 0 4px; color: #666; font-size:x-small; } * html #home #sideWeather .live dl dt { font-size: 71% !important;} * html #home #sideWeather .live dl dd { font-size: 71% !important;} #home #sidebar .banner li { margin-bottom: 10px;} #home #sideEvent { padding-bottom: 0 !important; height: 1%;} #home #sideEvent .entry { height: 1%;} #home #sideEvent .header { padding: 0 0 0 3.75em; position: relative;} * html #home #sideEvent .header { margin-bottom: 14px;} #home #sideEvent .dateBox { width: 3em; position: absolute; top: 0; left: 0; background: #686868;} * html #home #sideEvent .dateBox { left:-3.7em;} #home #sideEvent .dateBox span { display: block; color: #fff; text-align: center; } #home #sideEvent .dateBox .date { padding: 8px 0 4px 0; font-size: 86%; line-height: 1; } #home #sideEvent .dateBox .day { padding: 0 0 6px 0; font-size: 86%;} #home #sideEvent .dateBox .status { padding: 4px 0;font-size: 71% !important;} #home #sideEvent .dateBox .accept { background: #1675ce; } #home #sideEvent .dateBox .fullhouse { background: #e98a31;} #home #sideEvent .dateBox .close { background: #b9b9b9;} #home #sideEvent .titleBox { font-size: 79%; padding: 5px 0 0; min-height:6em; line-height: 1.4;} *html #home #sideEvent .titleBox { height:6em;} #home #sideEvent .body { padding: 0 0 10px 0; margin-bottom: 8px; line-height: 1.6; border-bottom: dotted 1px #333333;} #home #sideEvent .separate {margin: 0 0 10px 0;} /* * html #home #sideEvent .separate { border-bottom: dotted 1px #bbb; } */ #home #sideEvent .photo { float: right; width: 69px; } #home #sideEvent .detail { float: left; width: 269px; font-size:71%; padding: 0 0 10px 0;} #home #sideEvent .meta { clear: both; font-size: 71%; font-weight: bold; } #home #sideEvent .meta dl { position: relative; padding: 0 0 0 5em;} #home #sideEvent .meta dt { position: absolute; top: 0; left: 0;} * html #home #sideEvent .meta dt { position: absolute; top: 0; left: -5em;} #home #sideEvent .btn { text-align: right; padding: 10px 0 0 0; margin: 0 -10px 0 0;} #home #sideEco { height: 1%;} #home #sideEco dt { font-size: 86%; margin: 0 0 10px 0; height: } #home #sideEco dd { font-size: 79%; } #home #sideEco dd img { border: 1px solid #cdcdcd;} #home #sideEco dd a { display: block; margin: 0 0 5px 0;} #home #sideEco dd p { text-align: center; margin: 0 0 1em 0;}