@charset "Shift_JIS";

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

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

body, h1, h2, h3, h4, h5, h6, th, td, p, div{
	font-size:12px;
/*	font-family:sans-serif;*/
	color:#333;
	line-height:1.4em;
}

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

body.en,.en h1,.en h2,.en h3,.en h4,.en h5,.en h6,.en th,.en td,.en p,.en div{
/*	font-size:13px;*/
	font-family:Arial, Helvetica, sans-serif;
}

body.zh,.zh h1,.zh h2,.zh h3,.zh h4,.zh h5,.zh h6,.zh th,.zh td,.zh p,.zh div,
body.zt,.zt h1,.zt h2,.zt h3,.zt h4,.zt h5,.zt h6,.zt th,.zt td,.zt p,.zt div,
body.ko,.ko h1,.ko h2,.ko h3,.ko h4,.ko h5,.ko h6,.ko th,.ko td,.ko p,.ko div{
	font-family:sans-serif;
}

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


h1{/* 主にページタイトルで使用 */
	font-size:16px;
	margin-bottom:1.25em;
	padding:2px 0 0 6px;

	border-style:solid;
	border-color:#999;
	border-width:1px 0 0 22px;
}
.en h1{
	font-size:18px;
}


h2{
	color:#555;
	font-size:14px;
	line-height:1.2em;
	margin:1.25em 0 0.25em 0;
	
	font-family:Arial, Helvetica,"メイリオ","ＭＳ　ゴシック","ヒラギノ角ゴシック Pro";
}
.en h2{
	font-size:15px;	
}

h2 span{
	font-weight:normal;
}

h3,h4{
	margin:1em 0 2px 0;
}

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

sup{
	vertical-align:super;
}

a{
	color: #0000ff;
	text-decoration:none;
}


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

img{
	border-style:none;
}


form select,
form input.text,
form textarea{
	border:1px solid #999;
}

button{
	text-align:left;
	border-style:none;
	border-width:0;
	background-color:transparent;
	padding:0px;
	margin:0px 0 0 8px;
	overflow:visible;
	width:auto;
	cursor:pointer;
}
button.first{
	margin-left:0;
}

button img{
	border-style:none;
	margin:0;
	padding:0;
/*	cursor:pointer;*/
}

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

/* ========== 大枠 ========== */
#frame{
	position:relative;
	z-index:1;
	width:996px;
	height:100%;
	min-height:100%;
	background-color:#fff;
	margin:0 auto;
/*	background-image:url(../images/bg_main.gif);
	background-repeat:repeat-y;*/
}

/* Mac IE 5のみのスタイル定義(裏技) \*//*/

html,body,#frame{ height:auto;}

/* Mac IE 5のみのスタイル定義 ここまで  */

#frame td.first{
	vertical-align:top;
}
#frame td.last{
	vertical-align:bottom;
}

#mainFrame{
	position:relative;
	z-index:10;
	width:100%;
}
#sideFrame{
	position:relative;
	z-index:15;
	width:248px;
	margin:-20px 0 0 0;
	float:right;
	padding:0;
/*	background-color:skyblue;*/
}

@media print{
	#sideFrame{
	/*	display:none;*/
	}
}


/* ========== ヘッダ ========== */
div#header{
	width:100%;
	margin:0px;
	padding:0px;
/*	background-color:pink;*/
}

div#header .headerImg{
	display:block;
}

/* コメント切り替え欄 */
div#header .headerComment{
	color:#fff;
	font-size:12px;
	line-height:1em;
	vertical-align:baseline;
	padding:3px 0 3px 24px;

	background-color:#0A50A1;
	background-image:url(../images/header_arrow.gif);
	background-repeat:no-repeat;
	background-position:10px 3px;
}
div#header .headerComment img{
	vertical-align:middle;
	margin:0px 4px 0 0;
}
div#header #headerComment{
	
}

div#header .link{
	text-align:right;
	padding:0px 24px 0px 0px;
	background-color:#11233D;
}
div#header .link a{
	color:#fff;
/*	font-weight:bold; */

}
div#header .link img{
/*	vertical-align:middle;
	margin-right:2px;*/
	border-style:none;
	margin-left:14px;
}


/* パンくずリスト(topic path) */
#footPath{
	margin:12px 0 0px 22px;
}
#footPath a{
	color:#333;
}
#footPath a:hover{
	color:blue;
}

/* ========== フッタ ========== */
#footer{
	border:1px solid #ccc;
	border-width:1px 0 0 0;
	background-color:#fff;
	margin:0;
	padding:0 0 18px 0;
}

#footer p{
	font-size:12px;
	line-height:1em;
	padding-top:8px;
	padding-left:21px;
	padding-right:21px;
	margin:0px;
}
#footer p.link{
	float:left;
}
#footer p.link a{
	color:#333;
	margin-right:18px;
}
#footer p.link a:hover{
	color:blue;
}

#footer p.copyright{
	float:right;
}
#footer br{
	clear:both;
}


/* ======= グローバルメニュー ======= */
div#menu{
	width:100%;
	height:18px;

	position:relative;
	z-index:15;

	margin:0;
	padding-top:2px;
	padding-bottom:2px;

	background-image:none;
	background-color:#fff;
}

#menu a{
	display:block;
	width:100%;
	height:100%;
 	border-right:1px solid #888;
}

div#menu ul{
	list-style-type:none;
	margin:0;
	padding:0;
	height:18px;
	background-color:#ccc;
}

div#menu li{
	width:100px;
	float:left;
}

#menu li a.mainMenu{
	color:#333;
	text-align:center;
}

#menu li a:hover{
	color:#fff;
	text-decoration:none;
}

#menu #menu02{width:160px;}
#menu #menu03{width:160px;}
#menu #menu04{width:110px;}
#menu #menu05{width:70px;}
#menu #menu06{width:80px;}
#menu #menu00{width:70px;}

#menu01 a:hover{background-color:#19519D;}
#menu02 a:hover{background-color:#1B3256;}
#menu03 a:hover{background-color:#833638;}
#menu04 a:hover{background-color:#886C46;}
#menu05 a:hover{background-color:#2A95C2;}
#menu06 a:hover{background-color:#77B1A1;}
#menu00 a:hover{background-color:#19519D;}


/* プルダウンメニュー */
#menu .pulldown {
  margin:0;
  padding:0;
  background-color:transparent;
}
#menu .pulldown li{
	height:auto;
	border-style:none;
}
#menu .pulldown li a{
  line-height:1.1em;
	width:89px;
	color:#fff;
  padding:3px 5px 3px 5px;
  border-style:solid;
	border-width:0 1px 1px 1px;
  border-color:#888;
}
#menu .pulldown a.indent{
  padding-left:16px;
}
#menu .pulldown a.indent span{
font-family:Arial, Helvetica, sans-serif;
margin-right:3px;
margin-left:-6px;
}

.ja #menu .pulldown li a,
.ko #menu .pulldown li a,
.zh #menu .pulldown li a,
.zt #menu .pulldown li a{
  padding-top:4px;
  padding-bottom:2px;
}


/* プルダウンメニュー 個別設定 */

#pd01,#pd02,#pd03,#pd04,
#pd03a,#pd03b,#pd03c,#pd03d,#pd03e,#pd04b,#pd04c{
	position:absolute;
	top:22px;
	left:0;
	visibility:hidden;
}

#menu #pd01{
	width:100px;
}
#menu #pd01 li a{
	background-color:#19519D;
}
#menu #pd01 li a:hover{
	background-color:#6E87AF;
}

/* -------------------- */

#menu #pd02{
	width:160px;
  left:100px;
}
#menu #pd02 li a{
	width:149px;
	background-color:#1B3256;
}
#menu #pd02 li a.indent{
	width:138px;
}
#menu #pd02 li a:hover{
	background-color:#267497;
}

/* -------------------- */

#menu #pd03{
	width:160px;
  left:260px;
}

#menu li{
	margin:0;
	font-weight:normal;
}

#menu #pd03 li a,
#menu #pd03a li a,
#menu #pd03b li a,
#menu #pd03c li a,
#menu #pd03d li a,
#menu #pd03e li a{
	width:149px;
	background-color:#833638;
}

#menu #pd03 li a.ex{
  background-color:#640500;
  background-image:url(/hp/images/pdArrow.gif);
  background-repeat:no-repeat;
  background-position:145px 5px;
}
#menu #pd03 li a.ex:hover{
  background-image:url(/hp/images/pdArrow_over.gif);
}

#menu #pd03 li a:hover{
	background-color:#AC674E;
}

#menu #pd03a,
#menu #pd03b,
#menu #pd03c,
#menu #pd03d,
#menu #pd03e{
  width:160px;
  left:420px;
  border-top:1px solid #888;
}
#menu #pd03a{
	top:154px;
}
.en #menu #pd03a{
	top:167px;
}

#menu #pd03b{
	top:174px;
}
.en #menu #pd03b{
	top:187px;
}
#menu #pd03c{
	top:194px;
}
.en #menu #pd03c{
	top:207px;
}

#menu #pd03d{
  border-top-style:none;
}

#menu #pd03e{
	top:214px;
}
.en #menu #pd03e{
	top:227px;
}


#menu #pd03a li a:hover,
#menu #pd03b li a:hover,
#menu #pd03c li a:hover,
#menu #pd03d li a:hover,
#menu #pd03e li a:hover{
	background-color:#AC674E;
}

/* -------------------- */

#menu #pd04{
	width:140px;
	left:420px;
}
#menu #pd04 li a,
#menu #pd04b li a,
#menu #pd04c li a{
	width:129px;
	background-color:#886C46;
}
#menu #pd04 li a.indent{
	width:118px;
}
#menu #pd04 li a:hover,
#menu #pd04b li a:hover,
#menu #pd04c li a:hover{
	background-color:#B6A334;
}

#menu #pd04 li a.ex{
  background-image:url(/hp/images/pdArrow04.gif);
  background-repeat:no-repeat;
  background-position:125px 6px;
}
#menu #pd04 li a.ex:hover{
  background-image:url(/hp/images/pdArrow04_over.gif);
}

#menu #pd04b{
	top:195px;
	left:560px;
	width:155px;
}

#menu #pd04c{
	top:255px;
	left:560px;
	width:155px;
}

.en #menu #pd04{
	width:155px;
}
.en #menu #pd04 li a{
	width:144px;
} 
.en #menu #pd04 li a.indent{
	width:133px;
}

.en #menu #pd04b{
	top:162px;
  left:575px;
}

.en #menu #pd04c{
	top:222px;
	left:575px;
}
.en #menu #pd04 li a.ex{
  background-position:140px 6px;
}


.ko #menu #pd04b{
	top:174px;
}
.ko #menu #pd04c{
	top:235px;
}
.zh #menu #pd04b,
.zt #menu #pd04b{
	top:162px;
}

.zh #menu #pd04c,
.zt #menu #pd04c{
	top:222px;
}

/* ========== コンテンツ収納部 ========== */
div.contents{
	position:relative;
	z-index:11;
	width:948px;
	margin:12px 0 0 22px;
/*	background-color:pink;*/
	padding-bottom:36px;
}
div.contents form{
	z-index:12;
}

/* 個人情報保護項目 */
#p-policy{
	margin:18px 0 6px 12px;
}
#p-policy p{
	margin:0 0 0 0;
  margin-bottom:0;
}
#p-policy ul{
	margin:0.5em 0 0 2em;
	padding:0;
}
#sideFrame #p-policy ul{
	margin-left:1.5em;
}
#p-policy li{
	line-height:1.25em;
	margin:0 0 0.3em 0;
	padding:0 0 0 0;
}

/* ************************************** */
/* ************* 汎用クラス ************* */

/* まとめてインデント用 */
.padding{
	margin-left:15px;
}

/* 点線 */
div.line{
	border-style:dotted;
	border-width:0px 0px 2px 0px;
	border-color:#999;
}

/* 巻き戻しリンク */
p.rollUp{
	text-align:right;
}

p.rollUp a{
	color:#4971C4;
	padding-right:12px;
	text-decoration:none;
	background-image:url(../images/arrow01u.gif);
	background-repeat:no-repeat;
	background-position:right 1px;
}
p.rollUp a:hover{
	color:#833638;
	color:red;
	text-decoration:none;
	background-image:url(../images/arrow03u.gif);
}

.en p.rollUp a,
.zh p.rollUp a{
	background-position:right 3px;
}

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

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

p.underConst{
/*	text-align:center;*/
/*	margin-left:50px;*/
	margin-top:50px;
	font-weight:bold;
/*	fon-size:14px;*/
}

.notice {
	color:#FF0000;
}


/* ページ上部のメイン画像の余白設定 */
p.mainImage img {
	margin-right:5px;
}

/* 矢印マーク */
.arrow a,
a.arrow{
/*	color:#333; */
	line-height:1.3em;
	padding:0 0 0 14px;
	background-image:url(../images/arrow01r.gif);
	/* 実際の画像は、カテゴリによって変化する */
	background-repeat:no-repeat;
	background-position:0 2px;
}
.en .arrow a,
.en a.arrow{
	background-position:0 3px;
}

* html a.arrow,
* html .arrow a{/* IE6用 微調整 */
	background-position:0 2px;
}

.back a,
a.back{
/*	color:#333; */
	line-height:1.3em;
	padding:0 0 0 14px;
	background-image:url(../images/arrow01l.gif);
	/* 実際の画像は、カテゴリによって変化する */
	background-repeat:no-repeat;
	background-position:0 2px;
}
.en .back a,
.en a.back{
	background-position:0 4px;
}

/* アイコン */
/* PDF, Word, PpwerPoint, TIFF, Excel */
img.new, 
img.pdf, 
img.word,
img.ppt,
img.tiff,
img.excel{
	vertical-align:middle;
	margin:0px 3px 0px 3px;
}

* html img.pdf{
	margin-top:-2px;
}


/* ======== 各種リンクアイコン(Spanタグver.) ========= */

span.pdf{/* PDFへのリンク */
	margin:0 2px;
/*	padding:0 0 0 36px;*/
	background-image:url(/hp/images/btn_pdf.gif);
	background-position:left 0px;
	background-repeat:no-repeat;
}

span.pdf span,
span.word span{
	padding:0;
	margin-right:3px;
	background:transparent;
/*	margin:0 0 0 -36px;*/
	visibility:hidden;
/*color:green;*/
}

@media print{
	span.pdf,
	span.word{
	color:#666;
		background-image:none;
	}
	span.pdf span,
	span.word span{
		visibility:visible;
	}
}

span.word{/* wordへのリンク */
	margin:0 2px;
/*	padding:0 0 0 36px;*/
	background-image:url(/hp/images/btn_word.gif);
	background-position:left 0px;
	background-repeat:no-repeat;
}

* html span.pdf,
* html span.word{/* IE補正 */
	background-position:left 1px;
}


.en span.pdf,
.en span.word{/* 英語補正 */
	background-position:left 1px;
}


/* 最終更新日表示（ASPのページでよく使用） */

/* 最終更新日表示 */
.lastUpDate{
	text-align:right;
	margin:-40px 0 24px 0;
}
.en .lastUpDate{
	margin-top:-44px;
}

.lastUpDate span{
	color:red;
	font-weight:bold;
	font-family:Arial, Helvetica,sans-serif;
}