@charset "utf-8";

@import "base.css";
@import "common.css";


/*####################　indexページ　####################*/

#Container .contentsBox960 {
	width: 920px;
	background-color: #FFF;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #E67E22;
	margin-bottom: 50px;
	padding: 20px;
}

.contentsBox960 p{margin-bottom: 20px;}

h2{	margin-bottom: 5px;}

h4{
	margin-bottom: 25px;
	margin-right: 20px;
	margin-left: 20px;
}
p.arrow{
	text-align: center;
}
.contentsBox960 .itemBox {
	padding: 20px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #27970C;
	border-bottom-color: #27970C;
	border-left-color: #27970C;
	font-size: 17px;
	width: 836px;
}

.contentsBox960 .itemBox div.left{
	display: block;
	float: left;
	width: 320px;
	margin-right: 60px;
}
.contentsBox960 .itemBox div.left ul{
	border: 2px solid #D90000;
	padding-top: 10px;
	padding-bottom: 10px;
}
.contentsBox960 .itemBox div.left ul li{
	list-style-type: none;
	padding-left: 20px;
}
.contentsBox960 .itemBox div.right{
	color: #545454;
}
.contentsBox960 .itemBox div.right ul li{	list-style-type: none;
	padding-left: 20px;}
	
.contentsBox880{
	width: 880px;
	margin-right: auto;
	margin-left: auto;
}

/*　voiceArea
-------------------------------------*/

.voiceArea{
	border: 2px solid #BBB;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin-bottom: 15px;
}

.voiceArea .photo{
	float: left;
	width: 200px;
}

.voiceArea .rightCont{
	float: right;
	width: 680px;
	padding-top: 10px;
}
.voiceArea .rightCont p{
	font-size: 16px;
	line-height: 1.6;
}

.voiceArea .rightCont h3{
	margin-bottom: 15px;
	padding-bottom: 5px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #000;
}


.Bannerbtn {
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 30px;
	text-align: center;
	width: 510px;
}
.Bannerbtn ul {
	margin: 0px;
	padding: 0px;
}
.Bannerbtn ul li {
}
.Bannerbtn ul .trial a {
	background-image: url(../images/contents/btn_trial.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	height: 134px;
	width: 510px;
}
.Bannerbtn ul .confirm{
	width: 400px;
}
.Bannerbtn ul .confirm a {
	background-image: url(../images/contents/btn_confirm.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	height: 70px;
	width: 400px;
}
.Bannerbtn ul .trial a:hover,
.Bannerbtn ul .confirm a:hover{
	background-position: left bottom;
}

.Formbtn {
	margin-right: auto;
	margin-left: auto;
	margin-bottom:0px;
	width: 800px;
	text-align: center;
}

.Formbtn .confirm a{
	background-image: url(../images/contents/btn_confirm.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 70px;
	width: 400px;
	text-indent: -9999px;
}
.Formbtn .confirm a:hover{
	background-image: url(../images/contents/btn_confirm.jpg);
	background-repeat: no-repeat;
	background-position: 0px -70px;
}


.contentsBox960 .hikaku {
	width: 960px;
	border-top-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #000;
	border-left-color: #000;
}
.contentsBox960 .hikaku td {
	text-align: center;
	padding-top: 11px;
	padding-bottom: 11px;
	font-size: 14px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #333;
	border-bottom-color: #333;
}
.contentsBox960 .hikaku th {
	text-align: center;
	font-size: 17px;
	color: #FFF;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #000;
	border-bottom-color: #000;
	padding-top: 20px;
	line-height: 20px;
	padding-bottom: 18px;
}
.contentsBox960 .hikaku th.br{
	background-image: url(../images/contents/thbg1.jpg);
	background-repeat: repeat-x;
}
.contentsBox960 .hikaku th.rd{	background-image: url(../images/contents/thbg2.jpg);
	background-repeat: repeat-x;
}
.contentsBox960 .hikaku .rd32{
	color: #F00;
}
.contentsBox880 table {
	width: 960px;
	border-top-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #000;
	border-left-color: #000;
}
.contentsBox880 table th{
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #000;
	border-bottom-color: #000;
	font-size: 14px;
	font-weight: normal;
	padding-right: 15px;
	padding-left: 15px;
	text-align: left;
}

.contentsBox880 table td{
	font-size: 14px;
	background-color: #FFF;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #000;
	border-bottom-color: #000;
	padding: 15px;
}
.contentsBox960 .matchingImg {
	float: left;
	margin-bottom: 20px;
}
.contentsBox960 .matchingComment {
	float: left;
}
.contentsBox960 .matchingComment .comment1 {
	background-image: url(../images/contents/img23.jpg);
	background-repeat: no-repeat;
	height: 135px;
	width: 479px;
}
.contentsBox960 .matchingComment .comment2 {
	background-image: url(../images/contents/img24.jpg);
	background-repeat: no-repeat;
	height: 135px;
	width: 479px;
}
.contentsBox960 .matchingComment .comment3 {
	background-image: url(../images/contents/img27.jpg);
	background-repeat: no-repeat;
	height: 165px;
	width: 469px;
}
.contentsBox960 .matchingComment .comment4 {
	background-image: url(../images/contents/img40.jpg);
	background-repeat: no-repeat;
	height: 135px;
	width: 479px;
}
.contentsBox960 .matchingComment .comment5 {
	background-image: url(../images/contents/img41.jpg);
	background-repeat: no-repeat;
	height: 135px;
	width: 479px;
}
.matchingComment .comment1 p,
.matchingComment .comment2 p,
.matchingComment .comment3 p,
.matchingComment .comment4 p,
.matchingComment .comment5 p {
	padding-left: 70px;
	padding-top: 50px;
	line-height: 1.6;
	padding-right: 20px;
	font-size: 15px;
}
.scene1 {background-image: url(../images/contents/scene1.jpg);}
.scene2 {background-image: url(../images/contents/scene2.jpg);}
.scene3 {background-image: url(../images/contents/scene3.jpg);}
.scene4 {background-image: url(../images/contents/scene4.jpg);}

.scene1,.scene3{
	background-repeat: no-repeat;
	display: block;
	height: 260px;
	width: 480px;
	float: left;
}
.scene2,.scene4{
	background-repeat: no-repeat;
	display: block;
	height: 260px;
	width: 480px;
	float: right;
}
.scene1 p{
	padding-top: 125px;
	padding-left: 92px;
	line-height: 1.5;
	font-size: 15px;
}
.scene3 p,.scene4 p{
	padding-top: 145px;
	padding-left: 92px;
	line-height: 1.5;
	font-size: 15px;
}
.scene2 p{
	padding-top: 125px;
	padding-left: 92px;
	line-height: 1.5;
	font-size: 15px;
}
#Container .voicebox1 {
	background-image: url(../images/contents/voice_vg1.jpg);
	background-repeat: no-repeat;
	height: 290px;
	width: 960px;
	display: block;
	padding-top: 10px;
}
#Container .voicebox2 {
	background-image: url(../images/contents/voice_vg2.jpg);
	background-repeat: no-repeat;
	height: 290px;
	width: 960px;
	display: block;
	padding-top: 30px;
}
#Container .voiceboxBottom {	background-image: url(../images/contents/voice_vg3.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 20px;
	width: 960px;
	margin-bottom: 50px;}
.voicebox1 .img,
.voicebox2 .img {
	float: left;
	padding-left: 35px;
	padding-right: 20px;
}
.voicebox1 .title,
.voicebox2 .title {
	margin-bottom: 15px;
}
.voicebox1 p,
.voicebox2 p{
	padding-right: 50px;
	font-size: 16px;
}
#Container .price {
    background: url(../images/contents/price.jpg) center 30px;
    background-repeat: no-repeat;
    height: 487px;
    width: 658px;
    margin-bottom: 60px;
    margin-right: auto;
    margin-left: auto;
}
#Container .formBg_top {
	background-image: url(../images/contents/formBg_top.gif);
	background-repeat: no-repeat;
	height: 20px;
	width: 960px;
	display: block;
	overflow: hidden;
}
#Container .formBg_body {
	background-image: url(../images/contents/formBg_body.gif);
	background-repeat: repeat-y;
	width: 960px;
	display: block;
	padding: 30px;
}
#Container .formBg_bottom {
	background-image: url(../images/contents/formBg_bottom.gif);
	background-repeat: no-repeat;
	height: 20px;
	width: 960px;
	display: block;
	overflow: hidden;
}

#Container .price p {
    padding-top: 220px;
	padding-left: 10px;
}
.formBg_body #form {
	margin-bottom: 40px;
	border-top-width: 2px;
	border-right-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #000;
	border-right-color: #000;
	width: 880px;
}
.formBg_body #form td,
.formBg_body #form th {
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #000;
	border-left-color: #000;
	background-color: #FFC;
	text-align: left;
	font-size: 16px;
	font-weight: normal;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 10px;
}






.red{
	color: #F00;

}
.blue{
	color: #36C;
	font-weight: bold;
}
p.nopadding{
	margin: 0px;
}

dl.screen {
	position:absolute;
	top:685px;
	left:55px;
	text-align:center;
	line-height:1;
	font-size:0;
	width:280px;
}
dl.screen dd {float:left; margin:0 10px 10px 0;}
dl.screen dd.screen3 { float:none; clear:both;}
dl.screen dt {clear:both;}





/*#################### お問い合わせ ####################*/

#Container .formBg_body p img {vertical-align:middle; position:relative; top:-2px;}
#Container .formBg_body p strong {color:#d84c4c;}

/*　同意ボックス
-------------------------------------*/
#Container .formBg_body ul.agreement {
	border: 2px solid #000000;
	margin-bottom: 20px;
	background-color: #FFFFCC;
	width: 836px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	}
	#Container .formBg_body ul.agreement li {display:table-cell; vertical-align:middle;}
		#Container .formBg_body ul.agreement li.link {width:260px;}
		#Container .formBg_body ul.agreement li.ask  {width:320px; text-align:center; font-size:13px;}
		#Container .formBg_body ul.agreement li.agree{width:200px; padding-top:5px;}
		
			#Container .formBg_body ul.agreement ul li {
	display: block;
	padding-left: 18px;
	margin: 0 0 5px;
	background-image: url(../images/contents/circle_icon.gif);
	background-repeat: no-repeat;
	background-position: 0 0.4em;
				}
				#Container .formBg_body ul.agreement ul li a {color: #5587CC;}

/* 同意ボタン */
#Container .formBg_body ul.agreement label {
	position:relative;
	display:block;
	width:200px;
	height:60px;
	}
	#Container .formBg_body ul.agreement input {
		position:absolute;
		top:50%;
		left:20px;
		margin-top:-10px;
		}













/* end */