@charset "UTF-8";


/* �E�B���h�E����769px�ȏ�̏ꍇ�ɓK�p����CSS */
@media screen and (min-width: 640px){


/* --------------------------------------------

 * base
 
 * -------------------------------------------- */

.nonePC {display:none}
 
p,img{
	padding:0;
	margin:0;
	}

.clear{
	clear:both;
}

.center{
	margin:0 auto !important;
	display:block;
	padding:20px;
	}

.txt{
	padding:10px 30px;
	line-height:190%;
	text-align:left;
	}


  /* --------------------------------------------

 * �}�[�W������
 
 * -------------------------------------------- */
 
.mt10{
	margin-top:20px;
	}

.mt40m{
	margin-top:-40px;
	}
 
 .mb50{
	 margin-bottom:50px;
	 }
 
 
 /* --------------------------------------------

 * header
 
 * -------------------------------------------- */
 

header{
	width:100%;
	margin:0 auto;
	background-color:#FFF;
	background-position:right !important;
	}

.pcheader{
	width:1000px !important;
	margin:0 auto;
	}

h1.logo{
	margin:-30px 0 0 0;
	}
	

	
	
 /* --------------------------------------------

 * header fade
 
 * -------------------------------------------- */


#header2 {
    position: fixed;
    height: 80px;
    width: 100%;
    background-color: #fff;
    z-index: 1000;
	margin:-30px 0 0 0;
	border-bottom:1px solid #ddd;
	}


.fadenavi{
	width:1110px;
	margin:0 auto
	}


ul.fade li{
	display:inline-block;
	font-size:90%;
	margin:0;
	}

ul.fade li a{
	margin-top:0px;
	display:block;
	}
	

	
ul.fade02 li a{
	margin-top:-30px;
	display:block;
	}	
	

/*�A���J�[�����N�̃Y����ʒu���������*/
.campaign h2 {
  margin-top : -80px;
  padding-top : 80px;
}




 /* --------------------------------------------

 * main
 
 * -------------------------------------------- */


.mainbox{
	margin-top:0;
	background:url(../images/pc/bg_main.gif) repeat-x;
	}

#main img{
	margin:0 auto;
	display:block
	}


 /* --------------------------------------------

 * pc��p�i�r
 
 * -------------------------------------------- */

.pcnav {
	width:1000px;
	height:200px;
	background:url(../images/pc/bg_navi_pc.gif) no-repeat;
	margin:30px 0;
	}

ul.menu{
	padding-top:27px;
	margin-left:-8px;
	}

ul.menu li{
	display:inline-block;
	margin:0 0 5px 0;
	}



 /* --------------------------------------------

 * contentsbox
 
 * -------------------------------------------- */


.contentsbox_pc{
	margin:0 auto;
	width:1000px;
	}



 /* --------------------------------------------

 * 001�K�X�g�[�Ȃ�
 
 * -------------------------------------------- */

.whitebox{
	background:#FFF;
	margin-top:-30px;
	margin-bottom:50px;
	overflow:hidden;
	-moz-box-shadow: 0px -1px 21px -5px rgba(220, 224, 227, 0.45);
	-webkit-box-shadow: 0px -1px 21px -5px rgba(220, 224, 227, 0.45);
	-ms-box-shadow: 0px -1px 21px -5px rgba(220, 224, 227, 0.45);
	box-shadow: 0px -1px 21px -5px rgba(220, 224, 227, 0.45);
	border-radius:10px;
	text-align:center;
	}


ul.merit{
	margin:0 auto;
	padding:30px 29px;
	}

ul.merit li{
	display:inline-block
	}


 /* --------------------------------------------

 * 002�G�l���A�Ȃ�
 
 * -------------------------------------------- */


.saport001{
	text-indent:-9999px;
	width:300px;
	height:300px;
	background:url(../images/pc/02_sapo001.gif) no-repeat;
	float:left;
	margin:20px 10px 30px 30px;
	}
	

.saport002{
	text-indent:-9999px;
	width:300px;
	height:300px;
	background:url(../images/pc/02_sapo002.gif) no-repeat;
	float:left;
	margin:20px 10px 30px 10px;
	}


.saport003{
	text-indent:-9999px;
	width:300px;
	height:300px;
	background:url(../images/pc/02_sapo003.gif) no-repeat;
	float:left;
	margin:20px 10px 30px 10px;
	}






 /* --------------------------------------------

 * 003 �|�J�|�J�v����
 
 * -------------------------------------------- */

.pokapokaimg{
	margin:20px auto
	}

.planbox{
	background:url(../images/pc/03_bg.gif) no-repeat;
	width:950px;
	height:155px;
	background-position:left 50px bottom 0px;
	}


.pricetxt{
	width:550px;
	text-align:left;
	margin:0 0 0 350px; 
	padding:30px 0 0 0;
	line-height:190%;
	}


.txtattention{
	width:90%;
	text-align:left;
	padding:20px 30px 20px 55px;
	line-height:200%;
	font-size:75%;
	}





 /* --------------------------------------------

 * 005 ���q�l�̐�
 
 * -------------------------------------------- */


.voicebox{
	background:url(../images/common/05_bg.gif) no-repeat;
	background-size:cover;
	margin-bottom:50px;
	padding-bottom:80px;
	}


.voicebox2{
	width:1000px;
	margin:20px auto;
	background:#FFF;
	padding:30px;
	border-radius:8px;
	box-shadow: 1px 1px 1px 1px #ddd;
    -webkit-box-shadow:  1px 1px 1px 1px #ddd;
    -moz-box-shadow:  1px 1px 1px 1px #ddd;
	}

.voice001{
	background:url(../images/pc/005_bg001.jpg) no-repeat;
	}

.voice002{
	background:url(../images/pc/005_bg002.jpg) no-repeat;
	}

.voice003{
	background:url(../images/pc/005_bg003.jpg) no-repeat;
	}


.voicetxt{
	width:750px;
	margin:0 0 0 250px;
	padding:100px 0 0 0;
	font-size:90%;
	line-height:190%;
	}






 /* --------------------------------------------

 * 006 �V���[���[�����ē�
 
 * -------------------------------------------- */



dl.showroom{
	float:left;
	font-size:90%;
	text-align:left;
	margin:40px 0px 40px 20px;
	width:300px;
	}


dl.showroom dt.map img{
	margin:0 0 10px 10px;
	width:100%;
	}


dl.showroom dd.area{
	font-weight:bold;
	margin-bottom:10px;
	margin-left:18px;
	}


dl.showroom dd.info{
	font-size:90%;
	line-height:220%;
	margin-left:18px;
	}


 /* --------------------------------------------

 * 007 ���i���ē�
 
 * -------------------------------------------- */


.iteminfoBOX{
	width:940px;
	height:600px;
	background:url(../images/pc/007bg.jpg) no-repeat;
	background-position:left 30px top 10px;
	}

dl.itemspec{
	font-size:75%;
	width:240px;
	float:left;
	margin-top:460px;
	margin-left:70px;
	text-align:left;
	}


 /* --------------------------------------------

 * 008 web�����ς��
 
 * -------------------------------------------- */

.webEstimation{
	background-color:#FFF1D5;
	}
	
.webEstimation img{
	padding:30px 0;
	}







}

@media screen and (max-width:641px) {

/* --------------------------------------------

 * base
 
 * -------------------------------------------- */

.noneSP {display:none}


body{
	line-height:170%;
	letter-spacing:1px;
	font-size:80%;
/*	background-color:#FFFAED;
*/	}

img{
	max-width: 100%;
	height: auto;
	width /***/:auto;
	}

.txt{
	padding:0px 10px 10px 10px;
	}


.txtattention{
	font-size:85%;
	padding:0px 10px 10px 10px;
	}

li.websimulation{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff7400+0,ff7400+100;Orange+Flat */
background: #ff7400; /* Old browsers */
background: -moz-linear-gradient(top, #ff7400 0%, #ff7400 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ff7400 0%,#ff7400 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ff7400 0%,#ff7400 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7400', endColorstr='#ff7400',GradientType=0 ); /* IE6-9 */
copy
text-shadow: 2px 3px 3px rgba(0,0,0,0.1);
	}



/* --------------------------------------------

 * title
 
 * -------------------------------------------- */


/*�A���J�[�����N�̃Y����ʒu���������*/
h2 {
  margin-top : -60px;
  padding-top : 60px;
}



 /* --------------------------------------------

 * main
 
 * -------------------------------------------- */

#main{
	margin:56px 0 15px 0;
	}

#mainslide img{
	margin-left:-40px;
	}



 /* --------------------------------------------

 * 001�K�X�g�[�Ȃ�
 
 * -------------------------------------------- */


.box{
	padding:0px 5px 0px 5px;
	}


.whitebox{
	background-color:#FFF;
	}


ul.merit{
	margin-top:-20px;
	background-color:#FFF;
	overflow:hidden;
	padding:10px 0px;
	}


ul.merit img{
	width:50%;
	float:left;
	}


 /* --------------------------------------------

 * 002�G�l���A�Ȃ�
 
 * -------------------------------------------- */


.saport001{
	border:4px solid #DEF3FA;
	border-radius:8px;
	background:url(../images/sp/02_bg01.gif) no-repeat;
	background-size:contain;
	margin-bottom:10px;
	background-color:#FFF;
	height:115px;
	}

.saporttxt{
	font-size:90%;
	width:70%;
	margin-top:45px;
	margin-left:13px;
	}

.saport002{
	border:4px solid #DEF3FA;
	border-radius:8px;
	background:url(../images/sp/02_bg02.gif) no-repeat;
	background-size:contain;
	margin-bottom:10px;
	background-color:#FFF;
	height:95px;
	}

.saport003{
	border:4px solid #DEF3FA;
	border-radius:8px;
	background:url(../images/sp/02_bg03.gif) no-repeat;
	background-size:contain;
	margin-bottom:10px;
	background-color:#FFF;
	height:80px;
	}




 /* --------------------------------------------

 * 003 ���M�����S[�ۂ��ۂ��v����]
 
 * -------------------------------------------- */


div.planbox{
	padding:5px 10px;
	border:2px solid #FFA92E;
	background:#FFF9EB;
	border-radius:8px;
	}



 /* --------------------------------------------

 * 005 ���q�l�̐�

 * -------------------------------------------- */


.voicebox{
	background:url(../images/common/05_bg.gif) no-repeat;
	background-size:cover;
	padding:10px;
	margin-top:-21px;
	}



.voicebox2{
	background-color:#FFF;
	border-radius:10px;
	padding:10px;
	margin:0 0 20px 0;
	box-shadow: 1px 1px 1px 1px #ddd;
    -webkit-box-shadow:  1px 1px 1px 1px #ddd;
    -moz-box-shadow:  1px 1px 1px 1px #ddd;
	line-height:180%;
	}








 /* --------------------------------------------

 * 006 �V���[���[�����ē�
 
 * -------------------------------------------- */


dl.showroom{
	margin-bottom:30px;
	}


dl.showroom dt.map{
	text-align:center;
	}

dl.showroom .area{
	font-weight:bold;
	margin-bottom:10px;
	}




 /* --------------------------------------------

 * 007 �ۂ��ۂ��L�����y�[�����i�Љ�
 
 * -------------------------------------------- */


dl.iteminfo .infotxt{
	font-size:100%;
	padding:10px 20px;
	}





 /* --------------------------------------------

 * 008 web���ς�
 
 * -------------------------------------------- */


.webEstimation{
	padding:10px;
	background:#fafafa;
	}





	
}

}