@charset "utf-8";

/* ************************************** */
/* *********** スタイル初期化 *********** */

html,body{
	height:100%;
	margin:0px;
	padding:0px;
}

body{
	background-color:#f9f9f9;
	background-image: url(../images/bg_base.gif);
	background-repeat: repeat-x;
	background-position: top;
	}

body,h1,h2,h3,h4,h5,h6,th,td,p,div{
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	color:#343434;
	line-height:1.5em;
}

/*IE7拡大でレイアウト崩れる件回避*/
*:first-child+html h1,
*:first-child+html h2,
*:first-child+html h3,
*:first-child+html h4,
*:first-child+html h5,
*:first-child+html h6,
*:first-child+html p,
*:first-child+html td,
*:first-child+html th,
*:first-child+html div
{
letter-spacing:0;
}


h1,h2,h3,h4,h5,h6{
	margin:0px;
	padding:0px;
}

h1{
	font-size:18px;
	margin-top:0px;
	margin-bottom:16px;
	margin-left:42px;

}


h2{
	font-size:115%;
	margin:2em 0 0.5em 16px;
	padding:0px 4px 0 ;
	color:#ed6d1e;
	/*border-style:solid;
	border-color:#556DE1;
	border-width:0 0 0px 8px;*/
	line-height:1.25em;
	background-position:0 4px;}


h3{
	font-size:105%;
	line-height:1.25em;
	padding:0;
	margin:1.8em 0 0.5em 0;
	color:#444444;
/*	border-bottom:solid #ccc 1px;
	background-image:url(../images/h3_bullet.gif);
	background-repeat:no-repeat;
	background-position:0 4px;*/
}


h2.first,
h3.first
{
	margin-top:0.5em;
}

h2.noStyle,
h3.noStyle,
h4.noStyle{
	background-image:none;
	border-style:none;
	padding-left:0;

}

h4{
	font-size:100%;
	margin:16px 0 6px 0;
	padding:0;
	color:#003366;
}

h5{
	font-size:100%;
	margin:24px 0 6px 0;
	padding:0;
	color:#003366;
}


h4.first,
h5.first
{
margin-top:6px;}

p{
	margin:0px;
	padding:0px;
	margin-bottom:0.75em;
}

ul,ol{
	margin:0 0 0.75em 24px;
	padding:0;
}
li{
	margin:0 0 3px 0;
	line-height:1.25em;
	padding:0;
}


a {
	color:#000099;
	text-decoration:none;
}

a:hover{
	color:#000099;
	text-decoration:underline;
}

img{
	border-style:none;
}


/*特別赤リンク*/
a.redlink {
	color:#ff0000;
	text-decoration:underline;
}

a.redlink:hover{
	color:#FF9933;
	text-decoration:underline;
}

/* ************************************** */
/* ********* 共通ID スタイル定義 ******** */
/* ************************************** */

/* ========== 大枠 ========== */


#background{
	position:relative;
	z-index:1;
	width:830px;
	margin:0px auto;
	background-image: url(../images/bg_repeat.gif);
	background-repeat: repeat-y;
	background-position: center;
	min-height:100%;
	height:auto;
}
#bg2{
	position:relative;
	z-index:2;
	width:830px;
	margin:0px;
	min-height:480px;
	height:auto;
	background-position: center top;
	background-image: url(../images/bg_main.gif);
	background-repeat:no-repeat;
	background-position: center top;
	
		}

* html #background,
* html #bg2{/* for IE6 */
	height:100%;
}

#mainArea{
	position:relative;
	z-index:3;
	width:800px;
	height:100%;
	min-height:100%;
	margin:0 15px;
	padding: 0;
}

/* Mac IE 5のみのスタイル定義(裏技) \*//*/
div#background{
	height:auto;
}
#mainArea{
	height:100%;
  overflow:visible;
}
/* Mac IE 5のみのスタイル定義 ここまで  */

#leftArea{
	width:192px;
	float:left;
	height: 480px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	background-image:url(../images/border_in.gif);
	background-repeat:no-repeat;
	background-position:right top;
}
#rightArea{
	width:606px;
	float:right;
	height: auto;
	margin:0 0 24px 0;
	padding:0 0 24px 0;
}


/* ========== ヘッダ ========== */
div#header{
	position:relative;
	width:800px;
	height:122px;
	margin:0 auto;
}

div#header h1,
div#header p{
/*	text-indent:-9000px;*/
margin:0;
padding:0;
}
div#header p#Toplink{
margin:0;
padding:0;

}

div#header h1{margin:0;}

div#header p#Toplink a{
	position:absolute;
	display:block;
	height:122px;
	width:800px;
	margin:0;
	padding:0;
	top:0px;
	left:0px;
}

/* ========== メニュー ========== */

/*メニュー*/
#menu{
	width:192px;
	height:auto;
	margin:10px 0 0 0;
	padding:0;
	
}

#menu ul{
	margin:0 0 0 16px;
	padding:0;
	list-style-type:none;
}

#menu li{
	display:block;
	width:173px;
	height:25px;
	margin:0 0 0 0;
	padding:0;
}

#menu li a{
	display:block;
	text-indent:-9000px;
	width:173px;
	height:25px;
	background-repeat:no-repeat;
	margin:0;
	padding:0;
/*\*/
overflow: hidden;/*左に果てしなく伸びる枠線抑制*/
/**/
}
#menu li#menu00{height:25px;}
#menu li#menu01{height:26px;}
#menu li#menu02{height:24px;}
#menu li#menu03{height:25px;}
#menu li#menu04{height:25px;}
#menu li#menu05{height:24px;}
#menu li#menu06{height:25px;}
#menu li#menu07{height:25px;}
#menu li#menu08{height:24px;}
#menu li#menu09{height:24px;}
#menu li#menu10{height:25px;}
#menu li#menu11{height:25px;}
#menu li#menu12{height:25px;}



/*通常時*/
#menu00 a{	background-image:url(../images/menu00.gif);height:25px;}
#menu01 a{	background-image:url(../images/menu01.gif);height:26px;}
#menu02 a{	background-image:url(../images/menu02.gif);height:24px;}
#menu03 a{	background-image:url(../images/menu03.gif);height:25px;}
#menu04 a{	background-image:url(../images/menu04.gif);height:25px;}
#menu05 a{	background-image:url(../images/menu05.gif);height:24px;}
#menu06 a{	background-image:url(../images/menu06.gif);height:25px;}
#menu07 a{	background-image:url(../images/menu07.gif);height:25px;}
#menu08 a{	background-image:url(../images/menu08.gif);height:24px;}
#menu09 a{	background-image:url(../images/menu09.gif);height:24px;}
#menu10 a{	background-image:url(../images/menu10.gif);height:25px;}
#menu11 a{	background-image:url(../images/menu11.gif);height:25px;}
#menu12 a{	background-image:url(../images/menu12.gif);height:25px;}

#menu li a:hover{background-position: -173px 0;}


/*下部分*/
#bottomcontents{
	background-image:url(../images/bg_bottom.gif);
	background-repeat:no-repeat;
	width:800px;
	height:126px;
	position:absolute;
	bottom:25px;
	left:15px;
	margin:0;
	padding:0;
	z-index:4;
	}

#bottomcontents p{
text-indent:-9999px;}



/* ========== フッタ ========== */
div#footer{
	position:absolute;
	z-index:3;
	margin:0;
	padding:0;
	width:800px;
	height:26px;
	bottom:0px;
	_bottom:-1px;
	left: 15px;
	text-align:right;
	background-color:#888787;
}


div#footer p#copyrights{
	width:auto;
	font-size:90%;
	line-height:1em;
	margin:0;
	padding:8px 20px 0 0;
	color:#ffffff;
}

/* ========== コンテンツ収納部 ========== */

div.contents{
	width:562px;
	padding-bottom:30px;
	margin:0 auto;
	min-height:350px;
	}
* html .contents{/* for IE6 */
	height:350px;
}


/* ************************************** */
/* *********** その他いろいろ *********** */

.Left{text-align:left;}
.Center{text-align:center;}
.Right{text-align:right;}

/*画像配置*/
.imgR,
imgC,
.imgL{display:block;}

.imgR{float:right;margin:0 0 10px 10px;}
.imgC{margin:12px auto;text-align:center;}
.imgL{float:left;margin:0 10px 10px 0;}

.imgR.last,
.imgL.last{margin-right:0!important;}
/* リスト風表示につかうもの */
p.list,
div.list p{
	text-indent:-0.75em;
	padding-left:0.75em;
}

p.list1em,
div.list1em p{
	text-indent:-1em;
	padding-left:1em;
	margin-bottom:0.5em;
}

p.list1-5em,
div.list1-5em p{
	text-indent:-1.5em;
	padding-left:1.5em;
	margin-bottom:0.5em;
}

p.list2em,
div.list2em p{
	text-indent:-2em;
	padding-left:2em;
	margin-bottom:0.5em;
}

/* 記事ひとくくり用 */
.unit{ margin-left:24px; 
		width:538px;
}

/*.Unitより下の階層で使う字下げ*/
.padding{
	margin-left:12px;
}

.attention{
color:#ff0000;
}

.redbold{
color:#ff0000;
font-weight:bold;
}
/*下マージンなしのパラグラフ*/
p.noMargin{
margin:0;}

/* 点線 */
div.line{
	border-style:dotted;
	border-width:0px 0px 2px 0px;
	border-color:#666;
/*	width:80%;
	margin-top:0px;
	margin-bottom:12px; */
}

/* 巻き戻しリンク */
div.rollUp{
	margin:24px 0 0 0;
	padding:0;
	width:100%;
	height:14px;
/*	text-align:right;*/
}

div.rollUp p{
	display:block;
	/*	text-indent:-10000em;*/
	text-decoration:none;
	text-align:right;
	width:146px;
	height:14px;
	margin:0 0 0 auto;

}

div.rollUp img{
vertical-align:middle;
margin: 0 4px 0 0;}


div.rollUp a span{
	visibility:hidden;
}


/* 隠したいもの */
span.hidden,
p.hidden{
 visibility:hidden;
}

.ps{
	font-size:90%;
	line-height:1.3em;
}

/* 改ページ(IE only) */
div.print{
	page-break-before:always;
}

.blockRight{
	float:right;
	margin:0 0 6px 10px;
}

p.underConst{
	margin-top:50px;
	font-weight:bold;
}
/*インライン画像*/
img.inlineIMG{
vertical-align:middle;}


.clearfix:after {/* 段組float解除用スタイル */
content: ".";
font-size: 0.1em;
line-height: 0;
display: block;
height: 0.1px;
visibility: hidden;
clear: both;
}

.clearfix {
  min-height: 1px;
}


* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/*フロート*/
.floatL{float:left;}

.floatR{float:right;}



.clear{clear:both;}


/* 汎用テーブルスタイル */

table.normal{
	margin-bottom:12px;
	border:1px solid #ccc;
	border-width:1px 0 0 1px ;
}

table.normal th,
table.normal td{
	line-height:1.3em;
	padding:4px 8px;
	
	border:1px solid #ccc;
	border-width:0 1px 1px 0;
}

table.normal tr.header th{
	background-color:#675a53;
}


table.normal th{
	background-color:#94837a;
	color:#ffffff;
}

table.normal td{
	text-align:left;
	background-color:#e8e4e0;
}

table.normal th,
table.normal td{}


table.layout{
border:none;}
table.layout th,
table.layout td{
border:none;background-color:transparent;
color:#333;}



/*汎用ボックススタイル*/
div.subBox,
p.subBox{
padding:4px 8px;
border:solid 2px #015ab4;
}

div.subBox.Red,
p.subBox.Red{
	border-color:#900000;
	background-color:#FFE6E6;
}

div.subBox.Blue,
p.subBox.Blue{
border-color:#015ab4;
background-color:#EEF7FF;
}

div.subBox.Yellow,
p.subBox.Yellow{
border-color:#999999;
background-color:#fffeee;
}


div.subBox.Long,
p.subBox.Long{
width:90%;
}

div.subBox.Middle,
p.subBox.Middle{
width:75%;
}

div.subBox.Small,
p.subBox.Small{
width:50%;
}
div.subBox.floatC{
margin-left:auto;
margin-right:auto;}

div.subBox p.last{
margin-bottom:0;}

div.subBox.margin{
margin:12px 0;}
div.subBox.margin2{
margin:24px 0;}

div.subBox.m-top{
margin-bottom:0;}
div.subBox.m-btm{
margin-top:0;}


/* ************************************** */
/* *************透過PNG指定************** */
/* ************************************** */

/*img→imgタグにPING24セレクタをクラス指定する*/
/*背景→ここにセレクタを追加する*/
@media screen{

* html img.PNG24{
 behavior: expression(IEPNGFIX.fix(this));
}
}

/* ************************************** */
/* *********** 印刷用スタイル *********** */

@media print{


}