@charset "utf-8";

/*---------------------------------------------
01. *, body
---------------------------------------------*/
*      { margin: 0px; padding: 0px; font-size: 100%; }
body   {
	color: #666666;
	font-family: "lr oSVbN", "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: 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;}
#bn	{ width: 640px; height: 40px; margin: 10px 0px; padding: 0px; background: url(../imgs/pick/bn.gif)  0 0; text-align: rihgt;}
#bn-box	{ width: 100px;  margin: 10px; padding: 0px; float: right; font-size: 80%;}
#ecoMain { width: 638px; margin: 10px 0 20px 0; padding: 0px; text-align: left; }
#ecoMain p { font-size: 80%; margin: 10px;}
#ecoMain h3	{ margin: 0 0 10px 0;}

#eco-l{ width: 360px; margin: 15px 0 15px 0; float: left;}
#eco-r{ width: 275px; margin: 15px 0 15px 0; float: right;}
#ebox{ width: 354px; margin: 0 0 20px 0; padding: 0; background: url(../imgs/eco/eco3_w1.gif) 0 0 no-repeat; background-color: #FFFFE4;}
#ebox h3{ margin: 63px 0 10px 10px; font-size: 100%; font-weight: bold;}
#ebox-p{
	margin: 10px;
	font-size: 80%;
	line-height: 1.4em;
}
#ebox2{ width: 354px; margin: 0 0 20px 0; padding: 0; background: url(../imgs/eco/eco3_w2.gif) 0 0 no-repeat; background-color: #FFFFE4;}
#ebox2 h3{ margin: 63px 0 10px 10px; font-size: 100%; font-weight: bold;}
#ebox2 p{ margin: 10px; font-size: 80%; line-height: 1.4em; }
.st{ margin: 10px; font-size: 70%;line-height: 1.4em;}
#eco-r h3{ margin: 10px; font-size: 100%; font-weight: bold; color:#FF6600;}
#eco-r p{ margin: 10px; font-size: 80%; line-height: 1.4em; }
.gbox	{ width: 600px; margin: 10px; border: 1px #CCCCCC solid; padding: 10px;}#sbox{ width:100%; background-color:#FFFFE4; border:solid 1px #FF6600; margin:0;}
#sbox img{float:right; margin:5px;}
#sbox p { margin: 5px; font-size: 70%;line-height: 1.4em;}
#sbox h3 { margin: 5px; font-size: 80%;font-weight:bold; color:#FF6600;}

#fbox { width: 630px; height: 270p; margin: 20px 0; padding: 0; background: url(../imgs/eco/eco3_w3.gif) 0 0 no-repeat; background-color: #96CF2C;}
#fbox p{ margin: 56px 395px 10px 10px; font-size: 80%; line-height: 1.4em; color:#FFFFFF; }
#add{ width: 220px; margin: 10px; padding: 0; background: url(../imgs/eco/waku.gif) 0 0 no-repeat; background-color: #FFFFFF;}
#add p { margin: 5px; font-size: 70%;line-height: 1.4em; color:#333333;}
.bb{font-weight:bold;}
.gbox-set	{ width: 590px; margin: 0 4px; border-top:1px dotted #CCCCCC;}
.gbox ul	{margin: 10px; list-style-type: lower-alpha;}
.gbox li	{margin: 10px; font-size: 80%;}
.gbox dl	{ margin:0px;}
.gbox dt 	{ float: left; margin:5px;}
.gbox dd	{ text-align: left; margin:5px; font-size:80%;}
.red	{ color:#CC0000; font-weight: bold; font-size:100%;}
.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 ; }