@charset "UTF-8";

@import url("box.css");

/* *****************************************************
Contents ---------------
01: base
------------------------
***************************************************** */

/* *****************************************************
base
***************************************************** */

*
	{
	margin: 0;
	padding: 0;
	color: #3d3d3d;
	background-color: transparent;
	border: 0;
	font-size: 100%;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	list-style: none;
	}

body
	{
	font-size: 12px;
	line-height: 18px;
	}

a
	{
	color: #274983;
	background-color: inherit;
	}

a[name]:link,
a[name]:visited,
a[name]:hover,
a[name]:active
	{
	text-decoration: none;
	}

#LayerHeader,
#LayerSnavi,
#AreaFooterLink
	{
	display: none;
	}


/* *****************************************************
content
***************************************************** */
#LayerContents
	{
	width: 630px;
	}

.PageReader,
.fnavi_back,
#fnavi_back
	{
	display: none;
	}

/* =====================================================
tnavi
===================================================== */
#tnavi
	{
	font-size: 91%; /* 11px */
	line-height: 127%; /* 14px */
	margin: 0 0 16px 0;
	}

/* =====================================================
heading
===================================================== */
h1
	{
	background-color: #126182;
	color: #ffffff;
	height: 30px;
	margin: 15px 0;
	padding: 20px 10px 5px 25px;
	font-size: 150%; /* 18px */
	line-height: 122%; /* 22px */
	}

h2
	{
	margin-top: 25px;
	margin-bottom: 16px;
	}

h3
	{
	color: #ffffff;
	padding: 4px 20px 2px 5px;
	margin-top: 21px; /* 25px */
	margin-bottom: 16px;  /* 20px */
	background-color: #7ab2eb;
	}

h3.h4,
h4
	{
	font-size: 108%; /* 13px */
	line-height: 138%; /* 18px */
	color: #4c7db7;
	padding: 0 20px 0 9px;
	margin-top: 12px; /* 20px */
	margin-bottom: 16px;  /* 20px */
	background: url(i/h4_base.gif) 0 0 repeat-y;
	}

h5
	{
	background: url(i/h5_base.gif) no-repeat 0 5px;
	color: #22636b;
	padding: 2px 20px 2px 13px;
	margin-top: 5px; /* 15px */
	}

h6
	{
	color: #1d6617;
	padding: 2px 20px 2px 0;
	margin-bottom: 15px;
	}

.first
	{
	margin-top: 0;
	}

/* =====================================================
AreaContents
===================================================== */
.AreaContents
	{
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 0;
	}

.AreaContents p
	{
	margin-bottom: 10px;
	}

.border
	{
	border: 1px solid #dcdcdc;
	clear: both;
	padding: 14px;
	width: 530px;
	}

* html .border /* IE 6 */
	{
	height: 1px;
	}

.border:after
	{
	clear: both;
	margin: 0;
	height: 0;
	content: ".";
	display: block;
	visibility: hidden;
	}

.border /* IE 7 */
	{
	display:inline-block;
	}

p.link-arrow
	{
	margin-top: 5px;
	padding: 0 0 0 14px;
	background: url(i/link-arrow_base.gif) 2px 4px no-repeat;
	}

#LayerContentsBody ul.link-arrow
	{
	margin-left: 0;
	list-style: disc;
	}

#LayerContentsBody .link-arrow li
	{
	list-style: none;
	margin-top: 5px;
	padding: 0 0 0 14px;
	background: url(i/link-arrow_base.gif) 2px 4px no-repeat;
	}

/* -----------------------------------------------------
ul, ol
----------------------------------------------------- */
#LayerContentsBody ul
	{
	margin-left: 15px;
	list-style: disc;
	margin-bottom: 6px;
	}

#LayerContentsBody ul li
	{
	list-style: disc;
	margin-bottom: 3px;
	}

#LayerContentsBody ol li
	{
	list-style: decimal;
	}

#LayerContentsBody ul ul,
#LayerContentsBody ul ol
	{
	margin-left: 30px;
	}

/* -----------------------------------------------------
dl
----------------------------------------------------- */
#LayerContentsBody dl
	{
	clear: both;
	width: 560px;
	padding-bottom: 11px;
	margin-bottom: 11px;
	border-bottom: 1px solid #e3e3e4;
	}

#LayerContentsBody dl:after
	{
	clear: both;
	margin: 0;
	padding: 0;
	height: 0;
	content: ".";
	display: block;
	visibility: hidden;
	}

* html #LayerContentsBody dl /* IE 6*/
	{
	height: 1px;
	}

*+ html #LayerContentsBody dl /* IE 7*/
	{
	height: 1%; 
	}

#LayerContentsBody dl.bottom
	{
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: none;
	}

#LayerContentsBody  dt
	{
	float: left;
	padding: 0 10px;
	color: #0070a5;
	background: inherit;
	}

#LayerContentsBody dd
	{
	float: right;
	padding: 0 10px 0 0;
	background: inherit;
	}

/* -----------------------------------------------------
set
----------------------------------------------------- */
.set-right
	{
	text-align: right;
	}
/* -----------------------------------------------------
note
----------------------------------------------------- */
.note
	{
	color: #9c3309;
	background-color: inherit;
	}

/* -----------------------------------------------------
table
----------------------------------------------------- */
#LayerContentsBody .table-border
	{
	border-collapse: collapse;
	border: 1px solid #dcdcde;
	width: 550px;
	margin-bottom: 12px;
	}

.table-border th,
.table-border td
	{
	padding: 4px 8px 4px 8px;
	border: 1px solid #dcdcde;
	}

.table-border th
	{
	color: #3d5d6a;
	background: #eff7f5;
	text-align: left;
	}

/* *****************************************************
footer
***************************************************** */
#LayerFooter
	{
	margin: 0 0 15px 0;
	}

/* =====================================================
AreaFooter
===================================================== */
#AreaFooter
	{
	clear: both;
	height: auto;
	width: 850px;
	margin: 7px 0 0 0;
	}

#AreaFooter:after
	{
	clear: both;
	margin: 0;
	height: 0;
	content: ".";
	display: block;
	visibility: hidden;
	}

/* =====================================================
AreaSiteInformation
===================================================== */
#AreaSiteInformation
	{
	float: left;
	width: 770px;
	height: auto;
	clear: both;
	margin: 15px 0 0 0;
	padding: 4px 10px 5px 10px;
	background-color: #123b82;
	color: #ffffff;
	font-size: 83%; /* 10px */
	line-height: 140%; /* 14px */
	}

#AreaSiteInformation:after
	{
	clear: both;
	margin: 0;
	height: 0;
	content: ".";
	display: block;
	visibility: hidden;
	}

#AreaCopyright
	{
	float: left;
	width: 365px;
	height: auto;
	color: #ffffff;
	background-color: inherit;
	}

/* =====================================================
AreaPmark
===================================================== */
#AreaPmark
	{
	float: left;
	width: 60px;
	height: auto;
	text-align: right;
	}

