/**
 layout.css
 **/

/** common **/
body{
	border-top: 2px solid #1c85d6;
	font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	background: url(../images/body_bk.png) repeat-x 0 112px;
}

.pc_on{}
.sp_on{ display:none;}
.sp_on_in{ display:none;}
.sp_on2{ display:none;}

a:hover{
	opacity:0.7;
	filter: alpha(opacity=80);
}

#pagetop{
	font-size: 1px;
}

#container{
	background: #fff;
	width: 930px;
	height: auto;
	margin: -15px auto 0px auto;
	padding-top: 14px;
}

#breadcrumbs{
	margin: 15px 0;
	font-size: 0.1px;
	letter-spacing: -2px; /* 文字間を詰めて隙間を削除する */
	word-spacing: -2px; /* 文字間を詰めて隙間を削除する */
}

.left{
	float: left;
}

.right{
	float: right;
}

#breadcrumbs li{
	width: auto;
	height: 25px;
	background: url(../images/breadcrumbs.png) no-repeat;
	display: -moz-inline-box; /*for Firefox 2*/
	display: inline-block; /*for modern*/
	/display: inline; /*for ie5～7*/
	/zoom: 1; /*for ie5～7*/
	font-size: 14px;
	letter-spacing: normal; /* 文字間を通常に戻す */
	word-spacing: normal; /* 文字間を通常に戻す */
	line-height: 25px;
	margin: 0;
	padding: 0 5px;
}

#body_wrap{
	width: 950px;
	height: auto;
	background: #FFF;
	margin: 0 auto;
}

#main_wrap{
	clear: both;
	width: 930px;
	height: auto;
	margin-top: 10px; 
}
.readbar_01{	
	background: #f3f3f3;
	height: 42px;
	line-height: 44px;
	margin-bottom:20px ; 
	vertical-align: middle;
	border-left: 10px solid #fd6a39; 
}

/*ロゴ上のコメント*/
#head_comment p{
	font-size: 12px;
	line-height: 18px;
	margin-bottom: 15px;
	float: left;
}

#head_comment img{
	margin-left: 80px;
}

/* ↓↓6つの理由↓↓ */
#readbar_6reason{
	height: 150px;
	width: 930px;
	background-position: 0 30px;
	line-height: 57px;
	margin-bottom: 5px;
	position: relative;
	padding-top: 5px;
	z-index: 1;
}

#readbar_6reason_02{
	background: #f3f3f3;
	height: 55px;
	line-height: 44px;
	margin-bottom:10px ; 
	vertical-align: middle;
	border-left: 10px solid #fd6a39; 
}

#readbar_6reason h2{	
	width: 890px;
	color: #3f3f3f;
	font-size:27px;
	float:left;
	font-weight:bold;
	padding: 5px 0 0 10px;
	z-index: 4;
}

#readbar_6reason_02 ul{
	margin-left: 20px;
}

#readbar_6reason_02 ul li{
	float: left;
	margin-right: 1px;
}

#readbar_6reason_right{
	height: 156px;
	width: 207px;
	background: url(../images/top_img6reason.png) no-repeat;
	background-size: contain; 
	top: -8px;
	z-index: 3;
	position: absolute;
	margin-left: 703px;
}


#readbar_6reason h2 img{
	vertical-align: middle;
	padding-bottom: 10px;
}

#readbar_6reason h2 span{
	color: #fa1c31;
	font-size:33px;
}

.readbar_02{	
	background: url(../images/title_back.png) repeat-x;
	height: 45px;
	line-height: 48px;
	margin-bottom:20px ; 
	position: relative;
	vertical-align: middle;
}

.readbar_02_text{
	color: #fff;
	font-size:25px;
	padding: 0px 0px 0px 20px;
}

.readbar_02_text img{
	position:absolute;
	bottom:1px;
}

.readbar_6reason_box{
	width: 297px;
	height: auto;
	border: solid 1px #ccc;
	float: left;
	padding: 10px 2px 0;
	margin: 10px 10px 0 0;
	text-align: center;
}

.readbar_6reason_box p{
	color: #fd6a39;
	font-size: 27px;
	font-weight: bold;
	line-height: 27px;
	margin-bottom: 10px;
}

.readbar_6reason_box p span{
	font-size: 15px !important;
	color: #3f3f3f !important;
}

.readbar_6reason_left_button{
	margin-right: 5px;
}

/* ↑↑6つの理由↑↑  */

.topread{
	margin-top: 238px;
}

/* ↓↓予約ボタン用↓↓ */
.readbar_03{	
	background: #fd6a39;
	border-bottom: solid 2px #d95324;
	height: 62px;
	line-height: 48px;
	margin-bottom: 10px ; 
	vertical-align: middle;
	text-align: center;
}

.readbar_03 h3{	
	color: #fff !important;
	font-size: 25px !important;
	padding-top: 7px;
}

.readbar_03 h3 span{
	font-size: 40px !important;
}
/* ↑↑予約ボタン用↑↑ */

#main_wrap h3{
	color: #000;
	font-weight: bold;
	font-size: 18px;
	padding-left: 10px;
}

.readbar_01 h3 span{
	font-size: 25px;
	color: #ed561f;
	padding: 0 2px;
	text-shadow: 2px 2px 1px #FFF;
}

.h3_img_title{
	padding-left: 0 !important;
}

.contents_box01{
	border: 1px solid #CCC;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	margin-bottom: 20px;
}

.contents_box01 h1, .contents_box01 h3, .contents_box03 h3{
	width: auto;
	height: 30px;
	background: url(../images/title_bg.png) repeat;
	color: #0099d9;
	font-size: 16px;
	font-weight: bold;
	line-height: 30px;
}

.contents_box01 h1 span, .contents_box01 h3 span, .contents_box03 h3 span{
	background: url(../images/title_ico01.png) left no-repeat;
	display: block;
	margin: 0 15px;
	padding-left: 30px;
}

.contents_box01 ul{
	padding: 10px 20px;
}

.contents_box01 li{
	background: url(../images/ico01.png) 0 3px no-repeat;
	font-size: 14px;
	line-height: 20px;
	padding-left: 20px;
}

.contents_box01 li span{
	font-weight: bold;
	padding-right: 18px;
}

.contents_box01 dl{
	width: 119px;
	height: auto;
	float: left;
	margin: 20px 24px;
}

.contents_box01 dd{
	font-size: 12px;
	line-height: 16px;
}

.contents_box01 dd span{
	border: none;
	background: url(../images/ico01.png) 0 3px no-repeat;
	display: block;
	font-size: 14px;
	margin: 0;
	padding: 2px 0 5px 15px;
}

.td_sp{
	width: 30px !important;
	height: auto;
	border-top: none !important;
}

.contents_box03{
	border: 1px solid #CCC;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	margin-bottom: 20px;
}

.contents_box04{
	margin-bottom: 20px;
}

.contents_box04 h2{
	border-left: 10px solid #afafaf;
	font-size: 16px;
	line-height: 20px;
	margin-bottom: 20px;
	text-indent: 10px;
}

.contents_box04 p{
	color: #666;
	font-size: 14px;
	line-height: 24px;
}

.contents_box04 p span{
	font-size: 18px;
	font-weight: bold;
}

.contents_box04 dl{
	margin-bottom: 20px;
}

.contents_box04 dd a{
	background: url(../images/ico02.png) left no-repeat;
	color: #3071b9;
	font-size: 16px;
	padding-left: 20px;
	text-decoration: none;
}

.contents_box05{
	font-size: 14px;
	line-height: 20px;
}

.contents_box05 ul{
	margin: 15px 0;
}

.contents_box05 li{
	background: url(../images/ico01.png) left no-repeat;
	padding-left: 20px;
}

.contents_box05 span{
	color: #F00;
	font-size: 12px;
	padding: 0 5px;
}

.contents_box05 table, .contents_box05 th, .contents_box05 td{
	border: 1px solid #CCC;
	padding: 5px 15px;
	line-height: 30px;
	text-align: left;
	vertical-align: top;
}

.contents_box05 table{
	width: 100%;
	height: auto;
}

.contents_box05 th{
	width: 170px;
	height: auto;
	background: #d7ecff;
	font-weight: bold;
}

.contents_box05 a{
	text-decoration: none;
}

#bottom_entry a{
	width: 667px;
	height: auto;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.4);
	float: right;
	margin: 20px 0 40px 0;
	padding: 4px 0;
	text-decoration: none;
}

#bottom_entry a span{
	width: 657px;
	height: 50px;
	background: url(../images/recruit10.png) no-repeat;
	color: #FFF;
	display: block;
	font-size: 21px;
	font-weight: bold;
	line-height: 50px;
	margin: 0 auto;
	text-align: center;
	text-shadow: 1px 1px 3px #s999;
}

.clear_box{
	clear: both;
}

/** header **/
#header{
	float: left;
}

#header h1 a,#header span a{
	width: 423px;
	height: 80px;
	background: url(../images/logo.png) no-repeat;
	display: block;
	margin-bottom: 0px;
	text-indent: -9999px;
}

#header p a,#header span a{
	width: 423px;
	height: 80px;
	background: url(../images/logo.png) no-repeat;
	display: block;
	margin-bottom: 0px;
	text-indent: -9999px;
}

#header .h_catch{
	font-size:14px;
	color:#000;
	height:18px;
	font-weight:bold;
	line-height:18px;
	margin-bottom:0;
}

#call{
	width: 476px;
	height: 63px;
	background: #f5f5f5;
    border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */
    border: solid 1px #ccc;
	float: right;
	margin: 0 0 0 5px;
	padding: 7px;
}

#call_text01{
	color: #fd6a39;
	font-size: 14px;	
}

#call_text02{
	background: url(../images/tel02.png) no-repeat 0 4px;
	color: #474747;
	font-size: 33px;
	font-weight: bold;
	text-indent: 35px;	
	line-height: 38px;
}

#call_text03{
	font-size: 12px;
}

#call_info{
	float: right;
}

.time{
	font-size: 16px;
	color: #333;
	text-align:right;
	padding-top: 5px !important;
	line-height: 20px;
}

.time span{
	color: red;
	font-size: 17px;
	font-weight: bold;
}

.namber{
	background: url(../images/ico_call.png) no-repeat;
	color: #2d7c49;
	font-size: 37px;
	font-weight: bold;
	padding-left:20px !important;
	text-indent: 25px;
}

/* flowで使用 */
.namber_02{
	background:url(../images/ico_call.png) 0 5px no-repeat;
	background-size:11%;
	color: #52ab21 !important;
	font-size: 22px !important;
	font-weight: bold;
	margin-top: 3px;
	padding-left:30px !important;
	text-indent: 25px;
}

/*↓↓g_navi*↓↓*/
#g_navi{
	width: 786px;
	height: 54px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	float: left;
}

#g_navi li{

	background: #f5f5f5;
	border-top: 2px solid #fd6a39;
	border-right: 1px solid #ccc;
	float: left;
	font-size: 18px;
	line-height: 53px;
	text-align: center;
}
#g_navi li,
#g_navi li :hover{
  /*width: 130px;*//*6列*/
  width:156px;/*5列*/ 
  
	height: 52px;
}
#g_navi li a{
	color: #000;
	display: block;
	text-decoration: none;
}

#g_navi li :hover{

	background: #f5f5f5;
	border-top: 1px solid #fd6a39;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	float: left;
	font-size: 18px;
	line-height: 53px;
	text-align: center;
}


#g_navi li a:hover{
	color: #5d7180;
	display: block;
	text-decoration: none;
}

#gn_qa a{
	background: url(../images/menu_base_qa.png) !important;
}

#gn_qa a:hover{
	background: url(../images/menu_base_qa_hover.png) no-repeat !important;
}

/*車検予約*/
#gn_contact a{
	width: 132px !important;
	height: 54px !important;
	background: url(../images/nav_cv.png) !important;
	border-top: none !important;
	border-right: none !important;
	color: #fff !important;
	font-size: 15px !important; 
	float: right;
	text-indent:-9999px;	
	margin-left: 10px;
	margin-top: 2px;
}
/*↑↑g_navi↑↑*/

/*↓↓content_info↓↓*/
#content_info{
	width: 888px;
	height: 292px;
	border: 1px solid #ccc;
	padding: 15px 20px 15px;
	margin-top: 15px;
}

.info_list{
	width: 436px;
	margin-left: 10px;
	padding: 5px 0;
	border-bottom: 2px dotted #c6c6c6;
	font-weight: bold;
}

.info_list p{
	color: #595958; 
	font-size: 24px;
}

#content_info div span{
	display: block;
}


#result{
	background: url(../images/content_info_result.png) no-repeat 0 -4px;
}

#result02{
	color: #595958 !important;
	text-indent: 35px !important;
}


#shortest_time{
	background: url(../images/content_info_shortest_time.png) no-repeat;
}

#low_price{
	background: url(../images/content_info_low_price.png) no-repeat;
}

/*.info_list img{
	position: relative;
	bottom: 31px;
	padding-left: 35px;
}*/
/*↑↑content_info↑↑*/


/**6contents**/
#contents_wrap{
	clear:both;
	padding: 15px 0 15px;
	margin-bottom: 20px;
}

*+html #contents_wrap{
	clear:both;
	padding: 15px 0 15px;
	margin-top: 200px;
	margin-bottom: 20px;
}

.contents_box02{
	height: 252px;
	background: #fff;
	border: solid 1px #ccc;
	margin-bottom: 20px;
	position: relative;
}

.cb_right{
	margin-right: 0px;
}

.contents_box02 dl{
	width: 930px;
	height: 280px;
}

.contents_box02 dt{
	height: 26px;
	width: 902px;
	background: #f3f3f3;
	border-bottom: solid 2px #fd6a39;
 	color:  #5e5e5e;
 	font-size: 25px;
	font-weight: bold; 
	padding: 13px;
}

.contents_box02 dt span{
	font-size: 36px;
	color: #ff3333;
}

.contents_box02 dd{
	font-size: 13px;
	line-height: 23px;
	padding: 20px;
}

.contents_box02 dd img{
	float: left;
	margin-right: 20px;	
}

.contents_box02 dd span{
	font-weight: bold;
	color: #F00;
	font-size: 18px;
}

.contents_box02 a{
	position: absolute;
	bottom: 20px;
	margin-left: 205px;
}

/** ↓↓新予約ボタン↓↓ **/
.entry_box{
	background: url(../images/contact_button_01.png) no-repeat 10px 90px;
	border: #ccc 1px solid;
	border-radius: 3px; 
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px;
	padding: 10px 20px;
	margin-bottom: 20px;
}

.entry_box_right{
	height: auto;
	width: 517px;	
	float: right;
}

.entry_box_right p{
	color: #313131;
	font-size: 14px;
	line-height: 22px;
}


.entry_call{
	width: 506px;
	height: 47px;
	float: right;
	padding: 10px;
	margin-bottom: 3px;
}

.entry_call_title {
	bottom:	11px;
	float: left;
	margin-top: 12px;
	padding-right: 15px;
	position: relative;
}

.entry_call_title p{
	background: #52c94b; /*黄色の背景*/
	color: #fff;	
	font-size: 15px;
	line-height: 19px;
	padding: 5px;
}

.entry_namber{
	background: url(../images/contact_call.png) no-repeat 0 9px;
	color: #52c94b !important;
	font-size: 37px !important;
	font-weight: bold;
	line-height: 38px !important;
	margin-right: 20px;
	padding-left:23px !important;
	padding-top: 9px;
	text-indent: 25px;
}

/** ↑↑新予約ボタン↑↑ **/

.entry_box_new{
	border: #ccc 1px solid;
	border-radius: 3px; 
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px;
	padding: 10px 20px;
	margin-bottom: 20px;
}

.entry_box_new h3{
	color: #F00 !important;
	float: left;
	padding: 10px 0 0 0 !important;
}

.entry_namber_new{
	background: url(../images/contact_call.png) no-repeat 290px 3px;
	color: #52c94b !important;
	font-size: 25px !important;
	font-weight: bold;
	line-height: 38px !important;
	margin-right: 20px;
	padding-left:23px !important;
	padding-top: 2px;
	text-indent: 70px;
}

.pagetop{
	margin-top: 20px; 
	text-align: right;
}

.pagetop a{
	color: #000;
	font-size: 12px;
	text-decoration: none;
	vertical-align: middle;
}

.pagetop img{
	padding-bottom: 3px;
}

/** footer **/
.footer_about{
	border: solid 1px #ccc;
	font-size: 12px;
	line-height: 18px;
	padding: 10px;
}

#footer{
	width: 930px;
	height: 300px;
	background: #f3f2f2;
	border-top: 1px solid #fd6a39; 
	margin-top: 20px;
}

#footer a{
	color: #000;
	text-decoration: none;
}

#footer ul{
	float: left;
	font-size: 14px;
	margin: 25px 40px;
}

#footer li{
	background: url(../images/ico01.png) no-repeat;
	padding-left: 10px; 
	margin-bottom: 10px;
}

#footer li span{
	font-weight: bold;
}

#footer_right{
	float: right;
	margin-top: 20px;
	width: 385px;
}

#footer_right p{
	font-size: 12px;
	line-height: 20px; 	
	padding-left: 185px;	
}

.footer_small{
	width: 930px;
	font-size: 10px;
}
#footer_banner{
	width: 930px;
	clear:both;
}

#footer_banner ul{
	padding: 10px 20px;
	margin: 0;
}

#footer_banner ul li{
	float:left;
	background: none;
	padding-left: 7px;
}

small{
	float: left;
	font-size: 12px;
	text-align: center;
}

#cr{
	background: none;
	text-indent: 0;
}

#side_contact a{
	top: 12%;
    display: block;
    position: fixed !important;
    right: 0;	
}

.pankuzu{
	font-size: 12px;
	margin-top: 15px;
}

.pankuzu a{
	text-decoration: none;
}

/**flow**/
.yellow_bk{
	width: 890px;
	height: auto;
	background: #fbfbed;
	padding: 20px 20px 10px;
	margin-bottom: 20px;
}

#flow_button{
	margin-bottom: 20px;
	text-align: center;
}

#flow_button a{
	margin: 15px
}

.flow_box{
	height: auto;
	width: 850px;
	background: #fff;
	border-bottom: #ccc 1px solid;
	border-right: #ccc 1px solid;	
	border-left: #ccc 1px solid;	
	padding: 20px;
	margin-bottom: 20px;
}

.flow_title{
	height: 41px;
	width: 870px;
	background: #f3f3f3;
	border-bottom: solid 2px #fd6a39;
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
	border-top: solid 1px #ccc;
	color: #4e4e4e;
	font-size: 20px;
	font-weight: bold;
	line-height: 38px;
	padding-left: 20px;
}


#flow_call{
	background: url(../images/flow_call.png) no-repeat 0 10px;
	color: #ff6633;
	font-size: 30px;
	padding-left: 35px
}

.flow_title img{
	margin: 8px 10px 10px 0;
	vertical-align: bottom;	
}

.flow_left_box{
	height: auto;
	width: 188px;
	float: left;
	margin-right: 40px;
}

.flow_left_box img{
 	border: #ccc solid 1px;	
 	margin-bottom: 10px;
}


.flow_right_box{
	height: auto;
	width: 622px;
	float: right;
}

.flow_text01{
	font-size: 13px;
	float: left;
	margin-bottom: 20px;
	line-height: normal;
}

.flow_text01 span{
	color: #ff0000;
}

.text02{
	font-size: 13px;
	line-height: 20px;
}

.text02 span{
	color: #505050;
	font-size: 16px;
	font-weight: bold;	
}

/*点検整備の箇所*/
.flow_detailed{ 
	height:150px;
	border-bottom: 2px dotted #ccc;
	margin-top: 20px;
}

/**staff**/
.staff_box{
	height: 140px;
	width: 373px;
	border: #ccc 1px solid;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	float: left;
	padding: 20px;
	margin-bottom: 20px;
}

.staff_left_box{
	clear: both;
	float: left;
	margin-right: 20px;
}

.staff_left_box img{
	border: #ccc solid 1px; 
}

.staff_text_box{
	width: 240px;
	float: right;
}

.staff_text_box p span{
	color: #545454;
	font-size: 13px;
	font-weight: bold;
}

.staff_text_box p{
	font-size:13px;
	line-height: normal;
}

.name{
	font-size: 2px;
}

.name span{
	font-size: 18px !important;
	font-weight: lighter !important;	
}

.staff_comment{
	width: auto;
	height: auto; 
	margin-top: 10px;
	padding: 10px;
}

.staff_comment p{
	font-size: 14px;
	line-height: 20px;
}

/**shop**/
#shop_img{
	float: left;
	margin: 0 50px 0 60px;
	border: 1px solid #ccc;
}

#shop_information_top{
	background: #f7f8b4;
	font-size: 14px;
	line-height: 20px;
	margin: 0 40px 20px 40px;
	padding: 20px;
}

/*当社紹介の水色の背景*/
.bk_blue{
	background: #f7f8b4;
}

#shop_information{
    font-size: 14px;
    line-height: 20px;
}

#shop_information th{
    border-top: 1px solid #CCCCCC;
    height: auto;
    padding: 15px 0 15px 15px;
    width: 100px;
	text-align: left;
}

#shop_information td{
    border-top: 1px solid #CCCCCC;
    padding: 15px 15px 15px 0;
}

#shop_information td span{
	background: url("../images/ico01.png") no-repeat 0 8px;
    margin-bottom: 10px;
    padding-left: 10px;
}
#shop_information td a{
    color: #4549df;
    text-decoration: none;
}

#shop_photo li{
	float: left;
	margin-right: 10px;
}

/**price**/
#price_list table{
	border: none;
	 border-top: #ccc 1px solid;
	width: 100%;
	 color: #4e4e4e;
	 text-align: center;
}

#price_list table tr{
	border-bottom:  #ccc 1px solid;
}

#price_list table td{
	border-bottom: 1px solid #CCCCCC;
	border-left:  #ccc 1px solid; 
	border-right:  #ccc 1px solid; 
	line-height: 26px;
	padding: 10px 5px;
	vertical-align: middle;
	font-size:22px;
}

.price_list_car01{
	background: #bfdff5;
	border-bottom: #ccc 1px solid;
	font-size: 15px;
	font-weight: bold;
}

.price_list_car01 span{
	font-size: 11px;
	font-weight: lighter;
}

.price_list_car02{
	background: #e7ffda;
	border-bottom: #ccc 1px solid;
	font-size: 12px;
}

.price_list_glay{
	background: #f6f6f6; 
	vertical-align: middle;
}

.price_list_glay_02{
	background: #e4e4e4; 
	vertical-align: middle;
}

.plp{
	font-size:80%;
}

.price_list_text01{
	color: #ff0000;
	font-size: 24px;
	font-weight: bold;
}
.price_list_text01 span{
	font-size: 16px;
}

.price_list_special01{
	background: #fffcd2;
	font-weight:bold;
}

.price_list_special01 td{
	vertical-align: middle;
	font-size: 24px !important;
}


.price_list_special02{
	background: #feff92;
	color: #fa6262;
	font-weight: bold;
}

.price_list_special02 td{
	vertical-align: middle;
	font-size: 26px !important;
}

.price_list_special02 span{
	font-size: 17px;
}

.price_list_special03{
	background: #f9fb6a;
	border: #fa6262 4px solid !important;
	color: #fa6262;
	font-weight: bold;
}

.price_list_special03 td{
	vertical-align: middle;
	font-size: 28px !important;
}
.price_list_special03 span{
	text-decoration: underline;
	font-size: 20px;
}

/**料金表一番下の赤枠の指定**/
.price_list_special03{
	background: #f9fb6a;
	border: #fa6262 4px solid !important;
	color: #fa6262;
	font-weight: bold;
}

.price_list_special03 td{
   border-bottom: 4px solid #fa6262 !important;
    border-top: 4px solid #fa6262;
	vertical-align: middle;
	font-size: 28px !important;
}

.price_list_special03_ie7_left{
   border-bottom: 4px solid #fa6262 !important;
   border-top: 4px solid #fa6262;
   border-left: 4px solid #fa6262 !important;
}

.price_list_special03_ie7_right{
   border-bottom: 4px solid #fa6262;
   border-top: 4px solid #fa6262;
   border-right: 4px solid #fa6262 !important;
}
.price_list_special03 span{
	text-decoration: underline;
	font-size: 20px;
}

.price_font-size22 {
	font-size: 22px !important;
}

#price_list p{
	margin: 10px 0;
	color: #F00;
}
#price_add01 h4{
	color: #F00;
	font-size: 24px;
	font-weight: bold;
}

#price_add01 p{
	line-height: 20px;
	margin: 10px 0 20px 0;
}

#price_add01 p span{
	color: #F00;
}

#price_add01 .catch_sp{
	color: #000;
	font-size: 24px;
	font-weight: bold;
	margin: 10px 0 20px 0;
}

.price_add02{
	background: #5BBCFF;
	display: block;
	font-size: 11px;
}

#privilege_list table{
	width: 100%;
	 color: #4e4e4e;
	 border: #ccc 1px solid;
	 text-align: center;
}

#privilege_list table tr{
	border-bottom:  #ccc 1px solid;
}

#privilege_list table td{
	border-left: #ccc 1px solid; 
	line-height: 20px;
	padding: 10px;
	vertical-align: middle:
}

.privilege_list_td1{
	width: 35%;
	color:#F00;
	background:#D0E2FF;
	font-weight: bold;
	text-align: left;
}

.privilege_list_td2{
	width: 65%;
	background:#FFF;
	text-align:left;
}

#price_car{
	border:1px solid #ccc; 
	margin-top: 15px; 
	padding: 10px; 
	line-height: 23px;
}

#finansian{
	margin: 20px 0;
}

#finansian p{
	font-size: 15px;
	line-height: 20px;
}

#finansian p span{
	color: #fa6262;
	font-size: 18px;
	font-weight: bold;
}

.finansian_title{
	border-bottom: 3px solid #ccc;
	color: #777;
	font-size: 30px !important;
	font-weight: bold;
	line-height:30px;
	margin: 10px 45px 20px 45px;
}

.finansian_title span{
	font-size:18px; 
	padding:0 0 0 10px;
}


.shop_images{
	height: 125px;
	width: auto;
	padding:0 55px 30px 55px;
}

.shop_images li{
	float:left; 
	margin-right:20px;
}

.shop_images li img{
	border: #ccc 1px solid;
}

.finansian_box01{
	background: #ccc;
	color: #000;
	font-size: 18px;
	padding: 10px; 
	margin-top: 10px;
}

.finansian_box02{
	border: #ccc 1px solid;
	line-height: 24px;
	padding: 20px 20px;
	margin-bottom: 10px;
}

.finansian_box02 span{
	color: #fa6262;
	font-size: 23px;
	font-weight: bold;
}

.campaign_box{
	width: 413px;
	height: auto;
	border: #ccc 1px solid;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	float: left;
	padding: 20px 10px 10px 30px;
	margin-bottom: 20px;
}

.campaign_box p{
	font-size: 14px;
	line-height: 20px;
}

.campaign_title01{
	background: url(../images/ico_no01.png)no-repeat transparent;
	font-size: 22px !important;
    height: 23px;
	line-height: 25px !important;
    margin-bottom: 10px;
    padding-left: 30px;
}

.campaign_title02{
	background: url(../images/ico_no02.png)no-repeat transparent;
	font-size: 22px !important;
	line-height: 25px !important;
    height: 23px;
    margin-bottom: 10px;
    padding-left: 30px;
}

#card_box{
	border: #ccc 1px solid;
	padding: 20px;
	margin: 20px 0;
}

.card_title {
	height: 30px;
	background: url(../images/card_img.png) no-repeat;
	margin-bottom: 10px;	
}

.card_title p{
	font-size: 20px;
	font-weight: bold;
	padding: 8px  0 0 40px;
}

.price_jmg_card{
	width: 400px;
	float: right;
	vertical-align: middle;
}

#card_box p{
	clear: both;
	width: 480px;
	line-height: 20px;
	float: left;
}

/* ↓↓基本料に含む↓↓ */
#price_info{
	background: #fbfbed;
	border: #ccc 1px solid;
	margin: 20px 0;
	padding: 10px 20px;
}

#price_info table{
	height: auto;
	width: 890px;
}

#price_info_li01{
	height:40px;
	width: 290px;
	background: url(../images/price_info_01.png) no-repeat;
	color: #fff;
	float: left;
	margin-right: 15px;
	padding: 12px 20px 10px 20px;
}

#price_info_li02{
	height:40px;
	width:140px;
	background: #5b79e9;
	background: url(../images/price_info_02.png) no-repeat;
	color: #fff;
	float: left;
	margin-right: 35px;
	padding: 12px 10px 10px 10px;	
}

#price_info_li03{
	height:40px;
	width:287px;
	background: url(../images/price_info_03.png) no-repeat;
	color: #fff;
	float: left;
	padding: 12px 10px 10px 10px;	
}

#price_info_table{
	background: #fff;
	border: #ccc 1px solid;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	padding: 0 20px;
}

#price_info_table table{
	height: auto;
	width: 845px;
}

#price_info_table tr{
	border-bottom: 1px dashed; 
}

#price_info_table th{
	background: url(../images/price_img_info02.png) no-repeat 10px 27px;
	border-bottom:  #ccc 1px dashed; 
	color: #424141;
	font-size: 27px;
	font-weight: bold;
	padding-left: 25px;
	text-align: left;
	vertical-align: middle;
}

#price_info_table td{
	border-bottom:  #ccc 1px dashed; 
	vertical-align: middle;
	padding: 10px;
}

.price_info_td01{
	background: #f2f2f2;
	color: #424141;
	font-size: 23px;	
}

.price_info_td02{
	text-align: center;
}

.price_info_td03{
	background: #fdfdb6;	
	text-align: center;
}


/* ↑↑基本料に含む↑↑ */

.price_red{
	color: #fa6262;
	font-size: 22px;
	font-weight: bold;
}

#price_button_box{
	margin-bottom: 20px;
	text-align: center;
}

#price_button_box a{
 margin-right: 14px;
}

.price_privilege{
	margin-bottom: 60px;
}

.price_campaign_box{
	height: 140px;
	width:  425px;
	box-shadow: 1px 1px 1px #ddd;
	-moz-box-shadow: 1px 1px 1px #ddd;
	-webkit-box-shadow: 1px 1px 1px #ddd;
	border: #ff9c00 3px solid;
	border-radius: 3px; 
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	margin: 20px 0;
	padding: 10px;
}

.price_campaign_box p{
	font-size:15px;
	line-height: 20px;
	padding-left: 50px;
}

.price_campaign_box p span{
	color: red;
	font-size: 60px;
	font-weight: bold;
	line-height: 100px;
}

.price_campaign_title{
	height: 56px;
	width: auto;
	background:url(../images/price_jmg_campaign＿icon.png) no-repeat;
	color: #3c3c3c;
	font-size: 30px !important;
	font-weight: bold;
	padding: 20px 0 0 75px !important;	
}

/*キャンペーン*/
.price_campaign_list_box{
	background: url(../images/price_jmg_privilege_bg_02.png) repeat-y;
	padding: 20px;
	margin: 20px 0;
}

/*特別優待*/
.price_privilege_box{
	background: #f7f8b4;
	border: 1px solid #ccc;
	padding: 20px;
	margin: 20px 0;
}

.price_privilege_box_title{
	height: auto;
	width: auto;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #fef1c8), color-stop(0.00, #fff));
	background: -webkit-linear-gradient(top, #fff 0%, #fef1c8 88%);
	background: -moz-linear-gradient(top, #fff 0%, #fef1c8 88%);
	background: -o-linear-gradient(top, #fff 0%, #fef1c8 88%);
	background: -ms-linear-gradient(top, #fff 0%, #fef1c8 88%);
	background: linear-gradient(to bottom, #fff 0%, #fef1c8 88%);
	border: #eb9024 1px solid;
	color: red;
	font-size: 50px;
	font-weight: bold;
	margin-top: 20px;
	padding: 20px 10px;
	vertical-align: middle;
}

.price_privilege_box_title img{
	float: left;
	margin-right: 10px;
}

.price_privilege_box_title span{
	color: black;
	font-size: 18px;
	font-weight: normal;
}

.price_privilege_box_title_red{
	color: red !important;	
}

/* タイトルと補足が一段ずつの場合 */
.price_privilege_text_01{
	height: 80px;
	 background: #fff;
	color: #3c3c3c;
	font-size: 30px;
	font-weight: bold;
	margin-top: 20px;
	padding:10px;
	vertical-align: middle;
}

.price_privilege_text_01 img{
	float: left;
	margin: 4px 10px 0 0;
}

.price_privilege_text_01 p{
	line-height: 40px;
	margin-top: 7px;
	font-size: 48px;
}

.price_privilege_text_01 p span{
	color: red;
}

/* タイトルのみの場合 */
.price_privilege_text_02{
	height: 90px;
	 background: #fff;
	color: #3c3c3c;
	font-size: 30px;
	font-weight: bold;
	margin-top: 20px;
	padding:10px;
	vertical-align: middle;
}

.price_privilege_text_02 img{
	float: left;
	margin: 17px 10px 0 0;
}

.price_privilege_text_02 p{
	line-height: 70px;
	margin-top: 7px;
	font-size: 48px;
}

.price_privilege_text_02 p span{
	color: red;
}

/* タイトル一段、補足が二段の場合 */
.price_privilege_text_03{
	height: 90px;
	background: #fff;
	color: #3c3c3c;
	font-size: 30px;
	font-weight: bold;
	margin-top: 20px;
	padding:10px;
	vertical-align: middle;
}

.price_privilege_text_03 img{
	float: left;
	margin: 19px 10px 20px 0;
}

.price_privilege_text_03 p{
	line-height: 26px;
	margin-top: 7px;
	font-size: 45px;
	margin-bottom: 18px;
}

.price_privilege_text_03 p span{
  display: inline-block;
	color: red;
	font-size: 16px;
  line-height: 1.3em;
  margin: 10px 0;
  
}


.price_privilege_text_03_subtext{
	font-size: 18px !important;
	color: red;
	line-height: 22px !important;
}

/* タイトルが長い場合 */
.price_privilege_text_04{
	height: 90px;
	 background: #fff;
	color: #3c3c3c;
	font-size: 23px;
	font-weight: bold;
	margin-top: 20px;
	padding:10px;
	vertical-align: middle;
}

.price_privilege_text_04 img{
	float: left;
	margin: 19px 10px 0 0;
}

.price_privilege_text_04 p{
	line-height: 27px;
	margin-top: 5px;
}

.price_privilege_text_04_subtext{
	font-size:17px;
	color: red;
	padding-top:8px;
	line-height:10px !important;
	margin-top: 0 !important;
}



.discount_title{
	font-size: 20px;
}

.discount{
	font-size: 38px;
}

/**qa**/
.question_box{
	border: #ccc 1px solid;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	padding: 20px 20px 10px 20px; 
}
.question_box p{
	height: 22px;
	line-height: 22px;
	background: url("../images/ico_q.png") no-repeat scroll  transparent;
	padding-left: 30px;
	margin-bottom: 10px;
}

.question_box li{
	background: url("../images/ico01.png") no-repeat 0 5px;
	margin-bottom: 10px;
	padding-left: 10px;
}

.question_box a{
	text-decoration: none;
	font-size: 15px;
}

.q_box{
	width: auto;
	background: url(../images/qa_img03.png) no-repeat;
	font-size: 15px;
	padding-top: 18px;
	margin-bottom: 20px; 
}

.q_icon{
	margin-top:20px;
	vertical-align:middle;
}

.q_box h4{
	height: 50px;
	line-height: 25px;
	background: url("../images/ico_q.png") no-repeat;
	display: block;
	margin-left: 30px;
	padding-left: 30px;	
}

.a_box{
	background: #f3f3f3;
	border: 1px #ccc solid;
	border-top: none; 
	height: auto;
	width: 813px;
	clear: both;
    padding: 0 0 20px 20px;
}

.a_box img{
	float: left;
	margin-right: 10px;
	vertical-align: middle;
}
.a_box p{
	color: #666666;
	font-size: 15px;
	line-height: normal;
    padding: 2px 0 2px 40px;
    text-align: left;
}

.guest_img{
	float: left; 
	margin-bottom: 20px;
}

.voice_box{
	height: auto;
	width: 833px;
	background: #f3f3f3 no-repeat;
	border: 1px #ccc solid;
	border-top: none; 
    padding-bottom: 20px;	
    float: right;
    margin:  0 21px 20px 0; 
}

.voice_box p{
	color: #666666;
	font-size: 15px;
	line-height: normal;
    padding: 2px 0 2px 40px;
    text-align: left;
}

.qa_content_box{
	padding: 20px;
}

.qa_content_bk{
	background:#f7f8b4;
}

/**sttaf**/
.staffbox{
	width: auto;
	height: auto;
	background: #f9f9f9;
	border:3px solid #CCC;
	padding: 20px;
	margin-bottom:15px;
}

.staffbox img{
	float: left;
	margin-right: 15px;
	box-shadow: 2px 2px 2px 2px #CCC;
}

.staffbox_left{
	width:44%;
	height: auto;
	background: #f9f9f9;
	border:3px solid #CCC;
	padding: 20px;
	margin-bottom:15px;
	float:left;
}

.staffbox_left img{
	float: left;
	margin-right: 15px;
	border:1px solid #CCC;	
}

.staffbox_right{
	width:44%;
	height: auto;
	background: #f9f9f9;
	border:3px solid #CCC;
	padding: 20px;
	margin-bottom:15px;
	float:right;
}

.staffbox_right img{
	float: left;
	margin-right: 15px;
	border:1px solid #CCC;
}

.profile h4{
	font-size:16px;
	margin-bottom:10px;
}

.profile h4 span{
	font-size:12px;
	color: #666; 
}

.profile p{
	font-size:12px;
	color: #666;
	line-height: 20px;
}

.profile p span{
	font-weight: normal;
	color: #000;
	line-height:25px;
	font-size:14px
}

/**lp_index**/
.lp_top_img{
	width: 850;
	height: 280px;
	background: url(../images/lp_top_img_back.png) no-repeat;
}

.lp_top_img img{
	margin-top: 213px;
}

.lp_top_contents{
	height: 50px; 
	width: auto;	
	 float: left;
}

.lp_top_button{
	float: right;
	margin-top: 10px;
}

.lp_center{
	height: auto;
	width: 850;
	padding: 100px 0 10px 0;
	text-align: center;	
}


.lp_contents_box_img{
	height: 170px;
	width: 240px;
	border: #ccc 1px solid;
	margin-top: 20px;	
}

.lp_contents_box p{
	height: auto;
	width: 560px;
	clear: both;
	float: right;
	font-size: 15px;
	line-height: normal;
	margin-top: 20px;	
}

.lp_button_box{
	margin: 10px 30px 30px 30px; 
}
#top_mlinks li{
	display: inline-block;
	font-size: 11px;
	margin: 0 8px;
}

#top_mlinks li a{
	color: #000;
	text-decoration: none;
}
/**policy**/
.policy_a{
	background: none repeat scroll 0 0 #F3F3F3;
    border: 1px solid #CCCCCC;
    font-size: 15px;
    height: 32px;
    margin: 20px 0;
    padding-top: 10px;
    width: auto;
}

.policy_b{
    clear: both;
    margin-bottom: 20px;
    padding-left: 20px;
    width: 835px;
}

.policy_b p{
    color: #666666;
    font-size: 15px;
    line-height: normal;
    padding: 2px 0 2px 40px;
    text-align: left;
    }


/*area*/
/*↓↓index↓↓*/
.area_box{
	height: auto;
	width: 890px;
	clear: both;
	padding: 0 20px 0;
	margin-bottom: 30px;
}

.area_box p{
	font-size: 13px;
	line-height: normal;
}

.area_left_img{
	border: 1px solid #ccc;
	float: left;
	margin-right: 20px;
}

#area_left_p{
	width: 490px;
	float: left;
}

#area_map_box{
	float: right;
}

.area_title{
	border-bottom: solid 2px #777;
	color: #777;
	font-size: 20px;
	font-weight: bold;
	text-indent: 20px;
	margin-bottom: 20px;
	padding-bottom: 10px;	
}

#area_rink {
	height: auto;
	width: auto;
	background: #f1f2f3;
	clear: both;
	padding: 20px 20px 10px;
	margin-bottom: 20px;
}



#area_rink li {
	height: auto;
	width: 150px;
	background: #fff;
	float: left;
	font-size:14px;
	margin: 0 8px 10px 0;
	padding: 10px;
	text-align: left;
}

#area_rink li a{
	color: #000;
	display: block !important;
	text-decoration: none !important;
}

#area_rink li:hover{
	height: auto;
	width: 150px;
	background: #f7d953;
	color: #000;
	float: left;
	font-size:15px;
	margin: 0 8px 10px 0;
	padding: 10px;
	text-align: left;
	text-decoration: underline;
}

#area_rink li  a:hover{
	display: block !important;
	text-decoration: none !important;
}

.area_rink_li_last{
	margin-right: 0px !important;
}

.area_info{
	height: 266px;
	width: 890px;
	background: #eaeaea;
	border: 2px solid #ccc;
	padding: 20px;
	margin-bottom: 20px;
}

.area_info_title{
	height: 92px;
	width: 890px;
	background: url(../area/area_common/area_info_title.png);
}

.area_info_title h4{
	height: 92px;
	background: url("../area_common/area_info_title.png");
	font-size: 27px;
	line-height: 36px;
	padding: 10px 10px 10px 120px;	
}

.area_info_title h4 span{
	color: #fff;
	font-weight: bold;
}

.area_info_left{
	height: auto;
	width: 625px;
	float: left;
	margin-top: 10px;
}

.area_info_left p{
	font-size: 15px;
	line-height: normal;
}

.area_info_left p span{
	background: url("../area/area_common/area_icon_shop.png") no-repeat;
	color: #333232;
	font-size: 23px;
	font-weight: bold;
	padding-left: 35px;
}

.area_title_orange{
	background: url("../area/area_common/contact_button_bk.png") repeat-x scroll 0 0 transparent;
	color: #fff;
	font-size: 30px;
	font-weight: bold;
	padding: 10px;
	margin-bottom: 20px;	
}

.area_title_orange span{
	font-size: 40px;
}

.area_info_02{
	border: 1px solid #ccc;
	 border-radius: 3px;        /* CSS3闕画｡ */  
	-webkit-border-radius: 3px;    /* Safari,Google Chrome逕ｨ */  
	-moz-border-radius: 3px;   /* Firefox逕ｨ */	
	padding: 20px;
	margin-bottom: 20px;
}

.area_info_02_left{
	float: left;
	padding-top: 10px;
}

.area_info_02_left p span{
	background: url(../area/area_common/area_icon06.png) no-repeat 0 8px;
	color: #2d7c49;
	font-size: 35px;
	font-weight: bold;
	padding-left: 45px;
}

.area_info_02_left p{
	font-size: 16px;
	line-height: 22px;
}
/*↑↑index↑↑*/

/*↓↓base↓↓*/
.area_box_border{
	border: solid 1px #ccc;
	margin-bottom: 20px;
}

.area_box_border p{
	font-size: 13px;
	line-height: normal;
	margin: 20px;
}

.area_bottun_box{
	background: #e5e5e5;
	padding: 20px;
}

.area_bottun_box p{
	text-align: center;
}

.area_bottun_box p a{
	background: url(../area_common/area_entry_button_bk.png) repeat-x;
	border: solid 1px #cc3232;
	 border-radius: 3px;        /* CSS3闕画｡ */  
	-webkit-border-radius: 3px;    /* Safari,Google Chrome逕ｨ */  
	-moz-border-radius: 3px;   /* Firefox逕ｨ */	
	color: #fff;
	font-size: 27px;
	font-weight: bold;
	padding: 14px 10px 14px;
	text-decoration: none;
}

.area_bottun_box p a img{
	vertical-align: middle;
	margin-right: 15px;
}

#area_news{
	margin-bottom: 20px;
}

#area_news li{
	height: auto;
	width: 890px;
	background: url(../area/area_common/area_icon07.png) no-repeat;
	border-bottom: dashed 2px #ccc;
	padding: 0 20px 5px 28px;
	margin-bottom: 18px;
}


#area_news li a{
	color: #314073;
	font-size: 15px;
	text-decoration: none;
}

#area_news li a img{
	float: left;
}

#area_news li a p{
	height: auto;
	width: 850px;
	float: right;
	line-height: 20px;
	padding-left: 10px;
}

.area_info_wrap{
	margin-bottom: 20px;
}

.area_info_wrap_title{
	background: #f7f8b4;
	border-bottom: 2px solid #f7d953;
	padding: 15px 20px 15px;
	margin-bottom: 10px;
}

.title_icon{
	position: relative;
	top: -5px;
}

.area_info_wrap_title p{
	color: #4c4c4c;
	font-size: 17px;
	font-weight: bold;
	padding-left: 35px;
}

.area_info_wrap table{
	height: auto;
	width: 100%;
	margin-bottom: 10px;
}

.area_info_wrap table{
	border-top: solid 1px #ccc;	
	border-left: solid 1px #ccc;
	font-size: 13px;	
}

.area_info_wrap th{
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	padding: 10px;
}

.area_info_wrap td{
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	line-height: normal !important;	
	padding: 10px;
}

.area_info_wrap h2{
	text-align: left;
}

.area_info_wrap td h3{
	font-size: 13px !important;
	font-weight: normal !important;
	line-height: normal !important;
}

.area_glay_bk{
	width: 35%;
	background: #e7e7e7;
}


.area_info_wrap p{
	font-size: 13px;
	line-height: normal;
	padding: 0 20px 0;
}

.area_info_wrap p span{
	color: #4c4c4c;
	font-size: 15px;
	font-weight: bold;
}

.area_pr_warp{
	margin-bottom: 20px;
}

#area_pr_title{
	background: url(../area/area_common/area_pr.png) no-repeat;
	color: #6d6d6d;
	font-size: 27px;
	font-weight: bold;
	padding-left: 50px;
	margin-bottom: 10px;
}

.area_pr_box{
	height: auto;
	width: auto;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #fdfce8), color-stop(0.00, #fffffa));
	background: -webkit-linear-gradient(#fffffa, #fdfce8);
	background: -moz-linear-gradient(#fffffa, #fdfce8);
	background: -o-linear-gradient(#fffffa, #fdfce8);
	background: -ms-linear-gradient(#fffffa, #fdfce8);
	background: linear-gradient(#fffffa, #fdfce8);
	border: #ccc 3px solid;
	border-radius: 3px;
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px;
	padding: 20px;
	margin-bottom: 20px;	
}

.area_pr_box p span{
	font-size: 18px;
	font-weight: bold;
}

.area_pr_box01{
	border-bottom: solid 1px #ccc;
	padding-bottom: 10px;
}

.area_pr_box01_left{
	height: auto;
	width: 652px;
	float: left;
	line-height: 30px;
}

.area_pr_box01_left a{
	background: url(../area/area_common/area_icon05.png) no-repeat;
	color: #4695d8;
	font-size: 25px;
	font-weight: bold;
	padding-left: 45px;
	text-decoration: none;
}

.area_pr_box02{
	padding: 10px 0 10px;
	margin-bottom: 10px
}

.area_pr_box02 p{
	font-size: 16px;
	line-height: normal;
}

.area_pr_box02 p span{
	font-size: 18px;
	font-weight: bold;
}

.area_pr_warp ul{
	float: left;
	margin: 10px 20px 0 0;
}

.area_pr_warp li{
	height: auto;
	width: 259px;
	background: #fff;
	padding: 10px;
}


.area_pr_warp_li_title{
	border-top: solid 1px #ccc;	
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
	font-size: 18px;
	font-weight: bold;
}

.area_pr_warp_li_title img{
	margin-right: 10px;
	vertical-align: middle;
}

.area_pr_warp_li_text{
	height: 120px !important;
	border-bottom: solid 1px #ccc;	
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
	color: #f35959;
	font-size: 16px;
	font-weight: bold; 
	line-height: 20px;
}

.area_pr_warp table{
	height: auto;
	width: 100%;
}

.area_pr_warp td{
	border: solid 1px #ccc;
	padding: 10px;
	font-size: 13px;
	line-height: normal;
}

.area_pr_warp_td_title{
	background: #cdf3c5;
}

.factory_name{
	height: auto;
	width: 35%;
}

.area_button a{
	height: 44px;
	width: 230px;
	background: url(../area/area_common/area_button.png) no-repeat;
	display: block;
	text-indent: -9999px;
	position: relative;
	top: 20px;
	left: 445px;
	z-index:2
}

.area_button_footer_right{
	position: relative;
	top: -44px;
	z-index:1;
}

.area_title_orange{
	background: url(../area/area_common/contact_button_bk.png) repeat-x;
height: 60px;
line-height: 48px;
margin-bottom: 10px;
vertical-align: middle;
text-align: center;
}

.area_shop_table{
	margin-bottom: 20px;
}

.area_shop_table h3{
	font-size: 13px !important;
	font-weight: normal !important;
}
/*↑↑base↑↑*/




/* 2020.08.21 レスポンシブ化に伴う追加 */
.form_body1{
	display: none;
}


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

/** common **/
body{
	min-width: 320px;
	background: none;
}

.pc_on{ display:none;}
.sp_on{ display:block}
.sp_on_in{ display:inline;}
.sp_on2{ display:none;}

a:hover{
	opacity:1;
	filter: alpha(opacity=100);
}

#container{
	position:relative;
	padding-top:80px;
	background: #fff;
	width: 98%;
	height: auto;
	margin: -15px auto 0px auto;
}

#breadcrumbs{
	margin: 15px 0;
	font-size: 0.1px;
	letter-spacing: -2px; /* 文字間を詰めて隙間を削除する */
	word-spacing: -2px; /* 文字間を詰めて隙間を削除する */
}

.left{
	float: none;
}

.right{
	float: none;
}

#breadcrumbs li{
	width: auto;
	height: 25px;
	background: url(../images/breadcrumbs.png) no-repeat;
	display: -moz-inline-box; /*for Firefox 2*/
	display: inline-block; /*for modern*/
	/display: inline; /*for ie5～7*/
	/zoom: 1; /*for ie5～7*/
	font-size: 14px;
	letter-spacing: normal; /* 文字間を通常に戻す */
	word-spacing: normal; /* 文字間を通常に戻す */
	line-height: 25px;
	margin: 0;
	padding: 0 5px;
}

#body_wrap{
	width: 100%;
	height: auto;
	background: #FFF;
	margin: 0 auto;
}

#main_wrap{
	clear: both;
	width: 96%;
	height: auto;
	margin: 10px 2% 0 2%!important; 
}
.readbar_01{	
	background: #f3f3f3;
	height: 42px;
	line-height: 44px;
	margin-bottom:20px ; 
	vertical-align: middle;
	border-left: 10px solid #fd6a39; 
}

#head_comment{ display:none; overflow:hidden; clear:both;}

.head_comment_mark{ float:right; padding:5px 0;}

/*ロゴ上のコメント*/
#head_comment p{
	font-size: 12px;
	line-height: 18px;
	margin-bottom: 5px;
	float: none;
	width:100%;
	display:block;
}

#head_comment img{
	height:auto;
	display:block;
}

/* ↓↓6つの理由↓↓ */
#readbar_6reason{
	height: auto;
	width: 100%;
	background-position: 0 30px;
	line-height: 57px;
	margin-bottom: 5px;
	position: relative;
	padding-top: 5px;
	z-index: 1;
}

#readbar_6reason_02{
	background: #f3f3f3;
	height: auto;
	overflow:hidden;
	line-height: 44px;
	margin-bottom:10px ; 
	vertical-align: middle;
	border-left: 10px solid #fd6a39; 
}

#readbar_6reason h2{	
	width: auto;
	color: #3f3f3f;
	font-size:22px;
	float:left;
	font-weight:bold;
	padding: 5px 10px 0 10px;
	z-index: 4;
}

#readbar_6reason_02 ul{
	margin-left: 20px;
}

#readbar_6reason_02 ul li{
	float: left;
	margin-right: 1px;
}

#readbar_6reason_right{
	height: 156px;
	width: 207px;
	background: url(../images/top_img6reason.png) no-repeat;
	background-size: contain; 
	top: -8px;
	z-index: 3;
	position: absolute;
	margin-left: 703px;
}


#readbar_6reason h2 img{
	vertical-align: middle;
	padding-bottom: 10px;
}

#readbar_6reason h2 span{
	color: #fa1c31;
	font-size:33px;
}

.readbar_02{	
	background: url(../images/title_back.png) repeat-x;
	height: 45px;
	line-height: 48px;
	margin-bottom:20px ; 
	position: relative;
	vertical-align: middle;
}

.readbar_02_text{
	color: #fff;
	font-size:25px;
	padding: 0px 0px 0px 20px;
}

.readbar_02_text img{
	position:absolute;
	bottom:1px;
}

.readbar_6reason_box{
	width: 100%;
	display:none;
	overflow:hidden;
	height: auto;
	border: solid 1px #ccc;

	float: none;
	padding: 10px 0px 0;
	margin: 10px 0 10px 0;
	text-align: center;
}

.readbar_6reason_box p{
	color: #fd6a39;
	font-size: 27px;
	font-weight: bold;
	line-height: 27px;
	margin-bottom: 10px;
}

.readbar_6reason_box p span{
	font-size: 15px !important;
	color: #3f3f3f !important;
}

.readbar_6reason_left_button{
	margin-right: 5px;
}

/* ↑↑6つの理由↑↑  */

.topread{
	margin-top: 238px;
}

/* ↓↓予約ボタン用↓↓ */
.readbar_03{	
	background: #fd6a39;
	border-bottom: solid 2px #d95324;
	height: auto;
	overflow:hidden;
	line-height: 48px;
	margin-bottom: 10px ; 
	vertical-align: middle;
	text-align: center;
}

.readbar_03 h3{	
	color: #fff !important;
	font-size: 25px !important;
	padding-top: 7px;
}

.readbar_03 h3 span{
	font-size: 24px !important;
}
/* ↑↑予約ボタン用↑↑ */

#main_wrap h3{
	color: #000;
	font-weight: bold;
	font-size: 18px;
	padding-left: 10px;
}

.readbar_01 h3 span{
	font-size: 25px;
	color: #ed561f;
	padding: 0 2px;
	text-shadow: 2px 2px 1px #FFF;
}

.h3_img_title{
	padding-left: 0 !important;
}

.contents_box01{
	border: 1px solid #CCC;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	margin-bottom: 20px;
}

.contents_box01 h1, .contents_box01 h3, .contents_box03 h3{
	width: auto;
	height: 30px;
	background: url(../images/title_bg.png) repeat;
	color: #0099d9;
	font-size: 16px;
	font-weight: bold;
	line-height: 30px;
}

.contents_box01 h1 span, .contents_box01 h3 span, .contents_box03 h3 span{
	background: url(../images/title_ico01.png) left no-repeat;
	display: block;
	margin: 0 15px;
	padding-left: 30px;
}

.contents_box01 ul{
	padding: 10px 20px;
}

.contents_box01 li{
	background: url(../images/ico01.png) 0 3px no-repeat;
	font-size: 14px;
	line-height: 20px;
	padding-left: 20px;
}

.contents_box01 li span{
	font-weight: bold;
	padding-right: 18px;
}

.contents_box01 dl{
	width: 119px;
	height: auto;
	float: left;
	margin: 20px 24px;
}

.contents_box01 dd{
	font-size: 12px;
	line-height: 16px;
}

.contents_box01 dd span{
	border: none;
	background: url(../images/ico01.png) 0 3px no-repeat;
	display: block;
	font-size: 14px;
	margin: 0;
	padding: 2px 0 5px 15px;
}

.td_sp{
	width: 30px !important;
	height: auto;
	border-top: none !important;
}

.contents_box03{
	border: 1px solid #CCC;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	margin-bottom: 20px;
}

.contents_box04{
	margin-bottom: 20px;
}

.contents_box04 h2{
	border-left: 10px solid #afafaf;
	font-size: 16px;
	line-height: 20px;
	margin-bottom: 20px;
	text-indent: 10px;
}

.contents_box04 p{
	color: #666;
	font-size: 14px;
	line-height: 24px;
}

.contents_box04 p span{
	font-size: 18px;
	font-weight: bold;
}

.contents_box04 dl{
	margin-bottom: 20px;
}

.contents_box04 dd a{
	background: url(../images/ico02.png) left no-repeat;
	color: #3071b9;
	font-size: 16px;
	padding-left: 20px;
	text-decoration: none;
}

.contents_box05{
	font-size: 14px;
	line-height: 20px;
}

.contents_box05 ul{
	margin: 15px 0;
}

.contents_box05 li{
	background: url(../images/ico01.png) left no-repeat;
	padding-left: 20px;
}

.contents_box05 span{
	color: #F00;
	font-size: 12px;
	padding: 0 5px;
}

.contents_box05 table, .contents_box05 th, .contents_box05 td{
	border: 1px solid #CCC;
	padding: 5px 15px;
	line-height: 30px;
	text-align: left;
	vertical-align: top;
}

.contents_box05 table{
	width: 100%;
	height: auto;
}

.contents_box05 th{
	width: 170px;
	height: auto;
	background: #d7ecff;
	font-weight: bold;
}

.contents_box05 a{
	text-decoration: none;
}

#bottom_entry a{
	width: 667px;
	height: auto;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.4);
	float: right;
	margin: 20px 0 40px 0;
	padding: 4px 0;
	text-decoration: none;
}

#bottom_entry a span{
	width: 657px;
	height: 50px;
	background: url(../images/recruit10.png) no-repeat;
	color: #FFF;
	display: block;
	font-size: 21px;
	font-weight: bold;
	line-height: 50px;
	margin: 0 auto;
	text-align: center;
	text-shadow: 1px 1px 3px #s999;
}

.clear_box{
	clear: both;
}

/** header **/
#header{
	width: 100%;
	height: 80px;
	display:block; position:fixed; 
	top:0px;
	border-top:2px solid #1c85d6;
	left:2px;
	overflow:hidden;
	z-index:500;
	background:#FFFFFF;
}
#header h1{ width:100%; }

#header h1 a,#header span a{
	width: 90%;
	height: 64px;
	background: url(../images/logo.png?id=180517) no-repeat left 3px;
	background-size:contain;
	display: block;
	margin-bottom: 10px;
	text-indent: -9999px;
}

#header p a,#header span a{
	width: 90%;
	height: 64px;
	background: url(../images/logo.png?id=180517) no-repeat left 3px;
	background-size:contain;
	display: block;
	margin-bottom: 10px;
	text-indent: -9999px;
}

#header .sp_btn{ position:absolute; right:2%; top:5px; width:60px; height:60px; background:url(../images/btn_open.png) no-repeat center center; background-size:cover; display:block; z-index:1000; cursor:pointer;}
#header .sp_btn.open{ background:url(../images/btn_close.png) no-repeat center center; background-size:cover; }

#header .sp_btn img{ width:100%;}

.sp_navi{ display:none; background:#FFFFFF; position:fixed; top:82px; left:1%; width:98%; z-index:1001;}
.sp_navi.open{ display:block;}

.sp_navi ul{ border:1px solid #c2cbe0; box-sizeing:border-box; width:100%; overflow:hidden;}
.sp_navi ul li{ background:#f5f5f5; clear:both;}
.sp_navi ul li a{ padding:12px 0; display:block; text-align:center; font-size:22px; color:#000000; text-decoration:none; border-top:2px solid #ff6736;}

.sp_reserve{ margin:6px auto 2px auto; width:100%; display:block;}
.sp_reserve img{ width:100%; height:auto;}

#call{
	width: 100%;
	height: auto;
	background: #f5f5f5;
    border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */
    border: solid 1px #ccc;
	float: none;
	overflow:hidden;
	box-sizing:border-box;
	margin: 0 auto 10px auto;
	padding: 5px;
}

#call_text01{
	color: #fd6a39;
	padding-top:10px;
	font-size: 14px;	
}

#call_text02{
	background: none;
	color: #474747;
	font-size: 28px;
	padding:10px 0;
	font-weight: bold;
	text-indent: 0px;	
	line-height: 23px;
}

#call_text02 a{
	text-decoration:none!important;
	color: #474747!important;
}

#call_text03{
	font-size: 12px;
}

#call_info{
	float: right;
}

#call .left{ float:left; width:34%; height:auto;}
#call .right{ float:right; width:64%; margin-left:2%;}

.time{
	font-size: 16px;
	color: #333;
	text-align:right;
	padding-top: 5px !important;
	line-height: 20px;
}

.time span{
	color: red;
	font-size: 17px;
	font-weight: bold;
}

.namber{
	background: url(../images/ico_call.png) no-repeat;
	color: #2d7c49;
	font-size: 37px;
	font-weight: bold;
	padding-left:20px !important;
	text-indent: 25px;
}

/* flowで使用 */
.namber_02{
	background:url(../images/ico_call.png) 0 5px no-repeat;
	background-size:11%;
	color: #52ab21 !important;
	font-size: 22px !important;
	font-weight: bold;
	margin-top: 3px;
	padding-left:30px !important;
	text-indent: 25px;
}

/*↓↓g_navi*↓↓*/

.g_navi_box{ display:none ; height:auto; clear:both;}

#g_navi{
	width: 100%;
	height: auto;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	float: none;
	overflow:hidden;
	clear:both;
}

#g_navi li{
	width: 50%;
	height: 42px;
	box-sizing:border-box;
	background: #f5f5f5;
	border-top: 2px solid #fd6a39;
	border-right: 1px solid #ccc;
	float: left;
	font-size: 15px;
	line-height: 43px;
	text-align: center;
}

#g_navi li a{
	color: #000;
	display: block;
	text-decoration: none;
}

#g_navi li :hover{
	width: 100%;
	height: 42px;
	background: #f5f5f5;
	border-top: 1px solid #fd6a39;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	float: left;
	font-size: 15px;
	line-height: 43px;
	text-align: center;
}

#g_navi li a:hover{
	color: #5d7180;
	display: block;
	text-decoration: none;
}

#gn_qa a{
	background: url(../images/menu_base_qa.png) !important;
}

#gn_qa a:hover{
	background: url(../images/menu_base_qa_hover.png) no-repeat !important;
}

/*車検予約*/

#gn_contact{ clear:both; overflow:hidden;}

#gn_contact a{
	width: 100% !important;
	height: 54px !important;
	line-height:54px;
	text-align:center;
	text-decoration:none!important;
	border-top: none !important;
	border-right: none !important;
	color: #fff !important;
	font-size: 24px !important;
	font-weight:bold;
	float: none;
	display:block;
	overflow:hidden;
	text-indent:0px;
	margin:10px auto 0 auto;
	border-radius:5px;

background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #42b23b), color-stop(0.00, #69ec62))!important;
background: -webkit-linear-gradient(top, #69ec62 0%, #42b23b 88%)!important;
background: -moz-linear-gradient(top, #69ec62 0%, #42b23b 88%)!important;
background: -o-linear-gradient(top, #69ec62 0%, #42b23b 88%)!important;
background: -ms-linear-gradient(top, #69ec62 0%, #42b23b 88%)!important;
background: linear-gradient(to bottom, #69ec62 0%, #42b23b 88%)!important;


}
/*↑↑g_navi↑↑*/

/*↓↓content_info↓↓*/
#content_info{
	width: 96%;
	height: auto;
	box-sizing:border-box;
	border: 1px solid #ccc;
	padding: 10px 2% 15px;
	margin: 10px 2% 0 2%;
	clear:both;
}

#content_info .left{ display:none; float:none; overflow:hidden; width:100%!important; margin-bottom:15px; }
#content_info .left img{ display:block; width:100%; margin:0 auto; height:auto;}
#content_info .right{ font:normal; float:none; overflow:hidden; width:100%!important; height:auto;}
#content_info .right img{ display:block; width:100%; margin:0 auto; height:auto;}

.info_list{
	width: 436px;
	margin-left: 10px;
	padding: 5px 0;
	border-bottom: 2px dotted #c6c6c6;
	font-weight: bold;
}

.info_list p{
	color: #595958; 
	font-size: 24px;
}

#content_info div span{
	display: block;
}


#result{
	background: url(../images/content_info_result.png) no-repeat 0 -4px;
}

#result02{
	color: #595958 !important;
	text-indent: 35px !important;
}


#shortest_time{
	background: url(../images/content_info_shortest_time.png) no-repeat;
}

#low_price{
	background: url(../images/content_info_low_price.png) no-repeat;
}

/*.info_list img{
	position: relative;
	bottom: 31px;
	padding-left: 35px;
}*/
/*↑↑content_info↑↑*/


/**6contents**/
#contents_wrap{
	clear:both;
	padding: 0px 0 15px;
	margin-bottom: 0px;
}

*+html #contents_wrap{
	clear:both;
	padding: 15px 0 15px;
	margin-top: 200px;
	margin-bottom: 20px;
}

.contents_box02{
	height: auto;
	background: #fff;
	border: solid 1px #ccc;
	margin-bottom: 20px;
	position: relative;
}

.cb_right{
	margin-right: 0px;
}

.contents_box02 dl{
	width: 100%;
	height: auto;
	overflow:hidden;
}

.contents_box02 dt{
	height: auto;
	text-align:center;
	width: auto;
	background: #f3f3f3;
	border-bottom: solid 2px #fd6a39;
 	color:  #5e5e5e;
 	font-size: 20px;
	line-height:32px;
	font-weight: bold; 
	padding: 13px 5px;
}

.contents_box02 dt span{
	font-size: 24px;
	color: #ff3333;
}

.contents_box02 dd{
	font-size: 13px;
	line-height: 23px;
	padding: 15px 20px 10px 20px;
}

.contents_box02 dd img{
	float: none!important;
	display:block;
	margin:0 auto 10px auto;
}

.contents_box02 dd span{
	font-weight: bold;
	color: #F00;
	font-size: 18px;
}

.contents_box02 a{
	position:relative;
	bottom: 0px;
	margin-left: 0px;
}

/** ↓↓新予約ボタン↓↓ **/
.entry_box{
	background: url(../images/contact_button_01.png) no-repeat center 20px;
	border: #ccc 1px solid;
	border-radius: 3px;
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px;
	padding: 200px 10px 10px 10px;
	overflow:hidden;
	clear:both;
	margin-bottom: 20px;
}

.entry_box .readbar_03 h3{
	font-size:20px!important;
	line-height:36px;
}

.entry_box_right{
	height: auto;
	width: 100%;	
	float: none;
}

.entry_box_right p{
	color: #313131;
	font-size: 14px;
	line-height: 22px;
}
.entry_box_right .right{
	float:none;
}

.entry_box_right a{
	text-decoration:none;
	color:#52c94b !important;
}

.entry_call{
	width: 100%;
	height: auto;
	float: none;
	padding: 10px 0;
	margin-bottom: 3px;
}

.entry_call_title {
	bottom:	11px;
	float: none;
	margin-top: 12px;
	padding-right: 0px;
	position: relative;
}

.entry_call_title p{
	background: #52c94b; /*黄色の背景*/
	color: #fff;	
	font-size: 15px;
	text-align:center;
	line-height: 19px;
	padding: 5px;
}

.entry_namber{
	background: url(../images/contact_call.png) no-repeat 0 11px;
	background-size:26px 17px;
	color: #52c94b !important;
	font-size: 23px !important;
	font-weight: bold;
	line-height: 25px !important;
	margin-right: 20px;
	padding-left:26px !important;
	padding-top: 9px;
	text-indent: 3px;
}

.entrybox_img{
	margin-top:20px;
	width:100%!important;
	height:auto!important;
}

/** ↑↑新予約ボタン↑↑ **/

.pagetop{
	margin-top: 20px; 
	text-align: right;
}

.pagetop a{
	color: #000;
	font-size: 12px;
	text-decoration: none;
	vertical-align: middle;
}

.pagetop img{
	padding-bottom: 3px;
}

/** footer **/
.footer_about{
	border: solid 1px #ccc;
	font-size: 12px;
	line-height: 18px;
	padding: 10px;
}

#footer{
	width: 100% ;
	height: auto;
	background: #f3f2f2;
	border-top: 1px solid #fd6a39; 
	margin-top: 20px;
	overflow:hidden;
	clear:both;
}

#footer a{
	color: #000;
	text-decoration: none;
}

#footer ul{
	width:50%;
	box-sizing:border-box;
	float: left;
	font-size: 14px;
	padding:0 4%;
	margin: 25px 0px;
}

#footer li{
	background: url(../images/ico01.png) no-repeat;
	padding-left: 10px; 
	margin-bottom: 10px;
}

#footer li span{
	font-weight: bold;
}

#footer_left{
	float:none;
	margin:0 auto;
}



#footer_right{
	clear:both;
	float: none !important;
	margin-top: 20px;
	width: auto;
	text-align:center;
}

#footer_right p{
	font-size: 12px;
	line-height: 20px; 	
	padding-left: 0px;
	display:block;
	margin:0 auto;
}


.footer_small{
	width: 100%;
	font-size: 10px;
	padding:10px 0 20px 0;
}

small{
	float: left;
	font-size: 12px;
	text-align: center;
}

#cr{
	background: none;
	text-indent: 0;
}

#side_contact a{
	top: 12%;
    display: block;
    position: fixed !important;
    right: 0;	
}

.pankuzu{
	font-size: 12px;
	margin-top: 15px;
}

.pankuzu a{
	text-decoration: none;
}

#footer_banner{
 width: 100%;
 clear:both;
}

#footer_banner ul{
	width:96%;
	display:block;
	padding: 20px 0;
	margin: 0 2%;
}

#footer_banner ul li{
	float:left;
	width:49%;
	margin:0 2% 10px 0;
	background: none;
	padding-left: 0px;
}

#footer_banner ul li:nth-child(2n){
	float:left;
	width:49%;
	margin:0 0 10px 0;
	background: none;
	padding-left: 0px;
}

#footer_banner ul li img{
	width:100%;
	height:auto;
}

/**flow**/
.yellow_bk{
	width: 100%;
	height: auto;
	background: #fbfbed;
	box-sizing:border-box;
	padding: 0px 0 0px;
	margin-bottom: 20px;
}


#flow_button{
	width:80%;
	display:block;
	overflow:hidden;
	margin:0 auto 20px auto;
	text-align: left;
}

#flow_button a{
	width:48%;
	margin:0 2% 0 0;
	display:block;
	float:left;
}

#flow_button a img{
	width:100%!important;
	height:auto;
}

#flow_button a:last-child{
	margin:0 0 0 0;
 display:block;
 float:left;
}

.flow_box{
	height: auto;
	width: 100%;
	background: #fff;
	border-bottom: #ccc 1px solid;
	border-right: #ccc 1px solid;	
	border-left: #ccc 1px solid;	
	padding: 20px 2% 0 2%;
	margin-bottom: 20px;
	box-sizing:border-box;
}

.flow_title{
	height: auto;
	width: 100%;
	background: #f3f3f3;
	border-bottom: solid 2px #fd6a39;
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
	border-top: solid 1px #ccc;
	color: #4e4e4e;
	font-size: 20px;
	font-weight: bold;
	line-height: 38px;
	padding-left: 20px;
	box-sizing:border-box;
}


#flow_call{
	background: url(../images/flow_call.png) no-repeat 0 10px;
	color: #ff6633;
	font-size: 30px;
	padding-left: 35px
}

.flow_title img{
	margin: 8px 10px 10px 0;
	vertical-align: bottom;	
}

.flow_left_box{
	height: auto;
	width: auto;
	float: none;
	text-align:center;
	margin:0 auto;
}

.flow_left_box img{
 	border: #ccc solid 1px;	
 	margin-bottom: 10px;
}


.flow_right_box{
	height: auto;
	width: 100%;
	float: none;
}

.flow_right_box img{
	max-width:90%;
	height:auto;
}

.flow_text01{
	font-size: 13px;
	float: left;
	margin-bottom: 20px;
	line-height: normal;
}

.flow_text01 span{
	color: #ff0000;
}

.text02{
	font-size: 13px;
	line-height: 20px;
}

.text02 span{
	color: #505050;
	font-size: 18px;
	font-weight: bold;	
}

/*点検整備の箇所*/
.flow_detailed{ 
	height:auto;
	padding-bottom:20px;
	border-bottom: 2px dotted #ccc;
	margin-top: 20px;
}

.flow_detailed_first{ 
	margin-top: 0px;
	height:auto;
	padding-bottom:20px;
	border-bottom: 2px dotted #ccc;
}

/**staff**/
.staff_box{
	height: 140px;
	width: 373px;
	border: #ccc 1px solid;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	float: left;
	padding: 20px;
	margin-bottom: 20px;
}

.staff_left_box{
	clear: both;
	float: left;
	margin-right: 20px;
}

.staff_left_box img{
	border: #ccc solid 1px; 
}

.staff_text_box{
	width: 240px;
	float: right;
}

.staff_text_box p span{
	color: #545454;
	font-size: 13px;
	font-weight: bold;
}

.staff_text_box p{
	font-size:13px;
	line-height: normal;
}

.name{
	font-size: 2px;
}

.name span{
	font-size: 18px !important;
	font-weight: lighter !important;	
}

.staff_comment{
	width: auto;
	height: auto; 
	margin-top: 10px;
	padding: 10px;
}

.staff_comment p{
	font-size: 14px;
	line-height: 20px;
}

/**shop**/
#shop_img{
	width:100%;
	box-sizing:border-box;
	float: none;
	margin: 0 auto 0 auto;
	display:block;
	line-height:0;
	border: 1px solid #ccc;
}

#shop_img img{
	width:100%;
	height:auto;
}

#shop_information{
	margin:0px auto;
	width:100%;
}

.shop_info_box001{
	width:100%;
	float:none;
}

#shop_information_top{
	background: #f7f8b4;
	font-size: 14px;
	line-height: 20px;
	margin: 0 0px 20px 0px;
	padding: 10px;
}

.shop_map_iframe{ margin-top:10px; width:100% !important; height:240px!important;}

/*当社紹介の水色の背景*/
.bk_blue{
	background: #f7f8b4;
}

#shop_information .right{
	text-align:center;
}

#shop_information{
    font-size: 14px;
    line-height: 20px;
}

#shop_information th{
    border-top: 1px solid #CCCCCC;
    height: auto;
    padding: 15px 0 15px 15px;
    width: 100px;
	text-align: left;
}

#shop_information td{
    border-top: 1px solid #CCCCCC;
    padding: 15px 15px 15px 0;
}

#shop_information td span{
	background: url("../images/ico01.png") no-repeat 0 8px;
    margin-bottom: 10px;
    padding-left: 10px;
}
#shop_information td a{
    color: #4549df;
    text-decoration: none;
}

#shop_photo li{
	float: left;
	margin-right: 10px;
}

/**price**/
#price_list table{
	display:none!important;
	border: none;
	 border-top: #ccc 1px solid;
	width: 100%;
	 color: #4e4e4e;
	 text-align: center;
}

.price_sp_img{
	width:100%;
	height:auto;
	display:block;
}

.price_sp_txt{ font-weight:bold; font-size:16px; color:#F00; margin:0 auto 10px auto; text-align:center;}

.price_list_car01{
	background: #bfdff5;
	border-bottom: #ccc 1px solid;
	font-size: 15px;
	font-weight: bold;
}

.price_list_car01 span{
	font-size: 11px;
	font-weight: lighter;
}

.price_list_car02{
	background: #e7ffda;
	border-bottom: #ccc 1px solid;
	font-size: 12px;
}

.price_list_glay{
	background: #f6f6f6; 
	vertical-align: middle;
}

.price_list_glay_02{
	background: #e4e4e4; 
	vertical-align: middle;
}

.plp{
	font-size:80%;
}

.price_list_text01{
	color: #ff0000;
	font-size: 24px;
	font-weight: bold;
}
.price_list_text01 span{
	font-size: 16px;
}

.price_list_special01{
	background: #fffcd2;
	font-weight:bold;
}

.price_list_special01 td{
	vertical-align: middle;
	font-size: 24px !important;
}


.price_list_special02{
	background: #feff92;
	color: #fa6262;
	font-weight: bold;
}

.price_list_special02 td{
	vertical-align: middle;
	font-size: 26px !important;
}

.price_list_special02 span{
	font-size: 17px;
}

.price_list_special03{
	background: #f9fb6a;
	border: #fa6262 4px solid !important;
	color: #fa6262;
	font-weight: bold;
}

.price_list_special03 td{
	vertical-align: middle;
	font-size: 28px !important;
}
.price_list_special03 span{
	text-decoration: underline;
	font-size: 20px;
}

/**料金表一番下の赤枠の指定**/
.price_list_special03{
	background: #f9fb6a;
	border: #fa6262 4px solid !important;
	color: #fa6262;
	font-weight: bold;
}

.price_list_special03 td{
   border-bottom: 4px solid #fa6262 !important;
    border-top: 4px solid #fa6262;
	vertical-align: middle;
	font-size: 28px !important;
}

.price_list_special03_ie7_left{
   border-bottom: 4px solid #fa6262 !important;
   border-top: 4px solid #fa6262;
   border-left: 4px solid #fa6262 !important;
}

.price_list_special03_ie7_right{
   border-bottom: 4px solid #fa6262;
   border-top: 4px solid #fa6262;
   border-right: 4px solid #fa6262 !important;
}
.price_list_special03 span{
	text-decoration: underline;
	font-size: 20px;
}

.price_font-size22 {
	font-size: 22px !important;
}

#price_list p{
	margin: 10px 0;
	color: #F00;
}

#privilege_list table{
	width: 100%;
	 color: #4e4e4e;
	 border: #ccc 1px solid;
	 text-align: center;
}

#privilege_list table tr{
	border-bottom:  #ccc 1px solid;
}

#privilege_list table td{
	border-left: #ccc 1px solid; 
	line-height: 20px;
	padding: 10px;
	vertical-align: middle:
}

.privilege_list_td1{
	width: 35%;
	color:#F00;
	background:#D0E2FF;
	font-weight: bold;
	text-align: left;
}

.privilege_list_td2{
	width: 65%;
	background:#FFF;
	text-align:left;
}

#price_car{
	border:1px solid #ccc; 
	margin: 15px auto 0 auto; 
	padding: 10px; 
	line-height: 23px;
}

.price_meirou{ width:100%; height:auto;}

#finansian{
	margin: 20px 0;
}

#finansian p{
	font-size: 15px;
	line-height: 20px;
}

#finansian p span{
	color: #fa6262;
	font-size: 18px;
	font-weight: bold;
}

.finansian_title{
	border-bottom: 3px solid #ccc;
	color: #777;
	font-size: 30px !important;
	font-weight: bold;
	line-height:30px;
	margin: 10px 0 20px 0;
}

.finansian_title span{
	font-size:18px; 
	padding:0 0 0 10px;
}


.shop_images{
	height: auto;
	width: auto;
	padding:0 0px 30px 0px;
}

.shop_images li{
	width:49%;
	float:left; 
	margin-right:2%;
	margin-bottom:2%;
}

.shop_images li:nth-child(2n){
	margin-right:0%;
	margin-bottom:2%;
}

.shop_images li img{
	width:100%;
	height:auto;
	box-sizing:border-box;
	border: #ccc 1px solid;
}

.finansian_box01{
	background: #ccc;
	color: #000;
	font-size: 18px;
	padding: 10px; 
	margin-top: 10px;
}

.finansian_box02{
	border: #ccc 1px solid;
	line-height: 24px;
	padding: 20px 20px;
	margin-bottom: 10px;
}

.finansian_box02 span{
	color: #fa6262;
	font-size: 23px;
	font-weight: bold;
}

.campaign_box{
	width: 413px;
	height: auto;
	border: #ccc 1px solid;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	float: left;
	padding: 20px 10px 10px 30px;
	margin-bottom: 20px;
}

.campaign_box p{
	font-size: 14px;
	line-height: 20px;
}

.campaign_title01{
	background: url(../images/ico_no01.png)no-repeat transparent;
	font-size: 22px !important;
    height: 23px;
	line-height: 25px !important;
    margin-bottom: 10px;
    padding-left: 30px;
}

.campaign_title02{
	background: url(../images/ico_no02.png)no-repeat transparent;
	font-size: 22px !important;
	line-height: 25px !important;
    height: 23px;
    margin-bottom: 10px;
    padding-left: 30px;
}

#card_box{
	border: #ccc 1px solid;
	padding: 10px;
	margin: 20px 0;
}

.card_title {
	height: 30px;
	background: url(../images/card_img.png) no-repeat;
	margin-bottom: 10px;	
}

.card_title p{
	font-size: 20px;
	font-weight: bold;
	padding: 8px  0 0 40px;
}

.price_jmg_card{
	width: 100%;
	float: none;
	vertical-align: middle;
}

#card_box p{
	clear: both;
	width: 100%;
	margin-bottom:10px;
	line-height: 20px;
	float: none;
}

/* ↓↓基本料に含む↓↓ */
#price_info{
	background: #fbfbed;
	border: #ccc 1px solid;
	margin: 20px 0;
	padding: 10px 20px;
}

#price_info table{
	height: auto;
	width: 890px;
}

#price_info_li01{
	height:40px;
	width: 290px;
	background: url(../images/price_info_01.png) no-repeat;
	color: #fff;
	float: left;
	margin-right: 15px;
	padding: 12px 20px 10px 20px;
}

#price_info_li02{
	height:40px;
	width:140px;
	background: #5b79e9;
	background: url(../images/price_info_02.png) no-repeat;
	color: #fff;
	float: left;
	margin-right: 35px;
	padding: 12px 10px 10px 10px;	
}

#price_info_li03{
	height:40px;
	width:287px;
	background: url(../images/price_info_03.png) no-repeat;
	color: #fff;
	float: left;
	padding: 12px 10px 10px 10px;	
}

#price_info_table{
	background: #fff;
	border: #ccc 1px solid;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	padding: 0 20px;
}

#price_info_table table{
	height: auto;
	width: 845px;
}

#price_info_table tr{
	border-bottom: 1px dashed; 
}

#price_info_table th{
	background: url(../images/price_img_info02.png) no-repeat 10px 27px;
	border-bottom:  #ccc 1px dashed; 
	color: #424141;
	font-size: 27px;
	font-weight: bold;
	padding-left: 25px;
	text-align: left;
	vertical-align: middle;
}

#price_info_table td{
	border-bottom:  #ccc 1px dashed; 
	vertical-align: middle;
	padding: 10px;
}

.price_info_td01{
	background: #f2f2f2;
	color: #424141;
	font-size: 23px;	
}

.price_info_td02{
	text-align: center;
}

.price_info_td03{
	background: #fdfdb6;	
	text-align: center;
}


/* ↑↑基本料に含む↑↑ */

.price_red{
	color: #fa6262;
	font-size: 22px;
	font-weight: bold;
}

#price_button_box{
	width:80%;
	display:none;
	overflow:hidden;
	margin:0 auto 20px auto;
	text-align: left;
}

#price_button_box a{
	width:48%;
	margin-right: 2%;
	display:block;
	float:left;
}


#price_button_box a img{
	width:100%!important;
	height:auto;
}

#price_button_box a:last-child{
 margin-right: 0px;
 display:block;
 float:left;
}

.price_privilege{
	margin-bottom: 60px;
}

.price_campaign_box{
	height: 140px;
	width:  425px;
	box-shadow: 1px 1px 1px #ddd;
	-moz-box-shadow: 1px 1px 1px #ddd;
	-webkit-box-shadow: 1px 1px 1px #ddd;
	border: #ff9c00 3px solid;
	border-radius: 3px; 
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	margin: 20px 0;
	padding: 10px;
}

.price_campaign_box p{
	font-size:15px;
	line-height: 20px;
	padding-left: 50px;
}

.price_campaign_box p span{
	color: red;
	font-size: 60px;
	font-weight: bold;
	line-height: 100px;
}

.price_campaign_title{
	height: 56px;
	width: auto;
	background:url(../images/price_jmg_campaign＿icon.png) no-repeat;
	color: #3c3c3c;
	font-size: 30px !important;
	font-weight: bold;
	padding: 20px 0 0 75px !important;	
}

/*キャンペーン*/
.price_campaign_list_box{
	background: url(../images/price_jmg_privilege_bg_02.png) repeat-y;
	padding: 20px;
	margin: 20px 0;
}

/*特別優待*/
.price_privilege_box{
	background: #f7f8b4;
	border: 1px solid #ccc;
	padding: 0px 20px 20px 20px;
	margin: 20px 0;
}

.price_privilege_box_title{
	height: auto;
	width: auto;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #fef1c8), color-stop(0.00, #fff));
	background: -webkit-linear-gradient(top, #fff 0%, #fef1c8 88%);
	background: -moz-linear-gradient(top, #fff 0%, #fef1c8 88%);
	background: -o-linear-gradient(top, #fff 0%, #fef1c8 88%);
	background: -ms-linear-gradient(top, #fff 0%, #fef1c8 88%);
	background: linear-gradient(to bottom, #fff 0%, #fef1c8 88%);
	border: #eb9024 1px solid;
	color: red;
	font-size: 50px;
	font-weight: bold;
	margin-top: 20px;
	padding: 20px 10px;
	vertical-align: middle;
}

.price_privilege_box_title img{
	float: left;
	margin-right: 10px;
}

.price_privilege_box_title span{
	color: black;
	font-size: 18px;
	font-weight: normal;
}

.price_privilege_box_title_red{
	color: red !important;	
}

.price_privilege_box_title b{ padding-left:0!important;}

/* タイトルと補足が一段ずつの場合 */
.price_privilege_text_01{
	height: auto;
	 background: #fff;
	color: #3c3c3c;
	font-size: 30px;
	font-weight: bold;
	margin-top: 20px;
	padding:10px;
	vertical-align: middle;
	line-height:1.3em;
}

.price_privilege_text_01 img{
	float: left;
	display:none;
	margin: 4px 10px 0 0;
}

.price_privilege_text_01 p{
	display:inline-block;
	line-height: 40px;
	margin-top: 7px;
	font-size: 36px!important;
}

.price_privilege_text_01 p span{
	color: red;
}

/* タイトルのみの場合 */
.price_privilege_text_02{
	height: auto;
	background: #fff;
	color: #3c3c3c;
	font-size: 30px;
	font-weight: bold;
	margin-top: 20px;
	padding:0 10px 10px 10px;
	vertical-align: middle;
}

.price_privilege_text_02 img{
	float: left;
	display:none;
	margin: 17px 10px 0 0;
}

.price_privilege_text_02 p{
	display:inline-block;
	line-height: 40px;
	margin-top: 7px;
	font-size: 36px;
}

.price_privilege_text_02 p span{
	color: red;
}

/* タイトル一段、補足が二段の場合 */
.price_privilege_text_03{
	height: auto;
	 background: #fff;
	 border-radius: 10px;        /* CSS3闕画｡ */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome逕ｨ */  
	-moz-border-radius: 10px;   /* Firefox逕ｨ */	
	color: #3c3c3c;
	font-size: 30px;
	font-weight: bold;
	margin-top: 20px;
	padding:10px;
	vertical-align: middle;
}

.price_privilege_text_03 img{
	float: left;
	display:none;
	margin: 19px 10px 0 0;
}

.price_privilege_text_03 p{
	line-height: 40px;
	margin-top: 7px;
}

.price_privilege_text_03 p span{
	color: red;
}

/* タイトルが長い場合 */
.price_privilege_text_04{
	height: 130px;
	 background: #fff;
	 border-radius: 10px;        /* CSS3闕画｡ */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome逕ｨ */  
	-moz-border-radius: 10px;   /* Firefox逕ｨ */	
	color: #3c3c3c;
	font-size: 27px;
	font-weight: bold;
	margin-top: 20px;
	padding:10px;
	vertical-align: middle;
}

.price_privilege_text_04 img{
	float: left;
	margin: 19px 10px 0 0;
}

.price_privilege_text_04 p{
	line-height: 32px;
	margin-top: 5px;
}

.price_privilege_text_04_subtext{
	font-size:17px;
	color: red;
	padding-top:8px;
	line-height:10px !important;
	margin-top: 0 !important;
}

.discount_title{
	margin-top:10px;
	font-size: 20px;
	line-height:22px;
	display:block;
}

.discount{
	font-size: 38px;
}

/**qa**/
.question_box{
	border: #ccc 1px solid;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	padding: 20px 20px 10px 20px; 
}
.question_box p{
	height: 22px;
	line-height: 22px;
	background: url("../images/ico_q.png") no-repeat scroll  transparent;
	padding-left: 30px;
	margin-bottom: 10px;
}

.question_box li{
	background: url("../images/ico01.png") no-repeat 0 5px;
	margin-bottom: 10px;
	padding-left: 10px;
}

.question_box a{
	text-decoration: none;
	font-size: 15px;
}

.q_box{
	width: 100%!important;
	background: #f3f3f3;
	border: 1px #ccc solid;
	font-size: 15px;
	box-sizing:border-box;
	padding: 20px!important;
	float:none!important;
	margin-top:0!important;
	margin-bottom: 20px; 
}

.q_icon{
	margin-top:0px!important;
	float:none!important;
	margin-bottom:0!important;
	vertical-align:middle;
}

.q_box h4{
	height: auto;
	line-height: 25px;
	background: url("../images/ico_q.png") no-repeat;
	display: block;
	margin-left: 0px!important;
	padding-left: 30px;	
}

.a_box{
	background: #f3f3f3;
	border: 1px #ccc solid;
	border-top:  1px #ccc solid;
	height: auto;
	width: 100%!important;
	box-sizing:border-box;
	clear: both;
    padding: 20px 20px 20px 20px;
}

.a_box img{
	float: left;
	margin-right: 10px;
	vertical-align: middle;
}
.a_box p{
	color: #666666;
	font-size: 15px;
	line-height: normal;
    padding: 2px 0 2px 30px;
    text-align: left;
}

.guest_img{
	float: left; 
	margin-bottom: 20px;
}

.voice_box{
	height: auto;
	width: 100%;
	box-sizing:border-box;
	background: #f3f3f3 no-repeat;
	border: 1px #ccc solid;
	border-top: 1px #ccc solid;
    padding: 10px 10px;	
    float: none;
    margin:  0 auto 20px auto; 
}

.voice_box:last-child{
    margin:  0 auto 20px auto; 
}

.voice_box p{
	color: #666666;
	font-size: 15px;
	line-height: normal;
    padding: 5px 0 5px 0px;
    text-align: left;
}

.qa_content_box{
	padding: 20px;
}

.qa_content_bk{
	background:#f7f8b4;
}

/**sttaf**/
.staffbox{
	width: auto;
	height: auto;
	background: #f9f9f9;
	border:3px solid #CCC;
	padding: 20px;
	margin-bottom:15px;
}

.staffbox img{
	float: left;
	margin-right: 15px;
	box-shadow: 2px 2px 2px 2px #CCC;
}

.staffbox_left{
	width:100%;
	height: auto;
	background: #f9f9f9;
	border:3px solid #CCC;
	padding: 10px 2%;
	margin-bottom:15px;
	float:none;
	box-sizing:border-box;
}

.staffbox_left img{
	float: none;
	margin:0 auto 10px auto;
	display:block;
	border:1px solid #CCC;	
}

.staffbox_right{
	width:100%;
	height: auto;
	background: #f9f9f9;
	border:3px solid #CCC;
	padding: 10px 2%;
	margin-bottom:15px;
	float:none;
	box-sizing:border-box;
}

.staffbox_right img{
	float: none;
	margin:0 auto 10px auto;
	display:block;
	border:1px solid #CCC;	
}

.profile h4{
	font-size:18px;
	text-align:center;
	margin-bottom:10px;
}

.profile h4 span{
	font-size:12px;
	color: #666; 
}

.profile p{
	font-size:12px;
	color: #666;
	line-height: 20px;
}

.profile p span{
	font-weight: normal;
	color: #000;
	line-height:25px;
	font-size:14px
}

/**lp_index**/
.lp_top_img{
	width: 850;
	height: 280px;
	background: url(../images/lp_top_img_back.png) no-repeat;
}

.lp_top_img img{
	margin-top: 213px;
}

.lp_top_contents{
	height: 50px; 
	width: auto;	
	 float: left;
}

.lp_top_button{
	float: right;
	margin-top: 10px;
}

.lp_center{
	height: auto;
	width: 850;
	padding: 100px 0 10px 0;
	text-align: center;	
}


.lp_contents_box_img{
	height: 170px;
	width: 240px;
	border: #ccc 1px solid;
	margin-top: 20px;	
}

.lp_contents_box p{
	height: auto;
	width: 560px;
	clear: both;
	float: right;
	font-size: 15px;
	line-height: normal;
	margin-top: 20px;	
}

.lp_button_box{
	margin: 10px 30px 30px 30px; 
}

/**policy**/
.policy_a{
	background: none repeat scroll 0 0 #F3F3F3;
    border: 1px solid #CCCCCC;
    font-size: 15px;
    height: auto;
    margin: 20px 0 5px 0;
    padding: 10px 5px;
    width: auto;
}

.policy_b{
    clear: both;
    margin-bottom: 20px;
    padding:5px;
    width: auto;
}

.policy_b p{
    color: #666666;
    font-size: 15px;
    line-height: normal;
    padding: 2px 0 2px 0px;
    text-align: left;
    }


/*area*/
/*↓↓index↓↓*/
.area_box{
	height: auto;
	width: 100%;
	clear: both;
	padding: 0 0px 0;
	margin-bottom: 30px;
}

.area_box p{
	font-size: 13px;
	line-height: normal;
}

.area_left_img{
	border: 1px solid #ccc;
	float: none;
	display:block;
	text-align:center;
	margin: 10px auto 10px auto;
}

#area_left_p{
	width: 100%;
	float: none;
}

#area_map_box{
	float: none;
	width:100%;
	height:auto;
	margin:10px auto 0 auto;
}

#area_map_box iframe{
	width:100%!important;
	height:240px;!important;
}

.area_title{
	border-bottom: solid 2px #777;
	color: #777;
	font-size: 20px;
	font-weight: bold;
	text-indent: 20px;
	margin-bottom: 20px;
	padding-bottom: 10px;	
}

#area_rink {
	height: auto;
	width: auto;
	background: #f1f2f3;
	clear: both;
	padding: 20px 20px 10px;
	margin-bottom: 20px;
}
#area_rink li {
	height: auto;
	width: 48%;
	background: #fff;
	float: left;
	font-size:14px;
	margin: 0 1% 10px 1%;
	padding: 10px;
	box-sizing:border-box;
	text-align: left;
}

#area_rink li a{
	color: #000;
	display: block !important;
	text-decoration: none !important;
}

#area_rink li:hover{
	height: auto;
	width: 48%;
	background: #f7d953;
	color: #000;
	float: left;
	font-size:14px;
	margin: 0 1% 10px 1%;
	padding: 10px;
	box-sizing:border-box;
	text-align: left;
	text-decoration: underline;
}

#area_rink li  a:hover{
	display: block !important;
	text-decoration: none !important;
}

.area_rink_li_last{
	margin-right: 8px !important;
}

.area_info{
	height: auto;
	width: 100%;
	background: #eaeaea;
	border: 2px solid #ccc;
	padding: 20px;
	box-sizing:border-box;
	margin-bottom: 20px;
}

.area_info_title{
	height: auto;
	width: 100%;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #818486), color-stop(0.00, #c8caca));

background: -webkit-linear-gradient(top, #c8caca 0%, #818486 88%);
background: -moz-linear-gradient(top, #c8caca 0%, #818486 88%);
background: -o-linear-gradient(top, #c8caca 0%, #818486 88%);
background: -ms-linear-gradient(top, #c8caca 0%, #818486 88%);
background: linear-gradient(to bottom, #c8caca 0%, #818486 88%);
}

.area_info_title h4{
	height:auto;
	display:block;
	background: none;
	font-size: 24px;
	line-height: 32px;
	padding: 10px;	
}

.area_info_title h4 span{
	color: #fff;
	font-weight: bold;
}

.area_info_left{
	height: auto;
	width: 100%;
	float: none;
	margin-top: 10px;
}

.area_info_left p{
	font-size: 15px;
	line-height: normal;
}

.area_info_left p span{
	background: url("../area/area_common/area_icon_shop.png") no-repeat;
	color: #333232;
	font-size: 20px;
	display:block;
	font-weight: bold;
	padding-left: 35px;
}

.area_title_orange{
	background: url("../area/area_common/contact_button_bk.png") repeat-x scroll 0 0 transparent;
	color: #fff;
	height:auto;
	font-size: 22px;
	font-weight: bold;
	padding: 10px;
	margin-bottom: 20px;	
}

.area_info .right{ float:none; display:block; margin:0 auto;}

.area_title_orange{
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #f57e5d), color-stop(0.00, #f3a58f));
background: -webkit-linear-gradient(top, #f3a58f 0%, #f57e5d 88%);
background: -moz-linear-gradient(top, #f3a58f 0%, #f57e5d 88%);
background: -o-linear-gradient(top, #f3a58f 0%, #f57e5d 88%);
background: -ms-linear-gradient(top, #f3a58f 0%, #f57e5d 88%);
background: linear-gradient(to bottom, #f3a58f 0%, #f57e5d 88%);

border-bottom:2px solid #f2562c; 
height: auto;
line-height: 38px;
margin-bottom: 10px;
vertical-align: middle;
text-align: center;
}

.area_title_orange span{
	font-size: 26px;
	display:block;
	text-align:center;
}

.area_info_02{
	border: 1px solid #ccc;
	 border-radius: 3px;        /* CSS3闕画｡ */  
	-webkit-border-radius: 3px;    /* Safari,Google Chrome逕ｨ */  
	-moz-border-radius: 3px;   /* Firefox逕ｨ */	
	padding: 20px;
	margin-bottom: 20px;
}

.area_info_02_left{
	float: left;
	padding-top: 10px;
}

.area_info_02_left p span{
	background: url(../area/area_common/area_icon06.png) no-repeat 0 4px;
	background-size:26px 17px;
	color: #2d7c49;
	font-size: 22px;
	line-height:22px;
	font-weight: bold;
	padding-left: 28px;
}

.area_info_02_left p span a{ text-decoration:none!important; color: #2d7c49!important; }

.area_info_02_left p{
	font-size: 16px;
	line-height: 22px;
	margin-bottom:5px;
}

.area_info_02 img{ width:100%; height:auto;}

/*↑↑index↑↑*/

/*↓↓base↓↓*/
.area_box_border{
	border: solid 1px #ccc;
	margin-bottom: 20px;
}

.area_box_border p{
	font-size: 13px;
	line-height: normal;
	margin: 20px;
}

.area_bottun_box{
	background: #e5e5e5;
	padding: 20px;
}

.area_bottun_box p{
	text-align: center;
}

.area_bottun_box p a{
	background: url(../area_common/area_entry_button_bk.png) repeat-x;
	border: solid 1px #cc3232;
	 border-radius: 3px;        /* CSS3闕画｡ */  
	-webkit-border-radius: 3px;    /* Safari,Google Chrome逕ｨ */  
	-moz-border-radius: 3px;   /* Firefox逕ｨ */	
	color: #fff;
	font-size: 27px;
	font-weight: bold;
	padding: 14px 10px 14px;
	text-decoration: none;
}

.area_bottun_box p a img{
	vertical-align: middle;
	margin-right: 15px;
}

#area_news{
	margin-bottom: 20px;
}

#area_news li{
	height: auto;
	width: auto;
	background: url(../area/area_common/area_icon07.png) no-repeat;
	border-bottom: dashed 2px #ccc;
	padding: 0 20px 5px 28px;
	margin-bottom: 18px;
	line-height:140%;
	box-sizing:border-box;
}


#area_news li a{
	color: #314073;
	font-size: 15px;
	text-decoration: none;
}

#area_news li a img{
	float: left;
}

#area_news li a p{
	height: auto;
	width: 100%;
	float: right;
	line-height: 20px;
	padding-left: 10px;
}

.area_info_wrap{
	margin-bottom: 20px;
}

.area_info_wrap_title{
	background: #f7f8b4;
	border-bottom: 2px solid #f7d953;
	padding: 15px 20px 15px;
	margin-bottom: 10px;
}

.title_icon{
	position: relative;
	top: -5px;
}

.area_info_wrap_title .left{ float:left;}

.area_info_wrap_title p{
	color: #4c4c4c;
	font-size: 17px;
	font-weight: bold;
	padding-left: 35px;
}

.area_info_wrap table{
	height: auto;
	width: 100%;
	margin-bottom: 10px;
}

.area_info_wrap table{
	border-top: solid 1px #ccc;	
	border-left: solid 1px #ccc;
	font-size: 13px;	
}

.area_info_wrap th{
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	padding: 10px;
}

.area_info_wrap td{
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	line-height: normal !important;	
	padding: 10px;
}

.area_info_wrap h2{
	text-align: left;
}

.area_info_wrap td h3{
	font-size: 13px !important;
	font-weight: normal !important;
	line-height: normal !important;
}

.area_glay_bk{
	width: 25%;
	background: #e7e7e7;
}


.area_info_wrap p{
	font-size: 13px;
	line-height: normal;
	padding: 0 20px 0;
}

.area_info_wrap p span{
	color: #4c4c4c;
	font-size: 15px;
	font-weight: bold;
}

.area_pr_warp{
	margin-bottom: 20px;
}

#area_pr_title{
	background: url(../area/area_common/area_pr.png) no-repeat;
	color: #6d6d6d;
	font-size: 27px;
	font-weight: bold;
	padding-left: 50px;
	margin-bottom: 10px;
}

.area_pr_box{
	height: auto;
	width: auto;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #fdfce8), color-stop(0.00, #fffffa));
	background: -webkit-linear-gradient(#fffffa, #fdfce8);
	background: -moz-linear-gradient(#fffffa, #fdfce8);
	background: -o-linear-gradient(#fffffa, #fdfce8);
	background: -ms-linear-gradient(#fffffa, #fdfce8);
	background: linear-gradient(#fffffa, #fdfce8);
	border: #ccc 3px solid;
	border-radius: 3px;
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px;
	padding: 20px;
	margin-bottom: 20px;	
}

.area_pr_box p span{
	font-size: 18px;
	font-weight: bold;
}

.area_pr_box01{
	border-bottom: solid 1px #ccc;
	padding-bottom: 10px;
}

.area_pr_box01_left{
	height: auto;
	width: 100%;
	float: none;
	line-height: 30px;
}

.area_pr_box01_left a{
	background: url(../area/area_common/area_icon05.png) no-repeat;
	color: #4695d8;
	font-size: 25px;
	font-weight: bold;
	padding-left: 45px;
	text-decoration: none;
}

.area_pr_box02{
	padding: 10px 0 10px;
	margin-bottom: 0px
}

.area_pr_box02 p{
	font-size: 16px;
	line-height: normal;
}

.area_pr_box02 p span{
	font-size: 18px;
	font-weight: bold;
}

.area_pr_warp ul{
	float: left;
	margin: 10px 20px 0 0;
}

.area_pr_warp li{
	height: auto;
	width: 259px;
	background: #fff;
	padding: 10px;
}


.area_pr_warp_li_title{
	border-top: solid 1px #ccc;	
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
	font-size: 18px;
	font-weight: bold;
}

.area_pr_warp_li_title img{
	margin-right: 10px;
	vertical-align: middle;
}

.area_pr_warp_li_text{
	height: 120px !important;
	border-bottom: solid 1px #ccc;	
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
	color: #f35959;
	font-size: 16px;
	font-weight: bold; 
	line-height: 20px;
}

.area_pr_warp table{
	height: auto;
	width: 100%;
}

.area_pr_warp td{
	border: solid 1px #ccc;
	padding: 10px;
	font-size: 13px;
	line-height: normal;
}

.area_pr_warp_td_title{
	background: #cdf3c5;
}

.factory_name{
	height: auto;
	width: 25%;
}

.area_button a{
	height: 44px;
	width: 230px;
	background: url(../area/area_common/area_button.png) no-repeat;
	display: block;
	text-indent: -9999px;
	position: relative;
	top: 20px;
	left: 445px;
	z-index:2
}

.area_button_footer_right{
	position: relative;
	top: -44px;
	z-index:1;
}



.area_shop_table{
	margin-bottom: 20px;
}

.area_shop_table h3{
	font-size: 13px !important;
	font-weight: normal !important;
}
/*↑↑base↑↑*/

/* SP用 */

.price_catalogue{
	width:100%;
	margin:0 auto;
}

.price_catalogue ul{
	width:100%;
	padding:10px;
	box-sizing:border-box;
	margin:0 auto;
}

.price_catalogue ul li{
	width:100%;
	padding:0px;
	box-sizing:border-box;
	clear:both;
	background:#fffcd2;
	border:1px solid #f5f5f5;
	border-radius:5px;
	margin:0 auto 20px auto;
	overflow:hidden;
}

.price_catalogue ul li:last-child{
	margin:0 auto;
}

h4.price_cata_til {
	font-weight:bold;
	cursor:pointer;
	color:#484848;
	font-size:18px;
	line-height:20px;
	box-sizing:border-box;
	margin:0 auto 10px auto;
	padding:0 10px 0 10px;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e7e7e7+25,e7e7e7+50,e7e7e7+50,fafafa+75,ffffff+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #e7e7e7 25%, #e7e7e7 50%, #e7e7e7 50%, #fafafa 75%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 0%,#e7e7e7 25%,#e7e7e7 50%,#e7e7e7 50%,#fafafa 75%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 0%,#e7e7e7 25%,#e7e7e7 50%,#e7e7e7 50%,#fafafa 75%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

h4.price_cata_til a{
	font-weight:bold;
	color:#484848;
	cursor:pointer;
	display:block;
	padding:10px 0px;
	font-size:18px;
	line-height:20px;
	background:url(../images/price_sw_open.png) no-repeat 99% center;
	background-size: 28px 28px;
}

h4.price_cata_til a.open{
	background:url(../images/price_sw_close.png) no-repeat 99% center;
	background-size: 28px 28px;
}

h4.price_cata_til span{
	font-size:15px;
	font-weight:normal;
}

.price_cata_tgl{ display:none; margin:0 auto; padding:0px 10px 0px 10px; clear:both;}
.price_cata_tgl .price_cata_imgbox{ background:#FFF; padding:10px 0;}
.price_cata_tgl img{ display:block; margin:0 auto}

.price_cata_line{
	clear:both;
	font-size:14px;
	line-height:25px;
	overflow:hidden;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	background:#FFF;
}

.price_cata_line02{
	clear:both;
	padding:10px;
	color:#fa6262;
	background:#feff92;
	border-top:1px solid #cccccc;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	font-weight:bold;
	font-size:14px;
	line-height:25px;
	box-sizing:border-box;
	overflow:hidden;
}

.price_cata_line03bg{
	padding:0 10px 10px 10px;
	background:#fffcd2;
}

.price_cata_line03{
	clear:both;
	padding:10px;
	color:#fa6262;
	background:#f9fb6a;
	border:2px solid #fa6262;
	font-weight:bold;
	font-size:14px;
	line-height:25px;
	box-sizing:border-box;
	overflow:hidden;
}

.price_cata_line .price_cata_l{
	width:56%;
	font-size:16px;
	line-height:21px;
	padding:15px 15px;
	border-top:1px solid #cccccc;
	border-right:1px solid #cccccc;
	background:#f6f6f6;
	box-sizing:border-box;
	float:left;
}

.price_cata_line .price_cata_r{
	width:44%;
	font-size:22px;
	line-height:25px;
	padding:13px 15px;
	border-top:1px solid #cccccc;
	background:#FFFFFF;
	box-sizing:border-box;
	float:right;
	text-align:right;
}

.price_cata_line02 .price_cata_l{
	width:54%;
	font-size:16px;
	line-height:21px;
	padding:2px 5px 2px 5px;
	box-sizing:border-box;
	float:left;
}

.price_cata_line02 .price_cata_r{
	width:42%;
	font-size:22px;
	line-height:25px;
	padding:10px 5px 10px 5px;
	box-sizing:border-box;
	float:right;
	text-align:right;
}


.price_cata_line03 .price_cata_l{
	width:54%;
	font-size:16px;
	line-height:21px;
	padding:2px 5px 2px 5px;
	box-sizing:border-box;
	float:left;
}

.price_cata_line03 .price_cata_r{
	width:42%;
	font-size:23px;
	line-height:25px;
	padding:10px 5px 10px 5px;
	box-sizing:border-box;
	float:right;
	text-align:right;
}








			
			
			
			/* ↓↓基本料に含む（sp）↓↓ */



			#price_info_li01,
			#price_info_li02,
			#price_info_li03{ 
			/*display:none; */
		/*	display:table-cell;*/
			
			height:20px;
			padding:10px 0;
			margin:0;
			background:#717BAC;
			font-size:2.3vw;
			text-align:center;
			 
			}


			#price_info_li01{ width:32%;}
			#price_info_li02{ width:18%; margin-left:1%;}
			#price_info_li03{ width:38%; float:right; background:#F60; }
						
			#price_info{
				/*background: #fbfbed;
				border: #ccc 1px solid;
				margin:20px 0;*/
				padding: 5px;
			}

			#price_info_table{
/*			background: #fff;
				border: #ccc 1px solid;
				border-radius: 3px;
				-webkit-border-radius: 3px;
				-moz-border-radius: 3px;*/
				padding: 0 5px;
			}
						
			
			#price_info table{
				height: auto;
				width: 100%;
			}

			.price_info_cap_sp{
				/*tr*/
				display:inherit !important;
				}
			.price_info_cap_sp1{}
			.price_info_cap_sp2{}
			.price_info_cap_sp3{}
			
			#price_info table th,
			.price_info_li01,
			.price_info_li02,
			.price_info_li03{
				width:auto;
				height:auto;
				border-bottom:  #ccc 1px dashed;
				vertical-align: middle;
				padding:10px 5px;
				}

			#price_info_table th{ width:35% !important;}
			.price_info_li01{ width:10%; }
			.price_info_li02{ width:5%;}
			.price_info_td03{ width:40%;}
			.price_info_td03 img{ width:100%; height:auto; }				


			#price_info_table th{
				/*background: url(../images/price_img_info02.png) no-repeat 0 center;*/
				background:none;
				font-size: 2.6vw;
				padding-left: 5px;
				line-height:1.3em;
			}
			
			#price_info_table td{}
			
			
			.price_info_li01{
				background: url(../images/price_info_01.png) no-repeat;
				color: #fff;
				margin-right:0;

			}
			
			.price_info_li02{ margin-right: 0;		}
			.price_info_li03{	}

			#price_info_table table{
				height: auto;
				width: 100%;
			}
			
			#price_info_table tr{ /*border-bottom: 1px dashed; */			}
			

			.price_info_td01{	font-size: 2.8vw; font-weight:bold;}
			.price_info_td02{	text-align: center;		}
			.price_info_td03{		}
}

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

#call_text01{
	padding-top:5px;
}

#call_text02{
	font-size: 24px;
	padding:3px 0;
	line-height: 24px;
}


	/* 2020.08.21　大分から追加 */
	#g_navi{ display:none}
	.btn-6reason-detail{ width:100%; height:auto; }

	.entry_namber_new{
		background: url(../images/contact_call.png) no-repeat 0 1.4em;
		background-size:30px auto;
		display:block;
		
		font-size: 25px !important;
		line-height: auto !important;
		margin-right: 5px;
		padding-left:35px !important;
		padding-top: 2px;
		text-indent: 0;
	}
	.entry_namber_new a{ color: #52c94b !important; }

	


}

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


#call_text02{
	font-size: 20px;
	padding:2px 0;
	line-height: 22px;
}

#container{
	position:relative;
	padding-top:60px;
}

#header{
	width: 100%;
	height: 60px;
	overflow:hidden;
}
#header h1{ width:100%;}

#header h1 a,#header span a{
	width: 100%;
	height: 52px;
	background: url(../images/logo.png?id=180517) no-repeat left 2px;
	background-size:contain;
	display: block;
	margin-bottom: 10px;
	text-indent: -9999px;
}

#header p a,#header span a{
	width: 100%;
	height: 52px;
	background: url(../images/logo.png?id=180517) no-repeat left 2px;
	background-size:contain;
	display: block;
	margin-bottom: 10px;
	text-indent: -9999px;
}

#header .sp_btn{ position:absolute; right:2%; top:4px; width:48px; height:48px; background:url(../images/btn_open.png) no-repeat center center; background-size:cover; display:block; z-index:1000;}

.sp_navi{ top:61px;}
.sp_navi ul li a{ padding:12px 0; display:block; text-align:center; font-size:20px; color:#000000; text-decoration:none; border-top:2px solid #ff6736;}

}

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

#container{
	position:relative;
	padding-top:50px;
}
#header{
	width: 100%;
	height: 50px;
	overflow:hidden;
}
#header h1{ width:100%;}

#header h1 a,#header span a{
	width: 94%;
	height: 42px;
	background: url(../images/logo.png?id=180517) no-repeat left 4px;
	background-size:contain;
	display: block;
	margin-bottom: 10px;
	text-indent: -9999px;
}

#header p a,#header span a{
	width: 94%;
	height: 42px;
	background: url(../images/logo.png?id=180517) no-repeat left 4px;
	background-size:contain;
	display: block;
	margin-bottom: 10px;
	text-indent: -9999px;
}

#header .sp_btn{ position:absolute; right:1%; top:3px; width:45px; height:45px; background:url(../images/btn_open.png) no-repeat center center; background-size:cover; display:block; z-index:1000;}

.sp_navi{ top:52px;}
.sp_navi ul li a{ padding:10px 0; display:block; text-align:center; font-size:18px; color:#000000; text-decoration:none; border-top:2px solid #ff6736;}


#call .left{ margin-top:10px; text-align:center;}
#call .right{ text-align:center;}

.entry_box{
	background-size:contain;
}

.sp_on2{ display:block;}

}



/* 2020.07　変更時  */
.sp_area,
#bottom_navi{ display:none ;}


/*.pc_area{ display:none; }
.sp_none{ display:none;}
.sp_only{ display:block;}*/
	
	

.btn_other_shop{
	margin-bottom: 1.5em;
}
.btn_other_shop a{
	display: block;
	width: 80%;
	margin: auto;
	border: 3px  solid #C31D20;
	padding:1em;
	text-align: center;
	border-radius: 10px; 
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px;
	font-weight: bold;
	color: #C31D20 ;
	font-size: 18px;
	text-decoration: none;

}
.btn_other_shop a:hover{
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;

/*	border: 3px  solid #FD6A39;
	background: #FD6A39;
	color: #FFF ;*/

		border: 3px  solid #C31D20;
	background: #C31D20;
	color: #FFF ;
}




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


	.sp_area{ display:block; }	

	/*#sp-navi *{ box-sizing:border-box; }*/
	#sp-navi{
		background:#F13B3B;
		box-shadow: 0px 5px 3px -3px rgba(0,0,0,0.3);
		-webkit-box-shadow: 0px 5px 3px -3px rgba(0,0,0,0.3);
		-moz-box-shadow: 0px 5px 3px -3px rgba(0,0,0,0.3);
		
		padding:0;
		margin:0;
	}
	
	
	
	#sp-navi ul{
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-ms-flex-pack:distribute;
		justify-content:space-around;
		/*justify-content: flex-start;
		flex-wrap: wrap;*/
		list-style-type:none;
		margin:0 10px;
	}
	#sp-navi ul li{ width:20%; height:auto; padding:0; vertical-align:top; }
	#sp-navi ul li a{ height:auto;  }
	#sp-navi ul li img{ vertical-align:bottom; width:100%; }
	
	
		

	#footer{
		padding-bottom:70px;
		}
	/* ボトム固定ナビ*/
	#bottom_navi{
		display:block; 
		position:fixed;
		bottom:0;
		left:0;
		background:#FFF;
		z-index:100;
		}
	#bottom_navi ul{
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-ms-flex-pack:distribute;
		justify-content: flex-start;
		/*flex-wrap: wrap;*/
		list-style-type:none;
		margin:0;
		padding:0;
		}
	#bottom_navi ul li{
		width : -webkit-calc(100%/3 - 1px) ;
		width : calc(100%/3 - 1px) ;
		margin:0;
		margin-right:1px;
		padding:0;
		height:auto;
		vertical-align:top;
		}
	#bottom_navi ul li a{ display:block; }
	#bottom_navi ul li:nth-child(3){ margin-right:0; }
	#bottom_navi ul li img{ width:100%;}
	
	
	.btn_other_shop{
		
	}
	.btn_other_shop a{
		box-sizing: border-box;
		width: 98%;
		font-size: 16px;
	}
		
}



/*口コミバナー2023.09.26*/
.bnr_kuchikomi{
    text-align: center; margin: 10px 0 0 0;
}
.bnr_kuchikomi img{
    width: 930px;
}
@media only screen and (max-width:768px){
    .bnr_kuchikomi img{
        width: 96%;
    }
}