@charset "utf-8"; /*--------------------------------------------- 01. *, body ---------------------------------------------*/ * { margin: 0px; padding: 0px; font-size: 100%; } body { color: #444444; font-family: "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", Arial, Helvetica, Verdana, sans-serif; text-align: center; background-color: #ffffff; } #wrap { width: 960px; margin-top: 0px; margin-bottom: 0px; margin-left: auto; margin-right: auto; text-align: left; background-color: #ffffff; } hr { display: none; } img { border: none; vertical-align: middle; } sup, sub { font-size: 80%; } a { overflow: hidden } a:link { color: #000000; text-decoration: underline; } a:visited { color: #444444; text-decoration: underline; } a:hover, a:active { color: #FF6600; text-decoration: underline; } /*--------------------------------------------- 02. header ---------------------------------------------*/ #header { width: 960px; margin: 0px auto; line-height: 1em; text-align: left; } #headerLogo { float: left; width: 136px; height: 79px; } #headerLogo h1, #headerLogo p { width: 136px; height: 30px; position: relative; top: 0px; left: 0px; } #header .catch { width: 275px; float: left; margin-top: 28px; padding-left: 12px; font-size: 10px; line-height: 1.4em; color: #444444; } #headerRight { float: right; width: 410px; padding-top: 15px; } #headerRight p { font-size: 10px; line-height: 1.4em; color: #FF6600; text-align: right; } #headerRight ul { padding: 0; margin: 0; list-style-type:none; } #headerRight li { float: right; padding: 0; margin: 5px; text-indent:-9999px; } #headerRight li a { display: block; height: 26px; } li.mem01 a { width: 90px; background: url(../imgs/mem01.gif) 0 0; } li.mem02 a { width: 90px; background: url(../imgs/mem02.gif) 0 0; } li.mem03 a { width: 90px; background: url(../imgs/mem03.gif) 0 0; } li.mem04 a { width: 90px; background: url(../imgs/mem04.gif) 0 0; } li.mem05 a { width: 90px; background: url(../imgs/mem05.gif) 0 0; } li.mem06 a { width: 90px; background: url(../imgs/mem06.gif) 0 0; } /*--------------------------------------------- 03. NaviArea ---------------------------------------------*/ #NaviArea { clear: both; width: 958px; margin: 0px; height: 35px; border: 1px #444444 solid; } #NaviArea ul { padding: 0; margin: 0; list-style-type:none; } #NaviArea li { float: left; padding: 0; margin: 0; text-indent:-9999px; } #NaviArea li a { display: block; height: 35px; } li.top a { width: 64px; background: url(../imgs/navi_top.gif) 0 0; } li.top a:hover { background: url(../imgs/navi_top_on.gif) 0 0; } li.food a { width: 87px; background: url(../imgs/navi_food.gif) 0 0; } li.food a:hover { background: url(../imgs/navi_food_on.gif) 0 0; } li.bri a { width: 133px; background: url(../imgs/navi_bridal.gif) 0 0; } li.bri a:hover { background: url(../imgs/navi_bridal_on.gif) 0 0; } li.eco a { width: 107px; background: url(../imgs/navi_eco.gif) 0 0; } li.eco a:hover { background: url(../imgs/navi_eco_on.gif) 0 0; } li.pick a { width: 137px; background: url(../imgs/navi_pick.gif) 0 0; } li.pick a:hover { background: url(../imgs/navi_pick_on.gif) 0 0; } li.free a { width: 115px; background: url(../imgs/navi_free.gif) 0 0; } li.free a:hover { background: url(../imgs/navi_free_on.gif) 0 0; } li.pre a { width: 127px; background: url(../imgs/navi_present.gif) 0 0; } li.pre a:hover { background: url(../imgs/navi_present_on.gif) 0 0; } li.bbs a { width: 75px; background: url(../imgs/navi_bbs.gif) 0 0; } li.bbs a:hover { background: url(../imgs/navi_bbs_on.gif) 0 0; } li.bn a { width: 113px; background: url(../imgs/navi_bn.gif) 0 0; } li.bn a:hover { background: url(../imgs/navi_bn_on.gif) 0 0; } /*--------------------------------------------- 04. SearchArea ---------------------------------------------*/ #SearchArea { width: 958px; margin: 0px; height: 35px; border-left: 1px #444444 solid; border-right: 1px #444444 solid; border-bottom: 1px #444444 solid; background-color: #F0F0F0; } #SearchAreaRight { float: left; width: auto; margin: 6px;} #SearchArea form { float: left; width: auto; margin: 0;} #SearchArea select { margin: 6px 0 6px 6px; font-size: 80%;} #SearchArea input.txt { height: 15px; margin: 6px 0 6px 6px; font-size: 80%;} #SearchArea input { margin: 0 10px 0 5px; } /*--------------------------------------------- 05. main ---------------------------------------------*/ #content { width: 960px; margin: 15px auto; text-align: left; } #pan {width: 960px; margin: 0 0 10px 10px; } #pan ul{ margin: 0; padding: 0; list-style-type: none;} #pan li{ float: left; margin: 0 0 auto 5px; font-size:80%; } .cl {clear: both;} #mainLeft { float: left; width: 640px; margin: 0 10px 20px 10px; padding: 0; text-align: left; } #mainRight { float: right; width: 260px; margin: 0 10px 20px 0; padding: 0; text-align: left; } #mainLeft h2 {margin: 10px 0 10px 0;} #PSearch { width: 638px; margin: 10px 0 20px 0; padding: 0px; text-align: left; background-color: #F0F0F0; border: 1px #CCCCCC solid; } .sub {width: 600px; margin: 10px 19px; font-size: 80%;} .wbox {width: 608px; margin: 20px 14px; font-size: 80%; border: 1px #CCCCCC solid; background-color: #FFFFFF;} .wboxLeft { float: left; width: 230px; margin: 10px;} .wboxRight { float: right; width: 300px; margin: 10px; text-align: right;} .wbox dl { margin:0px;} .wbox dt { float: left; margin:5px} .wbox dd { text-align: right; margin:5px} .wbox-sub { width: 580px; margin: 0 8px; background-color: #F0F0F0; padding: 5px;} .wbox-sub2 { width: 580px; margin: 8px; padding: 0;} .wbox-sub2 table {width:580px;} .wbox-sub2 td { width:33%;} .wbox-foot { width: 580px; margin: 5px; padding: 0px; text-align: right;} #pagetop { width: 640px; margin: 10px 0 10px 0; text-align: right;} #calender { width: 260px; margin: 10px 0 0 0; padding: 0px; background-color: #F0F0F0;} .title {margin: 10px 0 10px 15px;} .month { text-align: right; font-family: tahoma; padding: 0px; font-size: 12px; font-weight: bold; margin: 0 5px 0 0;} #cal-body { width: 245px; height: 152px; margin: 10px 0 10px 15px; padding: 0; background: url(../imgs/cal_body.gif) 0 0;} #cal-body ul { list-style: none; width: 235px; margin: 10px 5px 10px 5px ; padding: 0px; } #cal-body li { width: 14%; float: left; margin: 0px; padding: 0px; text-align: center; } ul.days { list-style: none; width: 235px; margin: 8px 5px 5px 5px ; padding: 0px; } li.day {width: 14%; float: left; margin:0; padding:0px; font-family:'tahoma'; text-align: center; font-size: 13px; } li.today {width: 14%; float: left; margin:0; padding:0px; font-family:'tahoma'; background-color: #444444; text-align: center; font-size: 13px; color: #FFFFFF;} li.day a:link, a:visited { color: #FF6600; text-decoration: underline; } li.day a:hover, a:active { color: #000000; text-decoration: underline; } li.today a:link, a:visited { color: #FF6600; text-decoration: underline; } li.today a:hover, a:active { color: #FFFFFF; text-decoration: underline; } .info { width: 260px; margin: 10px 0 0 0; padding: 0px; background-color: #F0F0F0;} .body { width: 226px; height:auto; margin: 0 12px 12px 12px; padding: 5px; background-color: #FFFFFF;} .body-t { font-size: 80%; font-weight: bold;} .body dl { margin:5px 3px 5px 3px;} .body dt, .body dd { display: block; font-size: 10px; margin:10px 5px 0 5px;} .body dt img { float: left; margin:0 5px 0 0} .more { margin: 5px 0 0 0; padding: 0px;} .body2 { width: 226px; margin: 0 12px 12px 12px; padding: 5px; background-color: #FFFFFF;} .kiji { width: 100%; margin: 0 0 5px 0; padding-bottom:5px; border-bottom: 1px #444444 dotted;} .date { width:60px; font-family:'tahoma'; text-align: center; font-size: 10px; background-color: #000000; padding:2px; color: #FFFFFF;} .cate { font-size: 10px; margin:0 0 0 10px;} .kiji { width: 100%; margin: 0 0 5px 0; padding-bottom:5px; border-bottom: 1px #444444 dotted;} .date2 { width:60px; font-family:'tahoma'; text-align: center; font-size: 10px; background-color: #FF6600; padding:2px; color: #FFFFFF;} .more2 { width: 210px; margin: 5px; padding: 0px; text-align: right;} .body3 { width: 226px; height:80px; margin: 0 12px 12px 12px; padding: 5px; background-color: #FFFFFF;} .body3 dl { margin:5px 3px 5px 3px;} .body3 dt, .body3 dd { display: block; font-size: 10px; margin:10px 5px 0 5px;} .body3 dt img { float: left; margin:0 5px 0 0} .body4 { width: 226px; height:70px; margin: 0 12px 12px 12px; padding: 5px; background-color: #FFFFFF;} .body4 dl { margin:5px 3px 5px 3px;} .body4 dt, .body4 dd { display: block; font-size: 10px; margin:10px 5px 0 5px;} .body4 dt img { float: left; margin:0 5px 0 0} .banner-img { margin:10px 0 0 0; padding: 0;} /*--------------------------------------------- 06. footer ---------------------------------------------*/ #footer { clear: both; width: 960px; margin: 0px auto; text-align: left; border-top: double #CCCCCC; font-family: tahoma; font-size: 10px;} #footer-l { float: left; width: 55%; margin: 4px 0px; text-align: left; } #footer-r { float: right; width: 40%; margin: 4px 0px; text-align: right; } #footer-l ul { margin: 0 0 0 10px; list-style-type: circle; } #footer-l li { float: left; margin: 0 10px ; }