/* 基本設定
----------------------------------------------------- */
body {
	background-color:#e6e6e6;
	margin: 0px auto;
	padding: 0px;
	font-family:Arial, Helvetica, sans-serif, "ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック";
	color:#444444;
	font-size: x-small;
	voice-family: "\"}\""; voice-family: inherit;
	font-size: small;
	word-break: break-all;
}
	html>body { font-size: 13px; }
	img {border: 0;margin: 0;padding: 0;}
	a {color: #0C431F;text-decoration: none;}
	a:hover { text-decoration: none;color:#ffb400 }
	form {margin: 0;padding: 0;}
	input.text {vertical-align: middle;margin: 0;height: 1.25em;padding: 1px;
				voice-family: "\"}\""; voice-family: inherit;height: 1em;}
	html>body input.text { height: 1em; }
	ul {margin: 1.5em 0;padding-left: 1.5em;}
	li {margin: 0 0 0.75em 0;padding: 0;line-height: 150%;}
	p {letter-spacing:0em;}


#outer {
	width:720px;
	position: relative;
	margin:15px auto;
	padding:0;
	}
	
/* ナビゲーションエリア設定
----------------------------------------------------- */
#colL{
	position: relative;
	float: left;
	width: 232px;
	padding-left: 10px;
	voice-family: "\"}\""; voice-family: inherit;
	width: 222px;
}
	html>body #mainLeft { width: 200px; }	
	
#colL .navT,#colL .navM,#colL .navB{
	margin: 0;
	padding: 0;
	}
	
#colL .navT{
	background: url(http://blog.valuecreate.net/images/bg-coll-top.gif) top no-repeat;
	height: 24px;
	text-align:left;
	}

#colL .navM{
	background: url(http://blog.valuecreate.net/images/bg-coll-middle.gif) top no-repeat;
	padding:0 5px 1px 5px;/*pad-bottom1pxは、navBとの隙間対策*/
	}
	
#colL .navB{
	background: url(http://blog.valuecreate.net/images/bg-coll-bottom.gif) bottom no-repeat;
	height: 10px;
	font-size: 1px;
	margin-bottom:15px;
	}
	#colL p{ width:184px;font-weight: normal;padding:5px 30px 5px 10px;line-height:140%;margin:0px;}
	#colL p.message{ width:165px;font-weight: normal;padding:5px 30px 5px 15px;line-height:140%;margin:0px;}
	#colL form{margin:0;padding:8px 0 0 0}
	#colL p.menu{ width:186px;font-weight: normal;padding:5px 30px 5px 40px;line-height:140%;margin:0px;}
	#colL h4{ width:186px;font-weight: normal;padding:3px 30px 3px 10px;line-height:140%;margin:0px;}
	#colL img.title{padding: 10px 10px 0px 20px;vertical-align:bottom;}
	#colL img.subtitle{padding: 5px 0px 0px 20px;vertical-align:bottom;}
	#colL ul {margin:0px;padding:5px 30px 0px 10px;}
	#colL li.recent {margin: 0px 0px 0px 7px;padding: 3px 0px 3px 18px;line-height:130%; list-style-type:none; font-size:90%;background:url(http://blog.valuecreate.net/images/icon-arrow-sidebar.gif) left top no-repeat;}
	#colL dl{padding:2px 0px 0px 0px;margin:0px;}
	#colL dt{ font-weight: normal;padding:2px 30px 2px 18px;line-height:140%;margin:0px;}
	#colL dd{ font-weight: normal;padding:5px 30px 5px 20px;line-height:180%;margin:0px;font-size:90%;}


#taglevel1 { font-size: 18px;color:#ff0000;font-weight:bold;}
#taglevel1 a{color:#ff0000}
#taglevel1 a:hover{color:#ffb400}
#taglevel2 { font-size: 18px;color:#0C431F;}
#taglevel2 a{color:#0C431F}
#taglevel2 a:hover{color:#ffb400}
#taglevel3 { font-size: 16px;color:#0C7EB9;}
#taglevel3 a{color:#0C7EB9;}
#taglevel3 a:hover{color:#ffb400}
#taglevel4{ font-size: 14px;color:#000000;font-weight:bold;}
#taglevel4 a{color:#000000;font-weight:bold;}
#taglevel4 a:hover{color:#ffb400}
#taglevel5{ font-size: 12px;color:#222222;}
#taglevel5 a{color:#222222;}
#taglevel5 a:hover{color:#ffb400}
#taglevel6{ font-size: 10px;color:#666666;}
#taglevel6 a{color:#666666;}
#taglevel6 a:hover{color:#ffb400}


/* メインエリア設定
----------------------------------------------------- */
#colR{
	width: 471px;
	padding: 0px;
	padding-left:15px;
	float:left;
	margin:0;
	}
	
#colR .navT,#colR .navM,#colR .navB{
	margin: 0;
	padding: 0;
	}
	
#colR .navT{
	background: url(http://blog.valuecreate.net/images/bg-colr-top.gif) top no-repeat;
	height: 190px;
	}
	a.valuecreate {display: block;width: 471px;height: 190px;background: url("http://blog.valuecreate.net/images/bg-colr-top.gif") 0 0 no-repeat;text-decoration: none;}
	a:hover.valuecreate {background-position:0 -190px;}

#colR .navM{
	background: url(http://blog.valuecreate.net/images/bg-colr-middle.gif) top repeat-y;
	padding:0 0 1px 0/*pad-bottom1pxは、navBとの隙間対策*/
	margin:0px;
	}
	
#colR .navB{
	background: url(http://blog.valuecreate.net/images/bg-colr-bottom.gif) bottom no-repeat;
	height: 10px;
	font-size: 1px;
	margin-bottom:15px;
	}

#colR .headline{
	width:85%;
	height:auto;
	margin:0px auto;
	padding:0px;
	clear:both;
	}
	#colR h3{font-size:160%;}
	#colR a.title {color: #444444;text-decoration: none;}
	#colR .date{float:left;width:45%;margin:0px; font-family:Arial, Helvetica, sans-serif;}
	#colR h2{margin:0;padding:0;font-size:550%;/*color:#F9BBBB*/}
	#colR .title{float:right;width:55%;margin:0px;padding-top:20px; font-weight:bold;
				text-align:right; font-family:Arial, Helvetica, sans-serif, "ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック";}
	#colR .author{float:right;width:55%;margin:0px; text-align:right;
				font-family:Arial, Helvetica, sans-serif, "ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック";letter-spacing:0.2em;}

	#colR .headlineCategory{float:right;width:55%;margin:0px; text-align:right;
				font-family:Arial, Helvetica, sans-serif, "ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック";letter-spacing:0.1em;font-size:80%}

	#colR img{float:left;padding:0px 15px 7px 0;}
	#colR h1{/*position: relative;top:172px;left:186px;*/ margin:0; padding:0;}
	#colR img.navT{margin:0;padding0px;}
	#colR p{width:85%;font-weight: normal;padding:0px; padding-top:23px;line-height:150%;margin:0px auto; clear:both;
			color:#666666;font-size:90%;letter-spacing:0.1em;}
	#colR .line{text-align:center;margin:0px auto; clear:both; width:87%;padding-bottom:10px;}
	#colR .lineEntry{text-align:center;margin:0px auto; clear:both; width:87%;padding:0px;}
	.pager{text-align:right;float:right;width:auto;margin: 0px auto;padding:0px 3px;
						font-size:80%;color:#bbbbbb; font-family:Arial, Helvetica, sans-serif,}
	#colR hr{border:none;clear:both;}
	#colR p.entryFooter{text-align:right;width:90%;margin:15px auto 0px auto;padding-right:15px;
						font-size:80%;color:#666666; font-family:Arial, Helvetica, sans-serif,}
	#colR .categoryTitle{margin:0px 30px 30px 30px ;padding:5px 15px;background-color:#ffffff;border:1px solid #cccccc;letter-spacing:0.2em;}
	#entryBody a{color:#0C7EB9;}
	#entryBody a:hover{color:#ffb400;}
	#entryBody table{margin:10px auto;width:85%;border:1px solid #cccccc;padding:7px;background-color:#efefef}
#contentFooter{
	width:80%;
	margin:0 auto;
	padding:0 10px;
	clear:both;
	}

	/**/#contentFooter{margin:10px auto;padding:0;width:85%;clear:both}
	#contentFooter h3{width:100%;margin:0px;padding:5px 0px 15px 0px; clear:both;font-family:Arial, Helvetica, sans-serif,}
	#contentFooter h4{font-size:80%;margin:0px 0px 25px 0px;padding:5px 13px;clear:both; font-weight:normal;}
	#contentFooter p{width:100%;font-weight: normal;padding:5px 10px;line-height:140%;
					margin:0px auto; clear:both;font-size:85%;color:#777777; font-family:Arial, Helvetica, sans-serif,;letter-spacing:0.1em;}
	#contentFooter p.trackback{width:80%;padding:5px 10px;margin:10px auto 20px auto; background-color:#eeeeee;clear:both;}
	#contentFooter .url{}
	
	#contentFooter .cssform p{color:#444444;width: 300px;clear: left;margin: 0;padding: 5px 0 8px 0;padding-left: 155px; 
								/*width of left column containing the label elements*/height: 1%;}
	#contentFooter .cssform label{color:444444;font-weight:normal;float: left;margin-left: -145px; /*width of left column*/
									width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/}
	#contentFooter .cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/width: 180px;}
	#contentFooter .cssform textarea{width: 150px;height: 150px;}
											/*.threepxfix class below:
											Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
											to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
											*/
	#contentFooter .threepxfix{margin-left: 3px;}
	#others {clear:both;margin:0px auto; width:85%;}
	#others h3{width:100%;margin:0px auto;padding:5px 0px 15px 0px; clear:both;font-family:Arial, Helvetica, sans-serif,}
	#others dl{padding:0px;margin:10px auto;}
	#others dt{padding:10px 0px;margin:0;}
	#others p.crumb{padding:10px;margin:0; letter-spacing:0em;}
	#others dd{width:95%;padding:7px;margin:5px auto; background-color:#eeeeee; border:#ccccc solid 1px;clear:both;}

#mailform{font-size:11px;color:#444444; font-family:Arial, Helvetica, sans-serif;letter-spacing:0.1em;margin:0px auto;}
#mailform table{;padding:5px;}
#mailform th{width:150px;vertical-align:top;font-weight:normal;text-align:left}
#mailform td{width:190px;}
.submit{margin:0px auto;padding:10px;}
