@charset "utf-8";

/*---------------------------------------------
01. *, body
---------------------------------------------*/
*      { margin: 0px; padding: 0px; font-size: 100%; }
body   { color: #444444; font-family: "ＭＳ Ｐゴシック", "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: 54px; background: url(../imgs/navi_top.gif)  0 0; }
li.top a:hover  { background: url(../imgs/navi_top_on.gif)  0 0; }
li.topics a { width: 138px; background: url(../imgs/navi_topics.gif)  0 0; }
li.topics a:hover { background: url(../imgs/navi_topics_on.gif)  0 0; }
li.bri a { width: 127px; 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: 95px; 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: 133px; background: url(../imgs/navi_pick.gif)  0 0; }
li.pick a:hover  { background: url(../imgs/navi_pick_on.gif)  0 0; }
li.machi a { width: 118px; background: url(../imgs/navi_machi.gif)  0 0; }
li.machi a:hover  { background: url(../imgs/navi_machi_on.gif)  0 0; }
li.pre a { width: 119px; 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: 71px; 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: 103px; 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: 10px 6px 6px 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: 30px auto; text-align: left; }

#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; }

#fla{ width: 640px;margin: 0 0 20px 0; padding: 0; height: 260px; text-align: left; }

table.rank { width: 640px; margin: 10px 0 0px 0; padding: 0; border: 0;}
table.rank2 { width: 640px; margin: 0px 0 20px 0; padding: 0; border: 0;}
.rank01{ width: 140px; margin: 0; padding: 0;}
.rank02{ width: 125px; margin: 0; padding: 0;}
.waku01{ width: 138px; height: 200px; border: 1px #444444 solid; margin: 0; padding: 0;}
.waku02{ width: 124px; height: 200px; border-top: 1px #444444 solid; border-right: 1px #444444 solid; border-bottom: 1px #444444 solid; margin: 0; padding: 0;}
.shop-img{ width: 100%; text-align: center; height: 140px; margin: 0px; padding: 0px; }
.shop-img img{ vertical-align:middle; margin-left:-1px }
.area{  width: 120px; margin: 0 0 0 10px; padding: 0px; font-size: 10px; line-height: 1.4em; color: #444444; }
.shop-n{  width: 120px; margin: 3px 0 0 10px; padding: 0px; font-weight: bold; line-height: 1.4em; color: #444444; font-size: 65%; }
.area2{  width: 100px; margin: 0 0 0 10px; padding: 0px; font-size: 10px; line-height: 1.4em; color: #444444; }
.shop-n2{  width: 100px; margin: 3px 0 0 10px; padding: 0px; font-weight: bold; line-height: 1.0em; color: #444444; font-size: 65%; }

ul.newface { width: 640px; margin: 10px 0 20px 0; padding: 0; border: 0; list-style-type: none;}
ul.newface:after { content : ""; display : block; height : 0; clear : both;}
ul.newface li { width: 210px; height: 80px; float: left; margin: 0; padding: 0; border: 0;}
.nshop-img{ float: left; width: 65px; text-align: center; height: 65px; margin: 0px; padding: 0px; border: 1px #CCCCCC solid; }
.nshop-img img{ vertical-align:middle; margin-left:-1px }
.nshop-name { width: 133px; margin: 0 0 0 70px; padding: 0px; font-weight: bold; line-height: 1.4em; color: #444444; font-size: 65%; }
.nshop-pr { width: 133px; font-size: 10px; line-height: 1.4em; color: #444444; margin: 0 0 0 70px; padding: 0px;}

#CSearch { width: 638px; margin: 10px 0 20px 0; padding: 0px; text-align: left; background-color: #F0F0F0; border: 1px #CCCCCC solid; }
.CSlist { width: 95%; margin: 10px; padding: 0px; text-align: left; }
.line { clear: both; width: 100%; height: 10px; margin: 0px; padding: 0px; border-bottom: 1px #CCCCCC dotted; }
#CSearch ul{ padding: 0; margin: 10px 10px 0 10px; list-style-image: url(../imgs/arrow_orange.gif); }
#CSearch li{ width: 190px; float: left; padding: 0; margin: 0 0 2px 2px; font-size: 75%; }

#calendar { 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;}

.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}
#fla-bn{ width: 260px;margin:0; padding: 0; height: 100px; text-align: left; }
.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 ; }