/* CSS Document */
*{
	margin: 0;
	padding: 0;
}
body {
	font-size: 14px;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	line-height: 150%;
	color: #000000;
	background-color: #ffffff;
}

a {
	color: #00F;
	text-decoration: underline;
	font-size: 12px;
}

a:hover {
	color: #00F;
	text-decoration: underline;
	font-size: 12px;
}

img {
	border:0px;
	vertical-align: middle;
}
h1 {
	width: 780px;
	height: 40px;
	margin: 0 auto;
	padding: 55px 0 0 20px;
	font-size: 18px;
	background-image: url(img/bg_header01.jpg);
	font-weight: bold;
	color: #000000;
	background-repeat: no-repeat;
	text-align: left;

}

p{
	padding: 5px 0;
	text-align: left;
	font-size: 12px;
}

ul,ol{
	padding: 5px;
	list-style-position: inside;
}
.clear{
	clear: both;
}
.align_center{
	text-align: center;
}

.red{
	color: #F00;
}

/*全体テーブル*/
div#wrapper{
	width: 800px;
	margin: 0 auto;
	padding: 0px;
	color: #000000;
	background: #FFFFFF;
}

/*パンくずメニュー*/
div.navi_menu{
	text-align: left;
	padding: 10px;
}

/*左ブロック*/
div#left_block{
	float: left;
	width: 500px;
}
div#left_block div.title{
	background-color: #008b8b;
	margin: 0 0 0px 0;
	padding: 0px 0 0px 0px;
	color: #ffffff;
	font-size: 100%;
	font-weight: bolder;
	text-align: center; 
}

div#left_block div.content{
	margin: 0 0 0 0;
	padding: 0 0;
	text-align: center; 
}

/*カテゴリーメニュー*/
div#left_block ul.cate{
	list-style: none;
	list-style-position: outside;
	padding: 0;
}
div#left_block ul.cate li{
	padding: 2px;
	border-bottom: dotted 1px #666;
}
div#left_block ul.cate strong{
	background: #CCC;
	display: block;
}

/*右ブロック*/
div#right_block{
	float: right;
	width: 300px;
}
div#right_block div.title{
	margin: 0;
	padding: 5px 10px;
	font-weight: bold;
	color: #ffffff;
	background-color: #008b8b;
	text-align: center;
}
div#right_block div.content{
	margin: 0 0 0px 0;
	padding: 0px 0px;
	background: #F0F0F0;
}

div#right_block div.paging{
   margin: 5px 10px;
}


/*登録サイトリスト*/
table.link_site{
	width: 100%;
	margin: 0px auto;
	text-align: left;
	color: #00F;
}
table.link_site th{
	padding: 5px;
	text-align: left;
	vertical-align: top;
	color: #00F;
	font-size: 100%;
	font-weight: normal;
}
table.link_site td{
	padding: 5px;
	text-align: left;
	font-size: 100%;
}

/*繰り返し*/
.even{
	background: #E6E6E6;
}
.odd{
	background: #FFF;
}

/*中央ブロック*/
div#mid_block{
	width: 780px;
	float: left;
	margin: 0 auto;
}
div#mid_block div.title{
	margin: 0;
	padding: 0px 0px;
	font-weight: bold;
	color: #ffffff;
	background-color: #008b8b;
	text-align: center;
}

div#mid_block div.content{
	margin: 0 0 0px 0;
	padding: 0px 0px;
	background: #ffffff;
}

/*著作*/
div#copyright{
	clear: both;
	width: 800px;
	height: 45px;
	margin: 0 auto;
	padding-top: 5px;
	color: #FFFFFF;
	background: #666;
	background-image: url(../img/bg_footer.jpg);
	background-repeat: no-repeat;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
}
div#copyright a{
	color: #FFFFFF;
	text-decoration: underline;
}


/*-------------------- head --------------------*/

.hpb-head {
  }
.hpb-head-cell1 {
  color: #000000;
  background-color: #ffffff;
  font-size: 95%;
  font-weight: bold;
  text-align: center;
  width: 33%;
  height: 80px;
}
.hpb-head-cell2 {
  color: #ffffff;
  background-color: #ffffff;
  width: 67%;
  height: 80px;
}
.hpb-head-cell3 {
  color: #000000;
  background-color: #ffffff;
  font-size: 80%;
  width: 100%;
}
.hpb-head-cell4 {
  background-color: #008b8b;
  font-size: 80%;
  width: 100%;
  height : 4px;
}
.hpb-head-cell5 {
  background-color :#66cdaa;
  font-size : 80%;
  width : 67%;
  text-align : center;
}
.hpb-head-cell6 {
  background-color:#66cdaa;
  font-size: 80%;
  width : 33%;
  height : 20px;
  text-align : center;
}
.hpb-head-cell7 {
  background-color: #fffafa;
  font-size: 80%;
  width : 100%;
  height : 2px;
}
.hpb-head-cell8 {
  background-color : #fffafa;
  font-size : 80%;
  width : 25%;
  height : 15px;
  text-align : left;
  font-weight : normal;
  bottom : auto;
  line-height : 120%;
}
.hpb-head-cell9 {
  background-color : #fffafa;
  font-size : 80%;
  width : 25%;
  height : 15px;
  text-align: center;
  font-weight : normal;
  bottom : auto;
  line-height : 120%;
}
.hpb-head-tb1 {
  }
.hpb-head-tb1-cell1 {
  }
.hpb-head-tb1-cell2 {
  color: #ffffff;
  font-size: 80%;
}
/*-------------------- ichiran -----------------------------------------------------------------------------------------------------*/

.hpb-ichiran-cell0 {
  background-color : #008b8b;
  color: #ffffff;
  font-size : 100%;
    word-spacing: 4px;
  border-top: 1px solid #e8ff8c;
  border-bottom: 1px solid #e8ff8c;
  width: 100%;
  text-align : center;
  border-left-width : 1px;
  border-right-width : 1px;
  border-left-style : solid;
  border-right-style : solid;
  border-left-color : #e8ff8c;
  border-right-color : #e8ff8c;
  height : 20px;
}
.hpb-ichiran-cell-1 {
  background-color : #008b8b;
  color: #ffffff;
  font-size : 80%;
  border-top: 1px solid #e8ff8c;
  border-bottom: 1px solid #e8ff8c;
  width: 100%;
  text-align : center;
  border-left-width : 1px;
  border-right-width : 1px;
  border-left-style : solid;
  border-right-style : solid;
  border-left-color : #e8ff8c;
  border-right-color : #e8ff8c;
  height : 20px;
}

.hpb-ichiran-cell-01-left {
  border-right: solid 0px #ffffff;
  text-indent: 8px;
  color: #000000;
  background-color: #dae5e5;
  font-size : 80%;
  width: 10%;
}
.hpb-ichiran-cell-01-rigfht {
  text-indent: 4px;
  word-spacing: 4px;
  color: #728aa7;
  background-color: #dae5e5;
  font-size : 90%;
  border-top: 1px solid #e8ff8c;
  border-bottom: 1px solid #e8ff8c;
  width: 90%;
}
.hpb-ichiran-cell-02-left {
  border-right: solid 0px #ffffff;
  text-indent: 8px;
  color: #000000;
  background-color: #e6e6fa;
  font-size : 80%;
  width: 10%;
}
.hpb-ichiran-cell-02-rigfht {
  word-spacing: 4px;
  text-indent: 4px;
  color: #728aa7;
  background-color: #e6e6fa;
  font-size : 90%;
  border-top: 1px solid #e8ff8c;
  border-bottom: 1px solid #e8ff8c;
  width: 90%;
}
.hpb-ichiran-cell2 {
  background-color: #b3e2e8;
}
.hpb-ichiran-cell3 {
  color: #728aa7;
  background-color: #b3e2e8;
  font-size: 80%;
}
.hpb-ichiran-cell4 {
  background-color: #a2a2ff;
}
.hpb-ichiran-cell5-cate {
  color: #0000ff;
  background-color: #fffafa;
  font-size : 90%;
  width: 50%;
  font-weight : bold;
}
.hpb-ichiran-cell5-cate2 {
  color: #0000ff;
  background-color: #fffafa;
  font-size : 75%;
  width: 50%;
}
.hpb-ichiran-cell6-shoping {
  color: #0000ff;
  background-color: #fffafa;
  font-size : 80%;
  width: 100%;
}
.hpb-ichiran-cell8 {
  background-color: #ffffff;
  font-size: 80%;
  width: 100%;
  height : 2px;
}
.hpb-ichiran-cell8-1 {
  text-indent: 4px;
  color: #0000ff;
    font-size: 80%;
  background-color: #ffffff;
  font-size: 80%;
  width: 33%;
  height : 2px;
}
.hpb-ichiran-cell8-2 {
  text-indent: 4px;
  color: #0000ff;
  font-size: 80%;
  background-color: #ffffff;
  font-size: 80%;
  width: 33%;
  height : 2px;
}
.hpb-ichiran-cell8-3 {
  text-indent: 4px;
  color: #0000ff;
  font-size: 80%;
  background-color: #ffffff;
  font-size: 80%;
  width: 34%;
  height : 2px;
}
.hpb-ichiran-cell8-4 {
  text-indent: 4px;
  color: #0000ff;
  font-size: 80%;
  background-color: #ffffff;
  font-size: 80%;
  width: 100%;
  height : 2px;
}
.hpb-ichiran-cell9 {
  background-color: #4682b4;
  font-size: 80%;
  width: 100%;
  height : 2px;
}
.hpb-ichiran-cell10 {
  background-color: #ffffff;
  font-size: 80%;
  width: 100%;
  height : 2px;
}
.hpb-sichiran-tb1 {
  }
/*-------------------- layout base --------------------*/

.hpb-tb1-left {
  width: 67%;
}
.hpb-tb1-right {
  width: 33%;
}
.hpb-lb-tb1 {
  width: 610px;
  background: #FFFFFF;
  border-top: 0px none;
  border-right: 1px solid #FFFFFF;
  border-bottom: 0px none;
  border-left: 1px solid #FFFFFF;
}
.hpb-lb-tb1-cell0 {
  width : 12%;
  font-size : 100%;
  font-weight : bold;
  height : 10px;
  text-align : left;
}
.hpb-lb-tb1-cell1 {
  font-size: 80%;
  text-align: center;
  color: #FFFFFF;
  background-color: #99cce8;
  width : 88%;
  height : 10px;
  border : none;
}
.hpb-lb-tb1-cell2 {
  width: 406px;
  border-left: 1px solid #FFFFFF;
}
.hpb-lb-tb1-cell3 {
  font-size: 80%;
  line-height: 14px;
}
.hpb-lb-tb1-cell4 {
  font-size: 100%;
  font-weight: bold;
  line-height: 16px;
  color: #4171c0;
  background-color: #99ccff;
  padding: 13px 14px;
}
.hpb-lb-tb1-cell5 {
  }
.hpb-lb-tb1-cell6 {
  }
.hpb-lb-tb1-cell7 {
  }
.hpb-lb-tb1-cell8 {
  }
.hpb-lb-tb2 {
  width: 453px;
  background: #FFFFFF;
  border-top: 0px none;
  border-right: 1px solid #FFFFFF;
  border-bottom: 0px none;
  border-left: 1px solid #FFFFFF;
}
.hpb-lb-tb2-cell3 {
  padding-left: 27px;
  font-size: 80%;
  line-height: 14px;
}
.hpb-lb-tb2-cell4 {
  font-size: 100%;
  font-weight: bold;
  line-height: 16px;
  color: #4171c0;
  background-color: #99ccff;
  padding: 13px 14px;
}
.hpb-lb-tb3 {
  width: 603px;
  background: #FFFFFF;
  border-top: 0px none;
  border-right: 1px solid #FFFFFF;
  border-bottom: 0px none;
  border-left: 1px solid #FFFFFF;
}
.hpb-lb-tb3-cell3 {
  padding-left: 27px;
  font-size: 80%;
  line-height: 14px;
}
.hpb-lb-tb3-cell4 {
  font-size: 100%;
  font-weight: bold;
  line-height: 16px;
  color: #4171c0;
  background-color: #99ccff;
  padding: 13px 14px;
}
.hpb-lb-tb4{
  }
/*-------------------- element type --------------------*/


H2 {
  color: #ffffff;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  font-size: 80%;
  font-weight: bolder;
}
H3 {
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  font-size : 100%;
  font-weight: bolder;
}
H4 {
  color: #000000;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  font-size: 80%;
  font-weight: bold;
}
H5 {
  color: #000000;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  font-size: 80%;
  font-weight: bold;
}
H6 {
  color: #728aa7;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  font-size: 80%;
  font-weight: bold;
}
ADDRESS {
  color: #9b9b9b;
  margin-top: 8px;
  margin-right: 0px;
  margin-bottom: 8px;
  margin-left: 0px;
}
BLOCKQUOTE {
  color: #9b9b9b;
  margin-top: 8px;
  margin-right: 15px;
  margin-bottom: 8px;
  margin-left: 15px;
}
PRE {
  color: #000000;
  margin-top: 8px;
  margin-right: 0px;
  margin-bottom: 8px;
  margin-left: 0px;
}
UL {
  color: #728aa7;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 16px;
  list-style-image : url(01bul05.gif);
  list-style-position: outside;
  list-style-type: none;
}