/* ===================================================================
CSS information
 file name  :  common.css
 style info :  基本構造（common.css）
 admin info :  Maho Noda
=================================================================== */
body {
	background-color:#FFFFFF;
}

@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
 
body {
     font-family: 'Noto Sans Japanese', sans-serif;
     font-size: 100%;
	 margin: 0 auto 10px;
	 text-align:center;
}

/* basicのスタイル記述 */
/* ========== header ========== */
#header {
	overflow: hidden;
	width: 850px;
	text-align:letf;
	margin: 20px auto 20px;
}
#header h1 {
	overflow: hidden;
	width: 191px;
	height: 54px;
	background: url(../images/logo.jpg) no-repeat 0 0;
	float:left;
	padding-right:10px;
}
#header h1 a {
	display: block;
	width: 191px;
	height: 0px;
	padding-top: 54px;
}


/* nav */
#nav {
	width: 600px;
	height: 60px;
	float:right;
	padding-top:20px;
}

#nav ul {
	overflow: hidden;
	margin: 0 auto;
	width: 655px;
}

#nav ul li {
	float: left;
	width:120px;
	font-weight:bold;
}

#nav ul li a{
display:block;
width:120px;
padding-top:10px;
padding-bottom:6px;
text-align:center;
}


#nav ul li a:hover {
	display:block;
	width:120px;
	border-bottom:2px solid red;
}

#nav ul li.nav01on, #nav ul li.nav02on, #nav ul li.nav03on, #nav ul li.nav04on, #nav ul li.nav05on {
	display:block;
	border-bottom:2px solid red;
}


/* ========== main ========== */
#main {
	width: 100%;
	height: 320px;
	margin-bottom: 20px;
	overflow: hidden;
	position: relative;
	background: url(../images/top_pc.jpg)  top center no-repeat; 
}

#main_access {
	width: 100%;
	height: 320px;
	margin-bottom: 20px;
	overflow: hidden;
	position: relative;
	background: url(../images/access.jpg)  top center no-repeat; 
}

#main_about {
	width: 100%;
	height: 320px;
	margin-bottom: 20px;
	overflow: hidden;
	position: relative;
	background: url(../images/about.jpg)  bottom center no-repeat; 
}

#main_salespoint {
	width: 100%;
	height: 320px;
	overflow: hidden;
	position: relative;
	background: url(../images/salespoint.jpg)  bottom center no-repeat; 
}



#main_contact {
	width: 100%;
	height: 320px;
	margin-bottom: 20px;
	overflow: hidden;
	position: relative;
	background: url(../images/contact.jpg)  bottom center no-repeat; 
}



#main_inner {
	width: 980px;
	height: 320px;
	margin: 0 auto;
	position: relative;
}

#main_inner img { margin-top:95px; }



/* ========== contents ========== */
#contents {
	width: 980px;
	margin: 0 auto;
}


/* TOP */
.shop_data {
	margin: 0 auto;
	margin-top:60px;
	width:750px;
	text-align:center;
}

.shop_data h2 {
	margin: 0 auto;
	font-size:140%;
	display:block;
	padding-bottom:5px;
	border-bottom:2px solid red;
	width:220px;
	margin-bottom:30px;
	font-weight:bold;
}
.shop_data dl {
	text-align:left;
}

.shop_data dl dt {
	width:200px;
	border-bottom:1px solid #CCC;
	float:left;
	padding:10px 0;
}
 
 
.shop_data dl dd {
	width:545px;
	border-bottom:1px solid #CCC;
	float:right;
	padding:10px 0;
}
 
.map {
	margin: 0 auto;
	margin-top:60px;
	width:750px;
	text-align:left;
}

.map p{
	margin-top:10px;
}

.shop_data a, .shop_data a:hover {
	text-decoration:underline;
}


/* access */

h2.access_tl {
	margin: 0 auto;
	font-size:140%;
	display:block;
	padding-bottom:5px;
	border-bottom:2px solid red;
	width:220px;
	margin-bottom:30px;
	font-weight:bold;
	margin-top:20px;
}



/* スタッフ紹介 */
.staff_data {
	margin: 0 auto;
	margin-top:70px;
	width:100%;
	text-align:center;
	margin-bottom:100px;
}

.staff_data h2 {
	margin: 0 auto;
	font-size:140%;
	display:block;
	padding-bottom:5px;
	border-bottom:2px solid red;
	width:220px;
	font-weight:bold;
}


.staff_data .each_1 {
	background-color:#5DB530;
	width:100%;
	margin-top:20px;
}

.staff_data .each_2 {
	width:100%;
	background-color:#FFEA00;
	margin-top:20px;
}


.staff_data .inner {
	margin: 0 auto;
	width:750px;
	text-align:left;
}


.staff_data .inner img {
	float:left;
	padding-right:50px;
}

.staff_data .inner .txt_area {
	float:left;
	padding-top:50px;
}


.staff_data .inner .txt_area h3 {
	font-size:130%;
	font-weight:bold;
	padding-bottom:10px;
}

.staff_data .inner .txt_area p {
	font-size:120%;
}
   	
/* ========== contact ========== */

.contact {
	margin: 0 auto;
	margin-top:50px;
	width:750px;
	text-align:left;
}

.contact h3 {
	color:#3D3591;
	font-size:110%;
	font-weight:bold;
}


/* ========== salespoint ========== */


.odd {
	width:100%;
	background-color:#F5F3F2;
	padding:30px 0 50px 0;
}

.even {
	width:100%;
	background-color:#FFF;
	padding:30px 0 50px 0;
}

.sales_info {
	margin: 0 auto;
	width:750px;
	text-align:center;
}

.sales_info h2 {
	margin: 0 auto;
	font-size:170%;
	display:block;
	padding-bottom:5px;
	border-bottom:2px solid red;
	width:300px;
	margin-bottom:30px;
	margin-top:20px;
	font-weight:bold;
}

.sales_info h3 {
	color:#3D3591;
	font-size:140%;
	font-weight:bold;
	margin:20px 0;
}

.sales_info h3 span {
	font-size:160%;
}

.sales_info h4 {
	margin: 0 auto;
	font-size:125%;
	display:block;
	padding-bottom:1px;
	border-bottom:2px solid red;
	width:300px;
	margin-bottom:10px;
	margin-top:10px;
	font-weight:bold;
}

   
.sales_info p {
	line-height:2em;
}

.sales_info p.no_3 {
	width:300px;
	float:left;
	text-align:left;
	padding-right:20px;
}

.sales_info img.no_3_p {
	float:left;
}

.sales_info  dl {
	margin:20px 0;
}

.sales_info  dl dt {
	text-align:left;
	width:120px;
	float:left;
	border-top:1px dashed #999;
	padding:10px;
}

.sales_info  dl dd {
	text-align:left;
	width:550px;
	float:left;
	border-top:1px dashed #999;
	padding:10px;
}

.sales_info  dl dd.last,
.sales_info  dl dt.last {
	border-bottom:1px dashed #999;
}
 
.sales_info  dl.mark {
	width:100%;
}
.sales_info  dl.mark dt {
	border:none;
	padding:3px;
	margin:1px;
	width:21%;
	float:left;
	text-align:center;
	font-weight:bold;
}

.sales_info  dl.mark dd {
	width:17%;
	border:none;
	padding:3px;
	margin:1px;
	color:#3D3591;
	border:1px solid #3D3591;
	background-color:#E9E6F3;
	text-align:center;
	font-weight:bold;
}
   
   
   .teikei {
	   
	margin: 0 auto;
	width:750px;
	text-align:center;
	padding:50px 0;
   }
   
   .teikei h3 {
	margin: 0 auto;
	font-size:125%;
	display:block;
	padding-bottom:1px;
	border-bottom:2px solid #000;
	width:200px;
	margin-bottom:40px;
	margin-top:20px;
	font-weight:bold;
}
	   
   .teikei .each_t {
	   border-top:#000 1px dashed;
	   padding:30px 0;
	   text-align:left;
   }
   
   .teikei .each_t .teikei_txt {
	   width:40%;
	   float:left;
	   padding-left:50px;
   }
   
    .teikei .each_t img {
		float:left;
	}
   
   .teikei .last {
	   border-bottom:#000 1px dashed;   }
   
   .teikei p {
	   font-size:95%;
   }
   
   .teikei h4 {
	   font-size:110%;
	   font-weight:bold;
   }
   
   .teikei a:hover {
	   text-decoration:underline;
   }
      
   
   


/* ========== pagetop ========== */
#pagetop {
	position: fixed;
	bottom: 40px;
	right: 40px;
}

/* ========== footer ========== */
#footer {
	background-color: #EDEDED;
	margin-top: 60px;
	height:220px;
	width:100%;
}


.footer_nav {
	overflow: hidden;
	float: left;
	width:100%;
}
.footer_nav li {
	float: left;
	width:20%;
	height:120px;
	text-align:center;
	color:#FFF;
	font-weight:bold;
	padding-top:100px;
	font-size:120%;
}

.footer_nav li a {
	color:#FFF;
	display:block;
	width:100%;
	height:120px;
	
}

.footer_nav li a:hover {
	text-decoration:underline;
}

.footer_nav li.f_n_1 {
	background:url(../images/f_nav1.jpg) top center no-repeat;
}

.footer_nav li.f_n_2 {
	background:url(../images/f_nav2.jpg) top center no-repeat;
}

.footer_nav li.f_n_3 {
	background:url(../images/f_nav3.jpg) top center no-repeat;
}

.footer_nav li.f_n_4 {
	background:url(../images/f_nav4.jpg) top center no-repeat;
}

.footer_nav li.f_n_5 {
	background:url(../images/f_nav5.jpg) top center no-repeat;
}






 @media screen and (max-width: 768px) {
/* タブレット、スマートフォン用 非Retina対応スタイル記述 */
body {
	font-size: 115%;
}

/* ========== header ========== */
#header {
	width: 100%;
	text-align:center;
	margin-top:10px;
	background: url(../images/logo.jpg)  top center no-repeat;
}
#header h1 {
	overflow: hidden;
	background:none;
}

#header h1 a {
	display: block;
	width: 191px;
	height: 0px;
	padding-top: 54px;
}



/* nav */
#nav {
	width: 100%;
	height: 45px;
}

#nav ul {
	width: 100%;
	overflow: hidden;
}

#nav ul li {
	float: left;
	height: 45px;
	width: 20%;
	font-weight:bold;
	text-align:center;
	display:block;
}


#nav ul li.nav01on, #nav ul li.nav02on, #nav ul li.nav03on, #nav ul li.nav04on, #nav ul li.nav05on {
	border-bottom:2px solid red;
}


/* ========== main ========== */
#main {
	width:100%;
	background: url(../images/top_pc.jpg)  top center no-repeat; 
}
#main_inner {
	width: 100%;
	height:100%;
	margin: 0;
	overflow: hidden;
	border: 0;
}
#main ul, #main img {
	width: 60%;
	height: auto;
}

/* ========== contents ========== */
#contents {
	width: 100%;
}

.info {
	width:90%;
	margin:0 auto;
}

#contents img {
	margin:0 auto;
	width:90%;
	height:auto;
}



/* TOP */
.shop_data {
	margin: 0 auto;
	margin-top:60px;
	width:90%;
	text-align:center;
}

.shop_data h2 {
	margin: 0 auto;
	font-size:140%;
	display:block;
	padding-bottom:5px;
	border-bottom:2px solid red;
	width:50%;
	margin-bottom:30px;
	font-weight:bold;
}

.shop_data dl {
	text-align:left;
}

.shop_data dl dt {
	width:27%;
	border-bottom:1px solid #CCC;
	float:left;
	padding:10px 0;
}
 
 
.shop_data dl dd {
	width:70%;
	border-bottom:1px solid #CCC;
	float:right;
	padding:10px 0;
}
 
.map {
	margin: 0 auto;
	margin-top:60px;
	width:90%;
}

.map iframe {
	width:100%;
}

.map p{
	margin-top:10px;
}

.shop_data a, .shop_data a:hover {
	text-decoration:underline;
}



/* access */

h2.access_tl {
	margin: 0 auto;
	font-size:140%;
	display:block;
	padding-bottom:5px;
	border-bottom:2px solid red;
	width:50%;
	margin-bottom:30px;
	font-weight:bold;
}


/* スタッフ紹介 */
.staff_data {
	margin: 0 auto;
	margin-top:70px;
	width:100%;
	text-align:center;
	margin-bottom:100px;
}

.staff_data h2 {
	margin: 0 auto;
	font-size:140%;
	display:block;
	padding-bottom:5px;
	border-bottom:2px solid red;
	width:50%;
	font-weight:bold;
}


.staff_data .each_1 {
	background-color:#5DB530;
	width:100%;
	margin-top:20px;
}

.staff_data .each_2 {
	width:100%;
	background-color:#FFEA00;
	margin-top:20px;
}


.staff_data .inner {
	margin: 0 auto;
	width:90%;
	text-align:left;
}


.staff_data .inner img {
	width:40%;
	height:auto;
	float:left;
	padding:20px 0;
	padding-right:25px;
}

.staff_data .inner .txt_area {
	float:left;
	padding-top:20px;
	width:50%;
}


.staff_data .inner .txt_area h3 {
	font-size:120%;
	font-weight:bold;
	padding-bottom:10px;
}

.staff_data .inner .txt_area p {
	font-size:100%;
}



/* ========== contact ========== */

.contact {
	margin: 0 auto;
	margin-top:50px;
	width:90%;
	text-align:left;
}

.contact h3 {
	color:#3D3591;
	font-size:110%;
	font-weight:bold;
}


form#mailformpro dl dt {
		float: none;
		width: auto;
		font-size: 12px;
		padding: 10px;
		text-align: left;
	}
	form#mailformpro dl dd {
		clear: both;
		border-top: none;
		padding: 5px 15px;
		font-size: 12px;
		line-height: 1.5em;
	}
	div.mfp_buttons button {
		font-size: 14px;
	}
	
	table#mfp_confirm_table tr th {
		white-space: nowrap;
		width: 100px;
	}
	
	
/* ========== salespoint ========== */


.odd {
	width:100%;
	background-color:#F5F3F2;
	padding:30px 0 50px 0;
}

.even {
	width:100%;
	background-color:#FFF;
	padding:30px 0 50px 0;
}

.sales_info {
	margin: 0 auto;
	width:90%;
	text-align:center;
}

.sales_info h2 {
	margin: 0 auto;
	font-size:170%;
	display:block;
	padding-bottom:5px;
	border-bottom:2px solid red;
	width:50%;
	margin-bottom:30px;
	margin-top:20px;
	font-weight:bold;
}

.sales_info img {
	margin: 0 auto;
	width:100%;
	height:auto;
	text-align:center;
}

.sales_info h3 {
	color:#3D3591;
	font-size:140%;
	font-weight:bold;
	margin:20px 0;
}

.sales_info h3 span {
	font-size:160%;
}

.sales_info h4 {
	margin: 0 auto;
	font-size:120%;
	display:block;
	padding-bottom:1px;
	border-bottom:2px solid red;
	width:50%;
	margin-bottom:10px;
	margin-top:10px;
	font-weight:bold;
}

   
.sales_info p {
	line-height:2em;
}

.sales_info p.no_3 {
	width:100%;
	text-align:center;
	padding-right:20px;
	float:none;
}

.sales_info img.no_3_p {
	float:none;
}

.sales_info  dl {
	margin:20px 0;
}

.sales_info  dl dt {
	text-align:left;
	width:25%;
	float:left;
	border-top:1px dashed #999;
	padding:10px;
}

.sales_info  dl dd {
	text-align:left;
	width:67%;
	float:left;
	border-top:1px dashed #999;
	padding:10px;
}

.sales_info  dl dd.last,
.sales_info  dl dt.last {
	border-bottom:1px dashed #999;
}
 
.sales_info  dl.mark {
	width:100%;
	text-align:center;
}
.sales_info  dl.mark dt {
	border:none;
	padding:3px;
	margin:1px;
	width:100%;
	text-align:center;
	font-weight:bold;
}

.sales_info  dl.mark dd {
	width:98%;
	margin: 2px auto;
	border:none;
	padding:1%;
	color:#3D3591;
	border:1px solid #3D3591;
	background-color:#E9E6F3;
	text-align:center;
	font-weight:bold;
}
   
   
   .teikei {
	   
	margin: 0 auto;
	width:90%;
	text-align:center;
	padding:50px 0;
   }
   
   .teikei h3 {
	margin: 0 auto;
	font-size:125%;
	display:block;
	padding-bottom:1px;
	border-bottom:2px solid #000;
	width:200px;
	margin-bottom:40px;
	margin-top:10px;
	font-weight:bold;
}
	   
   .teikei .each_t {
	   border-top:#000 1px dashed;
	   padding:30px 0;
	   text-align:left;
   }
   
   .teikei .each_t .teikei_txt {
	   width:50%;
	   float:left;
	   padding-left:50px;
   }
   
    .teikei .each_t img {
		float:left;
		width:40%;
		height:auto;
	}
	
   
   .teikei .last {
	   border-bottom:#000 1px dashed;   }
   
   .teikei p {
	   font-size:95%;
   }
   
   .teikei h4 {
	   font-size:110%;
	   font-weight:bold;
   }
   
   .teikei a:hover {
	   text-decoration:underline;
   }
      
   
	
/* ========== pagetop ========== */
#pagetop {
	display: none;
}

/* ========== footer ========== */
#footer {
	width: 100%;
	margin-top: 30px;
	/* padding: 0 0 50px 0; */
	background-color: #fff;
	font-size: 80%;
	height:auto;
}
#footer .inner {
	width: 100%;
}


.footer_nav li.f_n_1 {
	background:none;
	background-color: #EDEDED;
}

.footer_nav li.f_n_2 {
	background:none;
	background-color: #EDEDED;
}

.footer_nav li.f_n_3 {
	background:none;
	background-color: #EDEDED;
}

.footer_nav li.f_n_4 {
	background:none;
	background-color: #EDEDED;
}

.footer_nav li.f_n_5 {
	background:none;
	background-color: #EDEDED;
}



.footer_nav {
	overflow: hidden;
	width: 100%;
	float: none;
}
.footer_nav li {
	float:none;
	width: 100%;
	height:auto;
	margin-right: 0;
	background-color: #EDEDED;
	border-bottom: 1px solid #999;
	color:#333;
	font-weight:bold;
	padding:0;
	font-size:100%;
	text-align:left;
}

.footer_nav li a {
	width: 100%;
	height:auto;
	color:#333;
	display: block;
	padding: 9px 0 8px 20px;
	background: url(../images/footer_arrow_rt.png) no-repeat 98% center;
}
.inner hr {
	display: none;
}
.company {
	overflow: hidden;
	width: 100%;
	float: none;
}
.company li {
	width: 50%;
	padding: 0;
	margin-right: 0;
	background: none;
}
.company li a {
	display: block;
	padding: 9px 5px 8px 20px;
	border-bottom: 1px solid #b5e3e8;
}
.company li:nth-child(odd) a {
	border-right: 1px solid #b5e3e8;
}
address {
	overflow: hidden;
	font-size: 80%;
	color: #231815;
	float: none;
	text-align: center;
	margin-top: 10px;
}

.main_inner_sp {
	display:none;
}

}





 @media screen and (max-width: 640px) {
/* max-width: 768pxから更にスマートフォン用へ
最適化する箇所のスタイル記述 */

/* ========== header ========== */
#header {
	margin: 0 auto;
}
/* nav */
#nav {
	width:100%;
	height:139px;
	margin-bottom:10px;
}

#nav ul {
	width: 100%;
	height: 138px;
	border-top: solid 1px #999;
}

#nav ul li {
	overflow: hidden;
	width: 50%;
	height: 46px;
	font-weight:bold;
}

#nav ul li a {
	display: block;
	border-bottom: solid 1px #999;
	width: 100%;
}

#nav ul li:nth-child(odd) a, #nav ul li:nth-child(odd) a:hover {
	width: 99%;
	border-right: solid 1px #999;
}

#nav ul li a:hover {
	display:block;
	border:none;
}

#nav ul li.nav01on, #nav ul li.nav02on, #nav ul li.nav03on, #nav ul li.nav04on, #nav ul li.nav05on {
	display:block;
	border-bottom:none;
}





/* ========== main ========== */
#main {
	width: 100%;
	height:300px;
	margin-bottom: 0px;
	overflow: hidden;
	background: url(../images/top_pc.jpg)  top center no-repeat; 
	background-size:300% auto;/*この場合は高さが自動設定*/
}

#main_access {
	width: 100%;
	height:150px;
	margin-bottom: 5px;
	overflow: hidden;
	background: url(../images/access.jpg)  top center no-repeat; 
	background-size:200% auto;/*この場合は高さが自動設定*/
}

#main_about {
	width: 100%;
	height:150px;
	margin-bottom: 5px;
	overflow: hidden;
	background: url(../images/about.jpg)  top center no-repeat; 
	background-size:120% auto;/*この場合は高さが自動設定*/
}

#main_salespoint {
	width: 100%;
	height:150px;
	margin-bottom: 0px;
	overflow: hidden;
	background: url(../images/salespoint.jpg)  top center no-repeat; 
	background-size:300% auto;/*この場合は高さが自動設定*/
}



#main_contact {
	width: 100%;
	height:150px;
	margin-bottom: 5px;
	overflow: hidden;
	background: url(../images/contact.jpg)  top center no-repeat; 
	background-size:300% auto;/*この場合は高さが自動設定*/
}

.shop_data {
	margin-top:30px;
}


.shop_data h2 {
	margin: 0 auto;
	font-size:120%;
	display:block;
	padding-bottom:5px;
	border-bottom:2px solid red;
	width:80%;
	margin-bottom:30px;
	font-weight:bold;
}


.shop_data dl {
	text-align:left;
}

.shop_data dl dt {
	width:100%;
	border-bottom:none;
	float:none;
	padding:0;
	padding-left:5px;
	border-left: 5px  solid #999;
	font-weight:bold;
}
 
 
.shop_data dl dd {
	width:100%;
	border-bottom:none;
	float:none;
	padding:10px 0;
}

/* access */

h2.access_tl {
	margin: 0 auto;
	font-size:120%;
	display:block;
	padding-bottom:5px;
	border-bottom:2px solid red;
	width:80%;
	margin-bottom:30px;
	font-weight:bold;
	margin-top:20px;
}


/* スタッフ紹介 */


.staff_data {
	margin: 0 auto;
	margin-top:30px;
	width:100%;
	text-align:center;
	margin-bottom:20px;
}


.staff_data h2 {
	margin: 0 auto;
	font-size:120%;
	display:block;
	padding-bottom:5px;
	border-bottom:2px solid red;
	width:80%;
	font-weight:bold;
	margin-top:20px;
}


.staff_data .each_1 {
	background-color:#5DB530;
	width:100%;
	margin-top:20px;
}

.staff_data .each_2 {
	width:100%;
	background-color:#FFEA00;
	margin-top:20px;
}


.staff_data .inner {
	margin: 0 auto;
	width:90%;
	text-align:left;
}


.staff_data .inner img {
	float:none;
	width:100%;
	height:auto;
	padding::0;
	padding-top:20px;
	margin-bottom:0;
	padding-bottom:5px;
}

.staff_data .inner .txt_area {
	float:none;
	width:100%;
	padding-top:0;
	padding-bottom:15px;
}


.staff_data .inner .txt_area h3 {
	font-size:100%;
	font-weight:bold;
	padding-bottom:5px;
}

.staff_data .inner .txt_area p {
	font-size:100%;
}
   	

.sales_info h2 {
	margin: 0 auto;
	font-size:140%;
	display:block;
	padding-bottom:5px;
	border-bottom:2px solid red;
	width:80%;
	margin-bottom:30px;
	margin-top:20px;
	font-weight:bold;
}

.sales_info img {
	margin: 0 auto;
	width:100%;
	height:auto;
	text-align:center;
}

.sales_info h3 {
	color:#3D3591;
	font-size:120%;
	font-weight:bold;
	margin:20px 0;
}

.sales_info h3 span {
	font-size:130%;
}

.sales_info h4 {
	margin: 0 auto;
	font-size:110%;
	display:block;
	padding-bottom:1px;
	border-bottom:2px solid red;
	width:90%;
	margin-bottom:10px;
	margin-top:10px;
	font-weight:bold;
}

   
.sales_info p {
	line-height:2em;
	text-align:left;
}

.sales_info p.no_3 {
	width:100%;
	text-align:center;
	padding-right:0px;
	float:none;
}

.sales_info img.no_3_p {
	float:none;
}

.sales_info  dl {
	margin:20px 0;
}

.sales_info  dl dt {
	text-align:left;
	width:100%;
	float:none;
	border-top:none;
	padding:0;
	padding-left:5px;
	border-left: 5px  solid #999;
	font-weight:bold;
}

.sales_info  dl dd {
	text-align:left;
	width:100%;
	border-bottom:none;
	float:none;
	padding:10px 0;
}

.sales_info  dl dd.last,
.sales_info  dl dt.last {
	border-bottom:none;
}
 
 
.sales_info  dl.mark {
	width:100%;
	text-align:center;
}

.sales_info dl.mark dt {
	background-color:none;
	float:none;
	border:none;
	padding:3px;
	margin:1px;
	width:100%;
	text-align:center;
	font-weight:bold;
}

.sales_info  dl.mark dd {
	width:98%;
	margin: 2px auto;
	border:none;
	padding:1%;
	color:#3D3591;
	border:1px solid #3D3591;
	background-color:#E9E6F3;
	text-align:center;
	font-weight:bold;
}
   
   
   .teikei {
	   
	margin: 0 auto;
	width:90%;
	text-align:center;
	padding:50px 0;
   }
   
   .teikei h3 {
	margin: 0 auto;
	font-size:125%;
	display:block;
	padding-bottom:1px;
	border-bottom:2px solid #000;
	width:200px;
	margin-bottom:40px;
	margin-top:10px;
	font-weight:bold;
}
	   
   .teikei .each_t {
	   border-top:#000 1px dashed;
	   padding:30px 0;
	   text-align:left;
   }
   
   .teikei .each_t .teikei_txt {
	   width:100%;
	   float:none;
	   padding-left:0;
   }
   
    .teikei .each_t img {
		float:none;
		width:80%;
		height:auto;
		margin-top:20px;
		padding-left:10%;
	}
   
   .teikei .last {
	   border-bottom:#000 1px dashed;   }
   
   .teikei p {
	   font-size:95%;
   }
   
   .teikei h4 {
	   font-size:110%;
	   font-weight:bold;
   }
   
   .teikei a:hover {
	   text-decoration:underline;
   }
      


}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
/* RETINA用のスタイル記述 */

/* ========== header ========== */
/* #header h1 {
	background-position: left bottom;
	background-size: 90px auto;
} */

/* nav */
#nav ul li.nav01 a, #nav ul li.nav01 a:hover {background: url(../images/nav_sp_01.gif) no-repeat center;}
#nav ul li.nav02 a, #nav ul li.nav02 a:hover {background: url(../images/nav_sp_02.gif) no-repeat center;}
#nav ul li.nav03 a, #nav ul li.nav03 a:hover {background: url(../images/nav_sp_03.gif) no-repeat center;}
#nav ul li.nav04 a, #nav ul li.nav04 a:hover {background: url(../images/nav_sp_04.gif) no-repeat center;}
#nav ul li.nav05 a, #nav ul li.nav05 a:hover {background: url(../images/nav_sp_05.gif) no-repeat center;}
#nav ul li.nav06 a, #nav ul li.nav06 a:hover {background: url(../images/nav_sp_06.gif) no-repeat center;}
#nav ul li.nav01 a, #nav ul li.nav02 a, #nav ul li.nav03 a, #nav ul li.nav04 a, #nav ul li.nav05 a, #nav ul li.nav06 a, #nav ul li.nav01 a:hover, #nav ul li.nav02 a:hover, #nav ul li.nav03 a:hover, #nav ul li.nav04 a:hover, #nav ul li.nav05 a:hover, #nav ul li.nav06 a:hover {
	background-size: contain;
}

/* ========== main ========== */
#main ul, #main ul img {
	width: 100%;
	height: auto;
}
#main .main_nav .prev {
	background: url(../images/prev_sp.png) no-repeat #75cad3;
	background-size: contain;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
}
#main .main_nav .next {
	background: url(../images/next_sp.png) no-repeat #75cad3;
	background-size: contain;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
}

/* ========== contents ========== */
/* order */
.order h1 {
	background: url(../images/order_ttl_sp.png) no-repeat 0 0;
	background-size: 280px 40px;
	-webkit-background-size: 280px 40px;
	-moz-background-size: 280px 40px;
	-o-background-size: 280px 40px;
}
.step01, .step02, .step03, .step04 {
	width: 100px;
	padding-top: 100px;
}
.step01 {
	background: url(../images/order_step01_sp.png) no-repeat 0 0;
	background-size: contain;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
}
.step02 {
	background: url(../images/order_step02_sp.png) no-repeat 0 0;
	background-size: contain;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
}
.step03 {
	background: url(../images/order_step03_sp.png) no-repeat 0 0;
	background-size: contain;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
}
.step04 {
	background: url(../images/order_step04_sp.png) no-repeat 0 0;
	background-size: contain;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
}
.order_arrow {
	width: 30px;
	height: 0px;
	padding-top: 100px;
	margin-bottom: 10px;
	background: url(../images/order_arrow_sp.png) no-repeat 0 0;
	background-size: contain;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
}
.order .ring {
	bottom: 84px;
	background: url(../images/order_icon_sp.png) no-repeat 0 0;
	background-size: 43px 53px;
	-webkit-background-size: 43px 53px;
	-moz-background-size: 43px 53px;
	-o-background-size: 43px 53px;
}
.order_btn span {
	background: url(../images/order_btn_sp.png) no-repeat center;
	background-size: 108px 12px;
	-webkit-background-size: 108px 12px;
	-moz-background-size: 108px 12px;
	-o-background-size: 108px 12px;
}

/* banner */
.flex-prev {
	background: url(../images/prev_sp.png) no-repeat;
	background-size: contain;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
}
.flex-next {
	background: url(../images/next_sp.png) no-repeat;
	background-size: contain;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
}
.flex-prev, .flex-next,
.flex-prev:hover, .flex-next:hover {
	background-color: #75cad3;
}





/* ========== footer ========== */
.sns .fb a span {
	background: url(../images/sns_fb_sp.png) no-repeat, url(../images/sns_arrow_sp.png) no-repeat;
	background-position: 20px center, right center;
	background-size: 87px 20px, 5px 9px;
	-webkit-background-size: 87px 20px, 5px 9px;
	-moz-background-size: 87px 20px, 5px 9px;
	-o-background-size: 87px 20px, 5px 9px;
}
.sns .tw a span {
	background: url(../images/sns_tw_sp.png) no-repeat, url(../images/sns_arrow_sp.png) no-repeat;
	background-position: 20px center, right center;
	background-size: 79px 20px, 5px 9px;
	-webkit-background-size: 79px 20px, 5px 9px;
	-moz-background-size: 79px 20px, 5px 9px;
	-o-background-size: 79px 20px, 5px 9px;
}
.footer_nav li a {
	background: url(../images/footer_arrow_sp.png) no-repeat 98% center;
	background-size: 5px 9px;
	-webkit-background-size: 5px 9px;
	-moz-background-size: 5px 9px;
	-o-background-size: 5px 9px;
}
}