@media all{
/*--------------------------------------------------------
total設定
-------------------------------------------------------*/

/*背景画像設定*/
body{
	margin: 0;
	padding: 0;
	background: #90dcf6 center top repeat-y;
	text-align: center;
	font-family: sans-serif;
	font-size: 90%;
	line-height: 1.5;
	color: #333;
}


/*リンク色*/
a{ text-decoration: underline; }
a:link{ color: #0292c2; }
a:visited{ color: #0292c2; }
a:hover{ color: #ef832a; }



/*--------------------------------------------------------
サイト全体
--------------------------------------------------------*/

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


/*--------------------------------------------------------
エリア「最上部ヘッダー帯」
--------------------------------------------------------*/

div#h1{
	z-index: 1;
	position: absolute;
	top: 0;
	height: 30px;
	width: 100%;
	text-align: center;
	background: #04a7de top center;
	border-bottom: #fff 3px solid;
}


div#h1 h1{
	margin: 6px auto;
	width: 900px;
	font-size: 8.5pt;
	color: #fff;
	text-align: left;
}


div#top-menu{
	z-index: 2;
	position: absolute;
	top: 3px;
	left: 0;
	width: 100%;
	text-align: center;
}


div#top-menu ul{
	margin: 0 auto;
	width: 900px;
	height: 30px;
	text-align: right;
}


div#top-menu li{
	display: inline;
	list-style-type: none;
	margin-left: 12px;
	padding-left: 16px;
	background: url(/koinoseo/images/icon01.gif) no-repeat;
	font-size: 8.5pt;
	color: #fff;
}


/*リンク色*/
div#top-menu li a{ text-decoration: underline; }
div#top-menu li a:link{ color: #fff; }
div#top-menu li a:visited{ color: #fff; }
div#top-menu li a:hover{ color: #ef832a; }


/*--------------------------------------------------------
エリア「ヘッダーロゴ」
--------------------------------------------------------*/

div#header{
	z-index:3;
	position: absolute;
	top: 33px;
	left: 0;
	margin: 0 auto;
	width: 100%;
	/*height: 169px;*/
	text-alin: center;
}


/*--------------------------------------------------------
エリア「コンテンツ全体」
--------------------------------------------------------*/

div#wrapper-top,
div#wrapper{
	position: relative;
	margin: 0 auto;
	width: 100%;
	text-align: center;
}

div#wrapper-top{
	top: 570px;
	_top: 580px;
}

div#wrapper{
	top: 230px;
	_top: 240px;
}


div#main{
	clear: both;
	margin: 20px auto 0;
	overflow: hidden;
	width: 900px;
	background: #fff;
	text-align: center;
}


/*--------------------------------------------------------
エリア「ナビ」
--------------------------------------------------------*/

ol#navi{
	margin: 20px;
	text-align: left;
}

ol#navi li{
	display: inline;
	font-size: 8.5pt;
	color: #333;
}


ol#navi li.top{
	padding-left: 0;
	background: none;
}


/*--------------------------------------------------------
エリア「本文」
--------------------------------------------------------*/

div#main div.contents{
	clear: both;
	text-align: center;
}

div#main div.contents p{
	margin: 20px 0;
}


div#main div.contents2{
	clear: both;
	margin: 10px 40px;
	text-align: left;
}

div#main div.contents2 p{
	margin: 20px;
}



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

div#main  ul.topics li{
	margin-bottom: 1.2em;
	padding-bottom: 1.2em;
	border-bottom: 1px dotted #999;
}

div#main  ul.topics li.last{
	margin-bottom: 1.2em;
	padding-bottom: 0;
	border-bottom: none;
}




/*見出し*/
h2{
	clear: both;
	margin: 0 40px 20px 40px;
}


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


h3{
	clear: both;
	margin: 0 10px 1.0em 10px;
	padding: 0.3em 10px 0.3em 10px;
	border: 1px solid #7070ba;
	font-size: 1.1em;
	font-weight: bold;
	text-align: left;
	color: #fff;
	background: #33ccff;
}

hr{
	clear: both;
	margin: 20px 0;
	padding: 0;
	border-width: 1px 0 0 0;
	border-style: solid none none none;
	border-color: #000;
	height: 1px;
}


/*リンクテキスト----------------------------------------------*/
p.link-next{
	margin: 20px 40px 20px 0!important;
	font-weight: bold;
	text-align: right;
}

p.link-next a{
	padding-left: 18px;
	background: url(/koinoseo/images/icon01.gif) 2px 2px no-repeat;
}

/*リンク色*/
p.link-next a{ text-decoration: underline; }
p.link-next a:link{ color: #333; }
p.link-next a:visited{ color: #333; }
p.link-next a:hover{ color: #ef832a; }



/*表のデザイン----------------------------------------------*/
table{
	margin: 10px 0;
	font-size: 90%;
	border: 1px solid #999;
	text-align: left;
}


th{
	padding: 0.8em;
	vertical-align: top;
	font-weight: bold;
	background: #000;
	color: #fff;
}


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


tr.p1{
	background: #ccebf5;
	color: #000;
}


tr.p2{
	background: #eee;
	color: #000;
}


tr.p3{
	border: none;
}


/*--------------------------------------------------------
エリア「footer-menu」
--------------------------------------------------------*/

div#footer-menu{
	clear: both;
	margin-bottom: 30px;
	text-align: center;
}

div#footer-menu ul{ margin: 10px 0; }

div#footer-menu li{
	display: inline;
	margin: 0 1.0em;
}

div#footer-menu hr{
	border-color: #22baee;
}


/*--------------------------------------------------------
エリア「copyright」
--------------------------------------------------------*/

div#copyright{
	margin: -1px auto 0 auto;
	width: 900px;
	text-align: center;
}



/*------------------------------------------------------------
　written＆copyright by Shigeoki Matsuo
-------------------------------------------------------------*/
}