/*　基本構造　*/

body {
	background: #FFF url(../images/bg.jpg) repeat center top fixed;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	font-size: 14px;
	line-height: 1.6;
	color: #333333;
}

img {
	border: 0;
}

table {
	border-collapse: collapse;
}
table, th, td {
	padding: 0;
	margin: 0;
	border: 0px solid;
}

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


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

   link

--------------------------------------*/
a {
	text-decoration: none;
}

a:link {
	color: #00A0C6;
}

a:visited {
	color: #91918F;
}

a:hover {
	color: #FF9500;
}

a:active {
	color: #FF9500;
}



.attention {
	font-size: 11px;
	padding-top: 5px;
	padding-right: 10px;
	color: #999;
}
	
div#wrapper {
	width: 800px;
	margin: 0 auto;
}
	
div#head {
	width: 800px;
	height: 40px;
	text-align:left;
}

div#mainTitle {
	width: 800px;
	height: 470px;
	position: relative;
}

	h1#title {
		position:absolute;
		width: 430px;
		top: 0px;
		left: 0px;
	}
	
	div#anim {
		position:absolute;
		width: 430px;
		top: 0px;
		left: 0px;
	}

	div#mainPhoto {
		position:absolute;
		width: 430px;
		top: 235px;
		left: 0px;
	}

	div#yodogawa {
		position:absolute;
		width: 370px;
		top: 0px;
		right: 0px;
	}

	div#btnInfo {
		position: absolute;
		left: 30px;
		bottom: 20px;
		width: 160px;
		height: 40px;
	}

	div#btnMail {
		position: absolute;
		left: 210px;
		bottom: 20px;
		width: 160px;
		height: 40px;
	}
	

div#mainTitle2 {
	width: 800px;
	height: 335px;
	position: relative;
}

	div#mainPhoto2 {
		position:absolute;
		width: 370px;
		top: 0px;
		right: 0px;
	}




div#mainTop {
	height: 30px;
	background: url(../images/content_top.png) no-repeat center top;
}

div#mainTop2 {
	height: 30px;
	background: url(../images/content_top.png) no-repeat center top;
}

	
div#main {
	background: url(../images/content_middle.gif) repeat-y center top;
}

div#mainMap {
	background: url(../images/content_middle.gif) repeat-y center top;
	height: 585px;
}

div#mainBottom {
	height: 30px;
	background: url(../images/content_bottom.png) no-repeat center top;
}

div#mainBottom2 {
	height: 30px;
	text-align: right;
	background: url(../images/content_bottom.png) no-repeat center top;
}





div#footer {
	width: 800px;
	height: 40px;
	margin: 10px auto;
	text-align:left;
}

	div#footer ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
		height: 40px;
	}
	
	div#footer li {
		margin: 0 20px 0 0;
		padding: 0;
		float: left;
		height: 40px;
	}




div#peoplesTop {
	position: absolute;
	top: 235px;
	height: 100px;
}

div#peoplesMiddle {
	margin: 20px 0 0;
}


div#peoplesBottom {
	text-align: right;
}


	
div#copyright {
	text-align: right;
	margin-bottom: 30px;
}




	
/*　ナビ　*/

div#snavi{
	float: right;
	margin: 20px 30px 0 0;
}

div#snavi ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	line-height: 0;
}

div#snavi li{
	display: block;
	margin: 0;
	padding: 0;
}
	
/*　フォント　*/

.gray12px{
	font-size: 12px;
	color: #999999;
	}
	
.alert{
	color: #930;
	font-size: 10px;
	}
	
/*　タブ　*/

div#tab{
	margin-top: 30px;
}

ul#submenu {
	list-style-type:none;
	line-height: 0;
	margin: 0;
	padding: 0;
}

ul#submenu li {
	float: left;
}

.line {
	width: 830px;
	margin: 30px auto 30px;
}

.line2 {
	width: 680px;
	margin: 0 auto;
}

.clear {
	clear:both;
}