@charset "utf-8";

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

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

body{
	background-color:#94833e;
	background-image: url(../images/bg.jpg);
	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;
}

.ja body,
.ja h1,
.ja h2,
.ja h3,
.ja h4,
.ja h5,
.ja h6,
.ja th,
.ja td,
.ja p,
.ja div{
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

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

h1{
	font-size:18px;
	margin-top:24px;
	margin-bottom:10px;

}


h2{
	font-size:120%;
	margin:2em 0 0.5em 0px;
	padding:2px 6px 2px 18px;
	color:#8f803d;
	background-image:url(../images/h2_bullet.gif);
	background-repeat:no-repeat;
	background-position:0 8px;
	border-bottom:solid #e7d38e 1px;
}


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

.ja h3{/*日本語調整*/
	margin-top:2.2em;
}

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

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

}

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

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


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:#0000FF;
	text-decoration:none;
}

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

img{
	border-style:none;
}

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

/* ========== 大枠 ========== */
#background{
	position:relative;
	z-index:1;
	width:860px;
	margin:0px auto;
	background-image: url(../images/bg_shade.jpg);
	background-repeat: repeat-y;
	background-position: center;
	min-height:100%;
	height:auto;
}
#bg2{
	position:relative;
	z-index:2;
	width:860px;
	margin: 0;
	background-image: url(../images/bg_image_in.jpg);
	background-repeat: no-repeat;
	min-height:640px;
	height:auto;
		}

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

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

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

#leftArea{
	width:191px;
	float:left;
	height: auto;
	margin:0 0 0 0;
	padding:0 0 0 0;
	background-image: url(../images/bg_side.jpg);
	background-repeat: no-repeat;
	background-position: top;
}
#rightArea{
	width:609px;
	float:right;
	height: auto;
	margin:0 0 24px 0;
	padding:0 0 24px 0;
}


/* ========== ヘッダ ========== */
div#header{
	width:800px;
	height:108px;
	margin:0 auto;
	background-image: url(../images/header.jpg);
	background-repeat: no-repeat;
}
div#header p{
	text-indent:-9000px;
}

/*日本語ヘッダ*/
.ja div#header{
	background-image: url(../ja/images/header.jpg);/*背景再定義*/
}
/* ========== メニュー（中ページのみ） ========== */

/*メニュー*/
#menu{
	width:171px;
	height:auto;
	margin:25px 0 0 18px;
	padding:0;
}

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

#menu li{
	display:block;
	width:157px;
 height:25px;
	margin:0;
	padding:0;
}
.ja #menu li{/*日本語メニュー*/
	width:168px;
}

#menu li a{
	display:block;
	text-indent:-9000px;
	width:157px;
 height:25px;
	margin:0;
	padding:0;
	background-repeat:no-repeat;
	/*\*/
	overflow: hidden;/*Firefoxでフォーカスが左に伸びるのを抑制する。上下のコメントアウトはMacIE対策*/
	/**/
}
.ja #menu li a{/*日本語メニュー*/
	width:168px;
}

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

#menu99 a{ background-image:url(../images/menu99.gif);}/*言語選択*/

/*ロールオーバー*/
#menu00 a:hover{	background-image:url(../images/menu00_over.gif);}
#menu01 a:hover{	background-image:url(../images/menu01_over.gif);}
#menu02 a:hover{	background-image:url(../images/menu02_over.gif);}
#menu03 a:hover{	background-image:url(../images/menu03_over.gif);}
#menu04 a:hover{	background-image:url(../images/menu04_over.gif);}
#menu05 a:hover{	background-image:url(../images/menu05_over.gif);}
#menu06 a:hover{	background-image:url(../images/menu06_over.gif);}
#menu07 a:hover{	background-image:url(../images/menu07_over.gif);}
#menu08 a:hover{	background-image:url(../images/menu08_over.gif);}
#menu09 a:hover{	background-image:url(../images/menu09_over.gif);}
#menu10 a:hover{	background-image:url(../images/menu10_over.gif);}
#menu11 a:hover{	background-image:url(../images/menu11_over.gif);}

#menu99 a:hover{	background-image:url(../images/menu99_over.gif);}/*言語選択*/

/*日本語ページ*/
/*通常時*/
.ja #menu00 a{	background-image:url(../ja/images/menu00.gif);}
.ja #menu01 a{	background-image:url(../ja/images/menu01.gif);}
.ja #menu02 a{	background-image:url(../ja/images/menu02.gif);}
.ja #menu03 a{	background-image:url(../ja/images/menu03.gif);}
.ja #menu04 a{	background-image:url(../ja/images/menu04.gif);}
.ja #menu05 a{	background-image:url(../ja/images/menu05.gif);}
.ja #menu06 a{	background-image:url(../ja/images/menu06.gif);}
.ja #menu07 a{	background-image:url(../ja/images/menu07.gif);}
.ja #menu08 a{	background-image:url(../ja/images/menu08.gif);}
.ja #menu09 a{ background-image:url(../ja/images/menu09.gif);}
.ja #menu10 a{ background-image:url(../ja/images/menu10.gif);}
.ja #menu11 a{ background-image:url(../ja/images/menu11.gif);}

.ja #menu99 a{ background-image:url(../ja/images/menu99.gif);}/*言語選択*/


/*ロールオーバー*/
.ja #menu00 a:hover{	background-image:url(../ja/images/menu00_over.gif);}
.ja #menu01 a:hover{	background-image:url(../ja/images/menu01_over.gif);}
.ja #menu02 a:hover{	background-image:url(../ja/images/menu02_over.gif);}
.ja #menu03 a:hover{	background-image:url(../ja/images/menu03_over.gif);}
.ja #menu04 a:hover{	background-image:url(../ja/images/menu04_over.gif);}
.ja #menu05 a:hover{	background-image:url(../ja/images/menu05_over.gif);}
.ja #menu06 a:hover{	background-image:url(../ja/images/menu06_over.gif);}
.ja #menu07 a:hover{	background-image:url(../ja/images/menu07_over.gif);}
.ja #menu08 a:hover{	background-image:url(../ja/images/menu08_over.gif);}
.ja #menu09 a:hover{	background-image:url(../ja/images/menu09_over.gif);}
.ja #menu10 a:hover{	background-image:url(../ja/images/menu10_over.gif);}
.ja #menu11 a:hover{	background-image:url(../ja/images/menu11_over.gif);}

.ja #menu99 a:hover{	background-image:url(../ja/images/menu99_over.gif);}/*言語選択*/


#menu li#menu99{
margin-top:25px;
}/*言語切り替えのみ行間あける*/



/* ========== フッタ ========== */
div#footer{
	position:absolute;
	z-index:3;
	margin:0;
	padding:0;
	bottom:0px;
	width:800px;
	height:20px;
	bottom:0px;
	_bottom:-1px;
	left: 30px;
	vertical-align:middle;
	background-color:#110a3e;
}

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

/*日本語ページフッタ調整*/
.ja div#footer p#copyrights{
padding-top:6px;}

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

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


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

/* リスト風表示につかうもの */
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:536px;/*IE対策*/
}

/*.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: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:106px;
	height:14px;
	margin:0 0 0 auto;
/*	background-image:url(../images/btn_rollup.gif);
	background-repeat:no-repeat;
	background-position:0 0px;*/
}
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;
  /**/
}

.clear{
clear:both;}

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

table.normal{
	margin-bottom:12px;
}

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


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

/*img→imgタグにPING24セレクタをクラス指定する*/
/*背景→ここにセレクタを追加する*/
@media screen{
* html #whatsnew,
* html #secretariat,
* html #secretariat02,
* html div#secretariat #box01-top,
* html div#secretariat #box01-middle,
* html div#secretariat #box01-bottom,
* html div#secretariat02 #box01-top,
* html div#secretariat02 #box01-middle,
* html div#secretariat02 #box01-bottom,
* html div#whatsnew #box02-top,
* html div#whatsnew #box02-middle,
* html div#whatsnew #box02-bottom,
* html img.PNG24{
 behavior: expression(IEPNGFIX.fix(this));
}
}

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

@media print{

}