@charset "utf-8";

/*------top menu------*/
#main ul.menu{
	width:420px;
	float:left;
}
#main ul.menu li{
	float:left;
	margin-right:5px;
	margin-bottom:3px;
}
#main ul.menu li:first-child{
	background:none;
}

.ms{
	width:149px;
	float:right;
	border:1px solid #88AB2F;

	min-height:146px;
}

*html .ms{
	height:146px;
}

div.ms p{
	margin:8px;
	line-height:1.3;
}

/*------news------*/
#news{
	clear:both;
}

#news ul{
	clear:both;
	border:1px solid #88AB2F;
	background-color:#F9FFDF;
	padding:10px;
	height:100px;
	overflow: auto;
}

.banner {
	width: 580px;
	padding-top: 10px;
}

/*------item------*/

#osusume {
	width: 580px;
}

#osusume h2 {
	width: 580px;
}

#osusume p {
	width: 580px;
	margin: 5px 0px;
}

#osusume ul {
	width: 580px;
}

#osusume ul li {
	display: block;
	width: 580px;
	/*overflow: auto;*/
}

#osusume ul li .item-header {
	margin: 0px;
	width: 580px;
	clear: both;
	line-height: 1.5;
	overflow: auto;
}

#osusume li .item-header img {
	float: left;
	margin: 0.1em auto 0.1em auto;
}

#osusume li .item-header h3 {
	margin-top: 0.1em;
	padding-left: 3px;
}

#osusume li.man_old .item-header {
	background-image: url(/img/bg_man_old.gif);
	background-repeat: repeat-y;
	background-position: left;
	background-color: #DDE2C7;
}
#osusume li.kodate_new .item-header {
	background-image: url(/img/bg_kodate_new.gif);
	background-repeat: repeat-y;
	background-position: left;
	background-color: #DDE2C7;
}
#osusume li.kodate_old .item-header {
	background-image: url(/img/bg_kodate_old.gif);
	background-repeat: repeat-y;
	background-position: left;
	background-color: #DDE2C7;
}
#osusume li.toti .item-header {
	background-image: url(/img/bg_toti.gif);
	background-repeat: repeat-y;
	background-position: left;
	background-color: #DDE2C7;
}
#osusume li.jigyou_man .item-header {
	background-image: url(/img/bg_jigyou_man.gif);
	background-repeat: repeat-y;
	background-position: left;
	background-color: #DDE2C7;
}
#osusume li.jigyou_apart .item-header {
	background-image: url(/img/bg_jigyou_apart.gif);
	background-repeat: repeat-y;
	background-position: left;
	background-color: #DDE2C7;
}
#osusume li.tintai .item-header {
	background-image: url(/img/bg_tintai.gif);
	background-repeat: repeat-y;
	background-position: left;
	background-color: #DDE2C7;
}

#osusume .item-right {
	width: 420px;
	float: left;
	clear: right;
}

#osusume .item-right h3 {
	width: 420px;
}

#osusume .item-right dl {
	width: 420px;
	margin: 8px 0px 0px 0px;
	display: block;
	clear: both;
}

#osusume .item-right dl dt,
#osusume .item-right dl dd {
	line-height: 1.4;
}

#osusume .item-right dl dt {
	float: left;
	clear: left;
	width: 4em;
}

#osusume .item-right dl dd {
	/*float: left;
	clear: right;*/
}

#osusume .item-right div.opoint {
	border-left: 3px solid #88AB2F;
	width: 409px;
	padding-left: 3px;
}

#osusume .item-right div.opoint p {
	width: 400px;
}

#osusume .item-right p.detail {
	width: 420px;
	text-align: right;
}


#osusume .item-left {
	width: 160px;
	float: left;
	clear: left;
}

#osusume .item-left p {
	width: 146px;
}

#osusume .item-left p img {
	width: 146px;
	margin: 6px 0px 5px 0px;
}

#osusume li.man_old .item-left p img {
	border: 2px solid #e58a8a;
}
#osusume li.kodate_new .item-left p img {
	border: 2px solid #afcec9;
}
#osusume li.kodate_old .item-left p img {
	border: 2px solid #b6afce;
}
#osusume li.toti .item-left p img {
	border: 2px solid #afae5f;
}
#osusume li.jigyou_man .item-left p img {
	border: 2px solid #8caf94;
}
#osusume li.jigyou_apart .item-left p img {
	border: 2px solid #af815f;
}
#osusume li.tintai .item-left p img {
	border: 2px solid #af8c8c;
}

/*------item------*/

#osusume-new {
	width: 580px;
}

#osusume-new h2 {
	width: 580px;
}

#osusume-new p {
	width: 580px;
	margin: 5px 0px;
}

#osusume-new div.row {
	clear: both;
}

#osusume-new div.item {
	width: 190px;
	margin-right: 3px;
	float: left;
}

#osusume-new div.item .item-header {
	width: 185px;
	margin: 0px auto;
	background-color: #dde2c7;
}

#osusume-new div.item .item-header img {
	width: 185px;
	margin: 0px auto;
}

#osusume-new div.item h3 {
	width: 184px;
	padding: 3px;
}

#osusume-new div.item .item-header h3 {
	width: 179px;
	padding: 3px;
	margin: 0px auto;
}

#osusume-new div.item p.thum {
	text-align: center;
	width: 100%;
	margin: 0px auto;
}

#osusume-new dl {
	width: 180px;
	padding: 3px;
	margin: 8px 0px 0px 0px;
	display: block;
}

#osusume-new dl dt,
#osusume-new dl dd {
	line-height: 1.4;
}

#osusume-new dl dt {
	float: left;
	clear: left;
	width: 3em;
}

#osusume-new p img {
	margin: 6px 0px 5px 0px;
}

#osusume-new div.item p.detail {
	text-align: right;
	width: 185px;
	clear: both;
}

#osusume-new div.item p.detail a {

}

#osusume-new div.item p img.man-old {
	border: 2px solid #e58a8a;
}
#osusume-new div.item p img.kodate-new {
	border: 2px solid #afcec9;
}
#osusume-new div.item p img.kodate-old {
	border: 2px solid #b6afce;
}
#osusume-new div.item p img.toti {
	border: 2px solid #afae5f;
}
#osusume-new div.item p img.jigyou-man {
	border: 2px solid #8caf94;
}
#osusume-new div.item p img.jigyou-apart {
	border: 2px solid #af815f;
}
#osusume-new div.item p img.tintai {
	border: 2px solid #af8c8c;
}
/*
div.hr {
	width: 185px;
	clear: both;
}

div.hr hr {
	display: none;
}
*/

#osusume-new table.item-info {
	display: table;
	margin: 3px;
}
/*
#osusume-new table.item-info tr {
	clear: both;
	display: table-row;
}
*/
#osusume-new table.item-info th {
	vertical-align: top;
	width: 3em;
}
/*
#osusume-new table.item-info th,
#osusume-new table.item-info td {
	clear: both;
	display: table-cell;
}
*/
/*------tokusen------*/

#tokusen h2 {
	width: 580px;
}

#tokusen ul {
	width: 580px;
}

#tokusen ul li {
	width: 185px;
	margin-right: 12px;
	margin-bottom: 10px;
	float: left;
}

#tokusen ul li.none {
	margin-right: 0px;
}

#tokusen ul li p {
	padding: 5px;
	width: 173px;
	height: 103px;
	border: solid 1px #bce416;
}


#osusume-new div.item h4 {
	width: 184px;
	margin:0 auto;
}
