@charset "utf-8";

/***********

Configure of base elements

***********/

*{
	margin:0;
	padding:0;

	color: #333333;
}

html{
	overflow-y:scroll;
}


body { 
	font: 12px/18px "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif; 			background-color: maroon;
	line-height:1.22;
}


strong, b { font-weight:bold; }


div{
	overflow:hidden;
}
ul{
}
li{
	list-style-type: none;
	padding-left:10px;
	margin-bottom: 0.5em;
}
img{
	display:block;
	border:0;
}

hr{
	border:0 none;
	height:1px;
	background-color:#ccc;
	margin-top: 10px;
}

h1{
	font-size: 1.6em;
	margin-bottom: 20px;
	color: red 
}
div#wrapper{
	margin-left:auto;
	margin-right:auto;
	width:700px;
	background-color: teal;
	background-color: #FFFC61;
	min-height: 500px;
}

div#top{
	height: 300px;
	background-image: url(images/top.jpg)

}

div#left-side{
	float: left;
	width:160px;
	padding: 10px 10px;
}

div#left-side ol {
	margin-bottom: 20px;
}
div#left-side h2 {
	margin-bottom: 5px;
	
}
div#left-side h3 {
	color:#FF9966;
	margin-bottom: 10px;
	
}
div#right-side{
	width: 490px;
	float: left;
	padding: 10px 10px;
}

div#right-side p {
	padding-top: 4px;
	min-height: 68px;
	padding-left: 64px;
	background-repeat: no-repeat;
	background-position: left top;
}
div#right-side p.hakase1 {
	background-image: url(/images/hakase1.gif);
}
div#right-side p.hakase2 {
	background-image: url(/images/hakase2.gif);
}
div#right-side p.hakase3 {
	background-image: url(/images/hakase3.gif);
}
div#right-side p.otoko1 {
	background-image: url(/images/otokonoko1.gif);
}
div#right-side p.otoko2 {
	background-image: url(/images/otokonoko2.gif);
}
div#right-side p.otoko3 {
	background-image: url(/images/otokonoko3.gif);
}
div#right-side p.onna1 {
	background-image: url(/images/onnanoko1.gif);
}
div#right-side p.onna2 {
	background-image: url(/images/onnanoko2.gif);
}
div#right-side p.onna3 {
	background-image: url(/images/onnanoko3.gif);
}





div#footer{
	padding-top: 4px;
	padding-bottom: 20px;
	text-align: center;
	font-size: 0.8em;
	border-top: solid 1px #999999;
}

span.fukidashi {
	color:black;
	display:block;
	line-height: 1.5em;
	margin-left:20px;
	padding:4px 10px;
	min-width: 360px;
	background-color: #FFFFCC;
}