/* ========== 要素スタイル ========== */

body {
	margin: 0;
	padding: 0;
	background: #000000;
	color: #ffffff;
	font-family: "MS PGothic", "Osaka", Arial, sans-serif;
}

img {
	border: none;
}

a:link,a:visited { color: #16393b; }
a:hover { color: #fc6600; }

input,textarea,select {
	border: solid 1px #a0b9bf;
}


/* ========== 基本構成スタイル ========== */


/* ===== ヘッダー ===== */

div#header {
	width: 100%;
	background: #f5f8fa url(../images/bg_header.gif) repeat-x center top;
	float: left;
}

div#header h1 {
	margin: 0 20px;
	padding: 0;
	height: 80px;
	float: left;
}

div#header ul {
	margin: 10px 5px;
	padding: 0 0 0 60px;
	float: right;
	list-style-type: none;
	background: url(../images/t_menu.png) no-repeat left center;
}

* html div#header ul {
	background: url(../images/t_menu.gif) no-repeat left center;
}

div#header ul li {
	margin: 0 5px;
	padding: 0;
	float: left;
}

div#header ul li strong {
	display: none;
}

div#header ul a { display: block; text-decoration: none; }
div#header ul a.linkh01 { background: url(../images/menu_01.gif) no-repeat; width: 140px; height: 34px; }
div#header ul a.linkh02 { background: url(../images/menu_02.gif) no-repeat; width: 140px; height: 34px; }
div#header ul a.linkh03 { background: url(../images/menu_03.gif) no-repeat; width: 140px; height: 34px; }

div#header ul a:hover.linkh01 { background: url(../images/menu_01_o.gif) no-repeat; width: 140px; height: 34px; }
div#header ul a:hover.linkh02 { background: url(../images/menu_02_o.gif) no-repeat; width: 140px; height: 34px; }
div#header ul a:hover.linkh03 { background: url(../images/menu_03_o.gif) no-repeat; width: 140px; height: 34px; }


/* ===== コンテンツ ===== */

div#container {
	width: 100%;
	background: #000000;
	text-align: center;
}

div#mainwrap {
	width: 920px;
	margin: 20px auto 0;
	text-align: left;
}

div#contentwrapper {
	background: url(../images/background02.gif) repeat-y center top;
	float: left;
}

div#contentwrap {
	background: url(../images/background02_f.gif) no-repeat center bottom;
	float: left;
	padding-bottom: 110px;
}

div#content {
	background: url(../images/background02_t.gif) no-repeat center top;
	float: left;
	padding: 0 10px;
}

* html div#content { margin: 0 10px; padding: 0; }


div#mainarea {
	width: 710px;
	float: left;
}

* html div#mainarea { width: 705px; }


/* ===== ナビゲーション ===== */

div#pannavi {
	position: relative;
}

div#topnavi {
	margin: 0;
	padding: 0;
	position: absolute; left: -10px;
}

* html div#topnavi { position: absolute; left: -680px; }

div#topnavi02 {
	margin: 0;
	padding: 0;
	position: absolute; left: 655px; top: 5px;
}

* html div#topnavi02 { position: absolute; left: -15px; top: 5px; }

div#pannavi ul {
	background: #f6f6f6;
	border-bottom: solid 1px #e6e6e6;
	width: 520px;
	float: left;
	margin: 10px 0 0;
	padding: 8px 0 7px 180px;
	list-style-type: none;
	font-size: 70%;
}

* html div#pannavi ul { width: 670px; padding-left: 180px; }

div#pannavi ul li {
	margin: 0;
	padding: 0 0 0 10px;
	display: inline;
	background: url(../images/arw_pnavi.gif) no-repeat left center;
}


/* ===== コンテンツボディー ===== */

div#contentbody {
	margin: 70px 20px 0;
	clear: both;
	font-size: 80%;
	line-height: 1.5;
}

div#contentbody h2 {
	margin: 0;
	padding: 0;
}

div#contentbody h2:not(\*|*) { padding-top: 30px; } /* Opera */

div#contentbody h3 {
	margin: 40px 0 20px;
	padding: 0 10px;
	font-size: 125%;
	color: #165f70;
	background: url(../images/bg_h3.gif) repeat-x center bottom;
	border-top: 1px solid #eeeeee;
	clear: both;
}

div#contentbody h3 strong {
	display: block;
	padding: 5px 20px 5px 26px;
	background: url(../images/bur_h3.gif) no-repeat 0 8px;
}

div#contentbody h4 {
	margin: 20px 0 10px;
	padding: 0 10px;
	font-size: 110%;
	color: #444444;
	background: url(../images/line01.gif) repeat-x center bottom;
	clear: both;
}

div#contentbody h4 strong {
	display: block;
	padding: 8px 20px 5px 26px;
	background: url(../images/bur_h4.gif) no-repeat 0 8px;
}

div#contentbody p {
	margin: 15px 10px;
	padding: 0;
}

div#contentbody ul,div#contentbody ol {
	margin: 0;
	padding-left: 30px;
}

div#contentbody li {
	margin: 10px 20px 10px 0;
}

p.pagetop {
	text-align: right;
	margin: 40px;
	clear: both;
}


/* ===== サブメニュー ===== */

div#subarea {
	width: 190px;
	float: left;
}

* html div div#subarea { position:relative; left:5px; }

div#subarea h3 {
	margin: 20px 0 0 5px;
	padding: 0 0 5px;
}

div#subarea ul.submenu {
	margin: 0;
	padding: 0 5px 20px 15px;
	list-style-type: none;
}

div#subarea ul.submenu li {
	margin: 0;
	padding: 1px 0 2px;
}

div#subarea ul.submenu li a {
	display: block;
	padding: 14px 0 13px 15px;
}

div#subarea ul.submenu li a:hover,div#subarea ul.submenu li a.active {
	border-right: solid 6px #619eab;
}

div#subarea ul.listtype01 {
	margin: 0;
	padding: 0 5px 20px 15px;
	list-style-type: none;
}

div#subarea ul.listtype02 {
	margin: 0;
	padding: 0 10px 20px 20px;
	list-style-type: none;
}

div#subarea li {
	margin: 10px 0 0;
	padding: 0 0 10px;
	background: url(../images/line01.gif) repeat-x center bottom;
}


/* ===== フッター ===== */

div#underwrap {
	width: 100%;
	background: #165f70 url(../images/bg_under.gif) repeat-x;
	text-align: center;
	clear: both;
}

div#undercontent {
	width: 900px;
	margin: 0 auto;
	padding: 20px 0 0;
	text-align: left;
	background: #165f70 url(../images/bg_cunder.gif) no-repeat;
}

div#content {
	width: 900px;
	float: left;
}

div#footer {
	padding: 16px 0 20px;
	text-align: left;
	background: url(../images/line_f.gif) repeat-x center top;
	clear: both;
}

div#footer ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	float: left;
}

div#footer ul li {
	float: left;
	background: url(../images/arw_footer.gif) no-repeat 5px 4px;
	margin-right: 10px;
	padding-left: 15px;
}

* html div#footer ul li { background: url(../images/arw_footer.gif) no-repeat 5px; }

div#footer ul li strong {
	display: none;
}

div#footer ul a { display: block; text-decoration: none; }
div#footer ul a.linkf01 { background: url(../images/menu_f01.gif) no-repeat; width: 96px; height: 13px; }
div#footer ul a.linkf02 { background: url(../images/menu_f02.gif) no-repeat; width: 119px; height: 12px; }
div#footer ul a.linkf03 { background: url(../images/menu_f03.gif) no-repeat; width: 48px; height: 13px; }
div#footer ul a.linkf04 { background: url(../images/menu_f04.gif) no-repeat; width: 70px; height: 12px; }
div#footer ul a.linkf05 { background: url(../images/menu_f05.gif) no-repeat; width: 71px; height: 13px; }

div#footer ul a:hover.linkf01 { background: url(../images/menu_f01_o.gif) no-repeat; width: 96px; height: 13px; }
div#footer ul a:hover.linkf02 { background: url(../images/menu_f02_o.gif) no-repeat; width: 119px; height: 12px; }
div#footer ul a:hover.linkf03 { background: url(../images/menu_f03_o.gif) no-repeat; width: 48px; height: 13px; }
div#footer ul a:hover.linkf04 { background: url(../images/menu_f04_o.gif) no-repeat; width: 70px; height: 12px; }
div#footer ul a:hover.linkf05 { background: url(../images/menu_f05_o.gif) no-repeat; width: 71px; height: 13px; }

p#copyright {
	margin: 0;
	padding: 0;
	clear: both;
	text-align: right;
}



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

.center { text-align: center; }
.right { text-align: right; }
.left { text-align: left; }

.leftbox,.imgleft {	float: left; padding-right: 10px; }
.rightbox,.imgright { float: right; padding-left: 10px; }
.clear { clear: both; }

.notes { font-size: 80%; color: #888888; }
.notes02 { margin: 10px; padding: 8px 12px; background: #f9f9f9; border: solid 1px #e9e9e9; }
#contentbody p.notes02 { margin: 10px; padding: 8px 12px; background: #f9f9f9; border: solid 1px #e9e9e9; }

table.tabletype01 { width: 640px; margin: 20px 10px; border-collapse: collapse; border: solid 1px #cccccc; }
table.tabletype01 th { padding: 10px; border-collapse: collapse; border: solid 1px #cccccc; background: #165f70 url(../images/bg_th01.gif) repeat-x; text-align: left; vertical-align: top; color: #ffffff; white-space: nowrap; }
table.tabletype01 th span { font-size: 80%; font-weight: normal; padding-left: 10px; }
table.tabletype01 td { padding: 10px; border-collapse: collapse; border: solid 1px #cccccc; background: #f8fbfc; }
table.tabletype01 td dl { margin: 0; }
table.tabletype01 td dt { font-weight: bold; }
table.tabletype01 td dd { margin: 5px 0 10px 10px; padding: 0; }

* html table.tabletype01 { font-size: 90%; }

table.tabletype01 td.headcell01 { background: #e5f1f4; }
table.tabletype01 tr.selrecord01 { color: #dd3300; }
#contentbody table.tabletype01 td li { margin: 5px 0; padding: 0; }

dl.pdfinfo { margin: 20px 0; }
dl.pdfinfo dt {	padding-left: 22px;	background: url(../images/ico_pdf.gif) no-repeat; }
dl.pdfinfo dd { margin: 5px 0; padding: 8px 12px; background: #f9f9f9; border: solid 1px #e9e9e9; }

ul.pdfinfo { margin: 20px 0; padding-bottom: 10px; list-style-type: none; }
ul.pdfinfo li {	padding-left: 22px;	background: url(../images/ico_pdf.gif) no-repeat; }

.submit { text-align: center; }
.submit input { border: solid 1px #777777; background: #e2e3e6 url(../images/bg_submit.gif) repeat-x; padding: 1px 10px; color: #555555; }

.error { font-weight: bold; color: #f93300; }