@charset "UTF-8";

/*----------------------------------------------------------------------
 Honobono Jokyomusume (since 2008/07/07)

	list/css/contents.css
	1.index
------------------------------------------------------------------------*/


/* 1.index
------------------------------------------------------------------------*/

div#contents {
	width: 800px;
	margin: 0 0 30px 0;
	padding: 20px 0 0 0;
	font-size: 14px;
	font-family: "‚l‚r ‚oƒSƒVƒbƒN","MS PGothic","ƒqƒ‰ƒMƒmŠpƒS Pro W3","Hiragino Kaku Gothic Pro",verdana,Osaka,Sans-Serif;
}

div#contents div#listTtl {
	margin: 0 0 20px 0;
}

div#contents div#listLead {
	margin: 0 0 40px 0;
	font-size: 16px;
	font-weight: bold;
}

div#contents div#listLead span {
	color: #ff0000;
}

div#contents div#list {
	width: 784px;
	margin: 0 auto;
	padding-bottom: 15px;
	color: #333333;
}

div#contents div#list div.listFrame {
	width: 784px;
	margin-bottom: 5px;
	padding: 0;
}

div#contents div#list div.listFrame div.listTopBox {
	display: block;
	width: 784px;
	height: 37px;
	margin: 0;
	line-height: 1.2;
	background: url(../images/listTopBoxBg.gif) no-repeat left top;
}

div#contents div#list div.listFrame div.listTopBox div.listTopBoxL {
	display: block;
	float: left;
	width: 655px;
	padding-left: 5px;
}

div#contents div#list div.listFrame div.listTopBox div.listTopBoxL p.listIcon {
	float: left;
	margin-right: 7px;
	padding-top: 2px;
}

div#contents div#list div.listFrame div.listTopBox div.listTopBoxL p.listIcon img {
	width: 42px;
	height: 32px;
}


div#contents div#list div.listFrame div.listTopBox div.listTopBoxL p.listName {
	float: left;
	margin-right: 10px;
	padding-top: 11px;
	font-size: 14px;
	font-weight: bold;
}

div#contents div#list div.listFrame div.listTopBox div.listTopBoxL p.listName a:link,
div#contents div#list div.listFrame div.listTopBox div.listTopBoxL p.listName a:visited {
	color: #4910e8;
	text-decoration: underline;
}

div#contents div#list div.listFrame div.listTopBox div.listTopBoxL p.listName a:hover,
div#contents div#list div.listFrame div.listTopBox div.listTopBoxL p.listName a:active {
	color: #9b7bf5;
	text-decoration: underline;
}

div#contents div#list div.listFrame div.listTopBox div.listTopBoxL p.listSize {
	float: left;
	padding-top: 14px;
	font-size: 12px;
}

div#contents div#list div.listFrame div.listTopBox div.listTopBoxR {
	float: right;
	width: 118px;
}

div#contents div#list div.listFrame div.listTopBox div.listTopBoxR p {
	padding: 11px 4px 0 0;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}

div#contents div#list div.listFrame div.listBtmBox {
	display: block;
	width: 784px;
	height: 30px;
	margin: 0;
	background: #e7ff9d;
}

div#contents div#list div.listFrame div.listBtmBox div.listBtmBoxL {
	float: left;
	width: 600px;
	padding: 6px 0 0 4px;
	font-size: 14px;
}

div#contents div#list div.listFrame div.listBtmBox div.listBtmBoxR {
	float: right;
	width: 175px;
	padding: 5px 4px 0 0;
	text-align: right;
}

div#contents div#list div.listFrame div.listBtmBox div.listBtmBoxR img {
	display: inline;
	width: 20px;
	height: 20px;
	margin-left: 1px;
	padding: 0;
	text-align: right;
}




div#contents table {
	width: 800px;
}

div#contents table th {
	width: 100px;
	padding: 10px;
	background-color: #9ee651;
	border: solid 2px #ffffff;
}

div#contents table td {
	padding: 10px;
	background-color: #e7ff9d;
	border: solid 2px #ffffff;
}