@charset "utf-8";

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

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

body{
	background-color:#d0d0d0;
	background-image:url(../images/bg.gif);
	background-repeat:repeat-x;
}

body,h1,h2,h3,h4,h5,h6,th,td,p,div,textarea{
	font-size:small;
	font-family:"ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka ;
	color:#222;
	line-height:1.3em;
}

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


h1{
/*	text-indent:-9000px;*/
/*	position:relative;
	top:60px;*/
	width:692px;
	height:28px;
	padding:0;
	margin:0 auto 0 auto;

	border-style:none;
	background-repeat:no-repeat;
}

p.titlePs{
	text-align:right;
	margin-top:-15px;
	margin-bottom:15px;
}


h2{
	font-size:115%;
	line-height:1.1em;
	margin:1.75em 0 0.3em 0px;
	padding:0 0 0 17px;
	
	font-weight:bold;
	line-height:1.1em;

	background-image:url(../images/mark01.gif);
	background-repeat:no-repeat;
	background-position:0 3px;
}


h3{
	line-height:1.25em;
	padding:0;
	margin:1.5em 0 0.3em 0;
}

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

h3.noBorder{
	border-style:none;
}

h4{
	margin:18px 0 3px 0;
	padding:0;
}

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

.mark02{
	padding-left:12px;
	background-image:url(../images/mark02.gif);
	background-repeat:no-repeat;
	background-position:0 4px;
}

.mark03{
	padding-left:12px;
	background-image:url(../images/mark03.gif);
	background-repeat:no-repeat;
	background-position:0 3px;
}
.mark04{
	padding-left:15px;
	background-image:url(../images/mark04.gif);
	background-repeat:no-repeat;
	background-position:0 2px;
}

ul.mark02,
ul.mark03,
ul.mark04{
	background-image:none;
}
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;
}
ol.num2{/* 数字が2桁になる場合に… */
	margin-left:32px;
}
ul.numKakko{/* 1)のような番号付きリスト  */
	list-style:none;
	margin-left:10px;
}
ul.numKakko li{
	text-indent:-1.2em;
	margin-left:1.2em;
}
ul.noMark{
	list-style-type:none;
	margin-left:12px;
}

a {
	color:#0000FF;
	text-decoration:none;
	font-size:105%;
}

a:hover{
	color:#ff0000;
	text-decoration:underline;
	font-size:105%;
}

img{
	border-style:none;
}

noscript{
	color:red;
}


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

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

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

div#mainFrame{
	position:relative;
	z-index:2;
	width:800px;
	height:auto;
	min-height:640px;
	margin:0 auto;
	padding:0 8px;

	background-image:url(../images/bg_main.gif);
	background-repeat:no-repeat;
	background-position:0 0;
}


/* ========== ヘッダ ========== */
div#header{
	position:relative;
	width:800px;
	height:90px;
	margin:0 auto;
	background-repeat: no-repeat;
}

div#header h1 a{
	display:block;
	width:800px;
	height:112px;
}

div#header p{
	text-indent:-9000px;
}

/* ========== メニュー関連 ========== */

/*ヘッダメニュー*/
#headerMenu{
/*	display:none*/
	position:absolute;
	top:52px;
	left:570px;
	margin:0;
	padding:0;
	list-style-type:none;
}

#headerMenu li,
#headerMenu li a{
	display:block;
	float:left;
	overflow:hidden;
	background-repeat:no-repeat;
}
#headerMenu li{
	width:auto;
	height:14px;
}

#headerMenu li a{
	height:14px;
	_height:28px;
	text-indent:-9999px;
	border-right:2px solid #ccc;
	cursor:pointer;
}

#headerMenu li a.menu01{width:55px;background-image:url(../images/header-menu01.png);}
#headerMenu li a.menu02{width:67px;background-image:url(../images/header-menu02.png);}
#headerMenu li a.menu03{width:90px;background-image:url(../images/header-menu03.png);border-style:none;}

#headerMenu li a:hover{
	background-position:0 -14px;
	_margin-top:-14px;
}

* html #headerMenu li a{
 behavior: expression(IEPNGFIX.fix(this));
}

/*メインメニュー*/
#mainMenu{
	position:absolute;
	z-index:10;
	top:90px;
	width:800px;
	height:29px;
	margin:0;
	padding:0;
	background-image:url(../images/mainmenu.gif);
	background-position:0px -29px;
	background-repeat:no-repeat;
/*	overflow:hidden;*/
}

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

#mainMenu li{
	display:block;
	width:auto;
/*	height:29px;*/
	margin:0;
	padding:0;
	float:left;
}

#mainMenu a{
	display:block;
	text-indent:-9000px;
	height:29px;
	margin:0;
	padding:0;
	background-image:none;
	background-color:transparent;

	cursor:pointer;
}

#mainMenu li a:hover{
	background-image:url(../images/mainmenu.gif);
/*	background-position:0 -29px;*/
}


/* 通常時 */
#mainMenu li a.menu01{width:134px;background-position:0px -29px;}
#mainMenu li a.menu02{width:133px;background-position:-134px -29px;}
#mainMenu li a.menu03{width:134px;background-position:-267px -29px;}
#mainMenu li a.menu04{width:133px;background-position:-401px -29px;}
#mainMenu li a.menu05{width:133px;background-position:-534px -29px;}
#mainMenu li a.menu06{width:133px;background-position:-667px -29px;}

/* ロールオーバー */
#mainMenu li a.menu01:hover{background-position:0px 0px;}
#mainMenu li a.menu02:hover{background-position:-134px 0px;}
#mainMenu li a.menu03:hover{background-position:-267px 0px;}
#mainMenu li a.menu04:hover{background-position:-401px 0px;}
#mainMenu li a.menu05:hover{background-position:-534px 0px;}
#mainMenu li a.menu06:hover{background-position:-667px 0px;}



/* ========== フッタ ========== */
div#footer{
	position:absolute;
	z-index:4;
	bottom:0px;
	width:760px;
	height:40px;
	margin:0px 8px 0 8px;
	padding:13px 20px 0 20px;
	/*overflow:hidden;*/
	background-color:transparent;

	background-image:url(../images/footer_bg.gif);
	background-repeat:no-repeat;
	background-position:0 13px;
}

div#footer ul{
	list-style-type:none;
	margin:21px 0 0 0px;
/*	_margin-left:10px;*/
	width:290px;
	height:15px;
	overflow:hidden;
	float:left;

}
div#footer ul li{
	font-size:10px;
	/*width:5em;
	overflow:hidden;*/
	float:left;
	margin-right:18px;

}
div#footer ul li a{
	color:#666;
	display:block;
	padding-left:10px;
	background-image:url(../images/footer-accent01.gif);
	background-repeat:no-repeat;
	background-position:0 2px;
	_background-position:0 1px;
/*	background-color:pink;*/
}
div#footer ul li a:hover{
	color:blue;
	background-image:url(../images/footer-accent01_over.gif);
}
div#footer #copyrights{
/*	display:none;*/
	color:#666;
	font-size:11px;
	line-height:1.1em;
	text-align:right;
	width:465px;
	height:15px;
	margin:21px 0 0 0;
	padding:0 0 0 0;
	float:right;
}
div#footer #copyrights img{
	vertical-align:middle;
	margin:0 0 0 6px;
}

/* ========== コンテンツ収納部 ========== */
div#contentsFrame{
	position:static;
/*	background-color:yellow;*/
}

div#topicPath{
	font-size:90%;
	width:692px;
	margin:49px 0 6px 55px;
}

div#topicPath a{
	color:#222;
}
div#topicPath a:hover{
	color:blue;
}

div.contents{
	width:656px;
	margin:0 auto 0px auto;
	padding-top:20px;
	padding-bottom:60px;
}


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

/*配置*/
.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;}



/* 冒頭 アンカーリンク */
.anchors{
	margin-bottom:20px;
}
.anchors ul{
	list-style-type:none;
	margin:0;
	padding:0;
}
.anchors li{
	display:block;
	min-width:7.5em;
	_width:7.5em;
	margin-right:0.5em;
	padding:0 4px 1px 0;
	white-space:nowrap;
	float:left;
}

/*インライン画像*/
img.inlineIMG{
vertical-align:middle;}


ul.asteriskList{
	list-style-type:none;
	margin-left:0px;
	margin-top:0.5em;
}
ul.asteriskList li{
	text-indent:-1em;
	padding-left:1em;
}

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

p.indent1em,
div.indent1em p{
	text-indent:-1em;
	padding-left:1em;
}


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

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

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

.imgRight{
	display:block;
	float:right;
	margin-left:12px;
}
.imgLeft{
	display:block;
	float:left;
	margin-right:12px;
}

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

div.pageUp a{
	display:block;
	text-indent:-9999px;
	text-decoration:none;
	width:82px;
	height:17px;
	margin:0 0 0 auto;
	background-image:url(../images/btn_pageup.gif);
	background-repeat:no-repeat;
	background-position:0 0px;
}
div.pageUp 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;
}

p.underConst{
	margin-top:50px;
	font-weight:bold;
}

.attention{
	color:red;
}


.clearfix:after {/* 段組float解除用スタイル */
	/*  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;*/

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

/*クリア*/
span.clear,
div.clear{
	display:block;
	clear:both;
	width:auto;
	height:1px;
	margin:0 !important;
	padding:0 !important;
	overflow:hidden;
}
span.clearLeft,
div.clearLeft{
	display:block;
	clear:left;
	width:auto;
	height:1px;
	margin:0 !important;
	padding:0 !important;
	overflow:hidden;
}


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

table.normal{
	margin-bottom:0.75em;
}

table.normal th,
table.normal td{
	padding:3px 6px;
	line-height:1.2em;
	text-align:left;

	border:1px solid #7b7c86;
	border-width:0 1px 1px 0;
}

table.normal{
	border:1px solid #7b7c86;
	border-width:1px 0px 0px 1px;
}
table.normal tr.header th{
	color:#fff;
	text-align:center;
	border-right-color:#e2e1e6;
	background-color:#d37700;
}
table.normal tr.header th.last{
	border-right-color:#7b7c86;
}

table.normal th.item{
	text-align:left;
	background-color:#f1eac0;
}


/*汎用ボックススタイル*/
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;}




/* 別窓画像表示HTML用 CSS =============== */
body#openImage{
	height:100%;
	width:100%;
	background-image:none;
	background-color:#fff;
}

body img.close {
	cursor:pointer;
}

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

@media print{
	#mainMenu{
		/* 印刷時、メニューくずれを防止 */
		width:auto;
		background-image:url(../images/mainmenu_print.gif);
		background-position:0px 0px;
		position:relative;
		top:0;
	}
}

