/* CSS Document */

body{
	padding: 0;
	margin: 0;
	font-size: 12px;
	line-height: 180%;
}


.left{
	float: left;
}


.right{
	float: right;
}

.clear{
	clear: both;
}

.lclear{
	clear: left;
}

.rclear{
	clear: right;
}

.totop{
	width: 100%;
	margin-top: 20px;
}

.totop a{
	display: block;
	text-indent: -30000px;
	width: 109px;
	height: 22px;
	float: right;
	background: url(../images/totop.gif) top left no-repeat;
}


.red{
	color:#A61E3E;
}


.vred{
	color:#ff0000;
}

.green{
color:#425B5E;
}

/* リンク画像ロールオーバー用 */

a img{
border: 0;
}

a:hover img{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}



/* メニュー用リンク */

a.top{
	width: 71px;
	background: url(../images/menu_top.gif) top left no-repeat;
}
		a:hover.top{
			background: url(../images/menu_top.gif) bottom left no-repeat;
			_background: url(../images/menu_top.gif) -12px left no-repeat;
		}


a.chapel{
	width: 47px;
	background: url(../images/menu_chapel.gif) top left no-repeat;
}
		a:hover.chapel{
			background: url(../images/menu_chapel.gif) bottom left no-repeat;
			_background: url(../images/menu_chapel.gif) -12px left no-repeat;
		}


a.dress{
	width: 34px;
	background: url(../images/menu_dress.gif) top left no-repeat;
}
		a:hover.dress{
			background: url(../images/menu_dress.gif) bottom left no-repeat;
			_background: url(../images/menu_dress.gif) -12px left no-repeat;
		}


a.plan{
	width: 58px;
	background: url(../images/menu_plan.gif) top left no-repeat;
}
		a:hover.plan{
			background: url(../images/menu_plan.gif) bottom left no-repeat;
			_background: url(../images/menu_plan.gif) -12px left no-repeat;
		}


a.price{
	width: 47px;
	background: url(../images/menu_price.gif) top left no-repeat;
}
		a:hover.price{
			background: url(../images/menu_price.gif) bottom left no-repeat;
			_background: url(../images/menu_price.gif) -12px left no-repeat;
		}


a.flow0{
	width: 83px;
	background: url(../images/menu_flow0.gif) top left no-repeat;
}
		a:hover.flow0{
			background: url(../images/menu_flow0.gif) bottom left no-repeat;
			_background: url(../images/menu_flow0.gif) -12px left no-repeat;
		}


a.flow1{
	width: 119px;
	background: url(../images/menu_flow1.gif) top left no-repeat;
}
		a:hover.flow1{
			background: url(../images/menu_flow1.gif) bottom left no-repeat;
			_background: url(../images/menu_flow1.gif) -12px left no-repeat;
		}


a.flow2{
	width: 95px;
	background: url(../images/menu_flow2.gif) top left no-repeat;
}
		div#foot_main .inner a:hover#foot_flow2{
			background: url(../images/menu_flow2.gif) bottom left no-repeat;
			_background: url(../images/menu_flow2.gif) -12px left no-repeat;
		}


a.qa{
	width: 34px;
	background: url(../images/menu_qa.gif) top left no-repeat;
}
		a:hover.qa{
			background: url(../images/menu_qa.gif) bottom left no-repeat;
			_background: url(../images/menu_qa.gif) -12px left no-repeat;
		}


a.guest{
	width: 83px;
	background: url(../images/menu_guest.gif) top left no-repeat;
}
		a:hover.guest{
			background: url(../images/menu_guest.gif) bottom left no-repeat;
			_background: url(../images/menu_guest.gif) -12px left no-repeat;
		}


a.access{
	width: 70px;
	background: url(../images/menu_access.gif) top left no-repeat;
}
		a:hover.access{
			background: url(../images/menu_access.gif) bottom left no-repeat;
			_background: url(../images/menu_access.gif) -12px left no-repeat;
		}


a.gaiyo{
	width: 59px;
	background: url(../images/menu_gaiyo.gif) top left no-repeat;
}
		a:hover.gaiyo{
			background: url(../images/menu_gaiyo.gif) bottom left no-repeat;
			_background: url(../images/menu_gaiyo.gif) -12px left no-repeat;
		}


a.policy{
	width: 118px;
	background: url(../images/menu_policy.gif) top left no-repeat;
}
		a:hover.policy{
			background: url(../images/menu_policy.gif) bottom left no-repeat;
			_background: url(../images/menu_policy.gif) -12px left no-repeat;
		}


a.inquiry{
	width: 71px;
	background: url(../images/menu_inquiry.gif) top left no-repeat;
}
		a:hover.inquiry{
			background: url(../images/menu_inquiry.gif) bottom left no-repeat;
			_background: url(../images/menu_inquiry.gif) -12px left no-repeat;
		}


a.doc_req{
	width: 71px;
	background: url(../images/menu_doc_req.gif) top left no-repeat;
}
		a:hover.doc_req{
			background: url(../images/menu_doc_req.gif) bottom left no-repeat;
			_background: url(../images/menu_doc_req.gif) -12px left no-repeat;
		}


a.reserve{
	width: 71px;
	background: url(../images/menu_reserve.gif) top left no-repeat;
}
		a:hover.reserve{
			background: url(../images/menu_reserve.gif) bottom left no-repeat;
			_background: url(../images/menu_reserve.gif) -12px left no-repeat;
		}



a.photo_w{
	width: 131px;
	background: url(../images/menu_photo_w.gif) top left no-repeat;
}
		a:hover.photo_w{
			background: url(../images/menu_photo_w.gif) bottom left no-repeat;
			_background: url(../images/menu_photo_w.gif) -12px left no-repeat;
		}


a.mmg{
	width: 154px;
	background: url(../images/menu_mmg.gif) top left no-repeat;
}
		a:hover.mmg{
			background: url(../images/menu_mmg.gif) bottom left no-repeat;
			_background: url(../images/menu_mmg.gif) -12px left no-repeat;
		}


a.art{
	width: 95px;
	background: url(../images/menu_art.gif) top left no-repeat;
}
		a:hover.art{
			background: url(../images/menu_art.gif) bottom left no-repeat;
			_background: url(../images/menu_art.gif) -12px left no-repeat;
		}




/* ヘッダー */

div#head{
	width: 100%; 
	height: 169px;  
	text-indent: -30000px;
	background: url(../images/head_bg.gif) top center no-repeat;
	_margin-top: 0;
}

	*:first-child + html div#head{
		margin-top: 0;
	}


div#head_main{
	width: 900px;
	height: 169px;
	margin: 0 auto;
	position: relative;
}

a#site_id{
	display: block;
	width: 301px;
	height: 38px;
	background: url(../images/site_id.png) top left no-repeat;
	position: absolute; 
	top: 33px; 
	left: 75px;
}


div#head_main h1{
	width: 750px;
	height: 30px;
	margin: 0;
	padding: 0; 
	position: absolute;
	top: 121px; 
	left: 75px;
	_line-height: 0px;
}

div#head_menu{
	position: absolute; 
	top: 24px; 
	right: 75px; 
	width: 400px; 
	height: 60px;
}

div#head_menu a{
	display: block;
	height: 12px;
	_overflow: hidden;
	margin: 0 0 35px 18px;
	float: right;		
}



/* コンテンツ用エリア */

div.contents{
	width: 900px;
	margin: 50px auto 80px auto;
}

div.inner{
	width: 750px;
	margin: 0 auto;
}


div#contents500{
	width: 500px; 
	margin: 0 auto;
	border: 1px solid #666666;
}


div#contents500 .inner{
	width: 400px; 
	margin: 50px auto;
}


/* フッター */

div#foot{
	width: 100%;
	height: 220px;
	background: url(../images/foot_bg.gif) bottom center no-repeat;
}


*:first-child + html div#foot{
	margin-top: -3px;
}


	div#foot_top{
		border-bottom: 1px solid #FFC0CD; 
		padding-bottom: 8px;
	}

div#foot_main{
	width: 900px;
	margin: 0 auto;
	padding-top: 27px;
}


div#foot_main .inner{
	width: 750px;
	margin: 0 auto;
}



div#foot_main .inner ul{
	margin:8px 0 0 0; 
	padding: 0;
	width: 185px;
	float: left;
	list-style: none;
	}
	

div#foot_main .inner ul li{
	margin: 0 0 17px 0;
	_margin-bottom: 8px;	
}

	*:first-child + html div#foot_main .inner ul li{
		margin-bottom: 8px;
	}

div#foot_main .inner a{
	display: block;
	height: 12px;
	text-indent: -30000px;
	_overflow: hidden;
}