@charset "UTF-8";
/*------------------*/
@import url("sub.css");

#about{
	margin-top: 0px;
}

#contents #catch{
	margin-top: 0px;
	background-image: url(../info/img_otiman/catch.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	height: 20px;
	width: 470px;
	overflow: hidden;
}

/*------------------*/

#about .group{
	width: 635px;
}
#about .group .txt{
	float: left;
	width: 411px;
	margin-top: 44px;
}
#about .group .photo{
	float: right;
	width: 204px;
}

/*------------------*/

#character h2{
	background-image: url(../info/img_otiman/h2_01.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	height: 36px;
	width: 635px;
	overflow: hidden;
}

#scene h2{
	background-image: url(../info/img_otiman/h2_02.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	height: 36px;
	width: 635px;
	overflow: hidden;
}

/*------------------*/

#cha-otiman h3{
	background-image: url(../info/img_otiman/h3_01.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	height: 36px;
	width: 635px;
	overflow: hidden;
}
#cha-tyatya h3{
	background-image: url(../info/img_otiman/h3_02.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	height: 36px;
	width: 635px;
	overflow: hidden;
}

/*------------------*/

#character .group{
	width: 565px;
	padding-right: 10px;
	padding-left: 15px;
}

#character .group .photo{
	float: left;
	width: 136px;
}
#character .group .txt{
	float: right;
	width: 394px;
}

#character .group .txt table{
	width: 394px;
}
#character .group .txt table th,
#character .group .txt table td{
	background-image: url(../info/img_otiman/dot.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-top: 5px;
	padding-bottom: 5px;
}

#character .group .txt table th{
	font-weight: bold;
}

/*------------------*/
#scene dt,
#scene dd{
	text-indent: -9999px;
	margin: 0px;
	padding: 0px;
}
#scene .group{
	width: 525px;
	padding-right: 32px;
	padding-left: 33px;
}
#morning .photo {
	float: left;
	width: 167px;
}
#morning .txt {
	float: right;
	width: 358px;
	background-image: url(../info/img_otiman/comment01.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 118px;
	overflow: hidden;
}

#danger .txt {
	float: left;
	width: 358px;
	background-image: url(../info/img_otiman/comment02.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 182px;
	overflow: hidden;
}
#danger .photo {
	float: right;
	width: 167px;
}

#off .photo {
	float: left;
	width: 167px;
}
#off .txt {
	float: right;
	width: 358px;
	background-image: url(../info/img_otiman/comment03.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 182px;
	overflow: hidden;
}

/*------------------*/





