@charset "utf-8";

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

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

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

body,h1,h2,h3,h4,h5,h6,th,td,p,div{
	font-size:13px;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	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:24px;
	margin-bottom:16px;
	padding:4px 8px;
	color:#ffffff;
	border-style:solid;
	border-color:#c6d7eb;
	border-width:0 4px;
	background-color:#041f64;
	line-height:1.25em;
}


h2{
	font-size:115%;
	margin:2em 0 0.5em 0.5em;
	padding:2px 4px;
	color:#1B2045;
	border-style:dotted;
	border-color:#2B4B73;
	border-width:0 0 1px 0px;
	line-height:1.25em;
}


h3{
	font-size:100%;
	line-height:1.25em;
	padding:0 0 2px 0;
	margin:1.8em 0 0.4em 0;
	color:#004080;
/*	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:1em;
}

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

}

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:#006633;
}


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:#171E91;
	text-decoration:normal;
}

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

img{
	border-style:none;
}

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

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


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

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

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

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

#leftArea{
	width:162px;
	float:left;
	height: 528px;
	margin:0 0 0 0;
	padding:0 0 0 0;
}
#rightArea{
	width:638px;
	float:right;
	height: auto;
	margin:0 0 24px 0;
	padding:0 0 24px 0;
}


/* ========== ヘッダ ========== */
div#header{
	position:relative;
	width:800px;
	height:93px;
	margin:0 auto;
	background-image: url(../images/header.jpg);
	background-repeat: no-repeat;
}

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;padding:0;border:0;}

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

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

/*メニュー*/
#menu{
	width:162px;
	height:auto;
	margin:0;
	padding:0;
	position:relative;
}

#menu div{
	width:162px;
	height:314px;
	margin:0;
	padding:43px 0 0 0;
	background-repeat:no-repeat;
	background-position:top;
	background-image:url(../images/bg_menu.png);

}


#menu ul{
	line-height:1em;
	margin:0;
	padding:0;
	list-style-type:none;
}

#menu li{
	display:block;
	width:162px;
	height:35px;
	margin:0;
	padding:0;
 overflow:hidden;/* IE6用にli要素のサイズを指定し、はみ出たa要素は表示させない */ 

}

#menu li a{
	display:block;
	text-indent:-9000px;
	line-height:35px;
	width:162px;
_width: 324px; /* IE6ではa要素の幅を346px（画像サイズ）にする */ 
	height:35px;
	background-repeat:no-repeat;
	margin:0;
	padding:0;
/*\*/
overflow: hidden;/*左に果てしなく伸びる枠線抑制*/
/**/
cursor: pointer; /* PNG画像を貼り付けた上ではカーソルの形が変わらないため */
}


/*通常時*/
#menu00 a{	background-image:url(../images/menu00.png);}
#menu01 a{	background-image:url(../images/menu01.png);}
#menu02 a{	background-image:url(../images/menu02.png);}
#menu03 a{	background-image:url(../images/menu03.png);}
#menu04 a{	background-image:url(../images/menu04.png);}
#menu05 a{	background-image:url(../images/menu05.png);}
#menu06 a{	background-image:url(../images/menu06.png);}
#menu07 a{	background-image:url(../images/menu07.png);}
#menu08 a{	background-image:url(../images/menu08.png);}

/*ロールオーバー*/
#menu li a:hover{background-position:-162px 0;
	_margin-left: -162px; /* a要素を左に162px動かす */
	_padding-left: 162px; /* a要素が動いた分テキストの表示位置をずらす */ 
 _width: 162px; /* paddingの分a要素の幅を調節（標準モード） */
}




/*事務局*/
#secretary{
	margin-top:24px;
margin-left:12px;
	padding:0 0 0 0px;
}


#secretary h2{
margin:0;
padding:0;
}
#secretary h3{
margin:6px 0;
padding:0;
font-size:12px;
color:#ffffff;
}

#secretary p{
color:#ffffff;
font-size:11px;
}

#secretary a{
color:#ffffff;
text-decoration:underline;}

#secretary a:hover{
color:#8F1824;
}
/* ========== フッタ ========== */
div#footer{
	position:absolute;
	z-index:3;
	margin:0;
	padding:0;
	width:800px;
	height:19px;
	bottom:0px;
	_bottom:-1px;
	left: 10px;
	text-align:right;
	background-color:#002063;
}


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

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

div.contents{
	position:relative;
	z-index:4;
	width:562px;
	padding-bottom:24px;
	margin:0 auto;
	min-height:350px;
	}
* html .contents{/* for IE6 */
	height:350px;
}


/* ************************************** */
/* *********** その他いろいろ *********** */
img.stripe{display:block; padding:5px;border:solid 1px #d0ddee;
background-image:url(../images/stripe.png);
background-repeat:repeat;}




.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;}


/* リスト風表示につかうもの */
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.line.hair{
border-bottom-width:1px;}


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

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

div.rollUp.last{
margin-top:24px;}

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 #999;
	border-width:1px 0 0 1px ;
}

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

table.normal tr.header th{
	background-color:#00484D;
}


table.normal th{
	background-color:#274AA7;
	color:#ffffff;
}

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

table.normal th,
table.normal td{}


/*汎用ボックススタイル*/
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 #menu div,
* html #menu li a,
* html .top div#information #wrap,
* html #topmenu li a,
* html div#whatsnew div.wrap,
* html div#whatsnew h2,
* html div#secretariat div.wrap,
* html div#secretariat #logo,
* html div#secretariat h2,
* html img.PNG24{
 behavior: expression(IEPNGFIX.fix(this));
}
}

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

@media print{
#rightArea{
width:612px;
}

}