@import url(../common/css/reset.css);
@import url(../common/css/base.css);



body {
	background-image:url(../img/index02/bg_rep_001.jpg);
	background-repeat:repeat-x;
	font-size:12px;
}

#g_navi {
	position:absolute;
	top:44px;
	left:359px;
	width:582px;
	height:30px;
	padding: 0;
	margin: 0;
}


#wrapper {
	position:relative;
	width:960px;
	height:620px;
	margin:0 auto;
	background-image:url(../img/index02/bg.jpg);
	background-repeat:no-repeat;
}

#cont_wrapper {
	width:960px;
	padding:15px 0px 20px 1px;
}

#cont_wrapper h1 {
	padding-left:51px;
	padding-top:24px;
	float:left;
}

#cont_wrapper #header {
	height:40px;
}




#contents {
	height:300px;
	position:absolute;
	top:86px;
	left:25px;
	width:886px;
	/*margin-top:40px;
	margin-left:140px;*/
	
}
#ph_pos {
	width:380px;
	padding-left:124px;
	float:left;
	clear: both;
}

#ph_pos ul{padding-top: 18px;}



/* contents
---------------------------------------------------------------------------------------------------- */



#contents dt {
	padding-left:40px;
	padding-bottom:40px;
}

#main_ph {
	position:absolute;
	top:104px;
	left:663px;
}

#news {
	position:absolute;
	top:420px;
	left:532px;
	font-size:12px;
	color:#FFFFFF;
	height:120px;
}

#news_cont {
	width:400px;
	height:95px;
	overflow:auto;
}
#news_cont a {
	text-decoration:underline;
}
#news_cont a:hover {
	text-decoration:none;
}

#news .nt01{
	border-bottom:#FFFFFF dotted 1px;
	padding-bottom:5px;
	padding-top: 5px;
}

#news .ntLeft {
	vertical-align:inherit;
	width:80px;
	float:left;
}

#news .ntRight {
	vertical-align:inherit;
	width:280px;
	float:left;
}

.btn_001 {
	position:absolute;
	top:510px;
	left:20px;
	height:30px;
	width:223px;
	
	
	
}

.btn_001 a {
	width:123px;
	height:30px;
	display:block;
	background-image:url(../img/index02/bt_001.jpg);
	background-repeat:no-repeat;
	background-position:bottom left;
	text-indent:-9999px;
}

.btn_001 a:hover {
	height:30px;
	background-position:0px 0px;
}



#phs {
	position:absolute;
	top:327px;
	height:150px;
	width:400px;
}

#phs li {
	float:left;
}

#phs .ph01 {
	padding-left:6px;
}

#phs .ph02 {
	padding-left:11px;
}


#phs .ph03 {
	padding-left:11px;
}

#phs .ph04 {
	padding-left:11px;
}

#phs .ph04 {
	padding-left:11px;
}

#phs .ph05 {
	padding-left:11px;
}
#pan{
	position: absolute;
	right: 24px;
}
#pan .pan_link a{
	background-color:#FFFFFF;
	color:#000000;
	z-index: 20;
}
/* footer
---------------------------------------------------------------------------------------------------- */

.co_name {
	position:absolute;
	top:572px;
	left:18px;
}
#footer {
	position:absolute;
	top:575px;
	left:0px;
	font-size:12px;
	text-align:right;
	height:20px;
	width:916px;
	/*width:300px;*/
	margin:0px;
	padding-left:18px;
}

#pp {
	padding-top:5px;
	padding-bottom: 5px;
	font-size:10px;
	color:#333333;
	line-height:1.2;
	display:block;
	width: 300px;
	float: right;
}
#print{
	width: 300px;
	float: left;
	color:#333333;
	text-align: left;
	font-weight: bold;

}
#print a{
	color:#333333;
}
.inner{
	clear: both;
	width: 100%;
}

#sp_banner {
	position:absolute;
	left:19px;
	top:449px;
}
	#sp_banner ul {
	}
	#sp_banner li {
		float:left;
	}
	#sp_banner li.li1 {
		margin-right:10px;
	}
		#sp_banner li img {
			vertical-align:bottom;
		}
.ft_navi {
	padding-bottom:8px;
}

/* clearfix
---------------------------------------------------------------------------------------------------- */
#g_navi:after , .inner:after{
	content: ".";
	display: block;
	clear: both; 
	height: 0;
	visibility: hidden;
}
.clear{
	clear: both;
}