@charset "UTF-8";
@import url("../webfonts/C_Rial/stylesheet.css");



/*-----------------------
	body
-----------------------*/

body {
	color: #666;
	padding: 0;
	margin: 0;
	background-color: #67bfc2;
	background-image: url(../images/bg/bg.gif);
	min-width:1020px;
    _display: inline;
    _zoom:1;
}


/*-----------------------
	container
-----------------------*/
#container{
	width: 100%;
	margin: 0 auto;
	}

/*-----------------------
	section
-----------------------*/
.section{
	width: 100%;
	margin: 0 auto 300px auto;
	}

/*-----------------------
	toppage
-----------------------*/

#top_content {
	position: relative;
	width: 1000px;
	height: 900px;
	margin: 0 auto;
	overflow: visible;
	border: 1px dotted #FFF;
	background-color: #FFF;
}

#top_title {
	position: absolute;
	height: 222px;
	width: 756px;
	left: 143px;
	top: 180px;
}


#top_menu {
	position: absolute;
	margin: 0px;
	padding: 0px;
	top: 373px;
}

#top_menu a img {
	border: 0;
	margin: 0px;
	padding: 0px;
}

#top_menu img {
	float: left;
}



/*-----------------------
	content
-----------------------*/
#content {
	position: relative;
	width: 900px;
	height: 900px;
	margin: 0 auto;
	padding: 50px;
	overflow: visible;
	border: 1px dotted #FFF;
}

#content figure {
	position: absolute;
	left: 600px;
	top: 20px;
}

#content figure .water{
	position:absolute;
	top: -100px;
}





/*-----------------------
	commentbox
-----------------------*/

#commentbox {
	float: left;
	width: 500px;
	margin: 100px 50px 0 0;
}

#commentbox .credit {
	color: #FFF;
	font-size: 12px;
	letter-spacing: 0.2em;
	margin: 0;
	clear: both;
}


/*-----------------------
	comment
-----------------------*/
#comment {
	background-color: #FFF;
	padding: 10px 25px 20px 25px;
	margin-bottom: 60px;
}


#comment h2 {
	font-size: 35px;
	font-family: "C Rial";
	font-weight: 100;
	letter-spacing: 0.1em;
	margin-top: -40px;
	color: #333;
}


#comment h3 {
	font-size: 16px;
	letter-spacing: 0.2em;
	margin: 10px 0 10px 0;
}

#comment p {
	font-size: 14px;
	line-height: 180%;
	letter-spacing: 0.2em;
	margin-bottom: 10px;
	text-align: justify;
	text-justify: inter-ideograph;
}

#comment ul {
	overflow: hidden;
}

#comment ul li {
	float: left;
	margin-right: 10px;
	border: 1px dotted #666;
}


/*-----------------------
	footer
-----------------------*/

#footer {
	position: fixed;
	bottom: 0;
	width: 100%;
	height: 290px;
	text-align: center;
	margin: 0 0 -198px 0;
	/*IE7、IE8用スタイル*/
	
	
	boder-top: 1px solid #1c5e8b\9;
	-webkit-transition: all 1s ease-out 0s;
	-moz-transition: all 1s ease-out 0s;
	-ms-transition: all 1s ease-out 0s;
	-o-transition: all 1s ease-out 0s;
	transition: all 1s ease-out 0s;
}
#mo_model #content {
	height: 1500px;
}



/*-----------------------
	gnav
-----------------------*/

#gnav {
	margin: 0 auto;
	width: 980px;
	background: #FFF;
	padding: 15px 10px 0 15px;
}

#gnav li {
	float: left;
}

#gnav li a {
	padding: 0;
}


/*-----------------------
	footer
-----------------------*/

#footer:hover {
	margin-bottom: 0px;
}