/* wakutuku stylesheet - asobi
------------------------------------------------------------------*/	
/* show/hide */
.on{
	border:1px solid #00A6ED;
	}
.off{
	border:1px solid #FFFFFF;
	}
.hide{
	display:none;
}
.show{
	display:inline;
}

/*link*/
#contentManual a.nyroModal,#contentManual a.linkImage{
	border-bottom:0px;
	}

#contentManual a, #contentManual a.textLink{
	border-bottom:1px dotted;
	}


/* asobi Title */
#asobiTitle{
	padding:0 0 0 30px;
	background:url(../images/ani_moncky.gif) no-repeat 0 3px;
	height:31px;
	margin:0 0 20px 0;
	}
#asobiTitle .on, #asobiTitle .off{
	padding:8px 3px 0 3px;
	}
#asobiTitle div{
	float:left;
	}
h2{
	padding:0;
	margin:0;
	float:left;
	}
#asobiTitle #editorName{
	margin:8px 0 0 5px;
	float:left;
	}

	
#asobiTitle .off h2{
	margin-right:15px;
	}


/* asobi thumb */
#asobiImage{
	background:url(../images/ani_bear.png) no-repeat;
	padding:0 0 0 29px;
	width:288px;
	height:235px;
	text-align:center;
	position:relative;
	left:-24px;
	margin:0;
	float:left;
	margin-bottom:35px;
	}

#asobiImage img{
	max-width:288px;
	max-height:216px;
	}

/* post Image */
#asobiImage a{
	text-align:right;
	width:15px;
	position:relative;
	top:-20px;
	margin:0 10px;
	}
#asobiImage .off{
	border:0;
	margin:1px;
	}
	
		
/* asobi intro */
#asobiIntro{
	float:left;
	width:336px;
	}


/* post intro */
#asobiIntro a.edit{
	position:relative;
	display:block;
	width:15px;
	left:310px;
	bottom:5px;
	}	

#asobiIntro.off{
	padding:0 0 15px 0;
	}


/* Item list */
#asobiItem{
	float:left;
	margin:10px 0px 0px 0px;
	}
#asobiItem h3{
	padding:5px 42px 0 0;
	height:22px;
	background:url(../images/ani_frog.gif) no-repeat top right;
	display:inline;
	line-height:200%;
	}
#asobiItem table{
	color:#333333;
	width:336px;
	margin:-10px -1px 35px -1px;
	}

#asobiItem th, #asobiItem td{
	margin:0;
	padding:0;
	border-bottom:1px dotted #CCCCCC;
	}
#asobiItem th{
	text-align:left;
	font-size:100%;
	font-weight:normal;
	}
#asobiItem td{
	text-align:right;
	}
	
/* post List */
#asobiItem table.off{
	margin-bottom:50px;
	}
/*\*/
　* #asobiItem table.off{
	margin-bottom:49px;
	}
/**/

#asobiItem td.borderless{
	border-bottom:0;
	}

/*abstract*/
#abstract{
	float:left;
	width:656px;
	margin:0;
	}


/*stats*/
#stats{
	float:right;
	width:200px;
	border:1px solid #CCCCCC;
	margin:0px 0 35px 0;
	padding:10px;
	text-align:left;
	}

#stats li{
	background:url(../images/pinkDot.gif) no-repeat 0 5px;
	padding:0 0 0 10px;
	margin:0 0 20px 0;
	}

#stats a{
	border-bottom:1px dotted;
	}

#stats li div{
	padding:15px 0 5px 50px;
	height:26px;
	}

#stats #voteNum div{
	background:url(../images/ani_lizard.png) no-repeat;
	}

#stats #commentsNum div{
	background:url(../images/ani_duck.png) no-repeat 0 7px;
	}

#stats div span.Num{
	font-size:180%;
	font-weight:bold;
	}

#stats #tag{
	margin-bottom:0;
	padding-bottom:0;
	}

#stats #tag span{
	background:url(../images/ani_rat.png) no-repeat right;
	padding:3px 40px 3px 0;
	}

#stats #tag div{
	padding:0;
	height:auto;
	}	

#stats #tag div a{
	margin:0 8px 0 0;
	}

#stats #tag #tagInput{
	text-align:right;
	}

#stats #tag #tagInput #tag_word{
	width:100%;
	margin:10px 0 5px 0;
	}

#stats #deleteTag{
	position:relative;
	list-style:square;
	background:none;
	margin:10px 0 0 25px;
	padding:0;
	}


/* asobi step */
#stepWrapper{
	width:100%;
	overflow:auto;
	background:url(../images/ani_raccoon.gif) no-repeat bottom right;
	min-height:100px;
	}
	
.asobiStep {
	width:200px;
	float:left;
	margin:0 25px 0 0;
	}

.asobiStep h3{margin-top:0;}
.asobiStep div{
	width:198px;
	}

.asobiStep div.img{
	text-align:center;
	width:200px;
	}

.asobiStep .off{
	border-width:1px 0 0 0;
	margin:0 1px 26px 1px;
	}

.asobiStep .on .edit{
	height:25px;
	}

/* asobi point*/
#asobiPoint{clear:both;margin-top:0px;}
#asobiPoint h3{
	background:url("../images/ani_giraffe.gif") no-repeat 19px 0;
	padding:26px 19px 0 0;
	}
	
/* post point */
#asobiPoint a{
	position:relative;
	display:block;
	width:15px;
	left:875px;
	bottom:10px;
	}	

#asobiPoint div.off{
	padding:0 0 15px 0;
	}


/* post Step5 */
.step5 h2{padding:0 0 20px 15px;}

.step5 h3{
	clear:both;
	margin:0 0 0 15px;
	color:#4D4D4D;
	}

.step5 p.attention{
	margin:0 0 30px 15px;
	}

.step5 hr{margin:0 0 30px 0;}
 
.step5 .button{margin:0 20px 10px 20px;}
 
/*bottomArea*/
#bottomArea{
	margin:10px 0 0 0;
	}

#bottomArea h3{
	margin:30px 0 10px 0;
	padding:0 0 0 15px;
	color:#666666;
	font-size:130%;
	background:url(../images/blueDot.gif) no-repeat 0 6px;
	}


/*vote*/
#vote{
 	float:left;
 	width:445px;
 	}

#vote a{
	display:block;
	width:234px;
	height:68px;
	background:url(../images/wakuwakuButton.png) no-repeat;
	text-indent:-9999px;
	margin:0 0 0 100px;
	border:0;
	}

#vote a:hover{
	background:url(../images/wakuwakuButton.png) no-repeat -235px 0;
	}


/*shareLink*/
#shareLink{
 	float:right;
 	width:440px;
 	}

#shareLink li{
 	margin:0 0 10px 0;
 	}

#shareLink a{
	border-bottom:dotted 1px;
	}


/*comment*/
#comment{
 	clear:both;
	float:left;
	width:440px;
	}

#comment .unit{
	clear:both;
	margin:0 0 20px 0;
	overflow:auto;
	}

#comment a.linkImage img{
	border:1px solid #FFFFFF;
	}

#comment a.linkImage:hover img{
	border:1px solid #f2244d;
	}
	
#comment img{
	width:50px;
	height:50px;
	margin:0 0 0 0;
	float:left;
	}

#comment .commentBody{
	float:right;
	width:388px;
	background:url(../images/commentBg.png) repeat-y;
	padding:0 0 0 0px;
	}
	
#comment .commentBody p{
	background:url(../images/commentTop.png) no-repeat;
	padding:5px 5px 5px 20px;
	}

#comment .meta{
	font-size:90%;
	padding:0 0 5px 0;
	background:url(../images/commentBottom.png) no-repeat left bottom;
	overflow:auto;
	}

#comment .meta div{
	float:right;
	}

#comment .meta .dateTime{
	margin:0 5px 0 10px;
	color:#999999;
	}

#comment .meta a.trash{
	float:right;
	margin:0 5px 0 0;
	}

#comment #more{
	clear:both;
	margin:0 0 20px 0;
	}

#commentInput{
	float:right;
	width:440px;
	}

#commentInput textarea{
	margin:0 0 10px 0;
	width:100%;
	}

#commentInput #commentSubmit{
	text-align:right;
	margin:0 0 30px 0;
	}