/*------------------------------------------------------------
ブラウザ固有のCSSをリセット
-------------------------------------------------------------*/

body,div,dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,p,blockquote,table,th,td{
	margin: 0;
	padding: 0;
}

table{
	border-collapse: collapse;
	border-spacing: 0;
}

address,caption,cite,code,dfn,h1,h2,h3,h4,th,var{
	font-style: normal;
	font-weight: normal;
}

fieldset,img,abbr{ border: 0; }
caption,th{ text-align: left; }
q:before,q:after{ content: ''; }
a{ text-decoration: none; }
img{
	border: none;
	vertical-align: bottom;
}


/*--------------------------------------------------------
1、total設定
-------------------------------------------------------*/

/*背景画像設定*/
body{
	margin: 0;
	background: url(./images/bg.gif) #fff center top fixed;
	text-align: center;
}




/*文字設定*/
body,pre{
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size: 90%;
	line-height: 1.4em;
	color: #333;
}

pre{
	font-size: 100%;
	white-space: pre-wrap;
	word-wrap: break-word;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	white-space: -moz-pre-wrap;
}


/*リンク色*/
a{ text-decoration: underline; }
a:link{ color: #0000dd; }
a:visited{ color: #0000dd; }
a:hover{ color: #ff0033; }


/*--------------------------------------------------------
2、hタグ
--------------------------------------------------------*/

h1{
	z-index: 1;
	position: absolute;
	margin: 7px 0 0 16px;
	font-size: 8.5pt;
	line-height: 18px;
	color: #fff;
}


h2,h3{
	clear: both;
	margin: 30px 10px 20px 10px;
	padding: 0.3em 10px 0.3em 20px;
	border: 1px solid #7070ba;
	background: url(./images/bg-h3-blue.jpg) left bottom repeat-x;
	font-size: 1.1em;
	font-weight: bold;
	line-height: 1.4em;
	text-align: left;
	color: #333;
}


h4{
	clear: both;
	margin: 1.0em 0;
	padding: 0.3em 10px;
	border: 1px dotted #7070ba;
	font-size: 1.1em;
	font-weight: bold;
	line-height: 1.4em;
	text-align: left;
	color: #333;
}


/*--------------------------------------------------------
3、サイト全体の配置＆横幅
--------------------------------------------------------*/

/*サイト全体をセンタリング*/
div#container{
	margin: 0 auto;
	text-align: left;
}

/*左右の枠線*/
div#header,
div#header-logo,
div#global-menu,
div#navi,
div#main{
	border-left: 1px solid #333;
	border-right: 1px solid #333;
}


/*■サイト全体の横幅*/
div#container,
div#header,
div#header-logo,
div#global-menu,
div#navi,
div#main{
	width: 800px;
	_width: 802px;/*IE6用（「全体」+「2px」）*/
}


/*■トップメニュー帯の横幅（「全体」-「16px」）*/
div#header #top-menu{ width: 784px; }


/*■本文の横幅*/
div#main-contents{
	width: 720px;/*「全体」-「80px」*/
	_width: 740px;/*IE6用（「全体」-「60px」）*/
}


/*--------------------------------------------------------
4-1、エリアの設定「最上部ヘッダー帯」
--------------------------------------------------------*/

div#header{
	height: 30px;
	background: center url(./images/bg-sub-blue.jpg);
}

div#header #top-menu{
	position: absolute;
	top: 5px;
	text-align: right;
}

div#header #top-menu li{
	display: inline;
	font-size: 8.5pt;
	line-height: 14pt;
}


/*リンク色*/
div#header #top-menu li{ color: #304b25; }
div#header #top-menu li a:link{ color: #304b25; }
div#header #top-menu li a:visited{ color: #304b25; }
div#header #top-menu li a:hover{ color: #cc6600; }


/*--------------------------------------------------------
4-2、エリアの設定「ヘッダーロゴ」
--------------------------------------------------------*/

div#header-logo{
	z-index: 1;
	position: absolute;
	top: 30px;
	height: 200px;/*■ロゴの高さ*/
	border-top: 1px solid #333;
	background: url(./images/top-baner.png);
	text-align: left;
}


/*ロゴテキスト*/
p#logo-text{
	position: absolute;
	top: 75px;/*■縦位置*/
	left: 70px;
	font-size: 20pt;
	font-weight: bold;
	line-height: 1.1em;
	letter-spacing: -0.5pt;
}

/*サブテキスト*/
p#sub-text{
	position: absolute;
	top: 105px;/*■縦位置*/
	left: 18px;
	font-size: 10pt;
	font-weight: bold;
	line-height: 12pt;
	letter-spacing: -0.5pt;
}

/*ロゴテキスト＆サブテキストの文字色＆リンク文字色*/
p#logo-text,
p#sub-text{ color: #3636b0; }
p#logo-text a{ text-decoration: none; }
p#logo-text a:link{ color: #3636b0; }
p#logo-text a:visited{ color: #3636b0; }
p#logo-text a:hover{ color: #ff0033; }


/*ヘッダー右側文章*/
div#header-text{
	position: absolute;
	top: 100px;/*■縦位置*/
	left: 30px;
	width: 400px;
	font-size: 9pt;
	line-height: 14pt;
	text-align: left;
	color: #304b25;
}



/*--------------------------------------------------------
4-5、エリアの設定「コンテンツ全体」
--------------------------------------------------------*/

div#main{
	position: absolute;
	top: 230px;/*■縦位置*/
	padding:50px 0 0 0;
	overflow: hidden;
	background: #fff;
	text-align: center;
}


/*--------------------------------------------------------
4-6、エリア設定「本文」
--------------------------------------------------------*/

div#main-contents{
	overflow: hidden;
	margin: 0 auto;
	text-align: left;
}





/*本文内の線*/
div#main-contents hr{
	clear: both;
	margin: 0.5em 0 1.7em;
	_margin: 0 0 1.2em;
	padding: 0px;
	font-size: 1.0em;
	line-height: 1.0em;
	color: #ccc;
}

*:first-child+html div#main-contents hr{ margin: 0 0 1.2em; }


/*コンテンツエリア*/
div#main-contents .contents{
	clear: both;
	overflow: auto;
	margin: 0;
	padding: 0px 20px 1.4em 20px;
}

.contents{
	clear: both;
	overflow: auto;
	margin: 0 0 0 0;
	padding: 0px 20px 1.4em 20px;
}


.contents p{
	margin-bottom: 1.2em;
	padding: 0 30px 0 30px;
}

/*コンテンツエリア2（インデント10px）*/
div#main-contents .contents2{
	clear: both;
	overflow: auto;
	margin: 0;
	padding: 0px 30px 1.4em 30px;
}


/*本文内のリストタグ--------------------------*/
div#main-contents ul,
div#main-contents ol{
	list-style-position: outside;
	margin: 0 10px 1.4em 10px;
}

div#main-contents ul{ list-style-type: disc; }
div#main-contents li{ line-height: 1.8em; }


/*最新情報のリストタグ--------------------------*/
div#main-contents ul.topics{
	list-style-type: none;
	list-style-position: outside;
	padding: 15px 15px 0 15px;
	border: 1px solid #999;
}

div#main-contents ul.topics li{
	margin-bottom: 1.2em;
	padding-bottom: 1.2em;
	border-bottom: 1px dotted #999;
	line-height: 1.4em!important;
}





/*定義タグ-----------------------------------*/
div#main-contents dl{
	margin-bottom: 1.2em;
	padding: 0;
	border: 1px solid #777;
	border-top: none;
	background: #ddd;
}

div#main-contents dt{
	margin: 0;
	padding: 0.5em;
	border-top: 1px solid #777;
	border-bottom: 1px solid #777;
	font-weight: bold;
	color: #444;
}

div#main-contents dd{
	margin: 0;
	padding: 0.8em 1.0em;
	background: #fff;
}


/*引用エリア-----------------------------------*/
div#main-contents q,
div#main-contents blockquote{
	overflow: auto;
	margin: 0 10px 1.4em 10px;
	padding: 10px;
	border-top: 3px solid #ddd;
	border-bottom: 3px solid #ddd;
	background: #eee;
	color: #444;
}


/*戻る＆進むリンク--------------------------*/
.link-back,
.link-next{
	margin-top: 1.2em;
	font-size: 120%;
	font-weight: bold;
}

.link-back{ text-align: left; }
.link-next{ text-align: right; }

.link-next a,
.link-back a{
	padding-left: 15px;
}




/*表のデザイン----------------------------------------------*/
table{
	margin: 10px 0;
	font-size: 90%;
}

th,td{
	padding: 0.8em;
	border: 1px solid #333;
	vertical-align: top;
}

th{
	width: 28%;
	font-weight: bold;
}


/*タグ----------------------------------------------*/
ul.tag li{
	display: inline;
	margin-right: 15px;
}



/*--------------------------------------------------------
4-8、エリア設定「フッター」
--------------------------------------------------------*/

div#footer{
	clear: both;
	width: 100%;
	background: #fff;
	text-align: center;
}

div#footer hr{
	clear: both;
	margin: 0;
	padding: 0;
	color: #333;
}

div#footer .menu{ margin: 0.5em 0; }

div#footer .menu li{
	display: inline;
	margin: 0 1.0em;
	font-size: 90%;
	line-height: 14pt;
}

div#footer #copyright{
	clear: both;
	width: 100%;
	margin-top: 1.0em;
	padding: 1.0em 0;
	background: url(./images/bg-sub-blue.jpg) left center;
	font-size: 10pt;
	line-height: 14pt;
	color: #fff;
}

div#footer #copyright a{ text-decoration: underline; }
div#footer #copyright a:link{ color: #fff; }
div#footer #copyright a:visited{ color: #fff; }
div#footer #copyright a:hover{ color: #cc6600; }


div#footer address{ margin: 15px 0; }



.waku{
	clear: both;
	margin: 10px 0 50px 50px;
	padding: 20px 0 0 20px;
	border: 1px dotted #7070ba;
	width: 450px;
	font-size: 100%;
	line-height: 1.4em;
	text-align: left;
	color: #333;
}

table.eikoh{
border-top:1px solid #666666;
border-left:1px solid #666666;
border-collapse:collapse;
border-spacing:0;
empty-cells:show;
width: 600px;
margin:10px 0 100px 30px;
}

.eikoh th{
border-right:1px solid #666666;
border-bottom:1px solid #666666;
background-color:#f4f8fb;
background-position:left top;
padding:0 5px 0 5px;
font-size: 12px;
text-align:center;
white-space: nowrap;
}

.eikoh td{
border-right:1px solid #666666;
border-bottom:1px solid #666666;
font-size: 12px;
height: 18px
}

.point{
background-color:#bfffff;
font-weight: bold;
}
.link {
padding:30px 0px 30px 0px;
text-align:center;
font-size: 18px;
font-weight: bold;
}

.big{
font-size: 20px;
font-weight: bold;
}

.kake{
margin:30px 0px 30px 0px;
text-align:center;
}
.link_n a{ text-decoration: none; }
.link_n a:link{ color: #333333; }
.link_n a:visited{ color: #333333; }
.link_n a:hover{ color: #333333; }