@charset "utf-8";

*{
	margin:0;
	padding:0;
}

ul,li{
	margin:0;
	padding:0;
	list-style-type:none;
}

html,body{
	background-color:#fdebc7;
	font-size:12px; color:#434343;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	line-height:1.8em;
}

a{
	font-size:12px; color:#434343;
	text-decoration:underline;
}

#container{
	width:920px;
	margin-left:auto;
	margin-right:auto;
	background:url(../images/container_bg.gif) 0 0 repeat-y;
	clear:both;
}

#contents{
	width:880px;
	margin:0 auto;
}


/*--- mainArea---------------------------------------*/
#topBtnArea{
}

#topBtnArea .left{
	width:443px;
	float:left;
}

#topBtnArea .right{
	width:477px;
	float:right;
}

#topBtnArea .btnAreaCart{
	background:url(../images/top_btn_area.jpg) 0 0 no-repeat;
	height:96px;
}
#topBtnArea .favorite{
	padding-top:5px;
	margin-left:241px;
}
#topBtnArea .favorite a:hover{
	filter: alpha(opacity=90);
	-moz-opacity: 0.90;
	opacity: 0.90;
}

.pageTop{
	text-align:right;
	margin-right:15px;
	clear:both;
}


/*--- comparison---------------------------------------*/


/*--- difference ---------------------------------------*/

/*--- making ---------------------------------------*/

/*--- shape---------------------------------------*/

/*--- material---------------------------------------*/

#material{
	margin-bottom:10px;
}

#material .materialBox1 {
	background:url(../images/bg_material1.jpg) 0 0 no-repeat;
	width:880px;
	height:487px;
	position:relative;
}

#material .materialBox2 {
	background:url(../images/bg_material2.jpg) 0 0 no-repeat;
	width:880px;
	height:490px;
	position:relative;
}

#material .materialBox3 {
	background:url(../images/bg_material3.jpg) 0 0 no-repeat;
	width:880px;
	height:491px;
	position:relative;
}

#material .materialBox4 {
	background:url(../images/bg_material4.jpg) 0 0 no-repeat;
	width:880px;
	height:498px;
	position:relative;
}

#material .materialBox5 {
	background:url(../images/bg_material5.jpg) 0 0 no-repeat;
	width:880px;
	height:470px;
	position:relative;
}

#material .materialBox6 {
	background:url(../images/bg_material6.jpg) 0 0 no-repeat;
	width:880px;
	height:490px;
	position:relative;
}

#material .materialBox7 {
	background:url(../images/bg_material7.jpg) 0 0 no-repeat;
	width:880px;
	height:490px;
	position:relative;
}

#material .materialBox8 {
	background:url(../images/bg_material8.jpg) 0 0 no-repeat;
	width:880px;
	height:487px;
	position:relative;
}

#material .message {
	font-size:14px;
	line-height:22px;
	width: 260px;
	position:absolute; top:130px; left:40px;
}


/*--- mailBox---------------------------------------*/
.mailBox {
	margin:10px 0;
	background: url("../images/bg_mail.jpg") no-repeat;
	width:880px;
	height:167px;
	position:relative;
}
.mailBox p {
	font-size:14px;
	line-height:20px;
	position:absolute; top:55px; left:25px;
}
.mailBox p span {
	font-weight:bold;
	color:#f00;
}
.mailBox input.txt {
	width:300px;
	height:20px;
	position:absolute; top:85px; left:540px;
}
.mailBox input.btnImg {
	position:absolute; top:120px; left:631px;
}

/*--- onayami---------------------------------------*/
#onayami{
	margin-bottom:0px;
}
#onayami .onayamiBox1 {
	background:url(../images/bg_onayami1.jpg) 0 0 no-repeat;
	width:880px;
	height:213px;
	position:relative;
}
#onayami .onayamiBox2 {
	background:url(../images/bg_onayami2.jpg) 0 0 no-repeat;
	width:880px;
	height:271px;
	position:relative;
}
#onayami .onayamiBox1 p.tit {
	font-size:16px;
	line-height:24px;
	font-weight:bold;
	width:380px;
	position:absolute; top:30px; left:100px;
}
#onayami .onayamiBox1 p.txt {
	font-size:14px;
	line-height:20px;
	width:380px;
	position:absolute; top:110px; left:100px;
}

#onayami .onayamiBox2 p.tit {
	font-size:16px;
	line-height:24px;
	font-weight:bold;
	width:380px;
	position:absolute; top:30px; left:100px;
}
#onayami .onayamiBox2 p.txt {
	font-size:14px;
	line-height:20px;
	width:380px;
	position:absolute; top:115px; left:100px;
}

#onayami p span{
	color:#ff6600;
}


/*--- kodawari---------------------------------------*/
#kodawari{
	margin-bottom:10px;
	background:url(../images/bg_kodawari3.jpg) 0 0 no-repeat;
	height:1010px;
	width:880px;
	position:relative;
}
#kodawari p {
	font-size:14px;
	line-height:20px;
}
#kodawari p.txt1 {
	width:440px;
	position:absolute; top:185px; left:45px;
}

#kodawari p.txt2 {
	width:410px;
	position:absolute; top:283px; left:50px;
}


/*--- set---------------------------------------*/

#set{
	margin-bottom:10px;
	}

#set .btnArea{
	background:url(../images/set_btn_area_footer.jpg) 0 0 no-repeat;
	height:113px;
	text-align:center;
}

/*--- course---------------------------------------*/

#course{
	margin-bottom:10px;
	}
	

#course .course2setArea{
	background:url(../images/course_2set.jpg) 0 0 no-repeat;
	height:430px;
}

#course .course2setArea .btn{
	width:504px;
	height:77px;
	margin-left:339px;
}

#course .course4set{
	background:url(../images/course_btn_4set.jpg) 0 0 no-repeat;
	width:299px;
	height:285px;
	float:left;
	}

#course .course4set .btn{
	margin-left:51px;
	width:234px;
	height:51px;
}

#course .course6set{
	background:url(../images/course_btn_6set.jpg) 0 0 no-repeat;
	width:273px;
	height:285px;
	float:left;
	}
	
#course .course6set .btn{
	margin-left:19px;
	width:234px;
	height:51px;
}

#course .course10set{
	background:url(../images/course_btn_10set.jpg) 0 0 no-repeat;
	width:293px;
	height:285px;
	float:left;
	}

#course .course10set .btn{
	margin-left:20px;
	width:234px;
	height:51px;
}

/*--- voiceBox ------------------------------------*/
#voiceBox {
	width:847px;
	margin:0 auto 40px;
}
#voiceBox h2 {
	line-height: 0;
}
#voiceBox h2 img {
	display: block;
}
#voiceBox .voice {
	border:4px solid #ff6600;
	border-top:none;
	padding:5px 5px 10px 23px;
}
#voiceBox .voice .inner {
	height: 250px;
	overflow: auto;
}
#voiceBox .voice dl {
	background: url(../images/img_line.gif) no-repeat 0 bottom;
	padding-bottom:35px;
}
#voiceBox .voice dl dt {
	color:#cc3300;
	border-left:5px solid #cc3300;
	font-size:140%;
	font-weight: bold;
	padding:3px 5px;
	margin:15px 0 12px;
}
#voiceBox .voice dl dt span {
	font-size:85%;
	color:#000000;
	padding-left:10px;
}
#voiceBox .voice dl dd {
	line-height: 1.5;
	margin:0 12px 1em;
	font-size:120%;
	
}
#voiceBox .voice dl dd.right {
	text-align: right;
	
}


/*--- footer---------------------------------------*/


#copy{
	padding:15px 0;
	text-align:center;
	}


/*--- 汎用 ---------------------------------------*/

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

.center{
	text-align:center;}

.txt11{
	font-size:11px;
	line-height:1.4em;
}

.marL05{
	margin-left:5px;
}

.marL10{
margin-left:10px;
}

.marL15{
margin-left:15px;
}

.marB05{
margin-bottom:5px;
}

.marB10{
margin-bottom:10px;
}

.marB15{
margin-bottom:15px;
}

.marB20{
margin-bottom:20px;
}

.marT05{
margin-top:5px;
}

.marT10{
margin-top:10px;
}

.marT15{
margin-top:15px;
}

.marT20{
margin-top:20px;
}

.marR13{
margin-right:13px;
}

.marR20{
margin-right:20px;
}

.padL5{
padding-left:5px;
}

.padL10{
padding-left:10px;
}

.padL15{
padding-left:15px;
}

.padL20{
padding-left:20px;
}

.padT5{
padding-top:5px;
}

.padT10{
padding-top:10px;
}

.padT15{
padding-top:15px;
}

.padT20{
padding-top:20px;
}


.padTB15{
padding-top:15px;
padding-bottom:10px;
_padding-top:20px;
_padding-bottom:10px;
}

.floatL{
float:left;
}

.floatR{
float:right;
}

.red{
color:red;
}

.bold{
	font-weight:bold;
}

.orange{
	color:#ff6c00;
	font-weight:bold;
	}

.clear{
clear:both;
}
