@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: 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 { width: 269px; 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; }

#all-waku	{ width: 638px; margin: 0; padding: 0; border: 1px solid #CCCCCC;}
.o-line	{width:638px; margin: 0; padding: 0; border-top: 3px solid #FF6600;}
#all-waku h2{ margin: 0; padding: 0; position: relative; top: 0px; left: 0px;}
#all-waku h3{ margin: 15px; padding: 0;color: #FF6600;}
.kijiad	{ width:610px; margin: 10px; padding: 5px; background-color: #f0f0f0; font-size: 75%;}
.edit	{font-size: 85%;}
.honbun	{ width:620px; margin: 20px 10px; padding: 0px;}
.kijiad2	{ width:590px; margin: 10px; padding: 5px; background-color: #f0f0f0; font-size: 75%;}
.honbun2	{ width:590px; margin: 20px 10px; padding: 0px;}
.honbun img	{ margin: 0 10px; float: left;}
.honbun p	{ font-size: 75%; line-height:120%;}
.honbun2 img	{ margin: 0 10px; float: left;}
.honbun2 p	{ font-size: 75%; line-height:120%;}
.res-waku	{ width:610px; margin: 8px; padding: 0px; border-bottom: 1px solid #CCCCCC;}
.res-title	{ width:580px; margin: 15px; padding: 0;color: #FF6600;}
.exp	{width: 610px; padding: 10px; font-size: 80%;}
.red	{color: #CC0000;}
.g-line	{width: 622px; margin: 0 8px; padding: 0; border-top: 1px solid #CCCCCC;}
.login	{width: 622px; height:42px; margin: 0 8px 14px 8px; padding: 0; background: url(../img/newbbs/waku.gif)  0 0 no-repeat;}
.login p	{margin: 14px; padding: 0; font-size:80%;}
.login img	{margin: 10px; padding: 0; float: right;}
.change	{width: 600px; margin: 10px 0 10px 10px; padding: 0; text-align: right;}
.kiji-t	{width: 622px; margin: 10px; padding: 0; font-size:70%;}
.kiji-title	{ float: left; width: 438px; margin: 10px 0 5px 0; padding: 0 0 3px 0; border-bottom: 1px solid #CCCCCC;}
.kiji-day	{ float: left; width: 102px; margin: 10px 0 5px 10px; border-bottom: 1px solid #CCCCCC; text-align: center; padding: 0 0 3px 0;}
.kiji-kazu	{ float: left; width: 50px; margin: 10px 10px 5px 10px; border-bottom: 1px solid #CCCCCC; text-align: center; padding: 0 0 3px 0;}
#kiji-t2	{width: 622px; margin: 10px; padding: 0; font-size:70%;}
.kiji-title2	{ float: left; width: 320px; margin: 0 0 5px 0; padding: 0 0 3px 0; border-bottom: 1px solid #CCCCCC;}
.kiji-id	{ float: left; width: 102px; margin: 0 0 5px 10px; border-bottom: 1px solid #CCCCCC; text-align: center; padding: 0 0 3px 0;}
.kiji-day2	{ float: left; width: 102px; margin: 0 0 5px 10px; border-bottom: 1px solid #CCCCCC; text-align: center; padding: 0 0 3px 0;}
.kiji-kazu2	{ float: left; width: 50px; margin: 0 10px 5px 10px; border-bottom: 1px solid #CCCCCC; text-align: center; padding: 0 0 3px 0;}

.kijiset	{ clear: both; width: 622px; margin: 10px 10px 15px 10px; padding: 0; font-size:75%;}
.kijiset-title	{ float: left; width: 438px; margin: 0 0 5px 0; padding: 0 0 3px 0; border-bottom: 1px dotted #CCCCCC; height: 36px;}
.kijiset-title2	{ float: left; width: 320px; margin: 0 0 5px 0; padding: 0 0 3px 0; border-bottom: 1px dotted #CCCCCC; line-height: 120%;}
.tit	{ width:430px; margin: 2px 2px 5px 2px; padding: 0;}
.tit2	{ width:320px; margin: 2px 2px 5px 2px; padding: 0;}
.txt	{ width:410px; margin: 2px 2px 2px 20px; padding: 0; font-size: 90%;}
.res	{ width:320px; margin: 2px 2px 2px 2px; padding: 0; font-size: 100%;}
.kijiset-id	{ float: left; width: 102px; margin: 0 0 5px 10px; border-bottom: 1px dotted #CCCCCC; text-align: center; padding: 0 0 3px 0;}
.kijiset-day	{ float: left; width: 102px; margin: 0 0 5px 10px; border-bottom: 1px dotted #CCCCCC; text-align: center; padding: 0 0 3px 0;}
.day	{ width: 98px; margin: 2px 2px 5px 2px; padding: 0; line-height: 100%;}
.id	{ width: 98px; margin: 2px 2px 5px 2px; padding: 0;}
.id2	{ width: 98px; margin: 2px 2px 5px 2px; padding: 0;}
.kijiset-kazu	{ float: left; width: 50px; margin: 0 10px 5px 10px; border-bottom: 1px dotted #CCCCCC; text-align: center; padding: 0 0 3px 0; height: 36px;}
.kijiset-kazu2	{ float: left; width: 50px; margin: 0 10px 5px 10px; border-bottom: 1px dotted #CCCCCC; text-align: center; padding: 0 0 3px 0;}
.kazu	{ width: 50px; margin: 2px 2px 5px 2px; padding: 0;}

#newLeft	{ width: 380px; float: left; margin: 20px 5px 20px 5px;}
.comm	{ width: 280px; float: left; margin: 5px 5px 5px 0; font-size: 75%;}
.new-day	{ width: 80px; float: left; margin: 5px; padding: 2px 0 0 0; font-size: 70%; text-align: right;}
#newRight	{ width: 230px; float: right; margin: 20px 5px 20px 0;}
.photo	{ width: 220px; margin: 5px 5px 5px 0; font-size: 75%;}
.photo img	{ float: left; margin: 5px;}
.photo p	{ margin: 5px;}

.ficon	{width: 500px; margin: 20px;}
.page {width: 618px; padding: 10px; font-size: 80%; text-align: center;}


#mainRight { float: right; width: 260px; margin: 0 10px 20px 0; padding: 0; text-align: left; }

#pagetop	{ width: 635px; 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;}

/*--- エラーメッセージ部分 ---*/
.error_msg {
	margin: 10px;
	padding: 10px;
	line-height: 140%;
	text-align: left;
	font-size: 80%;
	border-color: #CC7777;
	border-style: solid;
	border-width: 1px;
	background-color: #FEFBE0;
}

.error_ttile {
	color: #CC0000;
	font-weight: bold;
}

.error_msg ul {
	margin: 4px 0px 4px 0px;
	padding: 0px 0px 0px 30px;
}

.error_item { /* エラー箇所 */
	background-color: #FED18F;
}

/* --- 表のスタイル --- */
.bbs_table {
	margin: 0px 0px 4px 10px;
	empty-cells: hide;
	border-collapse : collapse;
}

.bbs_table th {
	vertical-align: middle;
	padding: 4px;
	font-size: 80%;
	font-weight: normal;
	border-style: solid;
	border-width: 1px;
	border-color: #FFFFFF;
	background-color: #F0F0F0;
}

.bbs_table td {
	padding: 2px;
	font-size: 80%;
	border-style: none;
}

/* --- 送信ボタン --- */
.bbs_button {
	margin: 4px 0px 20px 530px;
}


/*---------------------------------------------
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 ; }