@charset "Shift_JIS";
/* CSS Document */

body {
	text-align:center;
}

#container {
	width:900px;
	margin:0 auto;
	text-align:left;
}

#header {
	height:115px;
	padding:0 5px;
	background:url(../images/header_bg.jpg) no-repeat 0 0;
}

#header #headerLogo {
	width:120px;
	height:115px;
	float:left;
}

#header .inner {
	float:left;
	height:115px;
	width:400px;
}

#header h1 {
	display:block;
	padding-top:25px;
	font-size:12px;
	color:#666;
	line-height:18px;
	font-weight:normal;
}

#header #headerImage {
	float:left;
	width:175px;
}

#header #headerContact {
	float:left;
	background:url(../images/headerContact.gif) no-repeat 0 0;
	width:195px;
	height:110px;
}

#header #headerContact p {
	padding-top:20px;
	line-height:12px;
	font-size:9px;
	color:#CB3266;
}

#header #headerContact #hcTel {
	height:25px;
	text-indent:-9999px;
	overflow:hidden;
}

#header #headerContact #hcMail {
	height:25px;
}

#header #headerContact #hcMail a {
	display:block;
	height:25px;
	text-indent:-9999px;
	overflow:hidden;
}

#header #headerContact #hcTime {
	font-size:9px;
	text-align:right;
	line-height:20px;
	color:#CB3266;
	width:183px;
}

#contents {
	padding:10px 10px;
}

.trialBtn {
	text-align:left;
	width:488px;
	height:48px;
	clear:both;
	float:none;
}

.trialBtn a {
	background:url(../images/trialBtn.jpg) no-repeat 0 0;
	text-indent:-9999px;
	overflow:hidden;
	width:488px;
	height:48px;
	display:block;
}

.trialBtn a:hover {
	background:url(../images/trialBtn.jpg) no-repeat 0 -48px;
}

#mainView {
	margin:0 5px;
	background:url(../images/mainView_bg.jpg) no-repeat 0 0;
	height:420px;
}

#mainView h2 {
	width:480px;
	height:195px;
	text-align:left;
	text-indent:-9999px;
	overflow:hidden;
}

#mainView h3 {
	width:480px;
	height:80px;
	text-align:left;
	text-indent:-9999px;
	overflow:hidden;
}

#mainView p {
	padding:5px 10px;
	line-height:20px;
	font-size:12px;
	color:#633;
}

#mainView .trialBtn {
	margin:2px 5px;
}

#distress {
	background:url(../images/distress_bg.jpg) no-repeat 0 0;
	height:190px;
	margin:0 10px;
	position:relative;
	z-index:1;
}

#distress h3 {
	height:75px;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
}

#distress ul {
	margin-left:30px;
}

#distress li {
	width:270px;
	display:block;
	float:left;
	height:35px;
}

#distress li a {
	display:block;
	height:35px;
	text-indent:-9999px;
}

#distress #pointsBomb {
	position:absolute;
	top:145px;
	left:180px;
	width:480px;
	height:150px;
	z-index:10;
}

#points {
	margin:70px 10px 0;
}

#points .inner {
	padding:10px;
	background:url(../images/points_bg.jpg) no-repeat 0 0;
}

#points .inner li {
	display:block;
	width:419px;
	height:235px;
	float:left;
	position:relative;
}

#points .inner li h4 {
	position:absolute;
	top:-20px;
	display:block;
}

#points .inner li#last {
	float:none;
	clear:both;
	width:100%;
	height:auto;
	padding-top:20px;
	text-align:center;
}

#points .inner li#last .trialBtn{
	margin:0 auto;
}

#points .inner li h4 {
	display:block;
	width:370px;
	height:120px;
	background-image:url(../images/points_h4.png);
	text-indent:-9999px;
}

#points .inner li#point1 h4 {background-position:0 0;}
#points .inner li#point2 h4 {background-position:0 -120px;}
#points .inner li#point3 h4 {background-position:0 -240px;}
#points .inner li#point4 h4 {background-position:0 -360px;}

#points .inner li p {
	position:absolute;
	top:100px;
	color:#8C6565;
	line-height:22px;
	font-size:14px;
	padding:5px 185px 5px 20px;
}

#voice {
	margin:10px 10px 0;
	background:url(../images/voice_bg.jpg) no-repeat 0 0;
	padding-top:20px;
	text-align:center;
}

#voice h3 {
	background:url(../images/voice_h3.gif) no-repeat 0 0;
	width:814px;
	height:48px;
	margin:0 auto;
	text-align:left;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
}

#voice .inner {
	margin-top:15px;
	padding:0 10px;
	clear:both;
	float:none;
}

#voice .inner li {
	float:left;
	width:420px;
	height:248px;
	display:block;
	text-align:left;
}

#voice .inner li h4,
#voice .inner li p {
	margin:0 10px;
	text-align:left;
	text-indent:-9999px;
	overflow:hidden;
}

#voice .inner li#voice1,
#voice .inner li#voice2,
#voice .inner li#voice3,
#voice .inner li#voice4 {
	display:block;
	text-align:left;
}

#voice div.inner div.coution {
	padding-top:5px;
	font-size:10px;
	color:#333;
	clear:both;
	float:none;
	text-align:right;
}

#howto {
	background:url(../images/howto.gif) no-repeat 0 0;
	height:663px;
	margin:10px 10px;
	text-align:center;
}

#howto h3 {
	display:block;
	height:55px;
	text-align:left;
	text-indent:-9999px;
	overflow:hidden;
}

#howto .inner h4 {
	display:block;
	height:35px;
	text-align:left;
	text-indent:-9999px;
	overflow:hidden;
}

#howto .inner ul {
	display:block;
	height:210px;
	margin-left:30px;
}

#howto .inner ul li {
	display:block;
	text-align:left;
	width:200px;
	height:210px;
	float:left;
}

#howto .inner li p {
	margin:160px 0 0 25px;
	display:block;
	text-align:left;
	font-size:12px;
	line-height:18px;
	color:#633;
}

#howto .inner p.coution {
	display:block;
	text-align:left;
	width:750px;
	font-size:13px;
	line-height:18px;
	margin:0 auto;
	color:#633;
}

#howto #days {
	height:65px;
	text-align:left;
	text-indent:-9999px;
	overflow:hidden;
}

#price {
	margin:10px 10px;
	padding-left:285px;
	background:url(../images/price_bg.jpg) no-repeat 0 0;
}

#price .inner {
	height:262px;
}

#price .inner h3 {
	height:85px;
	text-align:left;
	text-indent:-9999px;
	overflow:hidden;
}

#price .inner div#catch {
	height:30px;
	text-align:left;
	text-indent:-9999px;
	overflow:hidden;
}

#price .inner p {
	height:30px;
	display:block;
	text-align:left;
	text-indent:-9999px;
	overflow:hidden;
}

#price .inner strong {
	height:55px;
	display:block;
	text-align:left;
	text-indent:-9999px;
	overflow:hidden;
}

#price .inner .trialBtn {
	margin-left:75px;
}

#about {
	margin:20px 30px;
	font-size:12px;
}

#about h3 {
	height:30px;
	color:#FFF;
	line-height:30px;
	text-align:left;
	padding:0 20px;
	font-size:14px;
	background:#47A2DB;
}

#about h4 {
	padding-left:5px;
	color:#333;
	font-weight:bold;
	border-left:5px solid #47A2DB;
	font-size:14px;
	line-height:20px;
	margin:5px 0;
}

#about p {
	padding:5px 5px 10px;
	font-size:12px;
	line-height:18px;
	color:#333;
}

#about p span {
	color:#47A2DB;
}

#about strong {
	color:#C00;
}

#about table {
	border-collapse:collapse;
	border:2px #CCC solid;
}

#about table th,
#about table td {
	padding:3px;
	font-size:12px;
	border:1px #CCC solid;
}

#about table thead th,
#about table thead td {
	background:#47A2DB;
	color:#FFF;
	text-align:center;
}

#about table th {
	width:80px;
}

#about #pay {
	width:410px;
	float:left;
}

#about #shipping {
	width:410px;
	float:right;
}

#about #com {
	clear:both;
	float:none;
	width:100%;
}

#order {
}

#order h3 {
	background:
}

#orderForm {
	float:left;
}

#footer {
	margin-bottom: 20px;
}

#footer p {
	text-align:center;
	line-height:17px;
	font-size: 12px;
}
