@charset "utf-8";

/* SOLUTION
---------------------------------------------*/

#solution {
	margin-top: -3px;}

/* DETAIL_COMMON */

#msgbox {
	padding-top: 10px;
	padding-left: 8px;}

#msgbox .msg {margin-bottom: 32px;}

#msgbox p {line-height: 2em;}

#msgbox p span {font-size: 12px;}

.productimg {
	margin-bottom: 32px;}

.btndownload {
	text-align: center;
	margin: 30px 0 45px 0;}

#merit h3 {margin-bottom: 32px;}

#merit ul {margin-left: 14px;}

#merit ul li {
	margin-bottom: 1.5em;
	padding-left: 16px;
	padding-right: 10px;
	background: url(../img/icn_merit.gif) left top no-repeat;}

#merit ul li span {
	font-size: 11px;}

#purpose {margin-bottom: 40px;}

#purpose h3 {margin-bottom: 32px;}

#purpose ul li {
	margin-bottom: 1.5em;
	padding-left: 16px;
	padding-right: 10px;
	padding-bottom: 1em;
	line-height: 1.8em;
	border-bottom: 1px solid #ccc;}

.snav {}

.snav li {
	text-indent: -9999px;}

.snav li a {
	display: block;
	overflow: hidden;
	height:0 !important;
	height /**/:  40px;
	padding-top: 40px;
	background-image: url(../img/snavi.gif);}

.snv01 a {background-position: 0 0;}
.snv02 a {background-position: 0 -40px;}
.snv03 a {background-position: 0 -80px;}

.snv01 a:hover {background-position: -202px 0;}
.snv02 a:hover {background-position: -202px -40px;}
.snv03 a:hover {background-position: -202px -80px;}

.snv01 a.current {background-position: -202px 0;}
.snv02 a.current {background-position: -202px -40px;}
.snv03 a.current {background-position: -202px -80px;}


/* INDEX */

#pagelink ul {
	position: relative;
	width: 735px;
	margin-top: 30px;
	margin-bottom: 30px;}

#pagelink li {
	float: left;
	display: block;
	width: 226px;
	height: 273px;
	margin-right: 19px;
	margin-bottom: 16px;}

/* INDEX */

#related ul {
	position: relative;
	width: 735px;
	margin-top: 25px;
	margin-bottom: 30px;}

#related li {
	float: left;
	display: block;
	width: 226px;
	height: 272px;
	margin-right: 17px;
	margin-bottom: 16px;}

/* SOLUTION 01 */

.sl01 #msgbox .msg {margin-bottom: 35px;}

.sl01 #msgbox p {margin-bottom: 1em;}

.sl01 #msgbox .center {margin: 40px 0 70px 0;}

/* SOLUTION 02 */

.sl02 #msgbox .msg {margin-bottom: 35px;}

.sl02 #msgbox p {margin-bottom: 1em;}

.sl02 #msgbox .center {margin: 40px 0 70px 0;}

#tokusei h3 {margin-bottom: 32px;}

#tokusei p {
	margin-left: 10px;
	line-height: 2em;}

#tokusei p strong {
	display: block;
	margin-top: 0px;}

.sl02 #tokusei .gp01 {margin-bottom: 4em;}

/* SOLUTION 03 */

.sl03 #msgbox p {margin-bottom: 1em;}

.sl03 #msgbox .sl03img {margin-bottom: 2em;}