@charset "utf-8";

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++
chiral / sweet pool

media    : screen,projection,tv
modified : 2008.11.14
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* import common files
========================================================= */
@import "common.css";
@import "font.css";
/* effect
--------------------------------------------------------- */
@import "jquery.lightbox-0.5.css";
body {
	behavior: url(js/csshover2.htc); /* IE5.5-6 */
}

/* html,body
========================================================= */
html,body {
	/* no macIE5 \*/
	height: 100%;
	/**/
}
body {
	background: #fff url(../img/bg_body.jpg) no-repeat left top;
	color: #000;
}

/* div#container
========================================================= */
div#container {
	position: relative;
	width: 100%;
	height: auto !important;
	height: 100%; /* IE5.5-6 */
	/* no macIE5 \*/
	min-height: 100%;
	/**/
	line-height: 1.5;
	word-wrap: break-word;
}

/* div#mainbody
========================================================= */
div#mainbody {
	position: relative;
	width: 100%;
	padding-bottom: 90px;
}

/* div#contents
========================================================= */
div#contents {
	float: left;
	width: 605px;
	padding-top: 20px;
}
/* anchor
--------------------------------------------------------- */
div#contents a {
	color: #85182f;
	text-decoration: underline;
}
div#contents a:hover,
div#contents a:focus {
	text-decoration: none;
}
/* headings
--------------------------------------------------------- */
div#contents h1 {
	margin-bottom: 10px;
	font-weight: bold;
}
div#contents h1 img {
	position: relative;
	left: -5px;
}
div#contents h2,
div#contents h3 {
	margin-bottom: 0.5em;
	padding: 0 2px;
	background-color: transparent;
	color: #000;
	font-weight: bold;
	line-height: 1.3;
}
/* paragraph
--------------------------------------------------------- */
div#contents .br {
	margin-bottom: 1.5em;
}
div#contents p.backtop {
	margin-bottom: 1.5em;
	text-align: right;
	font-size: 93%; /* 12px */
}
div#contents p.backtop a {
	color: #2d2512;
}
div#contents p.backtop a:hover,
div#contents p.backtop a:focus {
	color: #85182f;
}
div#contents p.btn-back {
	text-align: right;
}
/* list
--------------------------------------------------------- */
div#contents ol.notelist li {
	margin-left: 1.0em;
	margin-bottom: 0.2em;
	text-indent: -1.0em;
	color: #504F4B;
}
/* table
--------------------------------------------------------- */
div#contents table {
	width: 100%;
	border-top: 1px solid #504f4b;
}
div#contents caption {
	padding: 0 2px 0.5em;
	font-weight: bold;
}
div#contents th,
div#contents td {
	line-height: 1.3;
}
div#contents th {
	width: 80px;
	padding: 0.5em 2px;
	border-bottom: 1px solid #b0afab;
	background-color: #fff;
	color: #71706a;
}
div#contents td {
	padding: 0.5em 15px;
	border-bottom: 1px dotted #b0afab;
	background-color: #fff;
	color: #000;
}
/* div#topicpath
--------------------------------------------------------- */
div#contents div#topicpath {
	margin-bottom: 2.5em;
}
div#contents div#topicpath h2 {
	font-size: 138%; /* 18px */
}
div#contents div#topicpath li {
	display: -moz-inline-box; /* Fx2 */
	display: inline;
	margin-right: 15px;
	background-color: #fff;
}
div#contents div#topicpath li a {
	display: -moz-inline-box; /* Fx2 */
	display: inline-block;
	min-height: 1.2em;
	padding-left: 15px;
	background: #fff url(../img/ico_link.gif) no-repeat left center;
	text-decoration: underlne;
}
div#contents div#topicpath li a:hover,
div#contents div#topicpath li a:focus {
	text-decoration: none;
}
div#contents div#topicpath li span {
	color: #85182f;
	font-weight: bold;
}
/* div.box
--------------------------------------------------------- */
div#contents div.box {
	margin-bottom: 0.5em;
}
div#contents div.box p img,
div#contents div.box p object,
div#contents div.box p embed {
	margin-bottom: 10px;
}
div#contents div.box p.center {
	text-align: center;
}
div#contents div.box p.imgleft img,
div#contents div.box p.imgleft object,
div#contents div.box p.imgleft embed {
	float: left;
	margin-right: 15px;
}
div#contents div.box p.imgright img,
div#contents div.box p.imgright object,
div#contents div.box p.imgright embed {
	float: right;
	margin-left: 15px;
}
div#contents div.box a img {
	border: 1px solid #CCCBC8;
	filter: alpha(opacity=100); /* IE */
	opacity: 1.0;
}
div#contents div.box a:hover img,
div#contents div.box a:focus img {
	border: 1px solid #85182F;
	filter: alpha(opacity=80); /* IE */
	opacity: 0.8;
}
div#contents div.box textarea {
	width: 370px;
}
/* div.hd-box
--------------------------------------------------------- */
div#contents div.hd-box {
	margin-bottom: 1.5em;
}
div#contents div.hd-box h2,
div#contents div.hd-box h3 {
	padding: 0.5em 8px;
	border-left: 3px solid #504f4b;
	margin-bottom: 0;
	background-color: #fff;
	color: inherit;
}
div#contents div.hd-box h2 strong,
div#contents div.hd-box h3 strong {
	font-size: 123%; /* 16px */
}
div#contents div.hd-box h2 span,
div#contents div.hd-box h3 span {
	color: #85182f;
}
div#contents div.hd-box p {
	padding: 0.5em 8px;
	border-left: 3px solid #b0afab;
	background-color: #cccbc8;
	color: inherit;
}

/* div#nav
========================================================= */
div#nav {
	float: left;
	width: 200px;
}
div#nav p img {
	margin-left: 10px;
}

/* div#footer
========================================================= */
div#footer {
	position: relative;
	/* no macIE5 \*/
	position: absolute;
	/**/
	right: 0;
	bottom: 0;
	width: 100%;
	height: 70px;
	overflow: hidden;
	background: #000 url(../img/bg_footer.gif) repeat-x left top;
	color: #fff;
}
div#footer address {
	width: 100%;
	height: 17px;
	margin-top: 35px;
	overflow: hidden;
	background: #000 url(../img/img_copyright.gif) no-repeat center center;
	color: #fff;
	text-indent: -9999px;
}

/* body#pg-news
========================================================= */
body#pg-news #contents table {
	margin-bottom: 2.5em;
}
body#pg-news #contents caption {
	color: #504F4B;
}
body#pg-news #contents td {
	line-height: 1.5;
}

/* body#pg-spec
========================================================= */
body#pg-spec #contents table {
	margin-bottom: 2.5em;
}
body#pg-spec #contents div#summary p {
	float: right;
	width: 200px;
}
body#pg-spec #contents div#summary table {
	float: left;
	width: 370px;
}

/* body#pg-download-pv
========================================================= */
body#pg-download-pv #contents table {
	margin-bottom: 2.5em;
}
body#pg-download-pv #contents table.cell3 td {
	width: 33%;
}
body#pg-download-pv #contents p#pv-tn img {
	margin-right: 5px;
	border: 1px solid #b0afab;
	vertical-align: text-bottom;
}

/* body#pg-notice
========================================================= */
body#pg-notice div#contents div.box {
	background-color: #fff;
}
body#pg-notice #contents div#shop-sp th,
body#pg-notice #contents div#shop-sp td {
	width: 33%;
	text-align: center;
}
body#pg-notice #contents div#shop-sp th {
	border-top: 1px solid #b0afab;
	border-bottom: 1px dotted #b0afab;
}
body#pg-notice #contents div#shop-sp th h3 {
	margin-bottom: 0;
}
body#pg-notice #contents div#shop-sp td img {
	margin-bottom: 3px;
	vertical-align: middle;
}
body#pg-notice #contents div#package p a img {
	border: 3px solid #CCCBC8;
}
body#pg-notice #contents div#package p a:hover img,
body#pg-notice #contents div#package p a:focus img {
	border: 3px solid #B0AFAB;
}

/* body#pg-notice-digicon
========================================================= */
body#pg-notice-digicon div#contents th {
	background-color:#F3F3F3;
	width: 120px;
	padding: 0.5em 15px;
}
body#pg-notice-digicon div#contents td {
	padding: 0.5em 15px 0;
}
body#pg-notice-digicon div#contents td h3 {
	margin-bottom: 0.2em;
	color: #0d647d;
}
body#pg-notice-digicon div#contents td p {
	margin-left: 1.0em;
	margin-bottom: 0.5em;
}
body#pg-notice-digicon div#contents td .br {
	margin-bottom: 1.2em;
}

/* body#pg-wp
========================================================= */
body#pg-wp div#contents table {
	border-top: 1px dotted #b0afab;
}
body#pg-wp div#contents th,
body#pg-wp div#contents td {
	width: 50%;
	text-align: center;
}
body#pg-wp div#contents th {
	padding: 0.8em 2px 0.2em;
	border-bottom: none;
	font-weight: bold;
}
body#pg-wp div#contents td {
	padding: 0 15px 0.7em;
}
body#pg-wp div#contents th img {
	margin-bottom: 0.4em;
	border: 1px solid #cccbc8;
	vertical-align: middle;
}

/* clearfix : clear floats without structural markup
========================================================= */
div#mainbody:after,
body#pg-spec #contents div#summary:after,
div#contents div.box p.imgleft:after,
div#contents div.box p.imgright:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
div#mainbody,
body#pg-spec #contents div#summary,
div#contents div.box p.imgleft,
div#contents div.box p.imgright {
	zoom: 100%; /* IE5.5-7 */
}