/* -----------------------------------------------------------
 common
------------------------------------------------------------ */
body{
	margin: 0;
	padding: 0;
	background: #FFF;
}
body, td {
	color: #333333;
	font-family: "Lucida Grande","Hiragino Kaku Gothic Pro","ƒqƒ‰ƒMƒmŠpƒS Pro W3","‚l‚r ‚oƒSƒVƒbƒN",Osaka,sans-serif;
	font-size: 12px;
	line-height: 1.4;
}
img, a img {
	vertical-align: top;
	border: none;
	text-decoration: none;
}
a:link, a:visited { color: #333333;}
a:hover, a:active { color: #7F0019;}

.wrapcent h1, .wrapcent h2, .wrapcent h3, .wrapcent h4, .wrapcent h5, .wrapcent h6,
.wrapcent p, .wrapcent form, .wrapcent blockquote {
	margin: 0;
	padding: 0;
}
.wrapcent ul, .wrapcent ol, .wrapcent li, .wrapcent dl, .wrapcent dt, .wrapcent dd {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* bg text */
#sideNav h2,
#sideNav .post .btn a,
#sideNav .post2 .btn a,
#sideNav .theme li a,
#sideNav .other span,
#contents .post h2,
#contents .post .btn a,
#contents #quest .btn a,
.hentry .main .rel em {
	display: block;
	text-indent: -9999px;
	font-size: 1px;
	line-height:0;
	overflow: hidden;
}

/* -----------------------------------------------------------
 base layout
------------------------------------------------------------ */
.wrapcent .contentwrap905 { width: 880px; margin-top: 30px;}

/* sideNav
 -------------------------------------------------- */
#sideNav {
	float: left; display: inline;
	width: 155px;
}
#sideNav .post {
	padding: 11px 9px 9px;
	border: 1px solid #E6E6E6;
	background-color: #F3F3F3;
}
#sideNav .post h2,
#sideNav .post .btn a,
#contents .post h2,
#contents .post .btn a {
	background: url(/lab/common/img/sprite_post.gif) no-repeat;
}
#sideNav .post h2 { width: 56px; height: 15px;}
#sideNav .post p {
	margin-top: 9px;
	padding-bottom: 10px;
	font-size: 83%;
}
#sideNav .post .btn a { width: 135px; height: 35px; background-position: 0 -20px;}
#sideNav .post .btn a:hover { background-position: -160px -20px;}

#sideNav .theme { margin-top: 30px;}
#sideNav .theme h2,
#sideNav .theme li a {
	background: url(/lab/common/img/sprite_st.gif) no-repeat;
}
#sideNav .theme h2 { height: 21px; border-bottom: 1px solid #333333;}
#sideNav .theme li { font-size:1px; /* IE */}
#sideNav .theme li a { height: 41px; border-top: 1px solid #F3F3F3;}
#sideNav .theme #stCleaning a { background-position: 0 -40px; border-top: none;}
#sideNav .theme #stCleaning a:hover { background-position: -160px -40px;}
#sideNav .theme #stGreen a { background-position: 0 -100px;}
#sideNav .theme #stGreen a:hover { background-position: -160px -100px;}
#sideNav .theme #stWash a { background-position: 0 -160px;}
#sideNav .theme #stWash a:hover { background-position: -160px -160px;}
#sideNav .theme #stSize a { background-position: 0 -220px;}
#sideNav .theme #stSize a:hover { background-position: -160px -220px;}
#sideNav .theme #stKitchen a { background-position: 0 -280px;}
#sideNav .theme #stKitchen a:hover { background-position: -160px -280px;}
#sideNav .theme #stSleep a { background-position: 0 -340px;}
#sideNav .theme #stSleep a:hover { background-position: -160px -340px;}
#sideNav .theme #stSumai a { background-position: 0 -400px;}
#sideNav .theme #stSumai a:hover { background-position: -160px -400px;}
#sideNav .theme #stTravel a { background-position: 0 -460px;}
#sideNav .theme #stTravel a:hover { background-position: -160px -460px;}
#sideNav .theme #stCsr a { background-position: 0 -520px;}
#sideNav .theme #stCsr a:hover { background-position: -160px -520px;}
#sideNav .theme #stWalk a { background-position: 0 -580px;}
#sideNav .theme #stWalk a:hover { background-position: -160px -580px;}
#sideNav .theme #stGift a { background-position: 0 -640px;}
#sideNav .theme #stGift a:hover { background-position: -160px -640px;}
#sideNav .theme #stChild a { background-position: 0 -700px;}
#sideNav .theme #stChild a:hover { background-position: -160px -700px;}
#sideNav .theme #stFound a { background-position: 0 -760px;}
#sideNav .theme #stFound a:hover { background-position: -160px -760px;}
#sideNav .theme #stStorage a { background-position: 0 -820px;}
#sideNav .theme #stStorage a:hover { background-position: -160px -820px;}
#sideNav .theme #stBook a { background-position: 0 -880px;}
#sideNav .theme #stBook a:hover { background-position: -160px -880px;}

#sideNav .other { margin-top: 25px;}
#sideNav .other h2,
#sideNav .other span { 
	background: url(/lab/common/img/sprite_so.gif) no-repeat;
}
#sideNav .other h2 { height: 21px; border-bottom: 1px solid #333333;}
#sideNav .other ul li { padding-top: 15px; font-size: 1px; /* IE */}
#sideNav .other a { display: block; cursor: pointer;}
#sideNav .other span { height: 11px; margin-top: 9px;}
#sideNav .other #soAbout span { background-position: 0 -40px;}
#sideNav .other #soAbout a:hover span { background-position: -160px -40px;}
#sideNav .other #soArchive span { background-position: 0 -60px;}
#sideNav .other #soArchive a:hover span { background-position: -160px -60px;}
#sideNav .other #soReport span { background-position: 0 -80px;}
#sideNav .other #soReport a:hover span { background-position: -160px -80px;}
#sideNav .other #soInformation span { background-position: 0 -100px;}
#sideNav .other #soInformation a:hover span { background-position: -160px -100px;}
#sideNav .other #soReconsider span { background-position: 0 -120px;}
#sideNav .other #soReconsider a:hover span { background-position: -160px -120px;}

#sideNav .other a:link img,
#sideNav .other a:visited img,
#sideNav .rel a:link img,
#sideNav .rel a:visited img { border: 1px solid #CCCCCC;}
#sideNav .other a:hover img,
#sideNav .other a:active img,
#sideNav .rel a:hover img,
#sideNav .rel a:active img { border: 1px solid #7F0019;}

#sideNav .rel { padding-top: 27px;}
#sideNav .rel ul li { margin-top: 3px;}

/* sideNav_observation
 -------------------------------------------------- */

#sideNav #observation {
	margin-top: 10px;
}
#sideNav #observation h2,
#sideNav #observation .btn a {
	background: url(/lab/common/img/sprite_observation.gif) no-repeat;
}
#sideNav #observation h2 { width: 67px; height: 15px;}

#sideNav #observation .btn a { width: 135px; height: 35px; background-position: 0 -20px;}
#sideNav #observation .btn a:hover { background-position: -160px -20px;}

/* contents
 -------------------------------------------------- */
#contents { 
	float: right;
	display: inline;
	width: 695px;
}
#topicPath {
	padding-bottom: 20px;
	color: #999999; font-size: 83%;
}

/* -----------------------------------------------------------
 module
------------------------------------------------------------ */
sup { vertical-align: 0.3em;}
.sp01 { margin-top: 0.5em !important;}
.sp02 { margin-top: 1em !important;}
.sp03 { margin-top: 25px !important;}
.sp04 { margin-top: 40px !important;}
img.imgL { float: left; margin: 0 25px 5px 0;}
img.imgR { float: right; margin: 0 0 5px 25px;}
.tac { text-align: center !important;}
.tal { text-align: left !important;}
.tar { text-align: right !important;}

/* post  */
#contents .post {
	position: relative;
	margin-top: 10px;
	padding: 15px 14px;
	border: 5px solid #E6E6E6;
}
#contents .post h2 { height: 16px; padding-bottom: 12px; background-position: 0 -70px;}
#contents .post p { margin-right: 106px;}
#contents .post .btn { position: absolute; top: 15px; right: 15px;}
#contents .post .btn a { width: 80px; height: 34px; background-position: 0 -110px;}
#contents .post .btn a:hover { background-position: -160px -110px;}

#contents .post_activity { width: 515px;}

/* questionnaire  */
#contents #quest {
	position: relative;
	margin-top: 10px;
	padding: 15px 14px;
	border: 5px solid #E6E6E6;
}
#contents #quest h2 {
	height: 16px;
	padding-bottom: 12px;
	background: url(/lab/common/img/quest_ttl.gif) no-repeat;
	text-indent: -9999px;
}
#contents #quest p { margin-right: 106px;}
#contents #quest .btn { position: absolute; top: 15px; right: 15px;}
#contents #quest .btn a {
	background: url(/lab/common/img/quest_btn.gif) no-repeat;
	width: 80px;
	height: 34px;
}
#contents #quest .btn a:hover { background-position: 0px -34px;}

/* cont-header */
.cont-header { padding-bottom: 20px;}
.cont-header .tag { padding-bottom: 14px; font-size: 8px;}
.cont-header .updated { text-align: right; margin-top: -1.4em;}

/* entry-content */
.entry-content { font-size: 117%; line-height: 1.6;}
.entry-content p { padding-bottom: 20px;}
.entry-content h2 { padding-bottom: 15px; font-size: 133%;}

/* caption */
.caption { float:right; background-color:#F3F3F3; margin:0 0 20px 20px; padding:10px; font-size: 11px;line-height:1.4;}
.caption img { margin-bottom: 10px;}
.caption dt { margin-bottom: 5px; font-weight: bold; font-size: 12px;}

/* comments */
#comments { border-top: 1px solid #E6E6E6;}
#comments { padding-top: 20px; line-height: 1.6;}
.comments { padding-top: 0; line-height: 1.6;}
#comments h2 { background: url(/lab/common/img/ttl_comments.gif) no-repeat; text-indent: -9999px; font-size: 1px; line-height:0; overflow: hidden; width:128px; height: 16px; padding-bottom: 12px;}
#comments ul { margin: 20px 0 25px;}
.comments ul { margin: 10px 0 35px;}
#comments li,
.comments li { background-color: #F5F2E9; margin-bottom: 10px; padding: 15px 14px;}
#comments .profile,
.comments .profile { margin-top: 10px; text-align: right;}
.entry-content .comments { font-size: 12px;}
.entry-content .comments p { padding: 0;}

/* pagenav */
.pagenav {
	position: relative;
	width: 515px;
	margin-top: 30px;
	padding-bottom: 15px;
}
.pagenav ul {
	position: relative; left: 50%;
	float: left;
}
.pagenav li {
	position: relative; left: -50%;
	float: left; display: inline;
	margin: 0 5px;
	font-size: 117%;
}
.pagenav li.prev { margin-right: 10px;}
.pagenav li.next { margin-left: 10px;}
.pagenav li a, .pagenav li span {
	display: block;
	padding: 3px 13px;
	text-decoration: none;
}
.pagenav li a,
.pagenav li a:visited { background-color: #F3F3F3; color: #333333;}
.pagenav li a:hover,
.pagenav li a:active { background-color: #7F0019; color: #FFFFFF;}

.pagenav li.prev, .pagenav li.next { padding: 3px 10px; width: 5em;}
.pagenav li.prev a, .pagenav li.next a,
.pagenav li.prev span, .pagenav li.next span { padding: 0; background-color: #FFFFFF;}
.pagenav li.prev a, .pagenav li.next a,
.pagenav li.prev a:visited, .pagenav li.next a:visited { background-color: #FFFFFF; color: #333333; text-decoration: underline;}
.pagenav li.prev a:hover, .pagenav li.next a:hover,
.pagenav li.prev a:active, .pagenav li.next a:active { background-color: #FFFFFF; color: #7F0019;}

/* main rel */
.main .rel { margin: 29px 0 8px;}
.main .rel img { float: left; display: inline; margin: 1px 10px 0 0;}
.main .rel em, .main .rel span { display: block; overflow: hidden; zoom: 1;}
.main .rel span { padding-left: 8px; line-height: 1.2;}
.main .rel a { display: block; zoom: 1; cursor: hand; text-decoration: none; overflow: hidden;}
.main .rel a:hover span, .main .rel a:active span { color:#333333;}
.main .rel a:link img,
.main .rel a:visited img { border: 1px solid #CCCCCC;}
.main .rel a:hover img,
.main .rel a:active img { border: 1px solid #7F0019;}

.main .rel.link a { width: 155px;}

.main .rel.ie em {
	width: 100px; height: 17px;
	background: url(/lab/common/img/rel_btn.gif) no-repeat 0 0;
}
.main .rel.ie a { width: 360px;}
.main .rel.ie a:hover em { background-position: -100px 0;}

.main .rel.mujitogo em {
	width: 100px; height: 17px; margin-top: 8px;
	background: url(/lab/common/img/rel_btn.gif) no-repeat 0 -17px;
}
.main .rel.mujitogo a { width: 560px;}
.main .rel.mujitogo a:hover em { background-position: -100px -17px;}

/* main csr */
.main .entry-body .csr a:link img,
.main .entry-body .csr a:visited img { border: 1px solid #CCCCCC;}
.main .entry-body .csr a:hover img,
.main .entry-body .csr a:active img { border: 1px solid #7F0019;}

.main .entry-body div.csr { margin-bottom: 20px;}
.main .entry-body div.csr span { font-size: 83%; display: block; margin-top: 7px;}


/* clear
 -------------------------------------------------- */
#contents:after, .entry-content:after, .section:after, .block:after, .localNav:after, .sideNav:after, .clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* IE 7 and MacIE */
#contents, .entry-content, .section, .block, .localNav, .sideNav, .clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html #contents, * html .entry-content, * html .section, * html .block, * html .localNav, * html .sideNav, * html .clearfix {
	height: 1%;
}
#contents, .entry-content, .section, .block, .localNav, .sideNav, .clearfix {
	display: block;
}
/* End hide from IE-mac */