@charset "utf-8";

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

#wrap{
width:960px;
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -130px auto;
}

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

#header{
height:166px;
background:url(images/header.png) no-repeat center bottom;
position:relative;
}

	#logo{
	float:left;
	width:204px;
	height:54px;
	margin:25px 0 21px 0;
	text-indent:-9999px;
	overflow:hidden;
	background:url(images/logo.png) no-repeat;
	}
		
		#logo a{
		display:block;
		width:204px;
		height:54px;
		overflow:hidden;
		}

	#hnavi{
	float:right;
	padding-top:43px;
	}
	
  #header p{
		float:left;
    width:282px;
    height:14px;
    margin:45px 0 0 20px;
    background:url(images/header_copy.png) no-repeat;
    text-indent:-9999px;
    overflow:hidden;
    }
  
	#gnavi{
	clear:both;
	}

		#hnavi li{
		float:left;
		padding-left:24px;
		}

		#gnavi li{
		float:left;
		}
		
		#hnavi a,
		#gnavi a{
		display:block;
		text-indent:-9999px;
		overflow:hidden;
		background:no-repeat left bottom;
		font-size:1%;
		line-height:1%;
		}
		
		#hnavi a{height:14px;}
		#hnavi a:hover{background-position:top;}
		#gnavi a{height:60px; background-position:right center;}
		#gnavi a:hover{background-position:left;}

		#hn01 a{width:53px; background-image:url(images/hn01.png);}
		#hn02 a{width:42px; background-image:url(images/hn02.png);}

		#gn01 a{width:148px; background-image:url(images/gn01.png);}
		#gn02 a{width:134px; background-image:url(images/gn02.png);}
		#gn03 a{width:166px; background-image:url(images/gn03.png);}
		#gn04 a{width:202px; background-image:url(images/gn04.png);}
		#gn05 a{width:170px; background-image:url(images/gn05.png);}
		#gn06 a{width:140px; background-image:url(images/gn06.png);}
		
		#gn01,#gn02,#gn03,#gn04,#gn05{
		background:url(images/gnavi_li.gif) no-repeat right 20px;
		}

/****************************************************************************
ヘッドイメージ
****************************************************************************/

#headimg{
margin-top:-6px;
padding-top:165px;
background:no-repeat left top;
}

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

#container{
padding-bottom:40px;
}
	.column{clear:both;}
	.columnleft{float:left;}
	.columnright{float:right;}

	.headcopy{
	padding:20px 0 1em 0;
	}

	#container h2{
	clear:both;
	height:18px;
	line-height:18px;
	font-size:18px;
	padding:30px 0 11px 0;
	background:url(images/line_w960.gif) no-repeat left bottom;
	}

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

#footer{
width:100%;
height:129px;
border-top:1px solid #3f3f3f;
background:#000;
text-align:center;
}

.push{height:130px;}

	#footer ul{
	padding:16px 0 15px 0;
	margin-top:-1px;
	background:url(images/line_gradation.gif) no-repeat center top;
	}

	/* for WinIE7*/
	*+html body #footer ul{
	display:inline-block;
	position:relative;
	}
	
	/* for WinIE6*/
	* html body #footer ul{
	display:inline-block;
	position:relative;
	}
	
		#footer li{
		display:inline;
		padding:0 1em;
		border-right:1px solid #cbcbcb;
		font-size:0.858em;
		}
		
		#footer a{
		color:#cbcbcb;
		}
		
	#footer address,
	#footer p{
	text-align:center;
	padding-bottom:15px;
	font-size:0.786em;
	}
	
	#footer p{
	font-size:0.715em;
	}

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

#gotop{
width:30px;
height:120px;
position:fixed;
bottom:150px;
right:0;
}
	
	#gotop a{
	display:block;
	width:30px;
	height:120px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(images/gotop.gif) no-repeat left top;
	}

	#gotop a:hover{
	filter:alpha(opacity=50);
	opacity:0.5;
	}

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

.sage{
padding-top:0.8em;
}

.bl{
cursor:pointer;
}

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

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

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