@charset "UTF-8";

/*============================================================
//
//  INDEX-------------------------
//  *共通設定
//  *トップ
//  *フッター
//
//==========================================================*/

/*============================================================
//  共通設定
//==========================================================*/

#page {
	margin:0 auto;
	width:750px;
	text-align: left;
}
#wrapper {
	width:750px;
	height: 375px;
	margin-top:50px;
}

/*============================================================
//  ヘッダー
//==========================================================*/

#header {
	width: 750px;
	margin-top:5px;
}
#header:after {
	font-size:1px;
	content: "";
	display: block;
	height: 0;
	clear: both;
}
#header {
	zoom: 1;
}
#header h1 {
	width:104px;
	height:58px;
	background: url(/imgcommon/logo.gif) no-repeat;
	text-indent:-9999px;
	float:left;
}
#header h1 a {
	width:104px;
	height:58px;
	background: url(/imgcommon/logo.gif) no-repeat;
	display:block;
}
#header .box-bnr{
	float:right;
}
#header .box-bnr .gallery {
	width:146px;
	height:35px;
	background: url(/imgcommon/btn_catalog.gif) no-repeat;
	text-indent:-9999px;
	margin-top:10px;
}
#header .box-bnr .gallery a {
	width:146px;
	height:35px;
	background: url(/imgcommon/btn_catalog.gif) no-repeat;
	display:block;
}
#header .box-bnr .gallery a:hover {
	width:146px;
	height:35px;
	background: url(/imgcommon/btn_catalog_on.gif) no-repeat;
	display:block;
}


#header .navi {
	width:750px;
	height:40px;
	background: url(../imgcommon/navi.gif) no-repeat;
}

#navi {
	width:750px;
	height:40px;
	background: url(../imgcommon/navi.gif) no-repeat;
}


/*============================================================
//  ナビゲーション
//==========================================================*/

/*--js dropdownスタイル---------------------------------------------------------------*/
.dropdown {
	position:relative;
	z-index:200;
	float:left;
}
.dropdown dd {
	position:absolute; 
	overflow:hidden; 
	width:208px; 
	display:none; 
	background:#fff; opacity:0
}
.dropdown ul {
	width:158px;
	_width:160 ;
	list-style:none;
	z-index:201;
}
.dropdown li {
	font-size:0.8em;
	color:#000;
	border-left:1px solid #249E35;
}
.dropdown li a {
	width:158px;
	height:20px;
	background: url(/imgcommon/navi_bg.gif) no-repeat;
	display:block;
	color:#000; 
	text-decoration:none;
	padding :6px 0 0 15px ;
}
.dropdown li a:hover {
	width:158px;
	height:20px;
	background: url(/imgcommon/navi_bg_on.gif) no-repeat;
	display:block;
	color:#fff;
	text-decoration:none;
	padding :6px 0 0 15px ;
}
/*-----------------------------------------------------------------------*/
#navi .intro {
	width:104px;
	height:31px;
	text-indent:-9999px;
	float:left;
}
#navi .intro a{
	width:104px;
	height:31px;
	display:block;
}
#navi .intro a:hover{
	width:104px;
	height:31px;
	background: url(/imgcommon/navi_on.gif) no-repeat;
	background-position:0px 0px;
	display:block;
}

#navi .collection {
	width:94px;
	height:31px;
	text-indent:-9999px;
	float:left;
}
#navi .collection a{
	width:94px;
	height:31px;
	display:block;
}
#navi .collection a:hover{
	width:94px;
	height:31px;
	background: url(/imgcommon/navi_on.gif) no-repeat;
	background-position:-193px 0px;
	display:block;
}
#navi .news {
	width:119px;
	height:31px;
	text-indent:-9999px;
	float:left;
}
#navi .news a{
	width:119px;
	height:31px;
	display:block;
}
#navi .news a:hover{
	width:119px;
	height:31px;
	background: url(/imgcommon/navi_on.gif) no-repeat;
	background-position:-287px 0px;
	display:block;
}
#navi .link {
	width:53px;
	height:31px;
	text-indent:-9999px;
	float:left;
}
#navi .link a{
	width:53px;
	height:31px;
	display:block;
}
#navi .link a:hover{
	width:53px;
	height:31px;
	background: url(/imgcommon/navi_on.gif) no-repeat;
	background-position:-406px 0px;
	display:block;
}
#navi .wallpaper {
	width:100px;
	height:31px;
	text-indent:-9999px;
	float:left;
}
#navi .wallpaper a{
	width:100px;
	height:31px;
	display:block;
}
#navi .wallpaper a:hover{
	width:100px;
	height:31px;
	background: url(/imgcommon/navi_on.gif) no-repeat;
	background-position:-546px 0px;
	display:block;
}
dt#one-ddheader {
	width:87px;
	height:31px;
	cursor:pointer;
	text-indent:-9999px;
	float:left;
}
dt#one-ddheader a {
	width:87px;
	height:31px;
	display:block;
}
dt#one-ddheader a:hover {
	width:87px;
	height:31px;
	background: url(/imgcommon/navi_on.gif) no-repeat;
	background-position:-459px 0px;
}
dd#one-ddcontent {
	position:absolute; 
	top:31px;
	left:0px;
	overflow:hidden; 
	width:158px; 
	display:none; 
	background:#fff;
	z-index:200;
	opacity:0;
}

dt#two-ddheader {
	width:104px;
	height:31px;
	float:left;
	text-indent:-9999px;
}
dt#two-ddheader a {
	width:104px;
	height:31px;
	display:block;
}
dt#two-ddheader a:hover {
	width:104px;
	height:31px;
	background: url(/imgcommon/navi_on.gif) no-repeat;
	background-position:-646px 0px;
}
dd#two-ddcontent {
	position:absolute; 
	top:31px;
	left:0px; 
	overflow:hidden; 
	width:128px; 
	display:none; 
	background:#fff; 
	z-index:200; 
	opacity:0;
}

dt#three-ddheader {
	width:89px;
	height:31px;
	float:left;
	text-indent:-9999px;
}
dt#three-ddheader a {
	width:89px;
	height:31px;
	display:block;
}
dt#three-ddheader a:hover {
	width:89px;
	height:31px;
	background: url(/imgcommon/navi_on.gif) no-repeat;
	background-position:-104px 0px;
}
dd#three-ddcontent {
	position:absolute; 
	top:31px;
	left:0px; 
	overflow:hidden; 
	width:100px;
	display:none; 
	background:#fff; 
	z-index:210; 
	opacity:0;
}

dt#four-ddheader {
	width:119px;
	height:31px;
	float:left;
	text-indent:-9999px;
}
dt#four-ddheader a {
	width:119px;
	height:31px;
	display:block;
}
dt#four-ddheader a:hover {
	width:119px;
	height:31px;
	background: url(/imgcommon/navi_on.gif) no-repeat;
	background-position:-286px 0px;
}
dd#four-ddcontent {
	position:absolute; 
	top:31px;
	left:0px; 
	overflow:hidden; 
	width:120px;
	display:none; 
	background:#fff; 
	z-index:220; 
	opacity:0;
}

/*======パンくず======*/
#crumb{
	width:750px;
	margin-bottom:20px;
}
#crumb p{
	font-size:0.8em;
	color:#000;
}
#crumb p a{
	color:#999900;
	text-decoration: underline;
}
#crumb p a:hover{
	color:#999900;
	text-decoration: underline;
}

#contents {
	width: 750px;
	margin-bottom:10px;
}
#contents:after {
	font-size:1px;
	content: "";
	display: block;
	height: 0;
	clear: both;
}
#contents {
	zoom: 1;
}

/*============================================================
//  フッター
//==========================================================*/

#footer{
	width:750px;
	margin-bottom:30px;
}
#footer:after {
	font-size:1px;
	content: "";
	display: block;
	height: 0;
	clear: both;
}
#footer {
	zoom: 1;
}
#footer .box-green{
	width:738px;
	background:#36A038;
	padding:6px 4px 5px 8px;
	margin-bottom:5px;
}
#footer .box-green:after {
	font-size:1px;
	content: "";
	display: block;
	height: 0;
	clear: both;
}
#footer .box-green {
	zoom: 1;
}
#footer .box-green ul.link{
	width:250px;
	float:left;
	list-style:none;
	padding-top:2px;
}
#footer .box-green .link li.schedule,
#footer .box-green .link li.schedule a{
	width:125px;
	height:12px;
	text-indent: -9999px;
	background : url(/imgcommon/footer_schedule.gif) no-repeat;
	float:left;
}
#footer .box-green .link li.schedule a:hover{
	background : url(/imgcommon/footer_schedule_on.gif) no-repeat;
}
#footer .box-green .link li.gallery,
#footer .box-green .link li.gallery a{
	width:73px;
	height:12px;
	text-indent: -9999px;
	background : url(/imgcommon/footer_map.gif) no-repeat;
	float:left;
}
#footer .box-green .link li.gallery a:hover{
	background : url(/imgcommon/footer_map_on.gif) no-repeat;
}
#footer .box-green ul.form{
	width:177px;
	height:20px;
	list-style:none;
	float:right;
}

#footer .box-green ul.form:after {
	font-size:1px;
	content: "";
	display: block;
	height: 0;
	clear: both;
}
#footer .box-green ul.form {
	zoom: 1;
}


#footer .box-green ul.form li.mail,
#footer .box-green ul.form li.mail a{
	display: block;
	width:85px;
	height:20px;
	float:right;
	text-indent: -9999px;
	background : url(/imgcommon/footer_mail.gif) no-repeat;
}

#footer .box-green ul.form li.mail a:hover{
	display: block;
	background : url(/imgcommon/footer_mail_on.gif) no-repeat;
}
#footer .box-green ul.form li.inquiry,
#footer .box-green ul.form li.inquiry a{
	display: block;
	width:85px;
	height:20px;
	float:left;
	text-indent: -9999px;
	background : url(/imgcommon/footer_inquiry.gif) no-repeat;
}

#footer .box-green ul.form li.inquiry a:hover{
	display: block;
	background : url(/imgcommon/footer_inquiry_on.gif) no-repeat;
}

#footer .box-banner{
	width:750px;
	margin-top:5px;
}

#footer .box-banner a img{
	border:0;
	opacity:1;
	filter:alpha(opacity=100);
}

#footer .box-banner a:hover img{
	border:0;
	opacity:0.7;
	filter:alpha(opacity=70);
}

#footer .box-banner ul.banner{
	width:500px;
	list-style:none;
	float:left;
}

#footer .box-banner ul.banner li{
	float:left;
	margin-right:5px;
}

#footer .box-banner .copyright{
	width:250px;
	font-size:0.8em;
	color:#666666;
	text-align: right;
	float:right;
}




/*======フォーム設定======*/

input:focus,
select:focus,
textarea:focus{
	background:#FFFFF5;
}
.field50{
	width:50px;
	height:20px;
	border:1px solid #999;
	margin:3px 0 3px 0;
	color:#111;
}
.field180{
	width:180px;
	height:20px;
	border:1px solid #999;
	margin:3px 8px 3px 0;
	color:#333;
}
.field280{
	width:280px;
	height:20px;
	border:1px solid #999;
	margin:3px 8px 3px 0;
	color:#333;
}
.field300{
	width:300px;
	height:20px;
	border:1px solid #999;
	margin:3px 8px 3px 0;
	color:#333;
}

.field520_90{
	width:500px;
	height:100px;
	border:1px solid #999;
	margin:3px 8px 3px 0;
	color:#333;
}
.field40_22{
	width:40px;
	height:22px;
	border:1px solid #999;
	margin:0 4px 0 0;
	font-size:1.2em;
	color:#333;
}



/*---------------------------------------------------------------

リアルタイムフォームバリデーション
 
 font-size defined in fonts.css - YUI fonts.css
 93% - 12px
 
 ----------------------------------------------------------------*/

div.validationTip {
	padding-left: 6px;
	background: url(/imgcommon/tip_left.gif) no-repeat left top;
	font-size: 93%;
}

div.tipInner {
		border: solid #BBB 1px;
		border-top: none;
		border-left: none;
		-moz-border-radius: 4px;
		padding: .5em 1em .5em .8em;
		color: #F60;
		color:#FFF;
		background: #FF9999;
		font-weight: bold;
	}
	
div#dlgmat {
	width: 101.55%; /* for ie6 bug */
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 550;
	background: #000;
}

* html div#dlgmat { /* ie6 */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight +'px');
}
	
div#dlg {
	padding: 0 0 0 5px;
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 1000;
	background: url(/imgcommon/dialog_left.gif) no-repeat left top;
	font-size: 93%;
}

* html div#dlg {	/* ie6 */
	position: absolute;
	margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (dlgMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

	div#dlg span#close {
		display: block;
		width: 21px;
		height: 19px;
		position: absolute;
		left: 0;
		bottom: 0;
		background: url(/imgcommon/dialog_close.gif) no-repeat left top;
		cursor: pointer;
	}
	
	div#dlg span#close.hover {
		background: url(/imgcommon/dialog_close.gif) no-repeat left -19px;
	}
	
	div#dlg div#dlgtop {
		height: 5px;
		background: url(/imgcommon/dialog_top.gif) no-repeat right top;
		overflow: hidden;
	}

	div#dlg div#dlgcont {
		padding: 1.5em 0;
		background: #282828 url(/imgcommon/dialog_right.gif) no-repeat right top;
	}
	
		div#dlg div#dlgcont div {
			padding: 0 3.5em;
			color: #FFF;
			font-weight: bold;
		}
		
			div#dlg div#dlgcont div span {
				line-height: 1.7;
			}
			
				div#dlg div#dlgcont div span strong {
					border-bottom: dotted #F60 1px;
					padding: 0 .1em;
					color: #F60;
				}
	
	div#dlg div#dlgbtm {
		height: 5px;
		background: url(/imgcommon/dialog_bottom.gif) no-repeat right top;
		overflow: hidden;
	}