@charset "shift_jis";

/* --------------------------------------------------
	SiteName : JSAN
	FileName : global.css
	Description : global styles
	
	== TOC =========================================
	1 : base Layout styles
	2 : headerArea styles
	3 : globalNaviArea styles
	3 : footerArea styles
	
-------------------------------------------------- */

/* 1. base Layout styles
================================================== */
#pageTop{
	background:transparent url(../images/bg_wrapper.gif) repeat-x left top;
}
#wrapper{
	width:934px;
	margin-left:auto;
	margin-right:auto;
	padding-top:3px;
	text-align:left;
	zoom:1;
}
#contentsAreaWrapper{
	background:transparent url(../images/bg_contents-area_mid.png) repeat-y left top;
	zoom:1;
}
/*
*html #contentsAreaWrapper{
	background:transparent url(../images/bg_contents-area_mid.gif) repeat-y left top;
}
*/
#contentsAreaHeader{
	height:17px;
	background:transparent url(../images/bg_contents-area_hdr.png) no-repeat left top;
	overflow:hidden;
	zoom:1;
}
#contentsAreaFooter{
	height:17px;
	background:transparent url(../images/bg_contents-area_ftr.png) no-repeat left bottom;
	zoom:1;
}
* html #contentsAreaFooter{
	overflow:hidden;
}
#contentsArea{
	margin:0 17px;
	padding:1px;
	width:896px;
	border:solid 1px #d1d1d1;
	background:#fff none;
	zoom:1;
}
#mainContents{
	float:right;
	width:620px;
	margin-right:29px;
	min-height:425px;
	height:auto !important;
	height:425px;
}
#mainContentsHome{
	float:right;
	width:620px;
	margin-right:29px;
}
* html #mainContents,
* html #mainContentsHome{
	margin-right:15px;
}


/* 2. headerArea styles
==================================================*/
#headerArea{
	position:relative;
	height:106px;
	background:transparent url(../images/bg_header.jpg) no-repeat left top;
}
#headerArea p{
	position:absolute;
	margin:0;
	left:19px;
	top:18px;
}
/* for home */
#home #headerArea{
	position:relative;
	height:218px;
	background:transparent url(../../images/bg_header_home.jpg) no-repeat left top;
}
#home #headerArea h1{
	position:absolute;
	margin:0;
	left:56px;
	top:45px;
}
#home #headerArea p{
	position:absolute;
	margin:0;
	left:56px;
	top:120px;
}
#home #headerArea div{
	position:absolute;
	left:533px;
	top:16px;
}


/* 3. globalNaviArea styles
==================================================*/
#globalNaviArea{
	float:left;
	width:203px;
	margin:0 0 14px 14px;
	background:transparent url(../images/bg_gnavi.gif);
}
* html #globalNaviArea{
	margin:0 0 14px 7px;
}
#globalNaviArea ul{
	list-style:none;
	margin:11px;
	padding:0;
	width:181px;
}
#globalNaviArea ul li img{
	vertical-align:bottom;
}
#globalNaviArea ul li ul{
	width:auto;
	margin:0;
	padding:0;
	border-left:solid 1px #ccc;
	border-right:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
	background:#fff none;
}
#globalNaviArea ul li ul li{
	padding:2px 5px 2px 22px;
	border-left:solid 1px #fff;
	border-right:solid 1px #fff;
}
#globalNaviArea ul li ul li.active{
	background:#e4ebd9 none;
	color:#676d5c;
}
#globalNaviArea ul li ul li a,
#globalNaviArea ul li ul li span{
	padding-left:8px;
	background:transparent url(../images/icn_arw_01.gif) no-repeat left center;
}


/* 3. copyRight styles
==================================================*/
#copyRight{
	padding-top:20px;
	clear:both;
	color:#fff;
	text-align:right;
}
#home #copyRight{
	padding-top:0;
}
#copyRight p{
	margin:0 !important;
	padding:0;
	background:#40616a none;
}
#copyRight p img{
	vertical-align:bottom;
}