@charset "UTF-8";

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,span {margin:0px; padding:0px;}
img {margin:0px; padding:0px; border:none;}	
ul,li{list-style:none;}
h1,h2,h3,h4,h5,h6,big,small {font-size:100%;font-weight:normal;}
a:link,a:visited,a:active,a:hover {color:#0099ff;text-decoration:none;}
body {font-family: Helvetica, Arial, sans-serif;}
article,aside,dialog,figure,footer,header,legend,nav, section {display: block;}
html,body {height:100%; background:#000;}
/* ----------------------- */
header { height:30px; background:#221714; }
#mainPhoto img { width:100%; }
/* ----------------------- */
#pankuzu { font-size:12px; }
#pankuzu span { visibility:hidden; }
#pankuzu ul { }
#pankuzu li { float:left; }
#pankuzu li a { padding:6px 10px 6px 18px; background:url(/common-images/icon_arrow.png)no-repeat scroll left center transparent; display:block;font-size:12px; font-weight:bold; color:#777777;}
#pankuzu li:first-child a{ padding:6px 6px 6px 18px; background:url(/common-images/icon_home.png) no-repeat scroll center transparent; width:15px; }
#pankuzu li:last-child{ padding:6px 6px 6px 18px; background:url(/common-images/icon_arrow.png)no-repeat scroll left center transparent; font-size:12px; font-weight:bold; color:#777777;}
/* ----------------------- */
.formParts01 { border:1px solid #777;
    padding: 5px;
    color: #000;
    background: #fff;
    border-radius: 5px;
	
	background: #fff;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #eee), to( #fff));
	background-image: -webkit-linear-gradient( #eee, #fff);
	background-image:    -moz-linear-gradient( #eee, #fff);
	background-image:     -ms-linear-gradient( #eee, #fff);
	background-image:      -o-linear-gradient( #eee, #fff);
	background-image:         linear-gradient( #eee, #fff);
    
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 1px 1px 1px #fff;
    -moz-border-radius: 5px;
}

.formParts03 { border:1px solid #777;
    padding: 5px;
    color: #000;
    background: #fff;
    border-radius: 5px;
    
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 1px 1px 1px #fff;
    -moz-border-radius: 5px;
}

.formParts02 {
    border:1px solid #777;
    padding: 4px 10px;
	font-weight:bold;
	font-size:12px;
    color: #fff;
    cursor: pointer;    
	
	background: #428ec9;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #99c9e5), to( #428ec9));
	background-image: -webkit-linear-gradient( #99c9e5, #428ec9);
	background-image:    -moz-linear-gradient( #99c9e5, #428ec9);
	background-image:     -ms-linear-gradient( #99c9e5, #428ec9);
	background-image:      -o-linear-gradient( #99c9e5, #428ec9);
	background-image:         linear-gradient( #99c9e5, #428ec9);
     
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -webkit-box-shadow: 1px 1px 1px #fff;
    -moz-border-radius: 5px;
    -moz-box-shadow: 1px 1px 1px #fff;
}

#searchBox { padding:20px; background:url(/sp/images/search_back.png) scroll right top transparent; }
#search { position:relative; }
.formIcon img { position: absolute; top:15px; left:8px; }
.formParts01 { width:163px; padding-left:30px; height:16px;}
.formParts03 { float:left; width:200px; height:28px; }
.formParts02 { width:50px; }

.searchGps,.searchGps2 {
    border:1px solid #777;    
	height:28px;
	width:255px;
	text-align:center;
	
	background: #428ec9;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #99c9e5), to( #428ec9));
	background-image: -webkit-linear-gradient( #99c9e5, #428ec9);
	background-image:    -moz-linear-gradient( #99c9e5, #428ec9);
	background-image:     -ms-linear-gradient( #99c9e5, #428ec9);
	background-image:      -o-linear-gradient( #99c9e5, #428ec9);
	background-image:         linear-gradient( #99c9e5, #428ec9);
     
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -webkit-box-shadow: 1px 1px 1px #fff;
    -moz-border-radius: 5px;
    -moz-box-shadow: 1px 1px 1px #fff;
}
.searchGps a { display:block; font-weight:bold; font-size:14px; color: #fff; padding: 4px 10px; background:url(/sp/images/icon_gps.gif) no-repeat scroll transparent; background-position:50px; background-size:17px; }
.searchGps2 a { display:block; font-weight:bold; font-size:14px; color: #fff; padding: 4px 10px; background:url(/sp/images/icon_gps_ani.gif) no-repeat scroll transparent; background-position:50px; background-size:17px; }

/* ----------------------- */
.date { font-size:12px; color:#666; font-weight:normal; margin-right:5px; }
.newOpen { color:#FF6600; font-weight:bold; }
.renewalOpen { color:#0099ff; font-weight:bold; }
.shopName {  color:#FF6600; font-weight:bold; }
ul.listviews { clear:both; }
ul.listviews li {
	border-bottom:1px dotted #cccccc;
	background: 			#fff;
}
.listviews li a {
	font-size:12px;
	color:#000;
	font-weight:normal;
	padding:8px 45px 8px 10px;
	display:block;
	text-decoration:none;
	background:url(/common-images/arrow_r.png) no-repeat scroll right center transparent;	
}
.title_black,.title_black2 {
	
	text-shadow: 0 1px 1px #666;
	border-top:1px solid #000;
	background: 			#111;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #3c3c3c), to( #111 ));
	background-image: -webkit-linear-gradient( #3c3c3c, #111);
	background-image:    -moz-linear-gradient( #3c3c3c, #111);
	background-image:     -ms-linear-gradient( #3c3c3c, #111);
	background-image:      -o-linear-gradient( #3c3c3c, #111);
	background-image:         linear-gradient( #3c3c3c, #111);
}
.title_black h2 { padding:10px 0 10px 15px; float:left; font-size:14px; line-height:16px; font-weight:bold; color:#FFF; }
.title_black2 h2 { padding:10px 0 10px 45px; float:left; font-size:14px; line-height:16px; font-weight:bold; color:#FFF; background:url(/sp/images/icon_naruto.png) no-repeat scroll left center transparent; }
.title_orange {
	padding:10px 0 10px 15px;
	text-shadow: 0 1px 1px #333;
	border-top:1px solid #dc7828;
	background: 			#dc7828;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #fa9645), to( #dc7828));
	background-image: -webkit-linear-gradient( #fa9645, #dc7828);
	background-image:    -moz-linear-gradient( #fa9645, #dc7828);
	background-image:     -ms-linear-gradient( #fa9645, #dc7828);
	background-image:      -o-linear-gradient( #fa9645, #dc7828);
	background-image:         linear-gradient( #fa9645, #dc7828);
}
.title_orange h2 { font-size:14px; line-height:16px; font-weight:bold; color:#FFF; }
.title_gray {
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	background: 			#d1cdcd;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #eee), to( #d1cdcd));
	background-image: -webkit-linear-gradient( #eee, #d1cdcd);
	background-image:    -moz-linear-gradient( #eee, #d1cdcd);
	background-image:     -ms-linear-gradient( #eee, #d1cdcd);
	background-image:      -o-linear-gradient( #eee, #d1cdcd);
	background-image:         linear-gradient( #eee, #d1cdcd);
}
/* ----------------------- */
.radius {
	border-radius: .6em;
	-webkit-border-radius: .6em;
	-moz-border-radius: .6em;
	}
.radius-top {
	border-top-right-radius: .6em;
	border-top-left-radius: .6em;
	-webkit-border-top-right-radius: .6em;
	-webkit-border-top-left-radius: .6em;
	-moz-border-radius-topright: .6em;
	-moz-border-radius-topleft: .6em;
	}
.radius-bottom {
	border-bottom-right-radius: .6em;
	border-bottom-left-radius: .6em;
	-webkit-border-bottom-right-radius: .6em;
	-webkit-border-bottom-left-radius: .6em;
	-moz-border-radius-bottomright: .6em;
	-moz-border-radius-bottomleft: .6em;
	}	
.ui-shadow {
	-moz-box-shadow: 0px 1px 4px rgba(0,0,0,.3) ;
	-webkit-box-shadow: 0px 1px 4px rgba(0,0,0,.3);
	box-shadow: 0px 1px 4px rgba(0,0,0,.3);
}
/* -----single.html-------- */
#map { z-index:100; width:100%; height:200px; -webkit-box-sizing: border-box; box-sizing:border-box; }
table { width: 100%; border: 1px #E3E3E3 solid; border-collapse: collapse; border-spacing: 0; font-size:12px; line-height:20px; }
table th { width:30%; padding: 5px; border: #E3E3E3 solid; border-width: 0 0 1px 1px; background: #F5F5F5; font-weight: bold; text-align: center; }
table td { padding: 5px; border: 1px #E3E3E3 solid; border-width: 0 0 1px 1px; background: #FFF;}
.tableItem { background:#666666; color:#FFF; font-weight:normal; text-align:center; }
.shop-body img { width:30%; float:right; margin-left:10px; margin-bottom:10px; display:none; }
.shop-info img { float:left; margin-right:10px; margin-bottom:10px; }
.btnArea img { width:100%; }
.btn_orange {
	text-shadow: 0 1px 1px #333;
	border-top:1px solid #dc7828;
	background: 			#111;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #fa9645), to( #dc7828));
	background-image: -webkit-linear-gradient( #fa9645, #dc7828);
	background-image:    -moz-linear-gradient( #fa9645, #dc7828);
	background-image:     -ms-linear-gradient( #fa9645, #dc7828);
	background-image:      -o-linear-gradient( #fa9645, #dc7828);
	background-image:         linear-gradient( #fa9645, #dc7828);
}
.btn_orange a { display:block; padding:10px 0 10px 15px; font-size:14px; line-height:16px; font-weight:bold; color:#FFF; }
/* ----------------------- */
#bnrArea { background:#FFF; }
#bnrArea img { width:100%; margin-top:-3px; }
#iconArea { padding:10px; background:#FFF; }
#iconArea img { margin-right:10px; }
#iconArea2 { width:208px; margin:0 auto; }
#iconArea2 span { float:left; padding-top:6px; padding-right:20px; }
/* ----------------------- */
#pageTop:after { content:""; display:block; overflow:hidden; }
#pageTop:after { clear:both; }
#pageTop { padding-bottom:5px; padding-top:5px; background-color:#FFF;}
#pageTop p{ float:right; margin-right:10px; font-size:12px; font-weight:bold; }
#pageTop p a{display:block; background:url(/common-images/bg_pagetop.gif) no-repeat center right; padding-right:20px;}
/* ----------------------- */
#underLink { clear:both; background:#221714; padding:5px; text-align:center; font-size:12px; font-weight:bold;  line-height:30px;}
#underLink a { color:#FFFFFF; text-decoration:none; }
/* ----------------------- */
footer { clear:both; background:#000;}
.copyright {padding:10px 0 20px 0; text-align:center; font-size: 10px; color:#fff;}
/* --- clearfix --- */
.clearFix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearFix { min-height: 1px; }
/* ----------------------- */