@charset "shift_jis";
/* 
-----------------------------------------------------
基本レイアウトCSS

更新日：2009/04/12
----------------------------------------------------- */

/*Explanation--------------------------------------------------*/
/*
 1:共通
 2:ヘッダ・フッタのみのレイアウト
 3:メインコンテンツ
*/


/*******************************************

 1:共通

********************************************/
div.wrapper {
	min-width:1000px;
	width:100%;
}
* html body div.wrapper {
	width: expression(document.body.clientWidth < 1002? "1000px" : "auto");
}
div.header, div.content, div.footer {
	width:100%;
	height:100%; /* for IE */
}
div.box {
	float:left;
	margin-right:-310px;
	width:100%;
	display:inline;
}


/*******************************************

 2:ヘッダ・フッタのみのレイアウト 

********************************************/
div.otherBox,
div.otherConBox {
	margin: 0 5px;
}
div.box div.group {
	margin-right:310px;
	padding:0 5px 5px 5px;
	clear:both;
}
div.side {
	float:left;
	width:310px;
	padding: 0 0 5px;
	display:inline;
}
div.extra {
	width:100%;
	clear:both;
}
.right {
	float: right;
}
.left {
	float: left;
}


/*******************************************

 3:メインコンテンツ

********************************************/
#top div.content {
	padding-top: 10px;
	background: #FFF url(../img/content/back.jpg) left top repeat-x;
	clear: both;
}
div.content div.content-inner {
}
div.content div.content-inner {
	clear: both;
	margin-top: 0px;
	background: url(../img/content/back-side.jpg) right top repeat-y;
}
div.content div.content-inner div.group {
	clear: both;
	margin-bottom: 5px;
}
div.content div.content-inner div.group2,
div.content div.content-inner div.boxIn {
	clear: both;
	margin: 0 315px 5px 5px;
}

/*
===== 1: ページTOPに戻る =====
*/
div.content div.extra {
	text-align: right;
	background: url(../img/content/extra/back.jpg) left bottom repeat-x;
}
/*
===== 2: ページTOP画像 =====
*/
div.content img.link {
	margin: 10px 5px 3px 0;
}


/* =リンク
----------------------------------------------------- */
/*■■0423修正*/
div.content a:link,
div.content a:hover,
div.content a:active {
	color: #025ac8;
}
div.content a:visited{
	color: #0288C8;
}
div.content .linkColorA a,
div.content #contentHeaderPr a,
div.content .serial a,
div.content .serial2 a,
div.content .pr a {
	color: #003398;
}
div.box dt a:link,
div.box dt a:visited,
div.box dt a:hover,
div.box dt a:active {
	color: #333;
}