﻿/*================================================

koukoku.css 

"koukoku"ディレクトリ・静的ページ用スタイル

2010.04.21 Hagihala wrote.

================================================*/

div#koukoku {
width:560px;
min-height:470px; /* 高さが足りない時 ie6ではききません */
margin:0 auto;
_margin-left:120px;/* ie6 */
}

div#main {
	font-size: 13px;
}

div#main img {
	vertical-align: bottom;/*画像の下に隙間が出来なくなる*/
	text-decoration: none;
}

div#main table {
	border-collapse: collapse;
}

div#main caption {
	color: #005FC3;
	font-weight: bold;
	text-align: left;
	padding: 0 0 0.5em;
}

div#main h2 {
  font-size: 1.5em;
  font-weight: bold;
  margin: 0 0 .83em;
}

div#main h3 {
  font-size: 1.17em;
  font-weight: bold;
  margin: 0 0 1em;
}

div#main h4 {
	font-size: 1em;
  font-weight: bold;
  margin: 1em 0;
}

div#main h5 {
  font-size: 0.83em;
  font-weight: bold;
  margin: 1em 0;
}

div#main h6 {
  font-size: 0.67em;
  font-weight: bold;
  margin: 1em 0;;
}

div#main p, div#main table, div#main ul {
  margin: 0 0 1em;
}

p#note {
	font-size: 1em;
}

div.section{
	margin-bottom: 25px;
}

table.borderGlay {
	border: 1px #CCCCCC solid;
}

table.borderGlay th, table.borderGlay td {
	border: 1px #CCCCCC solid;
	padding: 0.5em;
}

table.borderGlay th {
	font-weight: bold;
}


/*
	リストのマーカー表示のスタイル 2010.10.07 Hagihala wrote
_____________________________________________________________*/

/* ______黒丸のマーカー______ */

div#main ul.listDisc {
	list-style-type: disc;
	list-style-position: inside;
}
div#main ul.listDisc li {
	list-style-type: disc;
	list-style-position: inside;
}

/* ______黒四角のマーカー______ */

div#main ul.listSquare {
	list-style-image: url(../images/listSquare.gif);
	list-style-position: outside;
}

div#main ul.listSquare li {
	list-style-image: url(../images/listSquare.gif);
	list-style-position: outside;
	margin-left: 1.5em;
}

/* ______オレンジ四角のマーカー______ */

div#main ul.listOrange {
	list-style-image: url(images/listOrange.gif);
	list-style-position: inside;
}

div#main ul.listOrange li {
	list-style-image: url(images/listOrange.gif);
	list-style-position: inside;
}


/*
	ページ間移動ナビゲーションのスタイル 2010.09.15 Hagihala wrote
_____________________________________________________________*/

div#main ul#localLink {
	text-align: center;
	margin-top: 1.5em;
}

div#main ul#localLink li {
	display: inline;
	margin: 0 3px;
}

div#main ul#localLink li a {
	background-color: #99CCFF;
	/*color: #FFFFFF;*/
	padding: 3px 6px;
}

div#main ul#localLink li.current {
	font-weight: bold;
}

div#main ul#localLink li#pageBack a {
	background-color: #FFFFFF;
	color: #0000FF;
	border: 1px #CCCCCC solid;
	padding: 3px 6px;
	text-decoration: none;
}

div#main ul#localLink li#pageNext a {
	background-color: #FFFFFF;
	color: #0000FF;
	border: 1px #CCCCCC solid;
	padding: 3px 6px;
	text-decoration: none;
}


/*
	「関連情報」のスタイル 2010.05.27 Hagihala wrote
_____________________________________________________________*/

div#main div.related {
	border-top: 1px #999999 solid;
	border-bottom: 1px #999999 solid;
	padding-top: 1em;
}

div#main div.related ul {
	margin-left: 20px;
}

div#main div.related ul li {
	background: url(../images/icon_arrow02.png) left center no-repeat;
	padding-left: 20px;
	list-style: none;
}
