@charset "utf-8";

/*=========================================
	SETTING
===========================================*/

html {
	width: 100%;
	height: 100%;
	background: url(../img/common_img/bg_top_body.jpg) center top repeat-x;}

body,div,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-weight: normal;
	list-style: none;}

body {
        text-align: center;
	color: #522600;
	font-size: 12px;
font-family: "メイリオ",Verdana,"MS UI Gothic", Osaka;
}


input, select {padding: 1px;}

img {
	vertical-align: bottom;
	border: none;}

a   {
	color:#522600;
	text-decoration: underline;}

a:hover {
	color: #522600;
	text-decoration: none;}

em,address {font-style: normal;}

strong {font-weight: bold;}

.clear {clear: both;}

/*=========================================
	ALL
===========================================*/

#top {}

#bgctrl
#all,#header,#footer {
	width: 974px;
        margin: 0 auto;
        text-align: left;}

#all {
	background: url(../img/common_img/bg_top_all.png) center top repeat-y;}

* html #all {behavior: expression(IEPNGFIX.fix(this));}


/*=========================================
	HEADER
===========================================*/

#top #bgheader {
	background: url(../img/common_img/bg_top.jpg) center top no-repeat;}

#top #header {
	position: relative;
	height: 651px;}

#top #header h1 {
	float: left;
	margin: 11px 0 0 43px;}

* html #top #header h1 {margin: 11px 0 0 21px;}

/* MEMBER LOGIN ---------------------------- */

#loginbox {
	width: 573px;
	height: 75px;
	float: right;
	margin-right: 5px;
	position: relative;}

#loginbox dt { padding-top: 6px;}

#loginbox dt img {
	filter: alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;}

.logout {background: url(../img/common_img/bg_logout.gif) 25px 33px no-repeat;}
.login {background: url(../img/common_img/bg_login.gif) left 36px no-repeat;}

.abtreg a,.abtkws a,
.loginform,#btnlogin,
#btnpp,#btnlost,#btnlogout,#btnmypage {position: absolute;}

.abtreg a,.abtkws a {
	position: absolute;
	display: block;
	text-indent: -9999px;}

#loginbox ul li a:hover {margin-top: -1px;}

.abtreg a {
	left: 305px; top: 15px;
	width: 90px; height: 12px;
	background: url(../img/common_img/about_reg.gif) left top no-repeat;}

.abtkws a {
	left: 400px; top: 15px;
	width: 162px; height: 12px;
	background: url(../img/common_img/about_kws.gif) left top no-repeat;}

.loginform {
	height: 18px;
	color: #fff;
	border: 1px solid #d7e9fd;
	background-color: #88b5ff;}

#idform {
	left: 100px; top: 35px;
	width: 130px;}

#pwform {
	left: 265px; top: 35px;
	width: 70px;}

#btnlogin {left: 346px; top: 34px;}
#btnpp {left: 435px; top: 34px;}
#btnlost {left: 383px; top: 35px;}

#btnlogout {left: 500px; top: 35px;}
#btnmypage  {left: 357px; top: 35px;}

#welcome {
	font-weight: bold;
	color: #fff;
	padding: 5px 0 0 25px; }


/*=========================================
	CONTENTS
===========================================*/

#top #contents {
	width: 974px;
	line-height: 1.5em;
	position: relative;
	z-index: 20;
	background: url(../img/common_img/bg_top_contents.jpg) 169px top repeat-y;}

/*=========================================
	MAIN
===========================================*/

#top #main {
	float: right;
	width: 560px;
	position: relative;
	z-index: 30;}

/* BREAD ----------------------------- */

#bread {margin: 25px 0 85px 0;}

#bread li {
	display: inline;
	margin-right: 1em;
	padding-left: 12px;
	background: url(../img/common_img/arrow_bread.gif) left 2px no-repeat;}


#bread li a   {
	color:#522600;
	text-decoration: none;}

#bread li a:hover {
	color: #522600;
	text-decoration: underline;}


/* MAIN BOX ----------------------------- */

#mainbox {
	position: relative;
	width: 537px;
	padding: 3px 0 25px 0;
	z-index: 150;}

* html #mainbox {
	margin-bottom: -130px;}

/* INFORMATION LIST----------------------- */

.topinfo {
	margin: 10px 0 0 0;}

.topinfo li {
	float: left;
	display: block;
	width: 260px;
	height: 80px;
	font-size: 11px;
	margin-left: 8px;
	_margin-left: 2px;
	line-height: 1.4em;}

#eventlist {color: #82724a;}
#eventlist a {color: #82724a;}
#eventlist a:hover {color: #53270d;}

.topinfo li p {
	float: left;
	display: block;
	width: 88px;
	height: 70px;
	margin-right: 7px;
	background: url(../img/common_img/bg_thumb.jpg) left top no-repeat;}

.topinfo li p img {
	width: 80px;
	height: 61px;
	margin: 5px 0 0 4px;}

.topinfo li dl dt {
	padding-left: 105px;
	background: url(../img/common_img/arrow.gif) 95px 3px no-repeat;}

.more {
	clear: both;
	height: 35px;
	text-align: right;
	background: url(../img/common_img/bg_more.gif) right 5px no-repeat;}

.more img {margin: 15px 12px 0 0;}
.more a:hover {margin-right: -3px;}

#plan,#news {
	height: 225px;}

.infobox {
	width: 260px;
	float: left;
	margin-top: 12px;}

#newsbox {
	margin-left: 17px;
	_margin-left: 12px;}


#plan a,#news a {color: #4a843a;}
#plan a:hover,#news a:hover {color: #53270d;}

#news {
	font-size: 11px;}

#news li {
	margin: 10px 0 0 10px;
	_margin: 0 0 0 10px;}

*:first-child+html #news li {margin: 0 0 0 10px;} 

#news li dl dt {
	padding-left: 10px;
	background: url(../img/common_img/arrow.gif) left 3px no-repeat;}

/* Bridal Event & Fair Calendar------------ */

#calendar {
	clear: both;
	padding-top: 12px;}

/* forIE */
* html #calendar {padding-top: 8px;} 
*:first-child+html #calendar {padding-top: 8px;} 

#calendar h4 {
	padding-bottom: 13px;}

/* forIE */
* html #calendar h4 {padding-bottom: 5px;} 
*:first-child+html #calendar h4 {padding-bottom: 5px;} 

#calendar .left {
	float: left;
	margin: 10px 0 0 0px;
	_margin: 10px 0 0 4px;}

#calendar .right {
	float: right;
	margin: 10px 5px 0 0px;
	_margin: 10px 3px 0 8px;}

#calendar table {
	font-size: 11px;
	width: 254px;
	font-family: Verdana, "MS UI Gothic","ＭＳ Ｐゴシック", Osaka, sans-serif;}

#calendar table caption {
	width: 252px;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	line-height: 21px;
	height: 24px;
	background: url(../img/common_img/bg_month.gif) left top repeat-x;}

#calendar table caption span {
	display: block;
	width: 240px;
	margin-top: -18px;}

#calendar .left caption span {
	text-align: left;
	padding-left: 10px;}

#calendar .right caption span {text-align: right;
	padding-right: 10px;}

#calendar thead th {
	text-align: center;
	padding-bottom: 3px;}

#calendar thead td {
	border-collapse: collapse;}

#calendar tbody td {
	width: 30px;
	height: 32px;
	padding: 2px 0 0 1px;
	vertical-align: top;
	border: 1px solid #d7cbc7;
	background-color: #fff;
	line-height: 1em;}

/* forIE */
* html #calendar tbody td {width: 28px;	height: 30px;} 
*:first-child+html #calendar tbody td {width: 28px;height: 30px;} 

#calendar tbody em { display: block;}
#calendar tbody em img {margin: 3px 1px 0 0px;}

#calendar tbody .sun {color: #f00;}
#calendar tbody .sat {color: #06f;}

#calendar tbody .non {background-color: #f5ebdc;}
#calendar tbody .blue {background-color: #b0d0dd;}
#calendar tbody .pink {background-color: #fbcbe5;}

#calendar-info {
	clear: both;
	width: 530px;}

#calendar-info ul {
	text-align: right;}
 
#calendar-info ul li {
	display: inline;}

#calendar-info ul li img {
	margin: 10px 0 0 0;}


/*=========================================
	SIDE
===========================================*/

#top #side {
	float: left;
	width: 397px;
	height: 778px;
	background: url(../img/common_img/bg_top_side.png) -17px top no-repeat;}

* html #side {
	margin-left: -17px;
	behavior: expression(IEPNGFIX.fix(this));}

#navibox {
	position: relative;}

* html #navibox  {
	margin-left: 17px;} 

#navi li {
	position: absolute;
	overflow: hidden;}

#navi li a {
	display: block;
	text-indent: -9999px;
	cursor: pointer;
	behavior: expression(IEPNGFIX.fix(this));}

/* NAVI01 ----------------------------- */

.navi01 {
	left: 197px; top: 0px;
	width: 183px;
	height: 47px;}

.navi01 a {
	width: 183px;
	height: 47px;
	background: url(../img/common_img/top_navi01.png);}

* html .navi01 a {
	width: 366px;
	height: 47px;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/common_img/top_navi01.png',sizingMethod='scale');}

*:first-child+html .navi01 a {
	width: 366px;height: 47px;} 

*:first-child+html .navi01 a:hover {
	width: 183px;
	margin-left: -183px;
	padding-left: 183px;
	height: 47px;} 

.navi01 a:hover {
	_width: 183px;
	background-position: -183px 0;
	_margin-left: -183px;
	_padding-left: 183px;
	_height: 47px;}

/* NAVI02 ----------------------------- */

.navi02 {
	left: -6px; top: 41px;
	width: 175px;
	height: 67px;}

.navi02 a {
	width: 175px;
	height: 67px;
	background: url(../img/common_img/top_navi02.png);}

* html .navi02 a {
	width: 350px;
	height: 67px;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/common_img/top_navi02.png',sizingMethod='scale');}

*:first-child+html .navi02 a {
	width: 350px;height: 67px;} 

*:first-child+html .navi02 a:hover {
	width: 175px;
	margin-left: -175px;
	padding-left: 175px;
	height: 67px;} 

.navi02 a:hover {
	_width: 175px;
	background-position: -175px 0;
	_margin-left: -175px;
	_padding-left: 175px;
	_height: 67px;}

/* NAVI03 ----------------------------- */

.navi03 {
	left: 197px; top: 40px;
	width: 174px;
	height: 67px;}

.navi03 a {
	width: 174px;
	height: 67px;
	background: url(../img/common_img/top_navi03.png);}

* html .navi03 a {
	width: 348px;
	height: 67px;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/common_img/top_navi03.png',sizingMethod='scale');}

*:first-child+html .navi03 a {
	width: 348px;height: 67px;} 

*:first-child+html .navi03 a:hover {
	width: 174px;
	margin-left: -174px;
	padding-left: 174px;
	height: 67px;} 

.navi03 a:hover {
	_width: 174px;
	background-position: -174px 0;
	_margin-left: -174px;
	_padding-left: 174px;
	_height: 67px;}

/* NAVI04 ------------------------------ */

.navi04 {
	left: -6px; top: 100px;
	width: 175px;
	height: 67px;}

.navi04 a {
	width: 175px;
	height: 67px;
	background: url(../img/common_img/top_navi04.png);}

* html .navi04 a {
	width: 350px;
	height: 67px;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/common_img/top_navi04.png',sizingMethod='scale');}

*:first-child+html .navi04 a {
	width: 350px;height: 67px;} 

*:first-child+html .navi04 a:hover {
	width: 175px;
	margin-left: -175px;
	padding-left: 175px;
	height: 67px;} 

.navi04 a:hover {
	_width: 175px;
	background-position: -175px 0;
	_margin-left: -175px;
	_padding-left: 175px;
	_height: 67px;}

/* NAVI05 ------------------------------ */

.navi05 {
	left: 197px; top: 99px;
	width: 175px;
	height: 67px;}

.navi05 a {
	width: 175px;
	height: 67px;
	background: url(../img/common_img/top_navi05.png);}

* html .navi05 a {
	width: 350px;
	height: 67px;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/common_img/top_navi05.png',sizingMethod='scale');}

*:first-child+html .navi05 a {
	width: 350px;height: 67px;} 

*:first-child+html .navi05 a:hover {
	width: 175px;
	margin-left: -175px;
	padding-left: 175px;
	height: 67px;} 

.navi05 a:hover {
	_width: 175px;
	background-position: -175px 0;
	_margin-left: -175px;
	_padding-left: 175px;
	_height: 67px;}

/* NAVI06 ------------------------------ */

.navi06 {
	left: -16px; top: 162px;
	width: 185px;
	height: 46px;}

.navi06 a {
	width: 185px;
	height: 46px;
	background: url(../img/common_img/top_navi06.png);}

* html .navi06 a {
	width: 370px;
	height: 46px;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/common_img/top_navi06.png',sizingMethod='scale');}

*:first-child+html .navi06 a {
	width: 370px;height: 46px;} 

*:first-child+html .navi06 a:hover {
	width: 185px;
	margin-left: -185px;
	padding-left: 185px;
	height: 46px;} 

.navi06 a:hover {
	_width: 185px;
	background-position: -185px 0;
	_margin-left: -185px;
	_padding-left: 185px;
	_height: 46px;}

/* NAVI07 ------------------------------ */

.navi07 {
	left: 197px; top: 162px;
	width: 183px;
	height: 46px;}

.navi07 a {
	width: 183px;
	height: 46px;
	background: url(../img/common_img/top_navi07.png);}

* html .navi07 a {
	width: 366px;
	height: 46px;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/common_img/top_navi07.png',sizingMethod='scale');}

*:first-child+html .navi07 a {
	width: 366px;height: 46px;} 

*:first-child+html .navi07 a:hover {
	width: 183px;
	margin-left: -183px;
	padding-left: 183px;
	height: 46px;} 

.navi07 a:hover {
	_width: 183px;
	background-position: -183px 0;
	_margin-left: -183px;
	_padding-left: 183px;
	_height: 46px;}

/* NAVI08 ------------------------------ */

.navi08 {
	left: -16px; top: 200px;
	width: 185px;
	height: 48px;}

.navi08 a {
	width: 185px;
	height: 48px;
	background: url(../img/common_img/top_navi08.png);}

* html .navi08 a {
	width: 370px;
	height: 48px;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/common_img/top_navi08.png',sizingMethod='scale');}

*:first-child+html .navi08 a {
	width: 370px;height: 48px;} 

*:first-child+html .navi08 a:hover {
	width: 185px;
	margin-left: -185px;
	padding-left: 185px;
	height: 48px;} 

.navi08 a:hover {
	_width: 185px;
	background-position: -185px 0;
	_margin-left: -185px;
	_padding-left: 185px;
	_height: 48px;}

/* NAVI09 ------------------------------ */

.navi09 {
	left: 197px; top: 201px;
	width: 183px;
	height: 47px;}

.navi09 a {
	width: 183px;
	height: 47px;
	background: url(../img/common_img/top_navi09.png);}

* html .navi09 a {
	width: 366px;
	height: 47px;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/common_img/top_navi09.png',sizingMethod='scale');}

*:first-child+html .navi09 a {
	width: 366px;height: 47px;} 

*:first-child+html .navi09 a:hover {
	width: 183px;
	margin-left: -183px;
	padding-left: 183px;
	height: 47px;} 

.navi09 a:hover {
	_width: 183px;
	background-position: -183px 0;
	_margin-left: -183px;
	_padding-left: 183px;
	_height: 47px;}

/* NAVI10 ------------------------------ */

.navi10 {
	left: -16px; top: 239px;
	width: 185px;
	height: 48px;}

.navi10 a {
	width: 185px;
	height: 48px;
	background: url(../img/common_img/top_navi10.png);}

* html .navi10 a {
	width: 370px;
	height: 48px;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/common_img/top_navi10.png',sizingMethod='scale');}

*:first-child+html .navi10 a {
	width: 370px;height: 48px;} 

*:first-child+html .navi10 a:hover {
	width: 185px;
	margin-left: -185px;
	padding-left: 185px;
	height: 48px;} 

.navi10 a:hover {
	_width: 185px;
	background-position: -185px 0;
	_margin-left: -185px;
	_padding-left: 185px;
	_height: 48px;}

/* NAVI11 ------------------------------ */

.navi11 {
	left: 197px; top: 240px;
	width: 183px;
	height: 47px;}

.navi11 a {
	width: 183px;
	height: 47px;
	background: url(../img/common_img/top_navi11.png);}

* html .navi11 a {
	width: 366px;
	height: 47px;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/common_img/top_navi11.png',sizingMethod='scale');}

*:first-child+html .navi11 a {
	width: 366px;height: 47px;} 

*:first-child+html .navi11 a:hover {
	width: 183px;
	margin-left: -183px;
	padding-left: 183px;
	height: 47px;} 

.navi11 a:hover {
	_width: 183px;
	background-position: -183px 0;
	_margin-left: -183px;
	_padding-left: 183px;
	_height: 47px;}

/* NAVI12 ------------------------------ */

.navi12 {
	left: 23px; top: 284px;
	width: 146px;
	height: 45px;}

.navi12 a {
	width: 146px;
	height: 45px;
	background: url(../img/common_img/top_navi12.png);}

* html .navi12 a {
	width: 292px;
	height: 45px;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/common_img/top_navi12.png',sizingMethod='scale');}

*:first-child+html .navi12 a {
	width: 292px;height: 45px;} 

*:first-child+html .navi12 a:hover {
	width: 146px;
	margin-left: -146px;
	padding-left: 146px;
	height: 45px;} 

.navi12 a:hover {
	_width: 146px;
	background-position: -146px 0;
	_margin-left: -146px;
	_padding-left: 146px;
	_height: 45px;}

/* NAVI13 ------------------------------ */

.navi13 {
	left: 197px; top: 285px;
	width: 148px;
	height: 44px;}

.navi13 a {
	width: 148px;
	height: 44px;
	background: url(../img/common_img/top_navi13.png);}

* html .navi13 a {
	width: 296px;
	height: 44px;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/common_img/top_navi13.png',sizingMethod='scale');}

*:first-child+html .navi13 a {
	width: 296px;height: 44px;} 

*:first-child+html .navi13 a:hover {
	width: 148px;
	margin-left: -148px;
	padding-left: 148px;
	height: 44px;} 

.navi13 a:hover {
	_width: 148px;
	background-position: -148px 0;
	_margin-left: -148px;
	_padding-left: 148px;
	_height: 44px;}

/* NAVI14 ------------------------------ */

.navi14 {
	left: 23px; top: 323px;
	width: 146px;
	height: 44px;}

.navi14 a {
	width: 146px;
	height: 44px;
	background: url(../img/common_img/top_navi14.png);}

* html .navi14 a {
	width: 292px;
	height: 44px;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/common_img/top_navi14.png',sizingMethod='scale');}

*:first-child+html .navi14 a {
	width: 292px;height: 44px;} 

*:first-child+html .navi14 a:hover {
	width: 146px;
	margin-left: -146px;
	padding-left: 146px;
	height: 44px;} 

.navi14 a:hover {
	_width: 146px;
	background-position: -146px 0;
	_margin-left: -146px;
	_padding-left: 146px;
	_height: 44px;}

/* NAVI15 ------------------------------ */

.navi15 {
	left: 197px; top: 324px;
	width: 148px;
	height: 43px;}

.navi15 a {
	width: 148px;
	height: 43px;
	background: url(../img/common_img/top_navi15.png);}

* html .navi15 a {
	width: 296px;
	height: 43px;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/common_img/top_navi15.png',sizingMethod='scale');}

*:first-child+html .navi15 a {
	width: 296px;height: 43px;} 

*:first-child+html .navi15 a:hover {
	width: 148px;
	margin-left: -148px;
	padding-left: 148px;
	height: 43px;} 

.navi15 a:hover {
	_width: 148px;
	background-position: -148px 0;
	_margin-left: -148px;
	_padding-left: 148px;
	_height: 43px;}


/* STAFF NAVI ------------------------------ */

#staffnavi li {
	position: absolute;
	text-indent: -9999px;
	width: 93px;}

#staffnavi li a {
	display: block;
	overflow: hidden;
	height:0 !important;
	height /**/: 28px;
	padding-top: 28px;
	background-image: url(../img/common_img/top_staff_navi.jpg);}

.staffnavi01 {left: 72px; top: 396px;}
.staffnavi02 {left: 72px; top: 435px;}

.staffnavi01 a {background-position: 0 0;}
.staffnavi02 a {background-position: -93px 0;}

.staffnavi01 a:hover {background-position: 0 -28px;}
.staffnavi02 a:hover {background-position: -93px -28px;}

/* SIDE BANNER ------------------------------ */

#navibox p img {position: absolute;}

.mbr {left: 91px; top: 506px;}
.mdm {left: 83px; top: 676px;}
.stv {left: 83px; top: 773px;}


/*=========================================
	FOOTER
===========================================*/

* html #footerbox {padding-bottom: 50px;}

#footer {
	position: relative;
	height: 259px;
	padding: 7px 0 30px 0;
	background: url(../img/common_img/bg_top_footer.png) center top no-repeat;
	z-index: 100;}

* html #footer {
	position: relative;
	z-index: 1;
	height: 188px;
	padding: 153px 0 30px 0;
	background: url(../img/common_img/bg_ie_footer.png) center top no-repeat;
	behavior: expression(IEPNGFIX.fix(this));}

.dum {
	position: absolute;
	left: 142px; top: -146px;
	z-index: 150;}

* html .dum {display: none;}

/* COPYRIGHT ------------------------------ */

.copy {
	clear: both;
	font-size: 10px;
font-family: "メイリオ",Verdana,"MS UI Gothic", Osaka;	
	letter-spacing: 0.1em;
	text-align: center;
	margin-bottom: 25px;}

/* FOOTER NAVIGATION ---------------------- */

.footernavi li,.usernavi li {
	display: inline;
	font-size: 11px;
	white-space: nowrap;
	line-height: 1.7em;}

.footernavi li { border-right: 2px solid #e8c880;}

.footernavi li.nobdr {border: none;}

.footernavi a,.usernavi li {
	padding: 0 3px 0 5px;
	text-decoration: none;}

.usernavi { margin: 1em 0 0 6px;}

.usernavi li {
	padding: 0 10px 0 8px;
	background: url(../img/common_img/arrow_usernavi.gif) left center no-repeat;}

.usernavi li a {text-decoration: none;}

.footernavi a:hover,.usernavi li a:hover { text-decoration: underline;}

.bnr-footer {
	text-align: right;
	padding-top: 12px;}

/* FOOTER ADDRESS ---------------------- */

#footer-add {
	font-size: 11px;
	line-height: 1.3em;
	margin-top: -72px;}

#footer-add dd {padding: 5px 0 0 3px;}

/*=========================================
	CLEARFIX
===========================================*/

.clearfix:after{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;}

.clearfix{ display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */