﻿@charset "utf-8";

/******************************************************************** structure
*/

#wrapper {
	width: 100%;
	text-align: left;
	margin: 0 auto;
}

#header {
	position: relative;
	margin: 0 auto;
	min-height: 106px;
	width: 960px;
	background: url(../img/header_bg.png) no-repeat 0 98px;
}

#container {
	margin: 0 auto;
	width: 960px;
}

#aside {
	position: relative;
	float: left;
	width: 300px;
}

#contents {
	position: relative;
	float: right;
	display: inline;
	width: 640px;
	margin:8px 0 48px;
}

#pageTop {
	position: relative;
	margin: 8px auto 25px;
	width: 960px;
}

#footer {
	position: relative;
	clear: both;
	padding: 64px 0 12px 0;
	margin: 0 auto;
	width: 960px;
	border-top: 1px solid #999;
}

#footer-add{
	position: relative;
	clear: both;
	margin: 0 auto;
	width: 960px;
}

/*--sp--*/

/*#wrapper{
	background: url(../img/bg.png) no-repeat 50% 25px;
}*/

.separate-index,
.separate-head,
.separate-foot{
	display:block;
	border:none;
	width:100%;
}

.separate-index{
	/*height:100px;*/
	height:40px;
	/*background: url(../img/bg.png) no-repeat 50% 50%;*/
}

.separate-head{
	height:100px;
	background: url(../img/bg_2col.png) no-repeat 50% 50%;
}

.separate-foot{
	height:25px;
	background: url(../img/bg_2col.png) no-repeat 50% 50%;
}

/******************************************************************** header
*/

#header h1 {
	width: 100%;
	height: 98px;
	overflow:hidden;
	z-index: 1;
	background: url(../img/header.png) no-repeat;
}
#header h1 a {
	position: absolute;
	top: 24px;
	left: 0;
	display: block;
	width: 271px;
	height: 60px;
	text-indent: -999em;
	overflow: hidden;
	z-index: 2;
	background: url(../img/logo.png) no-repeat;
}


/******************************************************************** aside
*/

#aside ul {
	margin: 0;
	padding: 0 0 20px;
	list-style: none;
}

#aside ul a {
	display: block;
	width: 320px;
	height: 40px;
	text-indent: -999em;
	overflow: hidden;
}
#aside ul a:hover,
#aside ul a.current { background-position: 320px 0;}


#globalNav01 .nav01 a { background-image: url(../img/nav01.png);}
#globalNav01 .nav02 a { background-image: url(../img/nav02.png);}
#globalNav01 .nav03 a { background-image: url(../img/nav03.png);}
#globalNav01 .nav04 a { background-image: url(../img/nav04.png);}
#globalNav01 .nav05 a { background-image: url(../img/nav05.png);}
#globalNav01 .nav06 a { background-image: url(../img/nav06.png);}

#globalNav02 .nav07 a { background-image: url(../img/nav07.png);}
#globalNav02 .nav08 a { background-image: url(../img/nav08.png);}
#globalNav02 .nav09 a { background-image: url(../img/nav09.png);}


/******************************************************************** pageTop
*/

#pageTop a {
	float: right;
	display: block;
	width: 70px;
	height: 36px;
	text-indent: -999em;
	overflow: hidden;
	background: url(../img/pagetop.png) no-repeat; 
}
#pageTop a:hover{
	background-image:url(../img/pagetop_o.png);
}

/******************************************************************** footer
*/

#copyright {
	float:left;
	padding: 3px 31px 5px 0;
	font: 10px Arial,Helvetica, sans-serif;
	color: #666;
	background: url(../img/copyright.png) no-repeat 100% 0;
}
#footer address {
	float:right;
}
#footer address a {
	display: block;
	width: 104px;
	height: 18px;
	text-indent: -999em;
	overflow: hidden;
	background: url(../img/footer_logo.png) no-repeat;
}


/******************************************************************** Float containers fix
===================================================================== a.k.a. clearfix */

/******************** exp IE
*/
#wrapper:after,
#container:after,
#pageTop:after,
#footer:after,
#footer-add:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

/******************** for IE
Level 2.1*/
#wrapper,
#container,
#pageTop,
#footer,
#footer-add { display: inline-block;}  

/* Holly Hack Targets IE Win only \*/
* html #wrapper,
* html #container,
* html #pageTop,
* html #footer,
* html #footer-add { height: 1%;}
#wrapper,
#container,
#pageTop,
#footer,
#footer-add { display: block;}
/* End Holly Hack */




