@charset "Shift_jis";
/* CSS Document */


/* 全体構造
---------------------------------------------------- */

html, body {
	margin: 5px 0px 20px 0px;
	background: url(http://tanemaki.cc/wedding/common/images/wadding_haikei.gif) repeat;
	text-align: center;
	background-color: #ffffff;  
	scrollbar-base-color: #ffffff;
	scrollbar-arrow-color: #000000;
	scrollbar-3dlight-color: #000000;
	scrollbar-shadow-color: #000000;
	scrollbar-darkshadow-color: #ffffff;
	scrollbar-highlight-color: #ffffff;
	scrollbar-track-color: #ffffff;
	scrollbar-face-color: #ffffff;
}

#wrapper {
	width: 929px;
	height:630px;
	margin:0px auto;
	padding:0;
	background:url(../img/page_back_image.jpg) repeat-y;
}

#top-book {
	width: 760px;
	height: 510px;
	margin-left: auto;
	margin-right: auto;
	background: url(../../00_top/images/book.jpg) no-repeat;
}

#top-book h2 {
	text-indent: -9999px;
}

#top-left-box {
	width: 280px;
	height: 350px;
	float: left;
	margin: 0;
	padding: 0;
	position:relative;
	left: 0;
}

#top-left-box h3 {
	text-indent: -9999px;
	width: 230px;
	height:150px;
	position: relative;
	top:145px;
}

#top-left-box h3 a {
	width: 230px;
	height:150px;
	display: block;
}

#top-right-box {
	width: 330px;
	height: 350px;
	float: right;
	margin: 0;
	padding: 0;
	position:relative;
	left: 45px;
}

.top-map {
	text-indent: -9999px;
	width: 140px;
	height:20px;
	position: relative;
	float: left;
	top:320px;
}

.top-map a {
	width: 140px;
	height:20px;
	display:block;
}

.top-sakoto-image {
	width: 102px;
	height:143px;
	margin: 47px 0 0 0;
	padding: 0;

}

.top-sakoto-image a {
	width: 102px;
	height:143px;
	display:block;
}

div#container{
	position:absolute;
	width:880px;
	height:602px;
	margin:30px 30px 30px 32px;
}

div#MainContents{
	width:880px;
	height:460px;
	background-color:#eaeaea;
	border:#CCCCCC solid 1px;
}

div#MainContents_top{		/* ＴＯＰのみ*/
	width:880px;
	height:460px;
}
	



h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}

/* リンク
---------------------------------------------------- */

a:link{
	color:#5D5DE3;
	text-decoration: none;
}

a:visited{
	color:#5D5DE3 ;
	text-decoration: none;
}

a:hover{
	color: #CC6600;
	text-decoration: underline;
}

a:active{
	color: #CC6600;
	text-decoration: none;
}


/* ヘッダ
---------------------------------------------------- */
#header{
	position:absolute;
	top:482px;
	left:0px;
	margin:0;
	height:42px;
	width:880px;
	text-indent:-9999px;
}

#header h1{
	position:absolute;
	top:0px;
	left:0px;
	margin:0;
	height:43px;
	width:307px;
}


#header h1 a {
	text-decoration: none;		/* ■Firefox等で線が表示されないようにする */
	display: block;
	width: 300px;
	height: 42px;
	float:left;
}


/* グローバル・ナビゲーション
---------------------------------- */
ul#siteNav{
	position:absolute;
	left:300px;
	top:580px;
	width:auto;
	height:auto;
	overflow:hidden;
}

#header ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#header li {
	margin: 0;
	padding: 0;
	height: 27px;
	text-indent: -9999px;
	position: relative;
	float: right;
}

#header li a {
	margin: 13px 0 0 0;
	text-decoration: none;		/* ■Firefox等で線が表示されないようにする */
	display: block;
	height: 27px;
}

#header li#Top {
	width: 40px;
}

#header li#News {
	width: 60px;
}

#header li#About {
	width: 60px;
	display: block;
}

#header li#Lesson {
	width: 65px;
}

#header li#Access{
	width: 65px;
}

#header li#stage {
	width: 55px;
}

#header li#contact {
	width:70px;
}

/* フッタ
---------------------------------------------------- */
#footer {
	position:absolute;
	top:444px;
	left:687px;
	margin:0;
	width: 87px;
	height: 49px;
	background: url(../img/footer_image.jpg) no-repeat;
	display: block;
	clear: both;
	margin:0 auto;
	text-indent: -9999px;
}

#footer ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

#footer li {
	margin: 0;
	padding: 0;
	height: 27px;
	text-indent: -9999px;
	position: relative;
	float: right;
}

#footer li a {
	margin: 13px 0 0 0;
	text-decoration: none;
	display: block;
	height: 27px;
}

#footer li#return {
	width: 40px;
}

#footer li#next {
	width: 60px;
}

#footer li#return a:hover {
	width: 43px;
	height: 59px;
	background: url(../../common/images/top_button_2-2.jpg) no-repeat;
}



#footer li#next a:hover {
	width: 42px;
	height: 59px;
	background: url(../../common/images/top_button_3-2.jpg) no-repeat;
}