/* CSS Document */

/* ----------------------------------------------
	リセット
---------------------------------------------- */

li { list-style: none; }

/* ----------------------------------------------
	margin関連
---------------------------------------------- */
.mgT05 { margin-top: 5px;}
.mgT10 { margin-top: 10px;}
.mgT15 { margin-top: 15px;}
.mgT20 { margin-top: 20px;}
.mgT30 { margin-top: 30px;}
.mgT80 { margin-top: 80px;}
.mgT100 { margin-top: 100px;}

.mgR05 { margin-right: 5px;}
.mgR10 { margin-right: 10px;}
.mgR20 { margin-right: 20px;}
.mgR30 { margin-right: 30px;}
.mgR40 { margin-right: 40px;}
.mgR115 { margin-right: 115px;}
.mgR175 { margin-right: 195px;}
.mgR530 { margin-right: 530px; }

.mgL05 { margin-left: 5px;}
.mgL10 { margin-left: 10px;}
.mgL20 { margin-left: 20px;}
.mgL30 { margin-left: 30px;}

.mgB05 { margin-bottom: 5px;}
.mgB10 { margin-bottom: 10px;}
.mgB20 { margin-bottom: 20px;}
.mgB30 { margin-bottom: 30px;}

/* ----------------------------------------------
	padding関連
---------------------------------------------- */

.pdT10 { padding-top: 10px; }
.pdT15 { padding-top: 15px; }
.pdT20 { padding-top: 20px; }
.pdT25 { padding-top: 25px; }
.pdT30 { padding-top: 30px; }
.pdT45 { padding-top: 45px; }


/* ----------------------------------------------
	位置関連・clearfix
---------------------------------------------- */
.alnR { text-align: right; }
.alnC { text-align: center; }
.alnL { text-align: left; }

.fltR { float: right; }
.fltL { float: left; }


.clear  { clear: both; font-size: 0px; line-height: 0px;}

.clearfix:after { content:""; display:block; clear:both; }
.clearfix { display:inline-block; }
/*\*/
* html .clearfix { height:1%;}
.clearfix { display:block;}
/**/

/* -----------------------------------------------------------------
	trial_siwa.html
------------------------------------------------------------------*/

#topBox {
	padding-top: 10px;
	width: 900px;
	height: 562px;
	background: url(/products/img_trial/title_pic01.jpg) no-repeat;
	position: relative;
	clear: both;
}

#topBox a:link,
#tenDays a:link,
#topBox a:hover,
#tenDays a:hover {
	color: #333333;
	text-decoration: underline;
}

#topBox p {
	background: url(/products/img_trial/arr01.gif) no-repeat right;
	padding-right: 7px;
	position: absolute;
	bottom: 121px;
	right: 137px;
}
	

#topBox .btn {
	width: 221px;
	height: 49px;
	top: 480px;
	right: 109px;
	position: absolute;
}

.h2Developer {
	background: url(/products/img_trial/h2_developer.jpg) no-repeat;
	text-indent: -9999px;
	height: 110px;
	display: block;
	padding: 0px !important;
}

#developerBox {
	width: 900px;
	height: 624px;
	background: url(/products/img_trial/developer_pic01.jpg) no-repeat;
	position: relative;
	clear: both;
}

#developerBox .txtBox001 {
	width: 545px;
	top: 80px;
	left: 77px;
	position: absolute;
	background: #fff;
}

#developerBox .txtBox02 {
	width: 520px;
	top: 442px;
	left: 93px;
	position: absolute;
}

#developerBox .txtBox03 {
	width: 185px;
	top: 323px;
	left: 638px;
	position: absolute;
	font-size: 10px;
}

.h2Persistence {
	background: url(/products/img_trial/h2_persistence.jpg) no-repeat;
	text-indent: -9999px;
	height: 137px;
	display: block;
	padding: 0px !important;
}

#persistenceBox {
	width: 900px;
	height: 1311px;
	background: url(/products/img_trial/persistence_pic01.jpg) no-repeat;
	position: relative;
	clear: both;
}

#persistenceBox .txtBox01 {
	width: 630px;
	top: 124px;
	left: 190px;
	position: absolute;
}

#persistenceBox .txtBox02 {
	width: 767px;
	top: 185px;
	left: 67px;
	position: absolute;
	line-height: 1.4;
}

#persistenceBox .txtBox02 .list01 {
	width: 260px;
	position: absolute;
	clear: both;
}

#persistenceBox .txtBox02 .list02 {
	width: 275px;
	left: 493px;
	position: absolute;
	clear: both;
}

#persistenceBox .txtBox02 .list01 .li01,
#persistenceBox .txtBox02 .list02 .li01 {
	top: 35px;
	left: 15px;
	position: absolute;
}

#persistenceBox .txtBox02 .list01 .li02,
#persistenceBox .txtBox02 .list02 .li02 {
	top: 125px;
	left: 15px;
	position: absolute;
}

#persistenceBox .txtBox02 .list01 .li03,
#persistenceBox .txtBox02 .list02 .li03 {
	top: 216px;
	left: 15px;
	position: absolute;
}

#persistenceBox .txtBox02 .list01 .li04 {
	top: 306px;
	left: 15px;
	position: absolute;
}
#persistenceBox .txtBox02 .list02 .li04 {
	top: 286px;
	left: 15px;
	position: absolute;
}


#persistenceBox .txtBox03 {
	width: 695px;
	top: 666px;
	left: 115px;
	position: absolute;
}

#persistenceBox .txtBox04 {
	width: 636px;
	top: 868px;
	left: 190px;
	position: absolute;
} 

#persistenceBox .txtBox05 {
	width: 636px;
	top: 1230px;
	left: 190px;
	position: absolute;
} 


.h2Voice {
	background: url(/products/img_trial/h2_voice.jpg) no-repeat;
	text-indent: -9999px;
	height: 158px;
	display: block;
	padding: 0px !important;
}

#voiceBox {
	width: 900px;
	height: 706px;
	background: url(/products/img_trial/voice_bg.gif) repeat-y;
	position: relative;
	clear: both;
}

#voiceBox .txtBox01 {
	margin-left: 77px;
	width: 746px;
}

#voiceBox .txtBox01 h3,
#voiceBox .txtBox02 h3,
#voiceBox .txtBox03 h3,
#voiceBox .txtBox04 h3 {
	height: 35px;
	margin: 0px !important;
	padding-top: 17px;
	text-indent: 55px;
	display: block;
	background: url(/products/img_trial/h3_voice.gif) no-repeat;
	font-weight: bold;
	font-size: 120%;
}


#voiceBox .txtBox01 p {
	width: 698px;
	margin: 0 0 0 48px;
	line-height: 1.7;
	color: #380163;
}

#voiceBox .txtBox01 .dr {
	margin-top: 10px;
	width: 698px;
	background: url(/products/img_trial/icon_dr01.gif) no-repeat;
	padding-left: 48px;
	line-height: 1.7;
	font-size: 10px;
}

#voiceBox .txtBox02,
#voiceBox .txtBox03,
#voiceBox .txtBox04 {
	width: 746px;
}



#voiceBox .txtBox02 p {
	margin: 0 0 0 48px;
	width: 698px;
	line-height: 1.7;
	color: #380163;
}

#voiceBox .txtBox02 .dr {
	margin-top: 10px;
	width: 698px;
	background: url(/products/img_trial/icon_dr01.gif) no-repeat;
	padding-left: 48px;
	line-height: 1.7;
	font-size: 10px;
}




#voiceBox .txtBox03 p {
	margin: 0 0 0 48px;
	width: 698px;
	line-height: 1.7;
	color: #380163;
}

#voiceBox .txtBox03 .dr {
	margin-top: 10px;
	width: 698px;
	background: url(/products/img_trial/icon_dr01.gif) no-repeat;
	padding-left: 48px;
	line-height: 1.7;
	font-size: 10px;
}



#voiceBox .txtBox04 p {
	margin: 0 0 0 48px;
	width: 698px;
	line-height: 1.7;
	color: #380163;
}

#voiceBox .txtBox04 .dr {
	margin-top: 10px;
	width: 698px;
	background: url(/products/img_trial/icon_dr01.gif) no-repeat;
	padding-left: 48px;
	line-height: 1.7;
	font-size: 10px;
}

.h2faq {
	background: url(/products/img_trial/h2_faq.jpg) no-repeat;
	text-indent: -9999px;
	height: 181px;
	display: block;
	padding: 0px !important;
}
	
#faqBox {
	width: 900px;
	height: 1240px;
	background: url(/products/img_trial/faq_bg01.gif) repeat-y;
	position: relative;
	clear: both;
}

#faqBox dl {
	background: url(/products/img_trial/faq_bg02.jpg) repeat-y top left;
	padding-left: 15px;
	padding-top: 20px;
}

#faqBox dt {
	background: url(/products/img_trial/icon_female.gif) no-repeat;
	background-color: transparent;
	padding-left: 55px;
	font-size: 14px;
	line-height: 50px;
	font-weight: bold;
}

#faqBox dd {
	background: url(/products/img_trial/icon_dr02.gif) no-repeat;
	padding-left: 55px;
	line-height: 1.7;
}

#faqBox .txtBox01 {
	position: absolute;
	top: 9px;
	left: 77px;
	width: 746px;
}

#faqBox .txtBox01 dl { height: 135px; }

#faqBox .txtBox02 {
	position: absolute;
	top: 204px;
	left: 77px;
	width: 746px;
}

#faqBox .txtBox02 dl { height: 136px; }

#faqBox .txtBox03 {
	position: absolute;
	top: 400px;
	left: 77px;
	width: 746px;
}

#faqBox .txtBox03 dl { height: 216px; }

#faqBox .txtBox04 {
	position: absolute;
	top: 675px;
	left: 77px;
	width: 746px;
}

#faqBox .txtBox04 dl { height: 135px; }

#faqBox .txtBox05 {
	position: absolute;
	top: 870px;
	left: 77px;
	width: 746px;
}

#faqBox .txtBox05 dl { height: 137px; }

#faqBox .txtBox06 {
	position: absolute;
	top: 1066px;
	left: 77px;
	width: 746px;
}

#faqBox .txtBox06 dl { height: 137px; }

.inquiry {
	background: url(/products/img_trial/faq_pic02.jpg) no-repeat;
	width: 900px;
	height: 216px;
	position: relative;
	clear: both;
}

.inquiry .txtBox01 {
	position: absolute;
	font-size: 10px;
	top: 116px;
	left: 202px;
	width: 230px;
}

.inquiry .btn {
	position: absolute;
	top: 126px;
	left: 502px;
}

#tenDays {
	background: url(/products/img_trial/10days_pic01.jpg) no-repeat;
	width: 900px;
	height: 638px;
	position: relative;
	clear: both;
}

#tenDays p {
	position: absolute;
	background: url(/products/img_trial/arr01.gif) no-repeat right;
	padding-right: 7px;
	bottom: 120px;
	right: 130px;
}


#tenDays .btn {
	position: absolute;
	bottom: 43px;
	right: 108px;
	width: 220px;
	height: 49px;
}

#tenDays .btn a:hover img { visibility: hidden; }

/* ----------------------------------------------
	返品について
---------------------------------------------- */

#productsIndex #container #outline #topBox .henpin,#productsIndex #container #outline #tenDays .henpin {
	position:absolute;
	top: -15px;
	right:0px;
}