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

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



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: 0px;

	padding-left: 3px;

	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 #c25638;

	text-align: center;

	float: right;

	width: 600px;

	margin-right: 3px;

	padding-top: 5px;

	padding-left: 5px;

	position: relative;

	height: auto;

}



#sidebar1 {

	width: 144px; /*change old 160px */

	padding-top: 0px;

	position: relative;

	margin-left: 3px;

	text-align: left;

}



#menu {

	background-color: #F9EBE8;

	text-align: left;

	padding-top: 3px;

	height: auto;

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

	padding-right: 2px;

	float: left;

}



#content {

	background-color: White;/* change */

/*

	border-right: 1px solid #D98C8C;

	border-left: 1px solid #D98C8C;

*/

	margin: 0px auto;

/*	width: 778px;*/

	width: 780px;

	padding-top: 10px;

	text-align: left;

}



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



.left02 {

	float: left;

	margin: 5px 10px 0 0;

	text-align: left;

}



.right02 {

	float: right;

	margin: 5px 10px 0 10px;

	position: relative;

	text-align: left;

}





.left03 {

	float: left;

	margin: 5px 5px 0　 10px;

	text-align: left;

}





.font2 {

	font-size: 90%;

	line-height: 20px;

	text-align: left;

}

.font3 {

	line-height: 20px;

	font-size: 89%;

	font-weight: bold;

	color: #003366;

}


.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: #FFCEBE;

	color: #95291E;

}