@charset "Shift_JIS";



/* --------------------------------
	基本レイアウト
-------------------------------- */

#container { background: #f2f2f2;}
#body { width: 960px; margin: 0 auto;}



/* --------------------------------
	メインビジュアル
-------------------------------- */

#mainVisualArea {}
#mainVisualArea .container { position: relative; width: 960px; height: 380px; margin: 0 auto;}
#mainVisualArea h1 {
	position: absolute;
	top: 21px;
	left: 30px;
}
#mainVisualArea p.main_btn { position: absolute; top: 16px; right: 17px;}
#mainVisualArea .featureArea {
	position: absolute;
	top: 173px;
	left: 30px;
	width: 341px;
	height: 95px;
	background-image: url(../img/index/main_feature_bg.png);
	background-repeat: no-repeat;
}
#mainVisualArea .featureArea ul.nav { padding: 8px 0 0 5px;}
#mainVisualArea .featureArea ul.nav li { float: left; padding: 0 0 0 3px;}
#mainVisualArea ul.bnr { position: absolute; top: 278px; left: 120px;}
/*バナー2点　#mainVisualArea ul.bnr { position: absolute; top: 278px; left: 30px;}　*/
#mainVisualArea ul.bnr li { float: left; padding: 0 10px 0 0;}

.pc-none{ display: none;}
@media only screen and (max-width: 767px) {
.sp-none{ display: none;}
.pc-none{ display: block;}
}

.sp-border {
border: 1px solid #ccc;
}
/* --------------------------------
	イントロ
-------------------------------- */

#intro { width: 960px; margin: 147px 0 0; }
#intro p.note { padding: 14px 0 0; color: #000; font-size: 83%;}
#intro p.img_02 { float: right; padding: 20px 0 0 15px;}


/* --------------------------------
	3つの魅力
-------------------------------- */

#feature_01 { padding: 40px 0 0;}
#feature_01 h2 {padding-bottom:6px;}
#feature_01 .container {}
#feature_01 .cautionList { width: 960px;}
#feature_01 p.img_02 { float: right; padding: 20px 0 0 15px;}
#feature_01 p.btn { text-align:right; padding-top:10px;}

#feature_02 { padding: 40px 0 0;}
#feature_02 h2 {padding-bottom:6px;}
#feature_02 p.btn {  float: right; padding-top:10px;}

#feature_03 { padding: 40px 0 0;}
#feature_03 h2 {padding-bottom:6px;}
#feature_03 p.btn { float: right; padding-top:10px;}
.three{ padding:30px 0 0 40px;}

#feature_04 { padding: 40px 0 0;}
#feature_04 h2 {padding-bottom:6px;}
#feature_04 p.btn { text-align: right; padding-top:10px;}

#feature_05 { padding: 40px 0 0;}
#feature_05 h2 {padding-bottom:6px;}
#feature_05 p.btn { text-align: right;}
.three{ padding:30px 0 0 40px;}


.img_left01 { border: 0 none; vertical-align: bottom; float:left; padding-right:24px;}
.img_left02 { border: 0 none; vertical-align: bottom; float:left; padding-right:28px;}
.img_left03 { border: 0 none; vertical-align: bottom; float:left; padding:0 29px 30px 0;}
.txt_right01 { border: 0 none; vertical-align: bottom; float:right; padding:0 33px 25px 0;}
.txt_right02 { border: 0 none; vertical-align: bottom; float:right; padding:0 16px 25px 0;}
.txt_right03 { border: 0 none; vertical-align: bottom; float:right; padding:0 35px 25px 0;}
.btn_01{ border: 0 none; vertical-align: bottom; float:right; }
.btn_02{ border: 0 none; vertical-align: bottom; float:right; }
.btn_03{ border: 0 none; vertical-align: bottom; float:right; }
.img03_01{ border: 0 none; vertical-align: bottom; padding:33px 0 16px 36px;}
.img03_01_02{ border: 0 none; vertical-align: bottom; width:280px; float:left; padding:0 10px 19px 39px;}
.img03_01_03{ border: 0 none; vertical-align: bottom; float:left;}
.img03_02{ border: 0 none; vertical-align: bottom; padding:0 0 19px 39px;}
.img03_03{ border: 0 none; vertical-align: bottom; padding:0 0 39px 39px;}
.container01{ width:960px; background-color:#FFF;}
.container02{ width:960px; background-color:#FFF;}



/* --------------------------------
	グレード・価格
-------------------------------- */

#grade { position: relative; width: 960px; margin: 28px 0 0;}
#grade p.btn { position: absolute; top: 295px; left: 39px; padding-top:10px;}