@charset "UTF-8";

/*========================================================

top.css

==========================================================*/

#header { margin-bottom: 20px;}

#contents {
	background: url(../img/top/top_bg_middle.gif) repeat-y left top;
	margin-bottom: 20px;
	}

#pagettl {
	background: url(../img/top/top_bg_con.gif) no-repeat 0 0;
	width: 911px;
	height: 394px;
	margin-bottom: 10px;
	border-bottom: 2px solid #FF3300;
	position: relative;
	zoom: 1;
	}
	
#pagettl h2 {
	position: absolute;
	top: 34px;
	left: 221px;
	}
	
#pagettl p {
	text-indent: -9999px;
	background: url(../img/top/top_txt_001.gif) no-repeat 0 0;
	width: 475px;
	height: 16px;
	top: 238px;
	left: 214px;
	position: absolute;
	}
	
#pagettl p#read	{
	text-indent: -9999px;
	background: url(../img/top/top_ttl_001.png) no-repeat 0 0;
	width: 332px;
	height: 31px;
	position: absolute;
	top: -20px;
	left: 289px;
	}
	
#contents div#education {
	width: 550px;
	position: absolute;
	top: 269px;
	left: 181px;
	}
	
div#education ul:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; font-size: 0;}	
	
#contents div#education ul li {
	float: left;
	display: inline;
	text-indent: -9999px;
	width: 130px;
	height: 108px;
	margin-right: 10px;
	}
	
div#education ul li#education001 { background: url(../img/top/top_education_001.gif) no-repeat 0 0;}
div#education ul li#education002 { background: url(../img/top/top_education_002.gif) no-repeat 0 0;}
div#education ul li#education003 { background: url(../img/top/top_education_003.gif) no-repeat 0 0;}
div#education ul li#education004 { background: url(../img/top/top_education_004.gif) no-repeat 0 0; margin-right: 0;}

#pagettl div#img_pika {
	position: absolute;
	top: 59px;
	left: -2px;
	}	

#pagettl div#img_piko {
	position: absolute;
	top: 89px;
	left: 704px;
	}	

	
#contents div#nav {
	width: 911px;
	padding-bottom: 17px;
	background: url(../img/top/top_bg_Bottom.gif) no-repeat left bottom;
	}
	
#contents div#nav #nav_bottom {
	}
	
#contents div#nav ul {
	background: url(../img/common/border_y_001.gif) no-repeat left top;
	height: 75px;
	padding: 0 0 0 7px;
	margin: 0 0 0 22px;
	}	
	
div#nav ul#navlist:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; font-size: 0;}	
	
	
div#nav ul li {
	float: left;
	display: inline;
	margin-right: 7px;
	padding-right: 7px;
	background: url(../img/common/border_y_001.gif) no-repeat right top;
	}
	
div#nav li a {
	display: block;
	text-indent: -9999px;
	width: 160px;
	height: 75px;
	}

div#nav ul li#nav001 a { background: url(../img/top/top_nav_001.gif) no-repeat left top;}
div#nav ul li#nav002 a { background: url(../img/top/top_nav_002.gif) no-repeat left top;}
div#nav ul li#nav003 a { background: url(../img/top/top_nav_003.gif) no-repeat left top;}
div#nav ul li#nav004 a { background: url(../img/top/top_nav_004.gif) no-repeat left top;}
div#nav ul li#nav005 a { background: url(../img/top/top_nav_005.gif) no-repeat left top;}
	
div#nav ul li#nav001 a:hover { background: url(../img/top/top_nav_001.gif) no-repeat right top;}
div#nav ul li#nav002 a:hover { background: url(../img/top/top_nav_002.gif) no-repeat right top;}
div#nav ul li#nav003 a:hover { background: url(../img/top/top_nav_003.gif) no-repeat right top;}
div#nav ul li#nav004 a:hover { background: url(../img/top/top_nav_004.gif) no-repeat right top;}
div#nav ul li#nav005 a:hover { background: url(../img/top/top_nav_005.gif) no-repeat right top;}

#footer {
	width: 911px;
	background: url(../img/common/bg_middle_001.gif) repeat-y 0 0;
	margin: 0 auto 0 auto;
	}
	
#footer .con_bottom {
	background: url(../img/common/bg_bottom_001.gif) no-repeat left bottom;
	}

#footer .con_top {
	background: url(../img/common/bg_top_001.gif) no-repeat 0 0;
	padding: 13px 0 13px 0;
	}
	
#footer h2 {
	padding-top:10px;
	padding-left: 13px;
	float:left;
	}	
	

#ban_pv{
	float:right;
	padding:0px;
	width:557px;
	margin-right:15px;
	
}

#ban_pv ul li{
	float:left;
}

#ban_pv2{
	padding:0 0px 0 0px;
	position:absolute;
	left: 625px;
	top: -33px;
}