@charset "shift_jis";

/* 基本スタイル
---------------------------------------------*/

* {
	margin: 0;
	padding: 0;
	font-size: 100%;
}
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
	line-height: 1.4;
	color: #333333;
	background: #ffffff url(img/bg.gif);
	/*\*/
	letter-spacing: 0.1em;
	/**/
}
a {
	color: #004080;
}
a:visited {
	color: #0060a0;
}
a:hover {
	color: #0080c0;
}
img {
	border: none;
	vertical-align: top;
}
ul {
	list-style: none;
}
.clearboth {
	clear: both;
}
.title2 {
	margin: 15px 0px 5px 5px;
	padding: 6px 0px 0px 20px;
	width: 550px;
	height: 40px;
	font-size: 130%;
	color: #111111;
	background: #ffffff url(img/h1.jpg) left top no-repeat;
}
.title3 {
	margin: 10px 10px 8px 10px;
	padding: 1px 0px 1px 5px;
	font-size: 85%;
	color: #333333;
	background-color: #ddddff;
	border-left: 5px solid #0850b2;
	border-bottom: 1px solid #cccccc;
}
.title3 a, .title3 a:visited{
	display: block;
	background-color: #ddddff;
	text-decoration: none;
	color: #333333;
}
.title3 a:hover {
	color: #ffffff;
	background: #0850b2;
	text-decoration: none;
}
.title32 {
	margin: 10px 10px 8px 10px;
	padding: 1px 0px 1px 5px;
	font-size: 85%;
	color: #333333;
	background-color: #ffe0e0;
	border-left: 5px solid #ffaaaa;
	border-bottom: 1px solid #cccccc;
}
.title32 a, .title32 a:visited {
	display: block;
	background-color: #ffe0e0;
	text-decoration: none;
	color: #333333;
}

.title32 a:hover {
	color: #ffffff;
	background: #ffaaaa;
	text-decoration: none;
}
.title33 {
	margin: 10px 10px 8px 10px;
	padding: 1px 0px 1px 5px;
	width: 90%;
	font-size: 85%;
	color: #333333;
	background-color: #eeeeee;
	border-left: 5px solid #666666;
	border-bottom: 1px solid #cccccc;
}
.title33 a, .title33 a:visited {
	display: block;
	width: 100%;
	background-color: #eeeeee;
	text-decoration: none;
	color: #333333;
}

.title33 a:hover {
	color: #ffffff;
	background: #666666;
	text-decoration: none;
}
.title33a {
	margin: 10px 10px 8px 10px;
	padding: 1px 0px 1px 5px;
	font-size: 75%;
	color: #333333;
	background-color: #eeeeee;
	border-left: 5px solid #666666;
	border-bottom: 1px solid #cccccc;
}
.tyuuki {
	color: #666666;
	margin: 20px 60px 20px 40px;
	padding-left: 20px;
	background: #ffffff url(img/tyuuki.gif) left center no-repeat;
	font-size: 80%;
}
.hplink {
	color: #333333;
	background: #ffffff url(img/sikaku.gif) left center no-repeat;
	font-size: 95%;
	margin: 10px 20px 10px 20px;
	padding: 0px 10px 0px 20px;
	font-weight: bold;
}

.tableroot {
	border: solid 1px #cccccc;
	margin:10px 40px 10px 40px;

}
.tabletop {
	text-align: center;
	background: #e9e9e9;
	padding: 4px 1px;
	font-size: 14px;
	font-weight: bold;
	color: #181818;
}
.tableleft {
	background: #ddddff;
	width: 150px;
	padding: 3px 5px;
	font-size: 16px;
	font-weight: bold;
	color: #222222;
}
.tablein {
	font-size: 13px;
	padding: 3px 5px 3px 15px;
	display: block;
	margin-left: 3px;
	line-height: 1.2;
	background: #ffffff url(img/sikaku.gif) left center no-repeat;
}
.tableunder {
	border-bottom: dotted 1px #cccccc;
}
.mini {
	font-size: 3px;
}
#wrapper {
	position: relative;
	width: 750px;
	background: #ffffff;
	margin: 0 auto;
}

/* ヘッダー
---------------------------------------------*/

#header {
	position: relative;
	width: 100%;
	height: 130px;
	margin: 1px 1px 5px 1px;
	border: 1px #d0d0d0 solid;
}
#title {
	position: absolute;
	top: 55px;
	left: 10px;
	width: 450px;
}
#title h1 {
	font-size: 110%;
	margin-bottom: 10px;
}
#title h1 a {
	text-decoration: none;
}
#title p {
	font-size: 11px;
	margin-left: 10px;
}
#logo {
	position: absolute;
	top: 7px;
	left: 2px;
}
#navigation {
	position: absolute;
	top: 10px;
	left: 145px;
	width: 600px;
}
#navigation li {
	float: left;
	width: 150px;
}
#navigation li a {
	display: block;
	width: 100%;
	padding: 8px 0;
	text-align: center;
	font-size: 75%;
	font-weight: bold;
	line-height: 1.2;
	color: #666666;
	text-decoration: none;
	background: url(img/topnavigation.gif) left top no-repeat;
}
#navigation li a:hover {
	color: #9999FF;
	background: url(img/topnavigation.gif) right top no-repeat;
}
#oldtitle {
	position: absolute;
	top: 60px;
	left: 537px;
	width: 150px;
	background: #ffffcc;
	font-size: 12px;
	text-align: center;
}

#oldtitle a {
	color: #ff6600;
	text-decoration: none;
	font-weight: bold;
}
#google {
	font-size: 80%;
	position: absolute;
	top: 95px;
	left: 530px;
}

#navi {
	font-size: 80%;
	background-color: #ffffcc;
	padding: 3px 15px;
	border-bottom: solid 1px #ffff66;
	border-top: solid 1px #ffff66;
}

#navi a, #navi a:visited {
	text-decoration: none;
}


/* コンテイナー
---------------------------------------------*/
#containermain {
	float: left;
	width: 618px;
	background: #ffffff;
	border: 1px #d0d0d0 solid;
	padding-bottom: 15px;
	margin-bottom: 10px;
}
#containermain p {
	margin:10px 20px 10px 20px;
	font-size: 90%;
}
#containermain ol {
	color: #333333;
	background: #ffffff;
	font-size: 90%;
	margin: 20px 60px 20px 60px;
	padding: 10px 10px 20px 40px;
	border: 1px dotted #cccccc;
	font-weight: bold;
}

#containermain ul {
	margin: 1px 0px 0px 0px;
	text-align: center;
}
#containermain ul.chart {
	margin: 1px 0px 0px 0px;
	text-align: center;
}
#containermain ul.chart5 {
	margin: 1px 0px 0px 0px;
	text-align: center;
}
#containermain ul.chart li {
	float: left;
	margin: 1px 1px 1px 1px;
	font-size: 90%;
	height: 96px;
	background-color: #ffffff;
	color: #333333;
	font-weight: bold;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}
#containermain ul.chart5 li {
	float: left;
	margin: 1px 1px 1px 1px;
	font-size: 90%;
	background-color: #ffffff;
	color: #333333;
	font-weight: bold;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}
#containermain ul.chart5 li input {
	font-size: 90%;
}

#containermain ul.chart li.ichinichi {
	clear: both;
	font-size: 12px;
	line-height: 96px;
	width: 25px;
	height: 96px;
	background-color: #ddddff;
}

#containermain ul.chart li.kawase {
	clear: both;
	font-size: 12px;
	line-height: 96px;
	width: 25px;
	height: 120px;
	background-color: #ddddff;
}

#containermain ul.chart li.ichinen {
	font-size: 12px;
	line-height: 96px;
	width: 25px;
	height: 96px;
	background-color: #bbbbff;
}
#containermain ul.chart5 li.gonen {
	font-size: 12px;
	line-height: 20px;
	width: 25px;
	height: 16px;
	background-color: #9999ff;
}
#containermain li {
	float: left;
	margin: 1px 1px 1px 1px;
	font-size: 14px;
	width: 192px;
	height: 16px;
	background-color: #dddddd;
	color: #333333;
	font-weight: bold;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}
#containermain li.nasi {
	width: 25px;
}
#containermain img.center {
	text-align: center;
	display: block;
}
.yougo {
	color: #0000ff;
	font-weight: bold;
}

.kyoutyou {
	color: #ff0000;
	font-weight: bold;

}
#next a {
	background: url(img/next.gif) right top no-repeat;
	width: 90px;
	height: 22px;
	display: block;	
	margin-left: 430px;
}
#next a:link, #next a:hover, #next a:visited {
	text-decoration: none;
}
#containersub {
	float: right;
	width: 122px;
	background: #ffffff;
	border: 1px #d0d0d0 dotted;
}

#containersub ul {
	color: #333333;
	background: #ffffff;
	font-size: 80%;
	line-height: 1.2;
	margin: 2px 5px 10px 10px;
	border-top: 2px dotted #cccccc;
	padding-bottom: 3px;
}
#containersub ul li {
	color: #333333;
	background: #ffffff;
	padding: 2px 0px 2px 0px;
	border-bottom: 2px dotted #cccccc;
}
#containersub ul li a {
	text-decoration: none;
	display: block;
}
#containersub ul li a.now {
	background: #eeeeee;
}

/* 一覧表
---------------------------------------------*/

.table1 table {
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	margin-top: 10px;
	margin-left: 15px;
	margin-bottom: 20px;
	font-size: 90%;
	width: 525px;
}

.table1 th.table1ue {
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	padding: 1px 5px 1px 5px;
	color: #222222;
	background: #cccccc;

}

.table1 th {
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	width: 80px;
	padding: 1px 5px 1px 5px;
	background: #dddddd;
}
.table1 td {
	padding: 1px 10px 1px 10px;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;

}

.table2 table {
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	margin-top: 10px;
	margin-left: 15px;
	margin-bottom: 20px;
	font-size: 90%;
	width: 525px;
}

.table2 th.table2ue {
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	width: auto;
	padding: 1px 5px 1px 5px;
	color: #222222;
	background: #cccccc;
}

.table2 th {
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	width: 140px;
	padding: 1px 5px 1px 5px;
	background: #dddddd;
}

.table2 td {
	padding: 1px 10px 1px 10px;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;

}
.table2 td.table2in {
	padding: 3px 5px 3px 15px;
	display: block;
	margin-left: 3px;
	line-height: 1.2;
	background: #ffffff url(img/sikaku.gif) left center no-repeat;
}


/* フッター
---------------------------------------------*/

#ad {

}

#footer {
	position: relative;
	margin: 15px 0px 1px 0px;
	width: 100%;
	background: #ffffff;
	border: 1px #d0d0d0 solid;
	height: 50px;
}
#copyright {
	font-size: 75%;
	position: absolute;
	width: 100%;
	top: 10px;
	text-align: center;
}
#copyright2 {
	font-size: 75%;
	position: absolute;
	width: 100%;
	top: 28px;
	text-align: center;
}
#counter {
	font-size: 75%;
	position: absolute;
	width: 100%;
	top: 15px;
	text-align: right;
}
#access {
	position: absolute;
	visibility: hidden;
}

