/* ---------------------------------------------------------------------------------------------------------- */
body {     
	background: url(../template/3/images/bg.gif) repeat-y 0 0;
	background-position: center;
	margin: 0;
	padding: 0;
}

a {
	list-style-type: none;
	color: #0099FF;
	text-decoration: none;
}

a:hover {
	color: #0099FF;
	text-decoration: underline;
}

/* フォント指定CSS */
* {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	margin:0; paddng:0;
}

/* --- その他 --------------------- */

.alert {
	color: #c00;
}

/* --- ヘッダー --------------------- */

#headerBox {
	width: 800px;
	height: 140px;
	margin: 0;
	padding: 0;
}

#dboth {
	clear: both;
	width: 400px;
	padding: 0;
	margin: 0;
}

/* ---------------------------- */
/* --▼ヘッダーナビゲーション-- */
/* ---------------------------- */

#headerNav {
	width: 800px;
	height: 20px;
	margin: 0;
	padding: 0;
}

#nav1-2 {
	width: 111px;
	height: 20px;
	margin: 0;
	padding: 0;
	float: left;
}

#nav1-2 a,
#nav1-2 a:link,
#nav1-2 a:visited {
	background: url(../template/3/images/nav1_2.jpg);
	background-repeat: no-repeat;
	background-position: top;
	width: 111px;
	height: 20px;
	display: block;
}

#nav1-2 a:focus,
#nav1-2 a:hover,
#nav1-2 a:active {
	background: url(../template/3/images/nav1_2.jpg);
	background-repeat: no-repeat;
	background-position: bottom; 
	width: 111px;
	height: 20px;
	display: block;
}

#nav2-2 {
	width: 111px;
	height: 20px;
	margin: 0;
	padding: 0;
	float: left;
}

#nav2-2 a,
#nav2-2 a:link,
#nav2-2 a:visited {
	background: url(../template/3/images/nav2_2.jpg);
	background-repeat: no-repeat;
	background-position: top;
	width: 111px;
	height: 20px;
	display: block;
}

#nav2-2 a:focus,
#nav2-2 a:hover,
#nav2-2 a:active {
	background: url(../template/3/images/nav2_2.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	width: 111px;
	height: 20px;
	display: block;
}

#nav3-2 {
	width: 111px;
	height: 20px;
	margin: 0;
	padding: 0;
	float: left;
}

#nav3-2 a,
#nav3-2 a:link,
#nav3-2 a:visited {
	background: url(../template/3/images/nav3_2.jpg);
	background-repeat: no-repeat;
	background-position: top;
	width: 111px;
	height: 20px;
	display: block;
}

#nav3-2 a:focus,
#nav3-2 a:hover,
#nav3-2 a:active {
	background: url(../template/3/images/nav3_2.jpg);
	background-repeat: no-repeat;
	background-position:bottom;
	width: 111px;
	height: 20px;
	display: block;
}

#nav4-2 {
	width: 111px;
	height: 20px;
	margin: 0;
	padding: 0;
	float: left;
}

#nav4-2 a,
#nav4-2 a:link,
#nav4-2 a:visited {
	background: url(../template/3/images/nav4_2.jpg);
	background-repeat: no-repeat;
	background-position:top;
	width: 111px;
	height: 20px;
	display: block;
}

#nav4-2 a:focus,
#nav4-2 a:hover,
#nav4-2 a:active {
	background: url(../template/3/images/nav4_2.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	width: 111px;
	height: 20px;
	display: block;
}

#nav5-2 {
	width: 111px;
	height: 20px;
	margin: 0;
	padding: 0;
	float: left;
}

#nav5-2 a,
#nav5-2 a:link,
#nav5-2 a:visited {
	background: url(../template/3/images/nav5_2.jpg);
	background-repeat: no-repeat;
	background-position: top;
	width: 111px;
	height: 20px;
	display: block;
}

#nav5-2 a:focus,
#nav5-2 a:hover,
#nav5-2 a:active {
	background: url(../template/3/images/nav5_2.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	width: 111px;
	height: 20px;
	display: block;
}

#nav6-2 {
	width: 134px;
	height: 20px;
	margin: 0;
	padding: 0;
	float: left;
}

#nav6-2 a,
#nav6-2 a:link,
#nav6-2 a:visited {
	background: url(../template/3/images/nav6_2.jpg);
	background-repeat: no-repeat;
	background-position: top;
	width: 134px;
	height: 20px;
	display: block;
}

#nav6-2 a:focus,
#nav6-2 a:hover,
#nav6-2 a:active {
	background: url(../template/3/images/nav6_2.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	width: 134px;
	height: 20px;
	display: block;
}

#nav7-2 {
	width: 111px;
	height: 20px;
	margin: 0;
	padding: 0;
	float: left;
}

#nav7-2 a,
#nav7-2 a:link,
#nav7-2 a:visited {
	background: url(../template/3/images/nav7_2.jpg);
	background-repeat: no-repeat;
	background-position: top;
	width: 111px;
	height: 20px;
	display: block;
}

#nav7-2 a:focus,
#nav7-2 a:hover,
#nav7-2 a:active {
	background: url(../template/3/images/nav7_2.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	width: 111px;
	height: 20px;
	display: block;
}

/* ---------------------------- */
/* --▲ヘッダーナビゲーション-- */
/* ---------------------------- */

/* --- ボディコンテンツ --------------------- */

/* ▼センター表示用 */

#centerBox { 
	text-align: center;
	margin: 0;
	padding: 0;
}

/* ▲センター表示用 */

#mainBox {
	background-color: #FFFFCC;
	top: 0;
	width: 800px;
	margin: 0 auto;
	*margin-left: 1px;
	padding: 0;
	height: auto;
}

/* --- 左コンテンツ --------------------- */

#leftBox1 {
	width: 170px;
	float: left;
	margin: 0;
	font-size: 80%;
	vertical-align: top;
	padding: 5px;
}

#leftBox1 a {
	list-style-type: none;
	color: #0099FF;
	text-decoration: none;
}

#leftBox1 a:hover {
	color: #0099FF;
	text-decoration: underline;
}

/* --- 中央+右コンテンツ --------------------- */

#rightBox1 {
	width: 620px;
	float: right;
	font-size: 80%;
	vertical-align: top;
	padding: 0;
	margin: 0;
}

#rightBox1 a {
	list-style-type: none;
	color: #0099FF;
	text-decoration: none;
}

#rightBox1 a:hover {
	color: #0099FF;
	text-decoration: underline;
}

/* --- 中央コンテンツ --------------------- */

#leftBox2 {
	line-height: 1.5em;
	width: 440px;
	*width: 450px;
	vertical-align: top;
	float: left;
	padding: 5px;
	margin: 0;
}

#leftBox2 img {
	vertical-align: bottom;
}

/* --- 右コンテンツ --------------------- */

#rightBox2 {
	width: 160px;
	*width: 170px;
	vertical-align: top;
	text-align: center;
	float: right;
	background-color: #FFFFCC; /* 背景の色 */
	padding: 5px;
	margin: 0;
}

/* --- footer --------------------- */

#footerBox {
	width: 800px;
	margin: 0 auto;
	padding: 20px 0 0 0;
	bottom: 0;
	text-align: right;
	font-size: 80%;
	clear: both;
}

#footerBox a {
	margin: 0;
	padding: 5px;
	color: #0099FF;
	text-decoration: none;
}

#footerBox a:hover {
	margin: 0;
	padding: 5px;
	color: #0099FF;
	text-decoration: underline;
}

#footer {
	background:url(../template/3/images/footer.gif) no-repeat;
	color: #006600;
	width: 800px;
	height: 16px;
	margin: 5px auto 0 auto;
	padding: 1px 10px 0 0;
}

/* ---  --------------------- */

#common-block {
	width: 160px;
	*width: 170px;
	text-align: left;
	padding: 5px;
	background-color: #fff; /* 背景の色 */
	border-style: solid; /* 枠の種類 */
	border-color: #eee #eee #eee #eee; /* 枠の色 */
	border-width: 1px; /* 枠の幅 */
}

.common-title {
	padding: 3px;
	color: #84B735; /* 文字の色 */
}

/* ---  --------------------- */

#calendar-header {
	height: 20px;
	text-align: center;
	color: #84B735; /* 文字の色 */
	clear: both;
}

#calendar-week-block {
	text-align: center;
	clear: both;
	width: 140px;
}

.calendar-week {
	text-align: right;
	height: 20px;
	color: #84B735; /* 文字の色 */
	width: 20px;
}

#calendar-contents-block {
	text-align: center;
	clear: both;
	width: 140px;
	height: 20px;
	margin-left: 2px;
}

.calendar-contents {
	color: #84B735; /* 文字の色 */
	background-color: #fff;
	width: 20px;
}

#cal-box-left { width:20px;float:left; }
#cal-box-right1 {  width:120px; float:right; }
#cal-box-right2 {  width:100px; float:right; }
#cal-box-right3 {  width:80px;  float:right; }
#cal-box-right4 {  width:60px;  float:right; }
#cal-box-right5 {  width:40px;  float:right; }
#cal-box-right6 {  width:20px;  float:right; }

/* ---  --------------------- */
#recent-line {
}
#recent-comment-line {
}
#recent-trackback-line {
}
#recent-archive-line {
}

/* ---  --------------------- */

#profile-block {
	text-align:left;
	padding: 5px;
	background-color: #fff; /* 背景の色 */
	border-style: solid; /* 枠の種類 */
	border-color: #eee #eee #eee #eee; /* 枠の色 */
	border-width: 1px; /* 枠の幅 */
}
.profile-name {
	color: #84B735; /* 文字の色 */
	font-weight: bold;
}
.profile-comment {
	padding: 10px 0 5px 5px;
	color: #84B735; /* 文字の色 */
}

/* ---  --------------------- */

#link-block {
	text-align: left;
	padding: 10px;
	background-color: #fff; /* 背景の色 */
	border-style: solid; /* 枠の種類 */
	border-color: #eee #eee #eee #eee; /* 枠の色 */
	border-width: 1px; /* 枠の幅 */
}

#link-line {
}

/* ---  --------------------- */

#category-block {
	text-align: left;
	padding: 10 10 10 10;
	background-color: #fff; /* 背景の色 */
	border-style: solid; /* 枠の種類 */
	border-color: #eee #eee #eee #eee; /* 枠の色 */
	border-width: 1px; /* 枠の幅 */
}

#category-line {
}

/* ---  --------------------- */

#contentsHeaderBox {
}
.contentsHeaderLeft {
	float: left;
	width: 200px;
	text-align: left;
}
.contentsHeaderRight {
	float: right;
	width: 200px;
	text-align: right;
}

/* ---  --------------------- */

#log-body-block {
	text-align: left;
	background-color: #fff; /* 背景の色 */
	border-style: solid; /* 枠の種類 */
	border-color: #eee #eee #eee #eee; /* 枠の色 */
	border-width: 1px; /* 枠の幅 */
}

.log-body-date {
	color: #fff; /* 文字の色 */
	background-color: #84B735; /* 背景の色 */
	padding: 5px 10px;
}

.log-body-title {
	font-size: 120%;
	color: #84B735; /* 文字の色 */
	font-weight: bold;
	padding: 5px 10px;
}

.log-body-category {
	font-size: 80%;
	color: #999; /* 文字の色 */
	padding: 5px 10px 5px 10px;
}

.log-body-comment {
	color: #333; /* 文字の色 */
	padding: 5px 10px 5px 20px;
}

.log-body-footer {
	color: #333; /* 文字の色 */
	text-align: right;
	padding: 5px 10px;
}

/* ---  --------------------- */
#log-footer-block {
	text-align: center;
	padding: 20px 10px 10px 10px;
}
.log-footer-page {
}

/* ---  --------------------- */
.line-dott {
	border-style: dotted; /* 枠の種類 */
	border-color: #999 #fff #fff #fff; /* 枠の色 */
	border-width: 1px; /* 枠の幅 */
}

/* ---  --------------------- */

#log-trackback--header-block {
	text-align: left;
	padding: 10px 5px;
}

.log-trackback-header {
  font-weight: bold;
}

.log-trackback-url {
	background-color: #eee;
	padding: 10px 5px;
}

/* ---  --------------------- */

#log-trackback-comment-block {
	text-align: left;
	padding: 0 5px 10px 5px;
}

.log-trackback-comment-date {
	font-size: 85%;
	padding: 3px;
}

.log-trackback-comment-title {
	padding: 3px;
}

.log-trackback-comment-body {
	padding: 3px;
}

/* ---  --------------------- */

#log-child-header-block {
	text-align: left;
	padding: 10px 5px;
}

.log-child-header-title {
	font-weight: bold;
}

.log-child-header-reg {
	font-size: 85%;
}

/* ---  --------------------- */

#log-child-comment-block {
	text-align: left;
	padding: 0 5px 10px 5px;
}

.log-child-comment-title {
	padding: 3px;
	font-weight: bold;
}

.log-child-comment-body {
	padding: 3px 3px 3px 20px;
}

.log-child-comment-footer {
	clear:both;
	padding: 3px;
	text-align: right;
}

/* ---  --------------------- */

#log-search-block {
	text-align: left;
	padding: 0 5px 10px 5px;
}

.log-search-title {
	padding: 3px;
}

.log-search-comment {
	padding: 3px 3px 3px 20px;
}

.log-search-footer {
	padding: 3px;
	text-align:right;
}

/* ---  --------------------- */

#form-input-block {
	padding: 20px;
	background-color: #fff; /* 背景の色 */
	border-style: solid; /* 枠の種類 */
	border-color: #eee #eee #eee #eee; /* 枠の色 */
	border-width: 1px; /* 枠の幅 */
	text-align: left;
}

.form-input-label {
	font-weight: bold;
	padding: 0 0 10px 0;
}

.form-input-name {
	padding: 10px 0 0 10px;
}

.form-input-field {
	padding: 0 0 0 10px;
}

#form-input-style-block {
	margin: 3px 0 3px 10px;
	padding: 5px;
	background-color: #eee; /* 背景の色 */
	border-style: dotted; /* 枠の種類 */
	border-color: #999 #999 #999 #999; /* 枠の色 */
	border-width: 1px; /* 枠の幅 */
}

#form-input-button-block {
	padding: 20px 0 0 30px;
}

/* ---  --------------------- */

#form-confirm-block {
	padding: 20px;
	background-color: #fff; /* 背景の色 */
	border-style: solid; /* 枠の種類 */
	border-color: #eee #eee #eee #eee; /* 枠の色 */
	border-width: 1px; /* 枠の幅 */
	text-align: left;
}

.form-confirm-label {
	font-weight: bold;
	padding: 0 0 10px 0;
}

.form-confirm-name {
	padding: 10px 0 0 10px;
}

.form-confirm-value {
	padding: 0 0 0 10px;
}

.form-confirm-err {
	padding: 0 0 0 10px;
}

.form-confirm-errmsg {
	padding: 10px 0 0 10px;
}

#form-confirm-button {
	padding: 20px 0 0 30px;
}

/* ---  --------------------- */

#form-finish-block {
	padding: 20px;
	background-color: #fff; /* 背景の色 */
	border-style: solid; /* 枠の種類 */
	border-color: #eee #eee #eee #eee; /* 枠の色 */
	border-width: 1px; /* 枠の幅 */
	text-align: left;
}

.form-finish-label {
	font-weight: bold;
	padding: 0 0 10px 0;
}

.form-finish-msg {
	text-align: center;
	padding: 3px 0 30px 0;
}

#form-finish-button {
	padding:20px 0 0 30px;
}

.toolBox {
	position: absolute;
	display: none;
	padding: 10px 10px 10px 10px;
	color: #333; /* 背景の色 */
	background-color: #fff; /* 背景の色 */
	border-style: solid; /* 枠の種類 */
	border-color: #ccc #ccc #ccc #ccc; /* 枠の色 */
	border-width: 1px; /* 枠の幅 */
}

.toolBox2 {
	position: relative;
	display:none;
}

a.keyword ,
a:hover.keyword {
	border-style: dotted;
	border-width: 0 0 1px 0;
	border-color: #ccc;
	text-decoration: none;
	color : #666;
}