@charset "shift_jis";
/*-------------------------------------------------------------
	#content
-------------------------------------------------------------*/
#content h3{
	display: block;
	height: 99px;
	padding-left: 100px;
	background: url(../image/bg_h3.jpg) repeat-x 0 0 #fff;
}
#content h4.mainH4{
	display: block;
	margin-left: 100px;
	width: 600px;
	height: 60px;
	background: url(../image/bg_h4.jpg) no-repeat 0 0 #fff;
	color: #fff;
	font-size: 12pt; 
	font-weight: 600;
}

#content .main{
	margin-left: 110px;
	margin-right: 110px;
}

#content ul.mainUl{
	margin-left: 110px;
	margin-right: 110px;
	list-style: none;
}

#content .mainUl li{
	margin: 10px 0;
	font-size: 10.5pt;
	font-weight: 600;
}
/*-------------------------------------------------------------
	.form
-------------------------------------------------------------*/
.form{
	width: 600px;
	margin-left: 100px;
	margin-right: 100px;
	padding: 0;
	background: url(../image/bg_formA.gif) no-repeat 0 0;
}

.form h2{
	display: none;
}

.form p{
	padding: 75px 25px 0 125px;
}

.form table{
	background: url(../image/bg_formB.gif) no-repeat 0 bottom;
}

/*-------------------------------------------------------------
	.voice
-------------------------------------------------------------*/
ul.voice, ul.voice2{
	list-style: none;
	width: 600px;
	margin-left: 100px;
}

ul.voice li{
	background: url(../image/hr.gif) no-repeat 0 0;
	padding: 20px 0 0 0;
	margin: 20px 0;
}

ul.voice2 li{
	background: url(../image/hr2.gif) no-repeat 0 0;
	padding: 20px 0 0 0;
	margin: 20px 0;
}

.voiceName{
	display: block;
	text-align: right;
}
/*-------------------------------------------------------------
	.purchase
-------------------------------------------------------------*/
.purchase a{
	display: block;
	margin: 25px 100px;
	width: 600px;
	height: 80px;
	background: url(../image/purchase.jpg) no-repeat 0 0;
}

.purchase a span{
	display: none;
}

.purchase a:hover{
	background-position: 0 -80px;
}
/*-------------------------------------------------------------
	.dl
-------------------------------------------------------------*/
.dl a{
	display: block;
	margin: 5px 100px;
	width: 600px;
	height: 80px;
	background: url(../image/dl.jpg) no-repeat 0 0;
}

.dl a span{
	display: none;
}

.dl a:hover{
	background-position: 0 -80px;
}
/*-------------------------------------------------------------
	.frame
-------------------------------------------------------------*/
.frame{
	background: #ffc;
	border: 2px solid #f6c;
	padding: 10px;
	margin: 30px 100px;
}

.frame h4{
	font-size: 12pt;
	font-weight: 600;
	border-bottom: 2px dotted #f6c;
}

.frame h5{
	margin: 15px 0 10px 0;
	font-size: 12pt;
	font-weight: 600;
}

.frame ul{
	list-style: none;
	margin-left: 40px;
}

.frame li{
	background: url(../image/bg_list.gif) no-repeat 0 0.2em;
	margin: 18px 0;
	padding-left: 20px;
}

.frame p{

}

/*---------- .point_text ----------*/
.point_text{
	background-color:#FFC;
	width:560px;
	margin:20px auto;
	padding:10px 20px;}

/*---------- .right/.clear ----------*/
.right{
	float: right;
	margin: 0 10px;
}

.clear{
	clear: both;
}

/*---------- fonts ----------*/
.red {
	color: #ff0000;
}


.orange {
	color: #ff9900;
}

.blue {
	color: #0000ff;
}

.pink{
	color: #f12e9c;
}

.gray{
	color: #666666;
}

.small {
	font-size: smaller;
}

strong{
	font-weight: 600;
}

.underline{
	text-decoration: underline;
}

.bold600{
	font-weight: 600;
}

.mt10{	margin-top: 10px;}
.mt20{	margin-top: 20px;}
.mt30{	margin-top: 30px;}
.mt40{	margin-top: 40px;}
.mt50{	margin-top: 50px;}
.mt60{	margin-top: 60px;}
.mt70{	margin-top: 70px;}
.mt80{	margin-top: 80px;}


.f11{ font-size: 11pt;}
.f12{ font-size: 12pt;}
.f13{ font-size: 13pt;}
.f14{ font-size: 14pt;}
.f15{ font-size: 15pt;}