@charset "UTF-8";
@import "/lib/cmn_css/component.css"; 

/* CSS Document */

#contents .h1Head {
	background: url(/shop/images/h_shop_index.gif) left top no-repeat;
	display: block;
	height: 57px;
	margin-bottom: 40px;
	width: 485px;
}

#contents h1 span {
 display:block;
 text-indent:-9999px;
 overflow:hidden;
}

#contents table.mapTable {
	width: 600px;
}

#contents table.mapTable td {
	margin: 0;
	padding: 0;
	line-height: 100%;
}

#contents table.mapTable td.mapTxt {
	vertical-align: top;
	width: 353px;
}

#contents table.mapTable td.mapTop {
	font-size: 0 !important;
	vertical-align: bottom;
	width: 247px;
}

#contents table.mapTable td.mapBtm {
	vertical-align: top;
	width: 600px;
}

/* areaTab */
#areaTab {
	background: url(/shop/images/bg_area_tab.gif) left bottom repeat-x;
	clear: both;
	margin: 0;
	height: 40px;
	padding-bottom: 18px;
	width: 600px;
}

#areaTab ul#gNavi {
	margin: 0;
	height: 40px;
	list-style: none;
	width: 600px;
}

#areaTab ul#gNavi li {
	outline: 0;
	display: block;
	font-size: 0 !important;
	background-image: url(/shop/images/area_navi.gif);
	background-repeat: no-repeat;
	float: left;
}

#areaTab ul#gNavi li a {
	outline: 0;
	display: block;
	background-image: url(/shop/images/area_navi.gif);
	background-repeat: no-repeat;
	float: left;
}

#areaTab ul#gNavi li a span {
	text-indent:-9999px;
	overflow:hidden;
}

/* except IE7 */
html>/**/body #areaTab ul#gNavi li a span { 
	display:block;
}
/* except IE7 */

#areaTab ul#gNavi li#shopTop, #areaTab ul#gNavi li#shopTop a {
background-position: 0 0;
height: 40px;
width: 100px;
}

#areaTab ul#gNavi li#hokkaido, #areaTab ul#gNavi li#hokkaido a {
background-position: -100px 0;
height: 40px;
width: 100px;
}

#areaTab ul#gNavi li#kanto, #areaTab ul#gNavi li#kanto a {
background-position: -200px 0;
height: 40px;
width: 101px;
}

#areaTab ul#gNavi li#tokai, #areaTab ul#gNavi li#tokai a {
background-position: -301px 0;
height: 40px;
width: 100px;
}

#areaTab ul#gNavi li#kansai, #areaTab ul#gNavi li#kansai a {
background-position: -401px 0;
height: 40px;
width: 100px;
}

#areaTab ul#gNavi li#kyushu, #areaTab ul#gNavi li#kyushu a {
background-position: -501px 0;
height: 40px;
width: 99px;
}


/* over */
#areaTab ul#gNavi li#shopTop a:hover,
#areaTab ul#gNavi li#shopTop a.current {
background-position: 0 -59px;
height: 40px;
width: 100px;
}

#areaTab ul#gNavi li#hokkaido a:hover,
#areaTab ul#gNavi li#hokkaido a.current {
background-position: -100px -59px;
height: 40px;
width: 100px;
}

#areaTab ul#gNavi li#kanto a:hover,
#areaTab ul#gNavi li#kanto a.current {
background-position: -200px -59px;
height: 40px;
width: 101px;
}

#areaTab ul#gNavi li#tokai a:hover,
#areaTab ul#gNavi li#tokai a.current {
background-position: -301px -59px;
height: 40px;
width: 100px;
}

#areaTab ul#gNavi li#kansai a:hover,
#areaTab ul#gNavi li#kansai a.current {
background-position: -401px -59px;
height: 40px;
width: 100px;
}

#areaTab ul#gNavi li#kyushu a:hover,
#areaTab ul#gNavi li#kyushu a.current {
background-position: -501px -59px;
height: 40px;
width: 99px;
}

#contents ul.anchorList {
	clear: both;
	margin-bottom: 20px;
	width: 600px;
}

#contents ul.anchorList li {
	float: left;
	margin: 0 10px 6px 0;
}

#contents div.dottHead {
	background: url(/shop/images/bg_dottbox_btm.gif) left bottom no-repeat;
	clear: both;
	margin-bottom: 25px;
	padding-bottom: 9px;
	width: 600px;
}

#contents div.dottHead h2 {
	background: url(/shop/images/bg_dottbox_top.gif) left top no-repeat;
	color: #569897;
	display: block;
	line-height: 100%;
	padding-top: 9px;
	width: 600px;
}

#contents div.dottHead h2 span {
	display: block;
	margin-left: 10px;
}

#contents div.shopTxt {
	float: left;
	margin-right: 15px;
	width: 347px;
}

#contents div.shopMap {
	float: right;
	width: 225px;
}

#contents div.shopTxt h3.green {
	color: #D07215;
	border-bottom: 1px solid #D07215;
	margin-bottom: 11px;
	padding: 0;
	width: 100%;
}

#contents div.shopTxt h3.green span {
	background: url(/shop/images/icon_studio_green.gif) left top no-repeat;
	display: block;
	color: #D07215;
	line-height: 130%;
	padding: 4px 0 13px 55px;
}

#contents div.shopTxt h3.orange {
	color: #D07215;
	border-bottom: 1px solid #D07215;
	margin-bottom: 11px;
	padding: 0;
	width: 100%;
}

#contents div.shopTxt h3.orange span {
	background: url(/shop/images/icon_studio_orange.gif) left top no-repeat;
	display: block;
	color: #D07215;
	line-height: 130%;
	padding: 4px 0 13px 55px;
}


#contents div.shopDetail {
	background: url(/shop/images/bg_cam_box.gif) left top repeat-y;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	padding: 6px 0;
	width: 347px;
}

#contents div.sdInner {
	margin-left: 6px;
	width: 335px;
}

#contents div.spLeft {
	float: left;
	margin-right: 3px;
	width: 215px;
}

#contents div.spRight {
	float: right;
	width: 115px;
}

#contents p.shopIntro {
	clear: both;
	display: block;
	padding-top: 7px;
	width: 335px;
}

#contents div.dottBlk {
	background: url(/shop/images/bg_separate_dott.gif) left bottom repeat-x;
	clear: both;
	margin-bottom: 30px;
	padding-bottom: 25px;
	width: 600px;
}

#contents p.uniqPagetop {
	clear: both;
	display: block;
	text-align: right;
	margin-bottom: 25px;
	padding-top: 0px;
	width: 600px;
}

#contentsTop p.shopTopBk {
	border-top: 1px solid #E0E0E0;
	margin: 10px 0 0 24px;
	padding-top: 10px;
	width: 600px;
}

#contentsTop p.shopTopBk img {
	margin-left: 5px;
}

/*campaign box*/
#contents .campaignBox {
	background:url(/shop/images/bg_campbox_out.gif) top left no-repeat;
	padding-top:60px;
}
#contents .campaignInr {
	background:url(/shop/images/bg_campbox_inr.gif) bottom left no-repeat;
	padding:0 20px 10px;
}