@charset "utf-8";

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

#header{
width:1100px;
height:120px;
margin:0 auto;
padding-top:15px;
background:url(../img/header.gif) no-repeat center top;
}

#header #menu{
width:960px;
height:84px;
padding-bottom:36px;
margin:0 auto;
}

	#menu li{
	float:left;
	width:84px;
	height:84px;
	padding:0 78px;
	background:no-repeat right top;
	}
	
	#menu li.m01{background-image:url(../img/m01.gif);}
	#menu li.m02{background-image:url(../img/m02.gif);}
	#menu li.m03{background-image:url(../img/m03.gif);}
	#menu li.m04{background-image:url(../img/m04.gif);}
	
	#menu li a{
	display:block;
	height:84px;
	background:no-repeat left bottom;
	text-indent:-9999px;
	overflow:hidden;
	}
	#menu li#m01 a{background-image:url(../img/01m01_a.png);}
	#menu li#m02 a{background-image:url(../img/01m02_a.png);}
	#menu li#m03 a{background-image:url(../img/01m03_a.png);}
	#menu li#m04 a{background-image:url(../img/01m04_a.png);}
	
	#menu li a:hover{
	background-position:top;
	}

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

#container{
width:962px;
height:100%;
margin:-45px auto 0 auto;
padding:0 19px;
}

	#container #head{
	width:880px;
	height:165px;
	padding:35px 41px 0 41px;
	background:no-repeat left top;
	}

		#pathlist{
		height:20px;
		padding-bottom:25px;
		padding-left:0.5em;
		}
		
			#pathlist li{
			line-height:20px;
			font-size:0.834em;
			display:inline;
			}

	#container #contents{
	width:880px;
	height:100%;
	padding:8px 41px 200px 41px;
	margin:0 auto;
	background:url(../img/contents.png) repeat-y center bottom;
	}

		#contents #column{
		width:680px;
		padding-right:200px;
		}

		#contents #column_left{
		float:left;
		width:670px;
		}

		#contents #column_right{
		float:right;
		width:200px;
		}

/****************************************************************************
fixed
****************************************************************************/

#logo{
position:fixed;
bottom:55px;
left:0;
width:100%;
height:100px;
}

#home #logo{
height:110px;
}

	#logo a{
	display:block;
	width:290px;
	height:100px;
	margin:0 auto;
	background:url(../img/01logo.png) no-repeat center top;
	text-indent:-9999px;
	overflow:hidden;
	}

	#home #logo a{
	width:320px;
	height:110px;
	background:url(../img/01home_logo.png) no-repeat center top;
	}

#cover{
position:fixed;
bottom:30px;
width:100%;
height:110px;
background:url(../img/01cover.png) no-repeat center bottom;
}

#home #cover{
height:120px;
background-image:url(../img/01home_cover.png);
}

#left{
position:fixed;
left:0;
bottom:30px;
background:url(../img/01left_bottom.png) no-repeat left bottom;
width:360px;
height:131px;
}

#left_top{
position:fixed;
left:0;
bottom:160px;
width:85px;
height:115px;
background:url(../img/01left_top.png) no-repeat left bottom;
}

#right{
position:fixed;
bottom:30px;
right:0;
background:url(../img/01right_bottom.png) no-repeat right bottom;
width:360px;
height:131px;
}

#right_top{
position:fixed;
right:0;
bottom:160px;
width:85px;
height:115px;
background:url(../img/01right_top.png) no-repeat left bottom;
}

#board{
position:fixed;
bottom:55px;
right:135px;
width:180px;
height:95px;
}

	#board a{
	position:relative;
	display:block;
	width:180px;
	height:95px;
	margin:0 auto;
	text-indent:-9999px;
	overflow:hidden;
	background:
	}

/****************************************************************************
フッタ
****************************************************************************/

#footer{
position:fixed;
bottom:0;
width:100%;
height:55px;
background:url(../img/footer.gif) repeat-x left bottom;
}
	
	#footer p.copyright{
	height:25px;
	margin:0 auto;
	line-height:25px;
	font-size:0.667em;
	text-align:center;
	}

		#footer p.copyright a{
		color:#4d4d4d;
		padding:5px 0 5px 20px;
		margin-left:1em;
		background:url(../img/shlogo.gif) no-repeat left 50%;
		}


	#footer ul{
	width:960px;
	height:19px;
	padding-top:11px;
	margin:0 auto;
	text-align:center;
	background:url(../img/footer_ul.gif) no-repeat center top #84B951;
	}
	
		#footer li{
		display:inline;
		text-align:center;
		padding:0 0.5em;
		border-right:1px solid #fff;
		line-height:0.917em;
		}
		
		#footer li.last{
		border:none;
		}
		
		#footer li a,
		#footer li span{
		color:#fff;
		font-size:0.917em;
		letter-spacing:normal;
		line-height:0.917em;
		}

/****************************************************************************
共通クラス
****************************************************************************/

p.pager{
clear:both;
margin-top:30px;
text-align:center;
font-size:18px;
width:900px;
}

p.pager a,
p.pager span{
line-height:40px;
}
p.pager a.prev{margin-right:20px;}
p.pager a.next{margin-left:20px;}

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

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

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

*+html body .clear,
*+html body #container,
*+html body #contents{
display:inline-block;
}

* html body .clear,
* html body #container,
* html body #contents{
height:1px;
}

.hidden{
text-indent:-9999px;
overflow:hidden;
}