@charset "utf-8";

/****************************************************************************
シャドウ
****************************************************************************/

div#shadow{
width:100%;
height:14px;
position:absolute;
top:0;
left:0;
background:url(img/shadow.png) no-repeat left top;
}


/****************************************************************************
ラップ
****************************************************************************/

#wrap{
width:925px;
padding-right:5px;
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -225px auto;
}

/****************************************************************************
ヘッダ
****************************************************************************/

div#header{
width:925px;
height:276px;
}

#home #header{height:390px;}

	#header div#logo,
	#home #header h1{
	float:left;
	width:160px;
	padding:20px 25px 0 25px;
	height:256px;
	position:relative;
	background:url(img/h1.png) no-repeat left top;
	}

	#home #header h1{
	width:210px;
	height:390px;
	text-indent:-9999px;
	overflow:hidden;
	padding:0;
	background-image:url(img/home_h1.png);
	}
	
		#header div#logo a,
		#home #header h1 a{
		display:block;
		width:160px;
		height:155px;
		text-indent:-9999px;
		overflow:hidden;
		}

	#header div#flash,
	#header div#title{
	float:left;
	margin-left:-5px;
	width:720px;
	height:390px;
	}
	#header div#title{
	background:no-repeat left top;
	height:175px;
	}
	
		#title h1{
		float:left;
		text-indent:-9999px;
		overflow:hidden;
		width:550px;
		height:175px;
		}
		
		#title p{
		float:left;
		width:170px;
		height:54px;
		padding-top:34px;
		}
		
			#title p a{
			display:block;
			height:54px;
			text-indent:-9999px;
			overflow:hidden;
			}
		
	#header ul#pathlist{
	float:left;
	width:645px;
	padding:22px 0 0 35px;
	}
	
	#header ul#pathlist li{
	float:left;
	}

	#header p#headcopy{
	float:left;
	padding:35px 0 0 35px;
	}

/****************************************************************************
コンテナ
****************************************************************************/

div#container{}

/****************************************************************************
コンテンツ
****************************************************************************/

div#contents{
position:relative;
float:right;
width:680px;
padding-bottom:55px;
}

/****************************************************************************
サイド
****************************************************************************/

div#side{
float:left;
width:210px;
padding-bottom:55px;
}

	#side ul{
	width:200px;
	padding:0 5px;
	background:url(img/side_ul.png) repeat-y center top;
	}
	
		#side ul li{
		width:200px;
		height:58px;
		}
		
		#side ul li a{
		display:block;
		height:58px;
		text-indent:-9999px;
		overflow:hidden;
		background:no-repeat left top;
		}
		
		#side ul li a:hover{
		background-position:right;
		}
		
		#side ul li#m01 a{background-image:url(img/m01.gif);}
		#side ul li#m02 a{background-image:url(img/m02.gif);}
		#side ul li#m03 a{background-image:url(img/m03.gif);}
		#side ul li#m04 a{background-image:url(img/m04.gif);}
		#side ul li#m05 a{background-image:url(img/m05.gif);}
		#side ul li#m06 a{background-image:url(img/m06.gif);}
		#side ul li#m07 a{background-image:url(img/m07.gif);}
		#side ul li#m08 a{background-image:url(img/m08.gif);}
		
	#side p#tel{
	width:210px;
	height:60px;
	background:url(img/side_tel.gif) no-repeat left top;
	text-indent:-9999px;
	overflow:hidden;
	}
	
/****************************************************************************
フッタ
****************************************************************************/

div#footer{
clear:both;
width:100%;
height:220px;
border-top:5px solid #D8001E;
background:url(img/footer.gif) no-repeat center top;
}

.push{
clear:both;
width:100%;
height:225px;
}

	#footer div{
	width:920px;
	margin:0 auto;
	padding-top:15px;
	}
	
	#footer ul{
	margin-left:-1em;
	_margin-left:-0.5em;
	padding-bottom:1em;
	}
	
	#footer ul li{
	float:left;
	font-size:11px;
	letter-spacing:normal;
	padding:0 1em;
	border-right:1px solid #fff;
	line-height:12px;
	height:12px;
	}
	
		#footer ul li.last{
		border:none;
		}
		
		#footer ul li a{
		color:#fff;
		}
		
	#footer address{
	float:left;
	width:192px;
	height:70px;
	text-indent:-9999px;
	overflow:hidden;
	}

	#footer p{
	float:right;
	font-size:11px;
	letter-spacing:normal;
	text-align:right;
	color:#fff;
	}
	 
/****************************************************************************
共通クラス
****************************************************************************/

p.gotop{
width:100%;
height:20px;
padding-bottom:40px;
}
	
	.gotop a{
	float:right;
	display:block;
	width:160px;
	height:20px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(img/gotop.gif) no-repeat right top;
	}

	.gotop a:hover{
	filter: Alpha(opacity=50);
	opacity:0.5;
	}

ul.stripe{
margin-top:30px;
margin-right:-38px;
}

ul.stripe li{
float:left;
width:321px;
padding-right:38px;
}

ul.stripe li div{
width:297px;
padding:12px;
cursor:pointer;
background:url(img/stripe.gif) repeat 38px bottom;
}

	ul.stripe li div p{
	padding:0 10px 10px 10px;
	background:#fff;
	}

	ul.stripe li div:hover{
	filter: Alpha(opacity=50);
	opacity:0.5;
	}

.kome{
text-indent:-1em;
margin-left:1em;
}

.clear:after,
#container:after,
ul:after,
li:after{
content:"";
display:block;
clear:both;
}