@charset "UTF-8";
/* CSS Document */

/* =================================== */
/* 基本レイアウトの設定 */
/* =================================== */

body , div , dl , dt , dd , ul , ol , li , h1 , h2 , h3 , h4 , h5 , h6 , pre , form , fieldset , input , textarea , p , blockquote { 
	margin: 0;
	padding: 0;
}
body
{
	font-family: "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", "Osaka";
	font-size:12px;
	font-style:normal;
	line-height: 20px;
	color:#003366;
	background-color:#7ecdf3;
	background-image:url(body_bg.jpg);
	background-repeat:repeat-x;
	background-position:top;
	height:100%;
	margin:0px;
	padding:0px;
}
a:link
{ color:#3333dd; text-decoration:none;}

a:visited
{ color:#3333dd; text-decoration:none;}

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

a:active
{ color:#3333dd; text-decoration:underline;}

p
{ margin-top: 10px; padding-left:10px; padding-right:10px; display:block;}

img {
	margin: 0px;
	padding: 0px;
	border: none;
}
table {
	font-size: 12px;
	line-height: 18px;
}


/* =================================== */
/* コンテンツスペースの設定 */
/* =================================== */

.one #contents{ /* コンテンツスペース */
	margin: 0px auto 0px auto; /* この div エレメントの右マージンにより、ページの右側に #sidebar1 div が設定されます。#sidebar1 div に含まれるコンテンツの量に関係なく、#sidebar1 div のスペースは維持されます。#sidebar1 のコンテンツが終了した後のスペースに #mainContent div のテキストを挿入するには、このマージンを削除します。 */
	padding: 0px; /* 余白は div ボックスの内側のスペース、マージンは div ボックスの外側のスペースです */
	height: 100%;
	width: 800px;
}
.one #contents p { /* リードテキスト */
	text-align: left;
	margin: 10px 10px 10px 10px;
}


/* =================================== */
/* ヘッダーの設定 */
/* =================================== */
#head
{ height:90px; width:800px; background-image:url(head_bg.jpg); padding:0px; margin-right: auto; margin-left: auto;}

.head_logo
{ height:70px; width:240px; background-image:url(head_logo.jpg); float: left; padding:0px; margin-top: 20px; margin-left: 30px; text-indent: -300px; overflow: hidden; display:inline; }
.head_logo a:link
{ height:70px; width:240px; display: block;}
.head_logo a:visited
{ height:70px; width:240px; display: block;}
.head_logo a:hover
{ height:70px; width:240px; background-image: url(head_logo.jpg); background-position: 0px -70px; display: block;}
.head_logo a:active
{ height:70px; width:240px; background-image: url(head_logo.jpg); background-position: 0px -70px; display: block;}

.head_btn
{ height:20px; width:180px; background-image:url(head_btn.jpg); float:right; padding:0px; margin-top: 59px; margin-right: 25px; text-indent: -300px; overflow: hidden; display:inline; }
.head_btn a:link
{ height:20px; width:180px; display: block;}
.head_btn a:visited
{ height:20px; width:180px; display: block;}
.head_btn a:hover
{ height:20px; width:180px; background-image: url(head_btn.jpg); background-position: 0px -20px; display: block;}
.head_btn a:active
{ height:20px; width:180px; background-image: url(head_btn.jpg); background-position: 0px -20px; display: block;}


/* =================================== */
/* 中ページの設定 */
/* =================================== */
#page
{ height: 100%; width:800px; text-align: left; margin-right: auto; margin-left: auto;}
.page_head
{ height:100px; width:800px; background-image:url(page_head_bg.jpg); padding:0px; margin:0px; display:block; }
#page_body
{ position:relative; height:100%; width:780px; background-color:#FFFFFF; padding:10px; margin:0px; display:block; }
.page_foot
{ height:20px; width:800px; background-image:url(page_foot_bg.jpg); padding:0px; margin:0px; display:block; }
#page_contents
{
	position:relative;
	height:1100px;
	width:680px;
	background-color:#FFFFFF;
	margin-right:auto;
	margin-left:auto;
}
#page_left
{
	position:relative;
	width:370px;
	margin-top:10px;
	margin-right:30px;
	float: left;
}
#page_right
{
	position:relative;
	width:280px;
	background-color:#d5f1ff;
	margin-top:10px;
	display: inline-block;
}	
#page_centr
{
	height:100%;
	width:600px;
	margin-right:auto;
	margin-top:10px;
	margin-bottom:20px;
	margin-left:auto;
	display:block;
}


/* =================================== */
/* フォントの設定 */
/* =================================== */

/* 基本文字サイズ */
.font_S
{
	font-size:10px;
	color:#333399;
	font-style:normal;
	line-height:12px;
	margin: 5px;
}
.font_M
{ font-size:12px; font-style:normal; line-height:20px; margin-right:10px; margin-left:10px; }
.font_L
{
	font-size:16px;
	color:#134a9e;
	line-height:40px;
	height:40px;
	font-weight: bold;
}

/* 見出し文字 */
.page_catch
{
	color:#336699;
	font-size:14px;
	line-height:30px;
	background-image:url(catch_bg.gif);
	background-repeat: repeat-x;
	text-indent:10px;
	width:600px;
	height:30px;
	margin-top:20px;
	margin-right: auto;
	margin-left:auto;
	margin-bottom:10px;
}

.listmark_01
{
	font-size:12px;
	line-height:18px;
	text-align:left;
	text-indent:12px;
	height:18px;
	background-image:url(listmark_01.gif);
	background-repeat:no-repeat;
	background-position:left center;
	margin-left:12px;
}

.listmark_02
{
	font-size:12px;
	line-height:18px;
	text-align:left;
	background-image:url(listmark_02.gif);
	background-repeat:no-repeat;
	background-position:left center;
	margin-left:10px;
	padding-left: 18px;
}

.listmark_03
{
	font-size:12px;
	line-height:18px;
	text-align:left;
	background-image:url(listmark_02.gif);
	background-repeat:no-repeat;
	background-position:left top;
	margin-left:12px;
	margin-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	padding-left: 18px;
}

.listmark_pdf
{
	font-size:12px;
	line-height:12px;
	text-align:left;
	height:20px;
	background-image:url(listmark_pdf.gif);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:70px;
}


/* =================================== */
/* フッターの設定 */
/* =================================== */

.one #foot {
	margin: 0; /* フッターの最初のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間のスペース）が回避されます */
	padding: 10px 0; /* このエレメントの余白により、マージンの相殺を発生させることなく、マージンの効果とまったく同じように、スペースが設定されます */
	text-align: center;
}
.one #foot_menu {
	line-height:14px;
	text-align:center;
	width:800px;
	margin-right:auto;
	margin-left:auto;
	background-color: #d5f1ff;
	border:1px solid #498ec4;
	padding: 10px 0px 10px 0px;
	margin-top:20px;
	margin-bottom:10px;
	line-height:30px;
	display:block;
}
.one #foot h1 {
	margin: 0; /* フッターの最初のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間のスペース）が回避されます */
	padding: 0px; /* このエレメントの余白により、マージンの相殺を発生させることなく、マージンの効果とまったく同じように、スペースが設定されます */
	text-align: center;
	font-size: 12px;
	font-weight: normal;
}