@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 {color:#0099ff;text-decoration:none;}
a:hover {color:#0099ff;text-decoration:underline;}
body {font-family: Helvetica, Arial, sans-serif;}
article,aside,dialog,figure,footer,header,legend,nav, section {display: block;}
html,body { height:100%; background:#fff; line-height:120%;}
a:hover img { filter: alpha(opacity=70); -moz-opacity:0.7; opacity:0.7;}
/* ----------------------- */
#wrapper { width:800px; margin:0 auto; font-size:80%; }
#header { height:30px; background:#221714; }
#header li { float:right; margin-right:20px; margin-top:5px; }
#header li a { color:#FFFFFF; }
#header li a:hover { text-decoration:underline; }

#contents-left { float:left; width:500px; }
#contents-right { float:right; width:270px;}
#bnr-area {  background:#eee; padding:10px 0; }
#bnr-area img { width:250px; margin-left:10px;}
/* ----------------------- */
.formParts01, .formParts03 { border:1px solid #777;
    padding: 5px;
    color: #000;
    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);

	border-radius: 5px;
    -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 1px 1px 1px #fff;
}

.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; }
#search { position:relative; }
.formIcon img { position: absolute; top:30px; left:8px; }
.formParts01 { width:200px; padding-left:30px; height:18px;}
.formParts03 { float:left; width:120px; height:30px; }
.formParts02 { width:50px;height:30px; }

#search span { float:left; }

#search-hole { position:relative; height:270px;}
.search2 { height:20px; clear:both; }
/* ----------------------- */
.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);
}
/* ----------------------- */

.date { 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 {
	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;	
}
.listviews li a:hover { text-decoration:underline; }
.title_black {
	width:100%;
	border-top:1px solid #000;
	background:url(/images/back_black.jpg);
}
.title_black h2 { float:left; font-size:14px; line-height:16px; font-weight:bold; color:#FFF; background:url(/images/icon_naruto.png) no-repeat scroll left center transparent; padding:10px 0 10px 45px; }
.title_orange {
	width:100%;
	border-top:1px solid #dc7828;
	background:url(/images/back_orange.jpg);
}
.title_orange h2 { font-size:14px; line-height:16px; font-weight:bold; color:#FFF;  background:url(/images/icon_naruto.png) no-repeat scroll left transparent; padding:10px 0 10px 45px; }
.title_gray {
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	background:url(/images/back_gray.jpg);
}
/* ----------------------- */
#pankuzu span { visibility:hidden; }
#pankuzu ul { }
#pankuzu li { float:left; font-size:12px; font-weight:bold; color:#777777;}
#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 a:hover { text-decoration:none; }
#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;}
.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;}
/* ----------------------- */
#map { z-index:100; width:100%; height:300px; -webkit-box-sizing: border-box; box-sizing:border-box; }
/* ----------------------- */
.shop-body img { width:30%; float:right; margin-left:10px; margin-bottom:10px; display:none;}
.shop-info { background:#ffffcc; padding:10px; margin-top:20px;}
/* ----------------------- */
table#single { width: 100%; border: 1px #E3E3E3 solid; border-collapse: collapse; border-spacing: 0; }
table#single th { width:110px; padding:10px 5px; border: #E3E3E3 solid; border-width: 0 0 1px 1px; background: #F5F5F5; font-weight: bold; text-align: center; }
table#single td { padding:10px 5px; border: #E3E3E3 solid; border-width: 0 0 1px 1px; background: #FFF;}

table#ichiran  { width: 100%; border: 1px #E3E3E3 solid; border-collapse: collapse; border-spacing: 0; }
table#ichiran th { padding:5px 5px; border: #E3E3E3 solid; border-width: 0 0 1px 1px; background: #666666; color:#FFF; font-weight: normal; text-align: center; }
table#ichiran td { padding:10px 5px; border: #E3E3E3 solid; border-width: 0 0 1px 1px; word-wrap: break-word;}
table#ichiran th.shopname { width:110px; }
table#ichiran th.tel { width:80px; }
table#ichiran th.time { width:90px; }
table#ichiran td.backColor {  background: #F5F5F5; font-weight: bold; text-align: center; }
/* ----------------------- */
#iconArea { padding:10px 10px 10px 0; }
#iconArea img { margin-right:10px; }
/* ----------------------- */
#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;}
/* ----------------------- */
#footer { clear:both; }
.copyright {padding:10px 0 30px 0; text-align:center; font-size: 10px; color:#fff; background:#000000; }
#footer a:link,#footer a:visited,#footer a:active {color:#0099ff;text-decoration:none;}
#footer a:hover {color:#0099ff;text-decoration:underline;}
#footer ul { float:left; width:597px; }
#footer ul li { float:left; margin-right:20px; background:url(/images/footer_arrow.png) no-repeat left center; padding:8px 0 6px 7px; }
/* --- clearfix --- */
.clearFix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearFix { min-height: 1px; }
/* ----------------------- */