/* -------------------------------------------- 全体的なスタイル設定 -----*/
BODY{
	margin:15px 30px 15px 15px;
	font-family:'ＭＳ Ｐゴシック', osaka, Gothic, sans-serif;
	font-size:10pt;
	color:#333333;
	background-color:#ffffff;
	line-height:140%;
}

.c1-12px {
	padding-left:20px;
	font-size: 12px;
	color: #005396;
}

.head-1 {
	position:absolute;
	left:20px;
	top:9px;
	font-size:15px;
	font-weight:bold;
	color: #FFFFFF;
}

.head-2 {
	position:absolute;
	left:20px;
	top:38px;
	font-size:24px;
	font-weight:bold;
	color: #FFFFFF;
}

.head-3 {
	position:absolute;
	left:20px;
	top:65px;
	font-size:12px;
	color: #FFFFFF;
}

.head-4 {
	position:absolute;
	left:390px;
	top:9px;
	font-size:12px;
	color: #FFFFFF;
}

.red-text{
	color:#FF3300;
}

A:link{color:#005396;}
A:visited{color:#005396;}
A:active{color:#6699CC;}
A:hover{color:#6699CC;}

A.red:link{color:#ff0000;}
A.red:visited{color:#ff0000;}
A.red:active{color:#ee00ee;}
A.red:hover{color:#ee00ee;}

H1{
	background-image:url(./img/headder_01.gif);
	background-repeat:no-repeat;
	background-position:left top;
	padding-left:20px;
	text-align:left;
	color:#4D4D4D;
	/*color:#005396;*/
	font-size:14pt;
	margin-top:30px;
	
}

H2{
	margin-top:30px;
	background-image:url(./img/headder_02.gif);
	background-repeat:no-repeat;
	background-position:left top;
	padding-left:20px;
	font-size:12pt;
	color:#363636;
	text-align:left;
}

H3{
	font-size:12pt;
	text-indent:40px;
}


H4{
	margin-top:5px;
	margin-bottom:5px;
	font-size:10pt;
	text-indent:0px;
}

DL{
	margin:0px 50px;
}

DT{
	font-weight:bold;
}

DT.qa{
	margin-top:20px;
}

DD.qa{
	margin-left:0px;
}

P{
	text-indent:12px;
	margin:0px;
}

IMG{
	border:none;
	/*margin:0px 5px;*/
}

CAPTION{
	font-weight:bold;
	font-size:12pt;
	margin:auto;
}

.detail{
	margin:20pt auto auto auto;
	border:1px solid #000066;
	width:600px;
	text-indent:20px;
	padding:10px;
	background-color:#ffffff;
}

TABLE.onborder{
	background-color:#888888;
	text-align:left;
	/*margin:auto;*/
}

TD {
	background-color:#ffffff;
	padding:3px 10px;
}

TH {
	background-color:#ffffff;
	padding:3px 10px;
}

Table .grey{
	background-color:#d0d0d0;
}

Table .yellow{
	background-color:#ffffcc;
}

HR.heavy{
	height:2px;
	color:#005396;
	margin:10px 0px 0px 0px;
}

HR.light{
	height:2px;
	border:2px dotted #000000;
	margin:30px 80px;
}

HR.top{
	height:2px;
	background-color:#005396;
}

EM{
	color:#ff0000;
	font-style:normal;
}

DIV.centerbox{
	text-align:center;
	margin-top:50px;
}

DIV.box-1{
	width:520px;
}

DIV.box-2{
	width:580px;
}

DIV.box-3{
	width:680px;
}


/* -------------------------------------------- マーク部分のスタイル設定 -----*/
#MARK{
	position:absolute;
	left:0px;
	top:0px;
	text-align:left;
	margin:0px 0px;
	height:90px;
	width:160px;
	background-image:url(img/logo-n01.gif);
	background-repeat:no-repeat;
}

/* -------------------------------------------- ヘッダ部分のスタイル設定 -----*/
#HEAD{
	position:absolute;
	left:160px;
	top:0px;
	text-align:left;
	margin:0px 0px;
	height:90px;
	width:580px;
	background-image:url(img/mavi_bg.gif);
	background-repeat:repeat-x;
}

#HEAD A{
	color:#FFFFFF;
}

/* -------------------------------------------- ナビゲーション部分のスタイル設定 -----*/
#NAVI{
	position:absolute;
	left:-18px;
	top:90px;
	width:178px;
	/*background-color:#6699CC;*/
	background-image:url(img/mavi_bg.gif);
	background-repeat:no-repeat;
	height: 570px;
}

#NAVI A{
	text-decoration:none;
	display:block;
	width:84pt;
	padding:3px;
	background-color:#ffffff;
	/*border-left: 5px solid #005396;*/
	border-left: 5px solid #FF3300;
	color:#000000;
	text-align:center;
	font-size:9pt;
}

#NAVI A.here{
	text-decoration:none;
	display:block;
	width:84pt;
	padding:3px;
	/*background-color:#0099ff;*/
	background-color:#FF9900;
	/*border-left: 5px solid #005396;*/
	border-left: 5px solid #FF3300;
	color:#ffffff;
	text-align:center;
	font-size:9pt;
}

#NAVI A.sub{
	text-decoration:none;
	display:block;
	width:82pt;
	padding:3px;
	background-color:#ffffff;
	border-left: 8px solid #0099ff;
	color:#000000;
	text-align:center;
	font-size:9pt;
}

#NAVI A.exterior{
	background-color:#ffffff;
	color:#336633;
}

#NAVI A.exterior:active{
	background-color:#00aa66;
	color:#ffdddd;
}
#NAVI A.exterior:hover{
	background-color:#00aa66;
	color:#ffdddd;
}

#NAVI A:active{
	background-color:#ffcc00;
	color:#000000;
}
#NAVI A:hover{
	background-color:#ffcc00;
	color:#000000;
}

#NAVI LI{
	list-style-type:none;
	margin:10px 0px;
}

#NAVI LI.here{
	text-decoration:none;
	display:block;
	width:80pt;
	height:20px;
	padding:3px;
	background-color:#0099ff;
	color:#ffffff;
	border-left: 5px solid #005396;
	text-align:center;
	font-size:9pt;
	vertical-align:middle;
}

#NAVI LI.sub{
	text-decoration:none;
	display:block;
	width:80pt;
	height:20px;
	padding:3px;
	background-color:#0099ff;
	color:#ffffff;
	border-left: 5px solid #005396;
	text-align:center;
	font-size:9pt;
	vertical-align:middle;
}

/* 	border:2pt inset #aaaaaa; */

/* ---------------------------- トップページナビゲーション部分のスタイル設定 -----*/

#TOPNAVI{
	text-align:left;
	margin:0px 0px;
}

#TOPNAVI a.tn-cell {
	text-decoration:none;
	display:block;
	width:120px;
	padding:5px 5px 5px 10px;
	background-color:#ffffff;
	border-left: 5px solid #005396;
	color:#000000;
	text-align:left;
	font-size:12px;
}

#TOPNAVI a.tn-cell-null {
	text-decoration:none;
	display:block;
	width:120px;
	padding:5px 5px 5px 10px;
	background-color:#DCDCDC;
	border-left: 5px solid #005396;
	color:#000000;
	text-align:left;
	font-size:12px;
}

#TOPNAVI a.tn-cell:hover {background-color:#AFEEEE;color:black;}

#TOPNAVI table.bgset {background-image:url(img/index_01.jpg); background-repeat:no-repeat;}

#TOPNAVI TD {background-color:transparent; padding:0px;}
#TOPNAVI TH {background-color:transparent; padding:0px;}
#TOPNAVI LI {margin: 7px;}
#TOPNAVI EM {color:#220066; font-style:normal;}
#TOPNAVI .t12px {font-size:12px;}
#TOPNAVI table.t12px-np {margin: 0px; padding: 0px; border-style: none; border-collapse: collapse; font-size: 12px;}
#TOPNAVI table.np {margin: 0px; padding: 0px; border-style: none; border-collapse: collapse; }
#TOPNAVI td.c1 {background-color: #005396;}
#TOPNAVI td.t12px-p {font-size: 12px; padding:5px;}


/* -------------------------------------------- お知らせ部分のスタイル設定 -----*/
#INFO {
	width: 500px;
	height: 240px;
	overflow: auto;
	padding: 5px;
	border: 1px solid #005396;
}


/* -------------------------------------------- コンテンツ部分のスタイル設定 -----*/
#CONTENTS{
	margin-top:110px;
	margin-left:170px;
	max-width:580px;
}


/* -------------------------------------------- フッタ部分のスタイル設定 -----*/
#FOOT{
	clear:both;
	text-align:center;
	margin-top:30px;
	max-width:750px;
}

#FOOT HR{
	height:1px;
	/*color:#005396;*/
	color:#C0C0C0;
}

#FOOT ADDRESS{
	font-style:normal;
	color:#C0C0C0;
	text-align:center;
}