/* Powersブログ用CSS */

/*▼-- 基本設定 --*/
body {
	background: url(../template/5/images/bg.gif) repeat-y ;
	background-position: center;
	background-color: #000000;
	margin: 0;
	padding: 0;
	border: 0;
	}
	
img {
	margin: 0;
	padding: 0;
	border: 0;
}


a {
	list-style-type: none;
	color: #5E2F00;
	text-decoration: underline;
}

a:hover {
	color: #f60;
	text-decoration: underline;

}

.otherColor {
}

/* フォント指定CSS */
* {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	margin: 0;
	paddng: 0;
}

.textW {
	color: #fff;
}
/* --- その他 --------------------- */

.alert {
	color: #c00;
}

/* ▼センター表示用 */
#centerBox { 
	text-align: center;
	margin: 0;
	padding: 0;
}
/* ▲センター表示用 */

/*▼-- メインボックス --*/

#mainBox {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
}

#mainBg {
	background: url(../template/5/images/bg_top.jpg) no-repeat 0 100%;
	background-position: top;
	width: 800px;
	*width: 801px;
	height: auto;
	margin: 0;
	padding: 12px 0 0 0;
}

#headAria {
	background:url(../template/5/images/bg_head.gif) no-repeat;
	text-align: left;
	width: 800px;
	height: 20px;
	margin: 0;
	padding: 0;
}

#headAria h1 {
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	margin: 5px 0 0 20px;
	padding: 0;
}

#headAria h1 a,
#headAria h1 a:link,
#headAria h1 a:visited {
	text-decoration: none;
	color: #fff;
}

#headAria h1 a:focus,
#headAria h1 a:hover,
#headAria h1 a:active {
	text-decoration: none;
	color: #f60;
}

#dboth {
	clear: both;
	width: 600px;
	padding: 0;
	margin: 0;
}

/*▼-- メインボックス フッター --*/

#mainBoxBottom {
	background:url(../template/5/images/bg_bottom.jpg) no-repeat;
	width: 800px;
	height: 196px;
	*margin-right: -1px;
	padding: 0;
	clear: both;
}

/*▼-- ヘッダー --*/

#headerBox {
	background: url(../template/5/images/blog_head.jpg) no-repeat;
	width: 702px;
	height: 221px;
	margin: 0 49px 0 49px;

}

/*▼-- メニュー --*/

#menuBox {
	width: 800px;
	height: 20px;
	margin: 14px 0 0 0;
*margin-right: -1px;
	padding: 0;
}

#menuBox ul {
	margin: 0;
	padding: 0;
}


#menuBox ul li {
	float: left;
	list-style-type:none;
	display: block;
}

#menuBox ul li a {
	text-indent: -9999px;
	overflow: hidden;
	display: block;
}

#menuBox ul li a:hover {
	text-indent: -9999px;
	overflow: hidden;
	text-decoration: none;
	display: block;

}

#menuBox ul li.nav01 {
	background: url(../template/5/images/menu_l.jpg) no-repeat;
	width: 86px;
	height: 20px;
} 

#menuBox ul li.nav02 {
	width: 86px;
	height: 20px;
}

#menuBox ul li.nav02 a,
#menuBox ul li.nav02 a:link,
#menuBox ul li.nav02 a:visited {
	background: url(../template/5/images/menu_h.jpg) no-repeat top;
	width: 86px;
	height: 20px;
}

#menuBox ul li.nav02 a:focus,
#menuBox ul li.nav02 a:hover,
#menuBox ul li.nav02 a:active {
	background: url(../template/5/images/menu_h.jpg) no-repeat bottom;
	width: 86px;
	height: 20px;
}

#menuBox ul li.nav03 {
	width: 97px;
	height: 20px;
}
 
#menuBox ul li.nav03 a,
#menuBox ul li.nav03 a:link,
#menuBox ul li.nav03 a:visited {
	background: url(../template/5/images/menu_e.jpg) no-repeat top;
	width: 97px;
	height: 20px;
}

#menuBox ul li.nav03 a:focus,
#menuBox ul li.nav03 a:hover,
#menuBox ul li.nav03 a:active {
	background: url(../template/5/images/menu_e.jpg) no-repeat bottom;
	width: 97px;
	height: 20px;
}

#menuBox ul li.nav04 {
	width: 85px;
	height: 20px;
}

#menuBox ul li.nav04 a,
#menuBox ul li.nav04 a:link,
#menuBox ul li.nav04 a:visited {
	background: url(../template/5/images/menu_f.jpg) no-repeat top;
	width: 85px;
	height: 20px;
}

#menuBox ul li.nav04 a:focus,
#menuBox ul li.nav04 a:hover,
#menuBox ul li.nav04 a:active {
	background: url(../template/5/images/menu_f.jpg) no-repeat bottom;
	width: 85px;
	height: 20px;
}

#menuBox ul li.nav05 {
	width: 94px;
	height: 20px;
}

#menuBox ul li.nav05 a,
#menuBox ul li.nav05 a:link,
#menuBox ul li.nav05 a:visited {
	background: url(../template/5/images/menu_d.jpg) no-repeat top;
	width: 94px;
	height: 20px;
}

#menuBox ul li.nav05 a:focus,
#menuBox ul li.nav05 a:hover,
#menuBox ul li.nav05 a:active {
	background: url(../template/5/images/menu_d.jpg) no-repeat bottom;
	width: 94px;
	height: 20px;
}

#menuBox ul li.nav06 {
	width: 154px;
	height: 20px;
}

#menuBox ul li.nav06 a,
#menuBox ul li.nav06 a:link,
#menuBox ul li.nav06 a:visited {
	background: url(../template/5/images/menu_p.jpg) no-repeat top;
	width: 154px;
	height: 20px;
}

#menuBox ul li.nav06 a:focus,
#menuBox ul li.nav06 a:hover,
#menuBox ul li.nav06 a:active {
	background: url(../template/5/images/menu_p.jpg) no-repeat bottom;
	width: 154px;
	height: 20px;
}

#menuBox ul li.nav07 {
	width: 96px;
	height: 20px;
}

#menuBox ul li.nav07 a,
#menuBox ul li.nav07 a:link,
#menuBox ul li.nav07 a:visited {
	background: url(../template/5/images/menu_c.jpg) no-repeat top;
	width: 112px;
	height: 20px;
}

#menuBox ul li.nav07 a:focus,
#menuBox ul li.nav07 a:hover,
#menuBox ul li.nav07 a:active {
	background: url(../template/5/images/menu_c.jpg) no-repeat bottom;
	width: 112px;
	height: 20px;
}

#menuBox ul li.nav08 {
	background: url(../template/5/images/menu_r.jpg) no-repeat;
	width: 86px;
	height: 20px;
	float: right;
}

#menuBarBottom {
	background: url(../template/5/images/menu_bottom2.jpg) no-repeat;
	width: 800px;
	height: 5px;
	margin-bottom: 10px;
	*margin-bottom: 5px;
	*margin-right: -1px;
	padding: 0;
	clear: both;
}

/* --- ボディコンテンツ --------------------- */

#bodyBox {
	width: 800px;
	margin: 0;
	padding: 0;
}

/* --- 左コンテンツ --------------------- */

#leftBox1 {
	width: 170px;
	float: left;
	font-size: 80%;
	vertical-align: top;
	margin: 0;
	padding: 0 0 0 10px;
  
}

/* --- 中央+右コンテンツ --------------------- */

#rightBox1 {
	width: 610px;
	*width: 620px;
	float: right;
	font-size: 80%;
	vertical-align: top;
	padding: 0;
	margin: 0;
  
}

/* --- 中央コンテンツ --------------------- */

#leftBox2 {
	text-align: left;
	width: 610px;
	vertical-align: top;
	float: left;
	padding: 0 0 0 5px;
	margin: 0;
}

#leftBox2 img {
	vertical-align: bottom;
}

/* --- 右コンテンツ --------------------- */

#rightBox2 {
	width: 0px;
	vertical-align: top;
	text-align: center;
	float: right;
	padding: 5px 10px;
	margin: 0;
}


/* --- footer --------------------- */

#footerBox {
	width: 800px;
	margin: 0;
	padding: 10px 0 0 0;
	bottom: 0;
	text-align: right;
	font-size: 80%;
	clear: both;
}

#footerBox a,
#footerBox a:link,
#footerBox a:visited {
	color: #960;
	text-decoration: underline;
	margin: 0 10px;
}

#footerBox a:focus,
#footerBox a:hover,
#footerBox a:active {
	color: #f60;
	text-decoration: underline;
	margin: 0 10px;
}

#footer {
	background: #000000 bottom;
	color: #ffffff;
	margin: 0;
	padding: 0;
	text-align: center;
}

/* ---  --------------------- */

#common-block {
	width: 160px;
	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: #a57731; /* 文字の色 */
}

/* ---カレンダー--------------------- */

#calendar-header {
	height: 20px;
	text-align: center;
	color: #a57731; /* 文字の色 */
	clear: both;
}

#calendar-week-block {
	text-align: center;
	display: block;
	clear: both;
	width: 140px;
}

.calendar-week {
	text-align: center;
	height: 20px;
	color: #a57731; /* 文字の色 */
	width: 20px;
}

#calendar-contents-block {
	text-align: center;
	clear: both;
	width: 140px;
	height: 20px;
	margin-left: 1px;
}

.calendar-contents {
	color: #a57731; /* 文字の色 */
	background-color: #fff;
	width: 20px;
}

#cal-box-left { width:20;float:left; }
#cal-box-right1 {  width:120; float:right; }
#cal-box-right2 {  width:100; float:right; }
#cal-box-right3 {  width:80;  float:right; }
#cal-box-right4 {  width:60;  float:right; }
#cal-box-right5 {  width:40;  float:right; }
#cal-box-right6 {  width:20;  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: #a57731; /* 文字の色 */
	font-weight: bold;
}

.profile-comment {
	padding: 10px 0 5px 5px;
	color: #a57731; /* 文字の色 */
}

/* ---  --------------------- */

#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: 10px;
	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;
	padding: 3px 0;
}

.contentsHeaderLeft a,
.contentsHeaderLeft a:link,
.contentsHeaderLeft a:visited {
	color: #960;
	text-decoration: underline;
	margin: 0 10px;
}

.contentsHeaderLeft a:focus,
.contentsHeaderLeft a:hover,
.contentsHeaderLeft a:active {
	color: #f60;
	text-decoration: underline;
	margin: 0 10px;
}

.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; /* 枠の幅 */
	margin: 0 5px 0 0;
}

.log-body-date {
	background:	url(../template/5/images/blog_bar.jpg) repeat-x 0 0;
	color: #fff; /* 文字の色 */
	padding: 5px 10px;
	*padding: 3px 10px 8px 10px;
}

.log-body-title {
	font-size: 120%;
	color: #a57731; /* 文字の色 */
	font-weight: bold;
	padding: 5px 10px;
}

.log-body-category {
	font-size: 80%;
	color: #999; /* 文字の色 */
	padding: 5px 10px;
}

.log-body-comment {
	color: #333; /* 文字の色 */
	padding: 5px 10px;
}

.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 10px 5px;
}

.log-trackback-header {
	color: #fff;
	font-weight: bold;
}

.log-trackback-url {
	background-color:#eee;
	padding: 10px 5px;
	color: #000;
}

/* ---  --------------------- */

#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 3px 3px 20px;
}

/* ---  --------------------- */

#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: 7px;
	background-color: #fff; /* 背景の色 */
	border-style: solid; /* 枠の種類 */
	border-color: #eee #eee #eee #eee; /* 枠の色 */
	border-width: 1px; /* 枠の幅 */
	color: #000;
}

.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 5px;
}

#form-input-style-block {
	margin: 3px 3px 3px 3px;
	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; /* 枠の幅 */
	color: #000;
}

.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; /* 枠の幅 */
	color: #000;
}

.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;
	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;
}