@charset "utf-8";
/* CSS Document */

#main div.title {
	position: relative; }
#main div.title p {
	position: absolute;
	top: 5px;
	right: 5px; }
#main div.title p a {
	padding: 0; }


div#main dl.list dt {
	color: #8653B8;
	padding-bottom: 0; }
div#main dl.list dd {
	padding: 0 0 0.5em 11em;
	line-height: 1.4;
	margin: -1.4em 0 0.5em; }

div#main dl.s_wide dd {
	padding-left: 12em; }
div#main dl.wide dd {
	padding-left: 15em; }
div#main dl.b_wide dd {
	padding-left: 20em; }


#list #main table {
	margin: 0 0 0.6em 10px; }
#list #main table th {
	width: 120px; }
#list #main table th a {
	float: none;
	margin: 0;
	line-height: 1.4;}
#list #main table th a { color: #2FA6A6; }
#list #main table th a:hover { color: #38C7C7; }
#list #main .ondemand table th a { color: #379D3D; }
#list #main .ondemand table th a:hover { color: #42BD48; }
#main table th.note,
#main table td.note {
	width: 50%;
	text-align: left; }

#main .add {
	margin-top: 20px; }

#main .add h2 {
	padding: 0;
	margin: 0;
	border-bottom: 0;
	background: none; }
#main .add h3 {
	margin: 0;
	padding: 10px 0 0;
	text-align: center;
	background: none;
	border-bottom: 0; }


/* 関連リンク ------------------------------------------ */
#main .add .link {
	margin: 0 0 2.5em;
	padding: 0 0 4px;
	background: url(img_cmn/bk_link.gif) #e9e9e9 repeat-y left top; }
#main .add .link ul {
	margin: 0;
	padding: 0;
	height: 2em;
	background: #6a6a6a; }
#main .add .link ul li {
	padding: 0 0 ;
	margin: 0;
	float: left;
	width: 186px;
	background: none; }
#list #main .add .link ul a {
	color: #FFF;
	display: block;
	width: 175px;
	padding: 0.3em 0 0.3em 5px;
	line-height: 1.4;
	background: none;
	text-decoration: none;
	border-left: 6px solid #6a6a6a; }
#list #main .add .link ul a:hover {
	color:#FC0;
	background: #555;
	border-left: 6px solid #FC0; }


/* ポイント ------------------------------------------ */
#main .add .point {
	height: 100%;
	background: url(img_cmn/bk_point.gif) no-repeat bottom; }
#main .add .point h4 {
	clear: both;
	font-size: 1em;
	font-weight: normal;
	color: #FFF;
	margin: 1em 0;
	padding: 0.5em 10px;
	background: #4AB5B5; }
#main .add .point dl {
	margin: 1em 5px 0;
	padding: 10px 10px 5px; }
#main .add .point dl dl {
	margin: 0;
	padding: 0; }
#main .add .point dl dt {
	padding: 0 10px; }
#main .add .point dl dd {
	margin: 0 0 1em;
	padding: 3px 0 10px 15px;
	background: url(../img_cmn/back_dot.gif) repeat-x bottom; }
#main .add .point dl dd dl dd {
	background: none; }
#main .add .point dl dd.last {
	padding-bottom: 0;
	background: none; }

#main .add .point p.link {
	border: none;
	clear: both;
	width: auto;
	height: 28px;
	float: none;
	text-align: right;
	padding: 0;
	margin: 6px 5px 0 0;
	background: none; }
#main .add .point p.link a {
	float: right;
	margin: 0;
	padding: 0;
	background: none; }
#main .add .point p.link a:hover {
	background: none; }


/* quality */
div#main dl.quality {
	margin-top: 1.5em; }
div#main dl.quality div {
	width: 350px;
	border-left: 6px solid #E6F7F7;
	float: left; }
div#main dl.quality dt {
	clear: both; }

div#main dl.quality ul {
	width: 130px;
	float: right; }
div#main dl.quality ul li {
	background: none;
	font-size: 0.9em;
	text-align: center;
	padding: 0 0 1em; }
div#main dl.quality ul li img {
	display: block;
	margin: 0 auto 0.3em; }




div#main div.note {
	margin: 3em 0 0;
	padding: 10px;
	background: #F8E5E7; }
div#main div.note div.graph {
	height: 260px; }
div#main div.note div.graph img {
	float: left; }




/* list */
#list div#main div.list h2 {
	background: none;
	padding: 0;
	border: none; }
#list div#main div.list h3 {
	margin: 2em 0 1em;
	padding: 0;
	border-bottom: 0; }
#list div#main div.list h3.first {
	margin-top: 0; }

#list div#main div.list dt {
	clear: both;
	margin: 1em 0 0.8em;
	background: #57BDD3;
	color: #fff;
	font-weight: normal;
	padding: 0.3em 10px; }

#list div#main div.list table {
	margin: 0;
	width: 540px; }
#list div#main div.list th {
	background: #E3F9FB; }
#list div#main div.list thead th {
	background: #CAF2F4; }

#list div#main div.ondemand ul li {
	background-image: url(../img_cmn/icon_disc_on.gif); }
#list div#main div.ondemand dt {
	background: #3DC23D; }
#list div#main div.ondemand th {
	background: #E7F8E7; }
#list div#main div.ondemand thead th {
	background: #CEF0CE; }



/* about */
div#main div.about div.catch {
	padding: 0 0 1em;
	background: url(../img_cmn/back_block.gif) no-repeat bottom; }
div#main div.about div.catch h2 {
	background: none;
	margin: 0 0 1em;
	padding: 0;
	border: none; }
div#main div.about div.catch p {
	margin: 1em 15px 0 20px; }

div#main div.about dl dt,
div#main div.about ul li a {
	color: #31AECE; }
div#main div.about ul li a:hover { color: #5DBFD8; }

div#main div.about dl dt {
	margin: 1em 0 0.5em;
	padding: 0 0 0 10px; }
div#main div.about dl dd {
	margin: 0;
	padding: 0 10px 1em 30px;
	background: url(../img_cmn/back_dot.gif) repeat-x bottom; }
div#main div.about dl dd a {
	float: none;
	margin: 0; }

div#main div.about ul {
	background: none;
	display: inline;}
div#main div.about ul li {
	padding: 0;
	margin: 0 10px 0 0;
	width: 260px;
	float: left;
	background: none }
div#main div.about ul li a {
	display: block;
	padding: 0.3em 0 0.3em 25px;
	background: url(../img_cmn/icon_disc_i.gif) no-repeat 10px center;}
div#main div.about ul.ondemand li a {
	background-image: url(../img_cmn/icon_disc_on.gif); }


div#main div.about dl.ondemand dt,
div#main div.about ul.ondemand li a {
	color: #3DC23D; }
div#main div.about ul.ondemand li a:hover { color: #5ECC5E; }



/* group */
div#main div.point div.group {
	margin: 0 15px;
	padding: 0 0 1em;
	background: url(../img_cmn/back_dot.gif) repeat-x bottom; }
div#main div.point div.group dl {
	padding: 0;
	margin: 1em 0; }
div#main div.point div.group dl dd {
	background: none; }
div#main div.point div.group dl dt {
	color: #FFF;
	margin: 0 0 5px;
	padding: 0.2em 5px;
	background: #AA85CF; }
div#main div.point div.group dl dd {
	border-left: 5px solid #E9E9E9;
	background: none; }
div#main div.point div.group dl dd ul {
	height: 100%;
	zoom: 1; }
div#main div.point div.group dl dd dl {
	margin: 0;
	padding: 0; }
div#main div.point div.group dl dd dt {
	padding: 0;
	background: none;
	color: #555555; }
div#main div.point div.group dl dd dt span {
	font-size: 1em;
	font-weight: normal;
	color: #555555; }
div#main div.point div.group dl dd dd {
	border: none;
	height: 100%;
	zoom: 1;
	clear: both; }
div#main div.point div.group dl dd ul li {
	width: 163px;
	font-size: 0.9em;
	background: none;
	padding: 0;
	float: left; }
div#main div.point div.group dl dd ul li strong {
	font-size: 1.1em; }
div#main div.point div.group dl dd ul li img.sample {
	float: left;
	display: block;
	margin: 0 5px 0 0; }
div#main div.point div.group dl dd p {
	clear: both;
	font-size: 0.9em;
	margin: 0;}
div#main div.point div.group p.link {
	clear: both; }