@charset "UTF-8";

/*----------------------------------------------------
Common
----------------------------------------------------*/
html{background:#4d3567 url(../img/bg.jpg) 50% 0 no-repeat;}
body {
	text-align:center;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.4;
}

a:link {color:#036; text-decoration:none;}
a:visited {color:#306; text-decoration:none;}
a:hover {color:#C00; text-decoration:none;}
a:active {color:#039; text-decoration:none;} 

hr { display: none; }

/*input, textarea {
	background: #fff;
	border: none;
	border-top: 1px solid #a8a8a8;
	border-left: 1px solid #a8a8a8;
	border-right: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
	padding: 2px 5px;
	margin: 2px;
}*/

input:hover, textarea:hover {
	background: #ffd;
}

p.noscript{
	width:100%;
	padding:10px 0 10px 100px;
	color:#f00;
	font-weight:bold;
	background-color:#ff9;
}

p.page-top{
	position:absolute;
	bottom:-1px;
	right:0;
	background-color:#000;
	padding:3px 10px;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
}
	p.page-top a{
		color:#FFF!important;
		text-decoration:none;
		font-size:10px;
	}
	p.page-top a:hover{
		color:#bc986a!important;
	}


/*----------------------------------------------------
layout
----------------------------------------------------*/
#header{
	width:960px;
	height:86px;
	margin:0 auto;
}

#header:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
* html #header             { zoom: 1; } /* IE6 */
*:first-child+html #header { zoom: 1; } /* IE7 */

#logo {
	width:168px;
	float:left;
	padding-top:20px;
}

#header-link {
	height:22px;
	float:right;
	margin-top:50px;
	text-align:right;
}

#header-link ul {
	display:inline-table;
	display:inline;
	zoom:1;
}

#header-link ul:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
* html #header-link ul             { zoom: 1; } /* IE6 */
*:first-child+html #header-link ul { zoom: 1; } /* IE7 */

#header-link li {
	float:left;
	line-height:0;
	margin-left:5px;
}

#header-copy{
	width:100%;
	min-width:960px;
	background:url(../img/bg_white.png) 0 0 repeat;
}
	#header-copy p{
		width:960px;
		margin:0 auto;
		padding:5px 0;
		text-align:left;
		color:#000;
	}
		#header-copy p span{
			margin-left:2em;
			font-weight:bold;
		}
			#header-copy p span a{
				color:#000;
				background:url(../img/icon-link01.png) 0 40% no-repeat;
				padding-left:7px;
				text-decoration:none;
			}
			#header-copy p span a:hover{
				color:#C00;
			}
/*----------------------------------------------------
main-area
----------------------------------------------------*/
#main-area{
	width:100%;
	min-width:960px;
	height:240px;
	background:url(../img/bg_main.png) 0 0 repeat;	
}
	
#main-inner{
	position:relative;
	width:960px;
	height:240px;
	margin:0 auto;
}
	#main-inner:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
	* html #main-inner             { zoom: 1; } /* IE6 */
	*:first-child+html #main-inner { zoom: 1; } /* IE7 */
	
	#main-img{
		position:relative;
		float:left;
		width:680px;
		height:240px;
		overflow:hidden;
		z-index:1;
	}

	p#access img{
			position:absolute;
			top:218px;
			left:561px;
			width:119px;
			height:22px;
			z-index:2;
	}

	#main-navi{
		width:280px;
		height:240px;
		float:right;
		background:url(../img/bg_main_navi.jpg) 0 0 no-repeat;
		overflow:hidden;
	}
		#main-navi ul{
			width:280px;
			height:240px;
		}
		#main-navi ul li{
			float:left;
			line-height:0;
		}
		#main-navi ul li a{
			display:block;
			text-decoration:none;
			width:70px;
			height:240px;
			overflow:hidden;
			line-height:normal;
		}
			#main-navi ul li a span{
				visibility:hidden;
			}
		
		#main-navi ul li#nav01 a{background:url(../img/navi.png) 0 0 no-repeat;}
		#main-navi ul li#nav02 a{background:url(../img/navi.png) -70px 0 no-repeat;}
		#main-navi ul li#nav03 a{background:url(../img/navi.png) -140px 0 no-repeat;}
		#main-navi ul li#nav04 a{background:url(../img/navi.png) -210px 0 no-repeat;}

		#main-navi ul li#nav01 a:hover{background:url(../img/navi.png) 0 -240px no-repeat;}
		#main-navi ul li#nav02 a:hover{background:url(../img/navi.png) -70px -240px no-repeat;}
		#main-navi ul li#nav03 a:hover{background:url(../img/navi.png) -140px -240px no-repeat;}
		#main-navi ul li#nav04 a:hover{background:url(../img/navi.png) -210px -240px no-repeat;}
		
		#main-navi ul li#nav01 a.stay{background:url(../img/navi.png) 0 -240px no-repeat;}
		#main-navi ul li#nav02 a.stay{background:url(../img/navi.png) -70px -240px no-repeat;}
		#main-navi ul li#nav03 a.stay{background:url(../img/navi.png) -140px -240px no-repeat;}
		#main-navi ul li#nav04 a.stay{background:url(../img/navi.png) -210px -240px no-repeat;}

/*----------------------------------------------------
wrapper
----------------------------------------------------*/
#wrapperTop{
	position:relative;
	width:960px;
	margin:30px auto 0 auto;
}

#wrapper{
	position /**/:relative;
	width:960px;
	margin:30px auto 0 auto;
	background:url(../img/bg_white.png) 0 0 repeat;
}
	#wrapper:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
	* html #wrapper             { zoom: 1; } /* IE6 */
	*:first-child+html #wrapper { zoom: 1; } /* IE7 */

#wrap-inner{
	position:relative;
	width:900px;
	margin:0 auto;
	text-align:left;
	padding:30px 0 50px 0;
}

/*----------------------------------------------------
footer
----------------------------------------------------*/
#footer{
	width:100%;
	height:110px;
	background:url(../img/bg_main.png) 0 0 repeat;
}
	#footer-inner{
		width:960px;
		margin:0 auto;
		padding-top:10px;
	}
	#footer-inner ul{
		float:left;
		width:500px;
	}
	#footer-inner ul li{
		float:left;
		color:#FFF;
	}
	#footer-inner ul li a{
		text-decoration:none;
		color:#FFF;
	}
	#footer-inner ul li a:hover{
		color:#FC0;
	}
	#footer-inner p{
		float:right;
		width:400px;
		text-align:right;
		color:#FFF;
		font-family:Verdana, Geneva, sans-serif;
		font-size:10px;
	}