/************** 明太子物語入門編スタイルシート **************/

/******* タグ設定********/



body {

	background-color: #ffffff;/*change*/

	text-align: center;

	height: auto;

	width: 100%;

	margin: 0px;

}



ul {

	line-height: 20px;

	margin-left: 0px;

	font-size: 87%;

	padding-left: 0px;

	list-style-type: none;

}

li {

	font-size: 85%;

	border-bottom: 1px dashed #BA5937;

	margin-left: 3px;

	padding-left: 0px;

	color: #9C4931;

	padding-bottom: 5px;

	padding-top: 5px;

}

h4 {

	font-size: 77%;

	line-height: inherit;

}



h5 {

	color: #FF3300;

	font-size: 100%;

	vertical-align: middle;

	margin: 8px;

}



h6 {

	font-size: 105%;

	color: #C25638;

	margin-bottom: 5px;

}





a:hover {

	color: #0000FF;

}



/****レイアウト設定******/



#outer {
	width: 780px;
	border-left: 1px solid #c0c0c0;
	border-right: 1px solid #c0c0c0;
}



#main {

	border: 1px solid #DEC790;

	text-align: center;

	float: right;

	margin-right: 2px;

	position: relative;

	height: auto;

	width: 600px; /*change old 610px */

	padding: 3px;

}



#sidebar1 {

	width: 142px; /*change01 old 90px change02 old 140px change03 old auto*/

	padding-top: 0px;

	position: relative;

	margin-left: 3px; /*change old 3px */

	text-align: center;

}



#menu {

	background-color: #F4EBD8;

	text-align: left;

	padding-top: 3px;

	height: auto;

	width: 140; /*change old 140px */

	padding-right: 2px;

	float: left;

}



#content {

	background-color: #FFFFFF;

/*

	border-right: 1px solid #663300;

	border-left: 1px solid #663300;

*/

	margin: 0px auto;

	width: 780px;

	padding-top: 10px;

	text-align: left;

}





/*******装飾設定**********/



.left {

	float: left;

	margin: 5px 10px 0 0;

	text-align: left;

}



.right {

	float: right;

	margin: 5px 10px 0 10px;

	position: relative;

	text-align: left;

}





.font2 {

	font-size: 90%;

	line-height: 20px;

	text-align: left;

}

.font3 {

	line-height: 20px;

	font-size: 93%;

	font-weight: bold;

	color: #009900;

}


.coment {
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px #CCCCCC;
}

.coment_right {
	border-top: 1px solid #CCCCCC;
	border-right: 1px #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}
.coment_btm {
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
}


/*****メニュー部分装飾******/

.td4 {

	background-color: #EFE3AF;

	color: #996600;

}