@charset "utf-8";
/* CSS Document */

#g_menu #g4 a { background-position:-570px -63px; }


/*contents
-------------------------------------------------*/
#contentsTop{
	background: url(../img/topBg.gif) repeat-y;
	width: 839px;
	margin-bottom: 30px;
}

#contentsTop #topArea{
	background: url(../img/topBgTop.gif) no-repeat;
	width: 839px;
	margin-bottom: 74px;
}

#contentsTop #topArea img{
	float: left;
}

#contentsTop #topArea #topAreaR{
	float: right;
	width: 373px;
	text-align: left;
}

#contentsTop h1{
	width: 323px;
	height: 22px;
	margin: 34px 0 13px 0;
	padding: 0;
}

#contentsTop p.topTxt{
	width: 350px;
	font-size: 1.7em;
	line-height: 150%;
	*font-size: 1.65em;
	*line-height: 150%;
	margin: 0 0 18px 0;
	padding: 0;
}

#contentsTop p#topNotice{
	width: 350px;
	background:#F00;
	line-height: 135%;
}


/*letterArea
-------------------------------------------------*/
#letterArea{
	width:761px;
	margin:0 auto;
	overflow:hidden;
}
#letterArea p{
	font-size:1.7em;
}
#letterArea ul li{
	display:block;
	width:373px;
	position:relative;
}
#letterArea ul li.floatL{
	float:left;
}
#letterArea ul li.floatR{
	float:right;
}
.letterElm{
	padding:14px 0 0 20px;
}
.letterName{
	text-align:right;
	font-size:0.93em!important;
}

#letterArea .area50,
#letterArea .area60,
#letterArea .area70{
	margin-bottom:40px;
}

#letterArea .area50 .ttl,
#letterArea .area60 .ttl,
#letterArea .area70 .ttl{
	margin-bottom:10px;
}

.letterElm50{
	background:url(../img/voice_bg50.gif) bottom left no-repeat;
	height:206px;
}

.letterElm50 p,
.letterElm60 p,
.letterElm70 p{
	padding:15px 23px 0 30px;
}
.letterElm60{
	background:url(../img/voice_bg60.gif) bottom left no-repeat;
	height:236px;
}

.letterElm70{
	background:url(../img/voice_bg70.gif) bottom left no-repeat;
	height:236px;
}

#letterArea .caption{
	float:right;
	text-align:left;
	font-size:1em;
}

/*ppArea
-------------------------------------------------*/
.ppArea{
	margin:0 auto 30px;
	padding:0;
	width:738px;
	}

.ppArea h2{
	margin:0 auto 20px;
	padding:0;
	}

.ppArea h3{
	margin:0 0 1em;
	padding:0;
	text-align:left;
	font-size: 1.7em;
	line-height: 130%;
	*font-size: 1.55em;
	*line-height: 125%;
	font-weight:bold;
	}

.ppArea dl{
	margin:0 auto 40px;
	}

.ppArea dl dt{
	margin:0 0 0 0;
	width:6.0em;
	text-align:left;
	clear: left;
	float:left;
	}

.ppArea dl dd{
	margin-left:6.0em;
	margin-bottom:1em;
	text-align:left;
	zoom:1;
	}

.ppArea dl dd.last{
	margin-left:6.0em;
	margin-bottom:0;
	text-align:left;
	zoom:1;
	}

.ppArea div.inner p{
	margin:0 0 2em;
	}
	

.ppArea dl dt,
.ppArea dl dd,
.ppArea div.inner p{
	font-size: 1.7em;
	line-height: 170%;
	*font-size: 1.65em;
	*line-height: 165%;
}


.ppArea p.ppimg01{
	display:block;
	padding:0 199px 0 0;
	background:url(../img/img04_r1.jpg) bottom right no-repeat;
	}

.ppArea p.ppimg02{
	display:block;
	padding:0 200px 0 0;
	background:url(../img/img05.jpg) top right no-repeat;
	}
	
.txt{
	font-size:0.8em!important;
	text-align:right;
	padding-right:199px;
}

.txt02{
	font-size:0.8em!important;
	text-align:right;
	padding-right:200px;
}

	

/*購入ボタン
-------------------------------------------------*/
#buyBtn{
	background: url(../img/buy_r1.jpg) no-repeat top;
	width: 759px;
	height:220px;
	margin: 0 0 25px 40px;
	display: block;
	text-indent: -9999px;
	outline:none;
}

#buyBtn span{
	text-indent: -9999px;
}

#buyBtn:hover{
	background: url(../img/buy_r1.jpg) no-repeat bottom;
}