/* wakutuku stylesheet - document
------------------------------------------------------------------*/
/* document */
#document p{
	margin:10px 0;
	}

#document #mailto{vertical-align:bottom;}


/* Login Form */
h2{
	text-align:left;
	padding:0 0 0 15px;
	}

#document{
	margin:0 20px;
	}	

table{
	margin:0 auto 20px auto;
	}

th, td{
	padding:5px;
	margin:0;
	}

th{
	text-align:right;
	}


/*sign Up*/
#signUp{
	margin:0 20px;
	}	

#signUp table{
	margin:20px auto 0 auto;
	}	

#signUp input{
	margin:0 10px 0 0;
	}

#signUp table.confirm th{
	font-weight:normal;
	}

#signUp table.confirm td{
	font-weight:bold;
	}

#signUp.complete p{
	text-align:center;
	margin:30px 0 100px 0;
	}


/*list*/
ol{
	margin:15px;
	}
	
ol li{
	list-style-type: decimal;
	margin:0 0 0 20px;
	}


/* log Out */

#logOut h2{
	padding:0;
	background:url(../images/topImage.png) no-repeat;
	text-indent:-9999px;
	width:880px;
	height:271px;
	margin:-10px 0 0 0;
	}

#logOut a{
	border:none;
	display:block;
	background:url(../images/signupButton.png) no-repeat -213px 0px;
	text-indent:-9999px;
	width:211px;
	height:56px;
	position:relative;
	top:-110px;
	left:338px;
	margin:0 0 -26px 0;
	padding:0;
	}

#logOut a:hover{
	background:url(../images/signupButton.png) no-repeat;
	}

/* Manual List */
#manualList h2{
	margin:0 0 0 -20px;
	padding:32px 0 0 22px;
	background:url(../images/bird.gif) no-repeat;
	}
	
#manualList .unit{
	clear:both;
	margin:20px 0 0 0;
	padding:0 0 20px 0;
	background:#FFFFFF;
	overflow:auto;
	border-bottom:1px dotted #CCCCCC;
	}

/*\*/
　* html #manualList .unit{overflow: visible;}
/**/

#manualList .thumb{
	width:150px;
	float:left;
	margin:0 10px 0 0;
	text-align:center;
	}

#manualList .thumb a{border:none;}
#manualList .thumb a img{border:1px solid #FFFFFF;}
#manualList .thumb a:hover img{border:1px solid;}

#manualList img{
	max-width:150px;
	max-height:150px;
	}

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

#manualList h3{
	padding:0;
	margin:0;
	display:inline;
	}

#manualList .editorName{
	display:inline;
	margin:0 0 0 20px;
	}

#manualList div p{
	margin:10px 0 0 0;
	}

#content.myPage #manualList, #content.index #manualList{
	float:left;
	width:620px;
	margin:0 0 30px 0;
	}


/*Tagged Manual*/
#manualList .tag{
	margin:10px 0 0 0;
	}

#manualList .tag a{
	margin:0 8px 0 0;
	}
	

/* Profile */
#profile{
	float:right;
	width:200px;
	border:1px dotted #CCCCCC;
	margin:0px 0 0 0;
	padding:20px;
	text-align:center;
	}

#profile h2{
	margin:0 0 0 0;
	padding:0;
	text-align:center;
	font-size:150%;
	}
	
#profile h2 span{
	font-size:75%;
	color:#808080;
	}

#profile img{
	max-width:120px;
	max-height:120px;
	margin:10px 0;
	}

#profile p{
	text-align:left;
	margin:10px 0;
	}

#profile #profileMenu{
	text-align:left;
	margin:30px 0 0 0;
	padding:10px 0 0 0;
	border-top:1px dotted #CCCCCC;
	font-size:93%;
	}
	
#profile #profileMenu li{
	list-style:square;
	margin:5px 20px 0 20px;
	}


/* Edit Profile */
#editProfile{
	width:500px;
	margin:0 auto;
	text-align:center;
	}

#editProfile p{
	text-align:left;
	margin:0 0 20px 0;
	}

#editProfile img{
	max-width:120px;
	max-height:120px;
	margin:0 10px 0 0;
	}

#editProfile .input{
	width:300px;
	text-align:left;
	padding:0px 0 10px 5px;
	float:left;
	}

#editProfile .label{
	width:150px;
	padding:0 5px 0 0;
	float:left;
	clear:both;
	font-weight:bold;
	color:#333333;
	text-align:right;
	}

#editProfile .button{clear:both;}


/* Edit Password ,Edit Email */
#editPass,#editEmal{
	width:500px;
	margin:0 auto;
	text-align:center;
	}

#editEmal{
	width:650px;
	}

#editPass .input,#editEmal .input{
	width:300px;
	text-align:left;
	padding:0px 0 0 5px;
	float:left;
	}

#editEmal .input{
	width:400px;
	}

#editPass .input input,#editEmal .input input{margin:0 0 10px 0;}

#editPass .label,#editEmal .label{
	width:150px;
	padding:0 5px 0 0;
	float:left;
	clear:both;
	font-weight:bold;
	color:#333333;
	text-align:right;
	}

#editEmal .label{
	width:200px;
	}

#editPass .button,#editEmal .button{clear:both;}


/* Member List */
#content.index #memberList{
	float:right;
	width:200px;
	border:1px dotted #CCCCCC;
	margin:0px 0 0 0;
	padding:20px;
	text-align:left;
	}

#content.index #memberList h2{padding:0;}

#content.index #memberList ul li{
	margin:25px 0;
	font-weight:bold;
	}

#content.index #memberList ul li span{
	font-weight:normal;
	margin:0 0 0 3px;
}

#content.index #memberList ul li img{
	border:1px solid #FFFFFF;
	max-width:50px;
	max-height:50px;
	vertical-align:middle;
	margin:0 10px 0 0;
	}

#content.index #memberList ul li a:hover img{
	border:1px solid #f2244d;
	}


/* Tag List */
#content.index #memberList.tagList h3{
	margin:0 0 10px 0;
	padding:0 0 0 15px;
	color:#333333;
	font-size:130%;
	background:url(../images/blueDot.gif) no-repeat 0 6px;
	}	

#content.index #memberList.tagList a{
	margin:0 8px 0 0;
	}