@charset "UTF-8";


/*=====================================
=1 base
=2 header
=3 main
=4 banner
=5 footer
=====================================*/


/*=====================================
=1 base
=====================================*/


body{
	line-height:1.6;
}

a:link { text-decoration: none; color: #666;}
a:visited { text-decoration: none; color: #666;}
a:active { text-decoration: none; color: #000000;}
a:hover { text-decoration: underline; color: #000000;}


#blog_wrapper {
	width: 910px;
	margin: 0 auto;
	overflow: inherit;
}



#blog_header{
	width:910px;
	height:295px;
	margin:0;
	padding:0;
}

h1 a#header_blog{
	display:block;
	width:910px;
	height:295px;
	text-indent:-9999px;
	margin:0;
	padding:0;
	overflow:hidden;
}

#main{
	width:910px;
	margin:0;
	padding:20px 0;
	background:url(../../img/main_bg.gif) repeat-y left top;
	overflow:hidden;
}


/*=====================================
=2 shop data
=====================================*/


#shop_data{
	width:280px;
}

#shop_data h2{
	width:280px;
	height:20px;
	margin:0 0 15px 0;
	background:url(../../img/midashi_shop_info.gif) no-repeat left top;
	text-indent:-9999px;
	overflow:hidden;
}


dt{
	height:20px;
	margin:0 0 5px;
	padding:0;
	text-indent:-9999px;
	overflow:hidden;
	clear:both;
}

dd{
	margin:0 0 20px 5px;
	padding:0;
	word-wrap:break-word;
}

dd img{
	margin:0;
	padding:0;
	float:left;
}

dd span{
	margin:0;
	padding:10px 0 0 0;
	display:block;
}

dd a.textLink {
	padding-left: 8px;
	background: url(../../img/arrow-textlink.gif) no-repeat left center;
}

.address{
	background:url(../../img/tit_address.gif) no-repeat left top;
}

.tel{
	background:url(../../img/tit_tel.gif) no-repeat left top;
}

.location{
	background:url(../../img/tit_location.gif) no-repeat left top;
}

.open{
	background:url(../../img/tit_open.gif) no-repeat left top;
}

.url{
	background:url(../../img/tit_url.gif) no-repeat left top;
}

.brand{
	background:url(../../img/tit_brand.gif) no-repeat left top;
}

.map_header{
	width: 280px;
	height:20px;
	margin:0 0 8px 0;
	padding:10px 0 0 0;
	clear:both;
}

.midashi_map {
	width: 280px;
	height: 20px;
	background:url(../../img/tit_map.gif) no-repeat left top;
	text-indent:-9999px;
	overflow:hidden;
	clear:both;
	float:left;
}

.map_btn {
	width: 280px;
	margin-bottom: 30px;
}
.map_btn a{
	display:block;
	width:79px;
	height:18px;
	margin-left: 201px;
	background: url(../../img/btn-map.gif) no-repeat 0 0;
	text-indent:-9999px;
	overflow:hidden;
}

.map_btn a:hover{
	background-position: 0 -18px;
}


.map_box {
	width:280px;
	height:230px;
	margin:0 0 8px 0;
	padding:0;
	clear:both;
}



/*=====================================
=3 entry_area
=====================================*/


#entry_area{
	width:630px;
	float:left;
}

.entry{
	width:600px;
	padding:0 0 75px 0;
}

.entry h2{
	width:600px;
	padding: 4px 0;
	border-bottom: 1px solid #000;
	line-height:1.2;
	font-weight: bold;
}

.entry h2 a,.entry h2 a:hover,.entry h2 a:visited{
	display: block;
	margin: 0 10px;
	color:#000;
}

.entry p.date{
	padding: 0 10px;
	color: #970e13;
}

.entry-body {
	margin-bottom: 10px;
	padding: 20px 0;
	border-bottom: 1px dotted #999;
}
.entry-body p a {color: #777;text-decoration: underline;}
.entry-body p a:hover {color: #970e13;text-decoration: underline;}
.cate{
	font-weight:bold;
}

.entry-body p{
	padding:0 10px 1.5em 10px;
}

.entry-body p img {
	margin: 15px 0;
}

.entry div.notice{
	margin:0 10px;
}

.btn_map{
	display:block;
	width:79px;
	height:18px;
	background: url(../../img/btn-map.gif) no-repeat 0 0;
	text-indent:-9999px;
	overflow:hidden;
}

.btn_map:hover{
	background: url(../../img/btn-map.gif) no-repeat 0 -18px;
}

.entry div.notice p{
	float: left;
	width: 20em;
	height: 18px;
	line-height: 18px;
}





#pagebute-area {
	width: 600px;
	margin-bottom: 30px;
	text-align: center;
	line-height: 15px;
	color: #999;
}
#pagebute-area .link_page,
#pagebute-area .current_page {
	padding: 0 6px;
}
#pagebute-area .link_before,
#pagebute-area .link_next {
	width: 20px;
	height: 15px;
	text-indent: -9999px;
	overflow: hidden;
	text-decoration: none;
}
#pagebute-area .beforebox,
#pagebute-area .nextbox {padding: 0 6px;}
#pagebute-area .beforebox {background: url(../../img/btn-pagebute-before-off.gif) no-repeat center center;}
#pagebute-area .nextbox {background: url(../../img/btn-pagebute-next-off.gif) no-repeat center center;}
#pagebute-area .before {background: url(../../img/btn-pagebute-before-on.gif) no-repeat center center;}
#pagebute-area .next {background: url(../../img/btn-pagebute-next-on.gif) no-repeat center center;}
#pagebute-area .link_before {background: url(../../img/btn-pagebute-before.gif) no-repeat center center;}
#pagebute-area .link_next {background: url(../../img/btn-pagebute-next.gif) no-repeat center center;}
#pagebute-area .link_before:hover {background: url(../../img/btn-pagebute-before-on.gif) no-repeat center center;}
#pagebute-area .link_next:hover {background: url(../../img/btn-pagebute-next-on.gif) no-repeat center center;}
#pagebute-area a {color: #999;text-decoration: none;}
#pagebute-area a:hover {color: #970e13;}
#pagebute-area .current_page {color: #000;}



/*=====================================
=3 right
=====================================*/


#info_area{
	width:280px;
	float:right;
	margin:0;
	padding:0;
}

#info_area a:link { text-decoration: none; color: #000;}
#info_area a:visited { text-decoration: none; color: #000;}
#info_area a:active { text-decoration: none; color: #000;}
#info_area a:hover { text-decoration: underline; color: #000;}


/*---------font_size---------*/

#font_size{
	width:155px;
	height:22px;
	margin:0 0 0 125px;
	padding:0 0 20px 0;
}

#font_size h2{
	width:69px;
	height:12px;
	margin:10px 0 0 0;
	padding:0;
	background:url(../../img/midashi_fontsize.gif) no-repeat left top;
	text-indent:-9999px;
	overflow:hidden;
	float:left;
}

#font_size ul{
	width:75px;
	height:22px;
	margin:0;
	padding:0;
	list-style:none;
	float:right;
}


#font_size ul li{
	float:left;
	margin:0;
	padding:0;
}


/*---------entry_list---------*/

#entry_list{
	width:280px;
	margin:0;
	padding:0 0 30px 0;
}

#entry_list h2{
	width:280px;
	height:20px;
	margin:0 0 10px;
	background:url(../../img/midashi_entry_list.gif) no-repeat 0 0;
	text-indent:-9999px;
	overflow:hidden;
}

#entry_list ul{
	width:270px;
	margin:0 0 0 10px;
	padding:0;
}

#entry_list ul li{
	background:url(../../img/dot.gif) no-repeat left 8px;
	margin:0;
	padding:0 0 0 7px;
}

#entry_list ul .cate{
	font-weight:bold;
}




/*---------other_shop---------*/

#other_shop{
	width:280px;
	margin:0 0 30px 0;
}

#other_shop h2{
	width:280px;
	height:20px;
	margin:0 0 20px 0;
	background:url(../../img/midashi_other_shop.gif) no-repeat left top;
	text-indent:-9999px;
	overflow:hidden;
}

.tabheader{
	list-style:none;
	width:280px;
}

.tabheader li{
	float:left;
	width:140px;
	height:18px;
}

#info_area .tabheader li a,
#info_area .tabheader li a:visited{
	display:block;
	width:140px;
	background:url(../../img/tab_bg.gif) no-repeat 0 -18px;
	line-height:18px;
	color:#ffffff;
	font-size:12px;
	text-decoration:none;
	text-indent:5px;
	overflow: hidden;
    outline: none;
}

#info_area .tabheader a.selected {
	background:url(../../img/tab_bg.gif) no-repeat 0 0;
}

.tabbody {
	clear:both;
	width:260px;
	padding:9px;
	border:1px solid #000000;
}

.tabbody ul{
	list-style:none;
	margin:0 0 15px 3px;
}

.tabbody ul li{
	background:url(../../img/dot.gif) no-repeat 2px 8px;
	padding:0 0 0 10px;
}

.tabbody #box1 h2{
	width:260px;
	height:18px;
	margin:0 0 5px 0;
	background:url(../../img/midashi_other_shop.gif) no-repeat left top;
	text-indent:-9999px;
	overflow:hidden;
}

.tabbody #box2 h2{
	width:260px;
	height:18px;
	margin:0 0 5px 0;
	padding:0;
	background:url(../../img/midashi_other_shop_en.gif) no-repeat left top;
	text-indent:-9999px;
	overflow:hidden;
}

.tabbody h3{
	width:257px;
	margin:0 0 5px 3px;
	padding:0;
	font-weight:bold;
}




/*---------shopinfo back btn---------*/

#shopinfo_back a {
	display: block;
	width: 170px;
	height: 30px;
	margin-left: 110px;
	background: url(../../img/btn-shopinfotop.gif) no-repeat 0 0;
	text-indent: -9999px;
	overflow: hidden;
}
#shopinfo_back a:hover {background-position: 0 -30px;}