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

	■reset

-----------------------------------------------------------------*/
#HEADER{
	width:962px;
	margin-bottom:30px;
}
#HEADER .logo{
	padding:20px 0 0;
}
#HEADER .headerAll{
	width:962px;
}

#HEADER .gnavArea form{
	padding:35px 0 0;
}
#WRAPPER #CONTENTS.clum1{
	width:962px;
}
#WRAPPER #CONTENTS.clum1 #MAIN{
	*position:relative;
	overflow: hidden;
	width:962px;
}
/*-----------------------------------------------------------------

	■mainInner

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

#WRAPPER #CONTENTS #MAIN{
	position:relative;
}

#WRAPPER #CONTENTS .mainInnerMenu{
	width:235px;
	float:left;
	margin:30px 0 0;
}

	#WRAPPER #CONTENTS .mainInnerMenu .backMenu{
		margin:0 0 20px 0;
		padding:0 0 14px 0;
		background:url(/wr_common/images/blog_bg_cont.gif) repeat-x 0 bottom;
	}


	#WRAPPER #CONTENTS .mainInnerMenu h2{
		margin:0 0 8px 0;
	}
	#WRAPPER #CONTENTS .mainInnerMenu ul{
		margin:0 10px 20px 0;
	}
		#WRAPPER #CONTENTS .mainInnerMenu ul li{
			margin-bottom:1px;
			_zoom:1;
		}
			#WRAPPER #CONTENTS .mainInnerMenu ul li a{
				_zoom:1;
				display:block;
				border:1px solid #e6e6e6;
				border-left:4px solid #a0a0a0;
				background:#f5f5f5;
				color:#595959;
				font-weight:bold;
				text-decoration:none;
				padding:5px 0 5px 8px;
			}
			#WRAPPER #CONTENTS .mainInnerMenu ul li a:hover{
				background:#e6e6e6;
				color:#ffffff;
			}
			#WRAPPER #CONTENTS .mainInnerMenu ul li.category1 a{border-left:4px solid #0063bd;}
			#WRAPPER #CONTENTS .mainInnerMenu ul li.category2 a{border-left:4px solid #f34453;}
			#WRAPPER #CONTENTS .mainInnerMenu ul li.category3 a{border-left:4px solid #ad02bb;}
			#WRAPPER #CONTENTS .mainInnerMenu ul li.category4 a{border-left:4px solid #bd7b00;}
			#WRAPPER #CONTENTS .mainInnerMenu ul li.category5 a{border-left:4px solid #fc9000;}
			#WRAPPER #CONTENTS .mainInnerMenu ul li.category6 a{border-left:4px solid #00a7be;}
			#WRAPPER #CONTENTS .mainInnerMenu ul li.category7 a{border-left:4px solid #a5b300;}

			#WRAPPER #CONTENTS .mainInnerMenu ul li.category1 a.current,
			#WRAPPER #CONTENTS .mainInnerMenu ul li.category1 a:hover{background:#0063bd;border-color:#0063bd;color:#ffffff;}
			#WRAPPER #CONTENTS .mainInnerMenu ul li.category2 a.current,
			#WRAPPER #CONTENTS .mainInnerMenu ul li.category2 a:hover{background:#f34453;border-color:#f34453;color:#ffffff;}
			#WRAPPER #CONTENTS .mainInnerMenu ul li.category3 a.current,
			#WRAPPER #CONTENTS .mainInnerMenu ul li.category3 a:hover{background:#ad02bb;border-color:#ad02bb;color:#ffffff;}
			#WRAPPER #CONTENTS .mainInnerMenu ul li.category4 a.current,
			#WRAPPER #CONTENTS .mainInnerMenu ul li.category4 a:hover{background:#bd7b00;border-color:#bd7b00;color:#ffffff;}
			#WRAPPER #CONTENTS .mainInnerMenu ul li.category5 a.current,
			#WRAPPER #CONTENTS .mainInnerMenu ul li.category5 a:hover{background:#fc9000;border-color:#fc9000;color:#ffffff;}
			#WRAPPER #CONTENTS .mainInnerMenu ul li.category6 a.current,
			#WRAPPER #CONTENTS .mainInnerMenu ul li.category6 a:hover{background:#00a7be;border-color:#00a7be;color:#ffffff;}
			#WRAPPER #CONTENTS .mainInnerMenu ul li.category7 a.current,
			#WRAPPER #CONTENTS .mainInnerMenu ul li.category7 a:hover{background:#a5b300;border-color:#a5b300;color:#ffffff;}

			#WRAPPER #CONTENTS .mainInnerMenu ul li span{
				_zoom:1;
				display:block;
				border:1px solid #e6e6e6;
				border-left:4px solid #a0a0a0;
				background:#f5f5f5 url(/wr_common/images/blog_plus.gif) no-repeat 195px center;
				color:#595959;
				font-weight:bold;
				text-decoration:none;
				padding:5px 0 5px 8px;
			}
			#WRAPPER #CONTENTS .mainInnerMenu ul li.current span{
				background:#f5f5f5 url(/wr_common/images/blog_minus.gif) no-repeat 195px center;
			}
				#WRAPPER #CONTENTS .mainInnerMenu ul li span:hover{
					background-color:#e6e6e6;
				}

			#WRAPPER #CONTENTS .mainInnerMenu ul li.current ul{
				display:block;
			}
			#WRAPPER #CONTENTS .mainInnerMenu ul ul{
				margin:0 0 0 0;
				display:none;
				position:relative;
				top:-1px;
				_zoom:1;
			}
				#WRAPPER #CONTENTS .mainInnerMenu ul ul li{
					margin-bottom:0;
				}
					#WRAPPER #CONTENTS .mainInnerMenu ul ul li a{
						display:block;
						border:0;
						border-top:1px dotted #c7c7c7;
						background:#ffffff;
						color:#595959;
						font-weight:normal;
						text-decoration:none;
						padding:2px 0 2px 12px;
					}
			#WRAPPER #CONTENTS .mainInnerMenu ul ul li a.current,
			#WRAPPER #CONTENTS .mainInnerMenu ul ul li a:hover{
				background:#6f6ea0;
				color:#ffffff;
			}

#WRAPPER #CONTENTS .mainInner{
	float:right;
	width:735px;
	*position:relative;
	overflow: hidden;
	margin:30px 0 0;
	margin-right:-8px;
	background:url(/wr_common/images/blog_bg_cont_y.gif) no-repeat left 55px;
}

#WRAPPER #CONTENTS .mainInner a{
	color:#333;
}

#WRAPPER #CONTENTS .mainInner .blogArea .blogTitle{
	position:relative;
	z-index:100;
	padding:0 0 0 6px;
	font-size:130%;
	font-weight:bold;
	background:url(/wr_common/images/blog_bg_cont.gif) repeat 0 0;
}
	#WRAPPER #CONTENTS .mainInner .blogArea .blogTitle span{
		background:#ffffff;
		display:block;
		padding:0 0 10px 8px;
	}

#WRAPPER #CONTENTS .mainInner .blogArea ul{
	margin:-14px 0 0;
}
#WRAPPER #CONTENTS .mainInner .blogArea ul li{
	width:245px;
	height: auto; 
	background:url(/wr_common/images/blog_bg_cont.gif) repeat 0 0;
	float:left;
}
#WRAPPER #CONTENTS .mainInner .blogArea ul li div.Inner{
	margin:6px 0 0 6px;
	_margin:6px 0 0 5px;
	background:#fff;
	padding:8px 8px 10px;
}

#WRAPPER #CONTENTS .mainInner .blogArea ul li p.thum{
	margin:0 0 10px;
}
#WRAPPER #CONTENTS .mainInner .blogArea ul li h2{
	margin:0 5px 10px;
	line-height:1.3;
	font-size:120%;
}
#WRAPPER #CONTENTS .mainInner .blogArea ul li dl{
	margin:0 5px 10px;
}

#WRAPPER #CONTENTS .mainInner .blogArea ul li dl dt{
	font-style:italic;
	margin:0 0 10px;
}
#WRAPPER #CONTENTS .mainInner .blogArea ul li dl dt img{
	float:right;
	vertical-align:top;
}

#WRAPPER #CONTENTS .mainInner .blogArea ul li p.more{
	text-align:right;
	font-weight:bold;
}

#WRAPPER #CONTENTS .mainInner .mainInnerBottom{
	padding-top:10px;
	position:relative;
	background:#ffffff;
}
	#WRAPPER #CONTENTS .mainInner .mainInnerBottomInner{
		width:720px !important;
		border:1px solid #e6e6e6;
		background:#f1f1f1;
		margin:10px 0 0 0;
		padding:5px 0 1px 5px;
		/padding:5px 0 5px 5px;
		zoom:1;
	}
		#WRAPPER #CONTENTS .mainInner .mainInnerBottom ul{
			zoom:1;
		}
		#WRAPPER #CONTENTS .mainInner .mainInnerBottom ul{
			display: inline-block;
		}
		#WRAPPER #CONTENTS .mainInner .mainInnerBottom ul ul:after{
			content:".";display: block;height: 0;visibility:hidden;clear: both;
		}
		/* Hides MacIE5 \*/
		* html #WRAPPER #CONTENTS .mainInner .mainInnerBottom ul{
			height:1%;
		}

		#WRAPPER #CONTENTS .mainInner .mainInnerBottom ul{
			display:block;
		}
		/* Hides MacIE5 */

			#WRAPPER #CONTENTS .mainInner .mainInnerBottom ul li{
				zoom:1;
				float:left;
				margin-right:4px;
				margin-bottom:4px;
			}
				#WRAPPER #CONTENTS .mainInner .mainInnerBottom ul li a{
					display:block;
					width:26px;
					height:26px;
					line-height:26px;
					text-decoration:none;
					background:#ffffff;
					text-align:center;
				}
				#WRAPPER #CONTENTS .mainInner .mainInnerBottom ul li a:hover{
					background:#dedede;
				}
				#WRAPPER #CONTENTS .mainInner .mainInnerBottom ul li.current a{
					background:#4a4a4a;
					color:#ffffff;
				}

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

	■blogDetail

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

#WRAPPER #CONTENTS .blogDetail{
	margin:30px 0 0;
	background:#fff url(/wr_common/images/blog_bg_cont.gif) repeat-y 234px top;
}
#WRAPPER #CONTENTS .blogDetail .sideArea{
	background:#fff;
	float:left;
	width:234px;
	padding:0 0 0 0;
	margin-bottom:-5000px;
	padding-bottom:5000px;
}
#WRAPPER #CONTENTS .blogDetail .sideAreaInner{
	padding:0 20px 0 0;
}
#WRAPPER #CONTENTS .blogDetail .txtArea{
	background:#fff;
	float:right;
	width:723px;
}
#CONTENTS #MAIN .blogDetail .txtAreaInner{
	padding:0 20px;
}
#CONTENTS #MAIN .blogDetail .txtAreaInner h1{
	font-size:200%;
	line-height:1.5;
	margin:0 0 40px;
}
/*-------------------------------------sideArea*/

#WRAPPER #CONTENTS .blogDetail .sideArea .navBtn{
	margin:0 0 40px;
}


#WRAPPER #CONTENTS .blogDetail .sideArea .navBtn .prev{
	float:left;
}
#WRAPPER #CONTENTS .blogDetail .sideArea .navBtn .next{
	float:right;
}

#WRAPPER #CONTENTS .blogDetail .sideArea .socialBtn{
	margin:0 0 0 10px;
}
#WRAPPER #CONTENTS .blogDetail .sideArea .socialBtn p{
	margin:0 0 8px;
}



#WRAPPER #CONTENTS .blogDetail .sideArea p.cate{
	font-style:italic;
	margin:0 0 30px 10px;
	color:#cc0000;
	padding:0 0 0 20px;
	background:url(/wr_common/images/blog_detail_icn.gif) no-repeat 0 50%;
}
#WRAPPER #CONTENTS .blogDetail .sideArea p.cate img{
	float:right;
}

#WRAPPER #CONTENTS .blogDetail .sideArea dl.user{
	margin:60px 0 45px 10px;
}
#WRAPPER #CONTENTS .blogDetail .sideArea dl.user dt{
	margin:0 0 5px;
}
#WRAPPER #CONTENTS .blogDetail .sideArea dl.user dd{
	padding:0 0 0 20px;
	background:url(/wr_common/images/blog_detail_icn.gif) no-repeat 0 50%;
}

#WRAPPER #CONTENTS .blogDetail .sideArea dl.sideNews{
	margin:0 0 0 10px;
}


#WRAPPER #CONTENTS .blogDetail .sideArea dl.sideNews dt{
	font-style:italic;
	margin:0 0 5px;
}
#WRAPPER #CONTENTS .blogDetail .sideArea dl.sideNews dd{
	margin:0 0 25px;
}
#WRAPPER #CONTENTS .blogDetail .sideArea dl.sideNews dd a{
	color:#333;
}
/*-----------------------------------------------------------------

	■mainInner

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



#WRAPPER #CONTENTS .blogDetail .mainInner{
	width:auto;
	padding:30px 0 0;
	margin:0;
	background:url(/wr_common/images/blog_bg_cont.gif) repeat 0 0;
}


#WRAPPER #CONTENTS .blogDetail .mainInner ul{
	margin:0;
	overflow:hidden;
}
#WRAPPER #CONTENTS .blogDetail .mainInner ul li{
	background:#fff;
	width:237px;
	margin-bottom:-500px;
	margin-left:6px;
	padding-bottom:500px;
}
#WRAPPER #CONTENTS .blogDetail .mainInner ul li.first{
	margin-left:0;
}
#WRAPPER #CONTENTS .blogDetail .mainInner ul li div.Inner{
	margin:6px 0 0 0;
	padding:30px 6px 10px;
	_margin:6px 0 0 0;
}


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

	■TXT 画像回り込みパターン

-----------------------------------------------------------------*/
#WRAPPER #CONTENTS .txt{
	margin:0 0 10px;
}
#WRAPPER #CONTENTS .thumR{
	float:right;
	padding:0 0 0 30px;
	margin:0 0 10px;
}
#WRAPPER #CONTENTS .thumL{
	float:left;
	padding:0 30px 0 0;
	margin:0 0 10px;
}
#WRAPPER #CONTENTS span.cap{
	font-size:90%;
	display:block;
	line-height:1.3;
	padding:5px 0;
}
#WRAPPER #CONTENTS span.cap.style02{
	margin:0 auto;
}
/*------------------------------------------------------------------

	■タイトル

-----------------------------------------------------------------*/
#CONTENTS #MAIN .blogDetai .txtAreaInner h2{
	padding:2px 8px 2px 8px;
	font-weight:bold;
	margin:0 0 15px;
	font-size:125%;
	border-left:5px solid #6e6e6e;background:#eeeff3;
}
#CONTENTS #MAIN .blogDetail .txtAreaInner h3{
	padding:4px 10px 4px;
	font-weight:bold;
	margin:0 0 15px;
	font-size:125%;
	border-bottom:1px solid #b2b2b2;
	border-left:5px solid #6e6e6e;
}
#CONTENTS #MAIN .blogDetail .txtAreaInner h4{
	margin:0 0 15px;
	font-size:110%;
	font-weight:bold;
	background:#f2f2f2 url(/wr_common/images/line_ttl_gray.gif) repeat-x left bottom;
	padding:5px 11px 3px;
	border:none;
}

#CONTENTS #MAIN .blogDetail .txtAreaInner h5{
	margin:0 0 10px 15px;
	font-size:110%;
	font-weight:bold;
	background: url(/wr_common/images/line_ttl_h5.gif) repeat-x left bottom;
	padding:7px 10px 5px 0;
}

#CONTENTS #MAIN .blogDetail .txtAreaInner h6{
	font-weight:bold;
	font-size:100%;
	border:none;
	background:none;
	padding:0;
	margin:0 0 0 15px;
}

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

	■CLEAR

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

#WRAPPER #CONTENTS .blogDetail .sideArea p.cate,
#WRAPPER #CONTENTS .blogDetail .sideArea .navBtn,
#WRAPPER #CONTENTS .txt,
#WRAPPER #CONTENTS .blogDetail,
#WRAPPER #CONTENTS .mainInner,
#WRAPPER #CONTENTS .mainInner ul li dl dt,
#WRAPPER #CONTENTS .mainInner ul{
	display: inline-block;
}


#WRAPPER #CONTENTS .blogDetail .sideArea p.cate:after,
#WRAPPER #CONTENTS .blogDetail .sideArea .navBtn:after,
#WRAPPER #CONTENTS .txt:after,
#WRAPPER #CONTENTS .blogDetail:after,
#WRAPPER #CONTENTS .mainInner:after,
#WRAPPER #CONTENTS .mainInner ul li dl dt:after,
#WRAPPER #CONTENTS .mainInner ul:after{
	content:".";display: block;height: 0;visibility:hidden;clear: both;
}



/* Hides MacIE5 \*/
* html #WRAPPER #CONTENTS .blogDetail .sideArea p.cate,
* html #WRAPPER #CONTENTS .blogDetail .sideArea .navBtn,
* html #WRAPPER #CONTENTS .txt,
* html #WRAPPER #CONTENTS .blogDetail,
* html #WRAPPER #CONTENTS .mainInner,
* html #WRAPPER #CONTENTS .mainInner ul li dl dt,
* html #WRAPPER #CONTENTS .mainInner ul{
	height:1%;
}


#WRAPPER #CONTENTS .blogDetail .sideArea p.cate,
#WRAPPER #CONTENTS .blogDetail .sideArea .navBtn,
#WRAPPER #CONTENTS .txt,
#WRAPPER #CONTENTS .blogDetail,
#WRAPPER #CONTENTS .mainInner,
#WRAPPER #CONTENTS .mainInner ul li dl dt,
#WRAPPER #CONTENTS .mainInner ul{
	display:block;
}
/* Hides MacIE5 */


/* === Suggest === */
div.SS_suggest { 
font-weight: normal;
z-index: 999;
display: none;
position: absolute;
border-bottom: 1px solid #CCC;
border-right: 1px solid #CCC;
border-left: 1px solid #CCC;
text-align: left;
width:230px;
}
*html div.SS_suggest {
margin-top:23px;
margin-left:-315px;
}
*+html div.SS_suggest {
margin-top:23px;
margin-left:-315px;
}
div.SS_suggest div.SS_suggestItemOff { 
background-color: #FFF;
border-top: 1px solid #CCC;
padding: 1px 2px 1px 4px;
}
div.SS_suggest div.SS_suggestItemOn {
background-color: #ECF5FA;
border-top: 1px solid #CCC;
padding: 1px 2px 1px 4px;
}
div.SS_suggest span.SS_suggestKey {
font-size: 13px;
}