﻿body {
	background: #000000 url(../img/bg.jpg) repeat-x left top;
	color: #cccccc;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	overflow: auto;
    scrollbar-track-color: #000000;
    scrollbar-face-color: #000000;
    scrollbar-shadow-color: #000000;
    scrollbar-darkshadow-color: #ffffff;
    scrollbar-highlight-color: #000000;
    scrollbar-3dlight-color: #ffffff;
    scrollbar-arrow-color: #ffffff;
}
.font9 {font-size: 9px;}
.font10 {font-size: 10px;}
.font11 {font-size: 11px;}
.font12 {font-size: 12px;}
.fontwhite {color: #ffffff;}
.fontred {color: #ff0000;}
.fontblue {color: #00ffff;}
.center {text-align: center;}
.left {text-align: left;}
.right {text-align: right;}
h1 {
	color: #777777;
	font-size: 1px;
	line-height: 1px;
}
h2 {
	background: url(../img/h2.jpg) no-repeat left top;
	color: #cccccc;
	font-size: 14px;
	margin: 36px 2px -114px 16px;
	padding: 0px 0px 142px;
	text-indent: 40px;
	z-index: 0;
}
h3 {
	color: #ffffff;
	font-size: 12px;
	margin: 0px 0px 0px 50px;
	padding: 1px 0px 1px 10px;
	line-height: 12px;
	border-left: 5px solid #cccccc;
}
h4 {
	font-weight: bold;
	font-size: 12px;
	margin: 8px 0px;
	padding: 0px 0px 0px 10px;
}
p {
	line-height: 1.3em;
	margin-top: 0px;
	margin-left: 20px;
}
img {
	border: 0px;
	vertical-align: bottom;
}
table {margin: auto;}
caption {font-size: 12px;}
td {font-size: 12px;}
th {font-size: 12px;}
dl {margin-top: 0px;}
dt {font-weight: bold;}
dd {line-height: 1.3em;}
ul {margin-top: 0px;}
ol {margin-top: 0px;}
li {line-height: 1.3em;}
form {
	margin: 0px;
	padding: 0px;
}
.submit {
	text-align: center;
}
a:link {
	color: #00ADD9;
}
a:visited {
	color: #45A0B4;
}
a:hover,
a:active {
	text-decoration: none;
}


.all {
	text-align: center;
}
.contents {
	text-align: left;
	width: 760px;
	margin: 0px auto;
	padding: 0px;
}
.main {
	float: right;
	width: 550px;
	margin: 0px;
	padding: 0px;
}


#TOP {
	color: #777777;
	font-size: 1px;
	line-height: 1px;
	height: 1px;
	display: block;
	overflow: hidden;
}


.header-image {
	text-align: center;
	border-bottom: 1px solid #666666;
	border-top: 1px solid #666666;
}


.global-navi {
	width: 760px;
	margin-right: auto;
	margin-left: auto;
}
.global-navi ul {
	width: 760px;
	height: 31px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	display: block;
	overflow: hidden;
}
.global-navi ul li {
	height: 31px;
	padding: 0px;
	margin: 0px;
	display: block;
	float: left;
}
.global-navi ul li a:active {
	height: 31px;
	margin: 0px;
	padding: 31px 0px 0px;
	display: block;
}
.global-navi ul li.home {
	background: url(../img/gnavi_home_a.jpg) no-repeat left top;
	width: 112px;
}
.global-navi ul li.skiny {
	background: url(../img/gnavi_skiny_a.jpg) no-repeat left top;
	width: 173px;
}
.global-navi ul li.guide {
	background: url(../img/gnavi_guide_a.jpg) no-repeat left top;
	width: 116px;
}
.global-navi ul li.cart {
	background: url(../img/gnavi_cart_a.jpg) no-repeat left top;
	width: 116px;
}
.global-navi ul li.inquiry {
	background: url(../img/gnavi_inquiry_a.jpg) no-repeat left top;
	width: 93px;
}
.global-navi ul li.shop {
	background: url(../img/gnavi_shop_a.jpg) no-repeat left top;
	width: 93px;
}
.global-navi ul li.sitemap {
	background: url(../img/gnavi_sitemap_a.jpg) no-repeat left top;
	width: 93px;
}


.menu {
	text-align: left;
	color: #ffffff;
	width: 210px;
	margin: 22px 0px 0px;
	padding: 0px;
	float: left;
	overflow: hidden;
}
.menu a:link {
	color: #ffffff;
}
.menu a:visited {
	color: #cccccc;
}
.menu a:hover,
.menu a:active {
	text-decoration: none;
}
.menu ul {
	padding: 0px;
	margin: 1px;
}
.menu ul li {
	width: 200px;
	padding: 1px 0px 0px;
	margin: 0px 0px 2px;
	list-style-type: none;
}
.menu ul li ul {
	background: url(../img/menu_title_bg.jpg) no-repeat left top;
	margin: 0px;
	padding: 10px 0px 1px;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
	display: block;
}
.menu ul li ul li {
	background: url(../img/menu_marker.gif) no-repeat left top;
	width: auto;
	margin: 2px 0px 2px 10px;
	padding: 2px 0px 4px 20px;
	border-style: none;
}
.menu-inquiry {
	background: #20465A url(../img/menu_inquiry_bg.jpg) no-repeat center bottom;
	border: 1px solid #6A6A6A;
	margin: 6px 10px 0px 0px;
	padding: 0px;
}
.menu-inquiry .logo {
	text-align: center;
	margin: 0px;
	padding: 10px 4px 8px;
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
	border-left: 1px solid #000000;
	border-bottom-style: none;
}
.menu-inquiry .mail {
	background: url(../img/menu_icon_mail.jpg) no-repeat left center;
	margin: 0px 0px 0px 5px;
	padding: 4px 4px 4px 20px;
}
.menu-inquiry .url {
	background: url(../img/menu_icon_url.jpg) no-repeat left center;
	margin: 0px 0px 0px 5px;
	padding: 4px 4px 4px 20px;
}
.menu-inquiry .tel {
	background: url(../img/menu_icon_tel.jpg) no-repeat left center;
	margin: 0px 0px 0px 5px;
	padding: 4px 4px 4px 20px;
}
.menu-inquiry .button {
	text-align: center;
	margin: 0px;
	padding: 4px 4px 20px;
}


.footer {
	background: #393939 url(../img/footer_bg.jpg) repeat-x left top;
	color: #999999;
	text-align: center;
	width: 100%;
	font-size: 11px;
	border-top: 1px solid #666666;
	margin-top: 32px;
	padding-top: 14px;
	clear: both;
}
.footer a:link {
	color: #cccccc;
}
.footer a:visited {
	color: #999999;
}
.footer a:hover,
.footer a:active {
	text-decoration: none;
}
.footer-navi {
	text-align: center;
	width: 760px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 8px;
}
.footer-navi ul {
	margin: 0px;
	padding: 0px;
}
.footer-navi ul li {
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: 1px solid #666666;
	padding-right: 0.5em;
	padding-left: 0.5em;
	list-style-type: none;
	display: inline;
}
address {
	text-align: center;
	font-style: normal;
	width: 760px;
	margin: 0px auto;
	padding: 0px 0px 8px;

}
.copyright {
	padding-bottom: 8px;
}


.h1-section {
	margin: 0px 0px 0px 16px;
	padding: 0px;
	width: 534px;
}
.h2-section {
	margin-left: 50px;
	z-index: 1;
}
.h3-section {
	margin: 0px 0px 30px 50px;
	padding: 4px 0px 1px;
	border-left: 1px solid #cccccc;
	width: 499px;
}
.h1-section p {
}
.h2-section p {
	margin-left: 0px;
}
.h3-section p {
	margin: 4px 0px 1em 12px;
	padding: 0px;
}


.img-left {
	float: left;
	margin-right: 10px;
}
.img-right {
	float: right;
	margin-left: 10px;
}
.cleft {
	float: left;
}
.cright {
	float: right;
}
br.clear {
	clear: both;
	font-size: 0px;
	line-height: 0px;
	height: 0px;
	border: 0px;
	margin: 0px;
	padding: 0px;
}


.to-top {
	text-align: right;
	margin-top: 60px;
}


.cm {
	width: 530px;
	height: 465px;
	margin: 25px 0px 0px 0px;
	padding: 0px;
	overflow: auto;
}


.top {
	width: 540px;
	margin-right: 4px;
	margin-left: 6px;
	padding-top: 22px;
}
.top-news {
	width: 540px;
	padding-top: 24px;
}
.top-news h1 {
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #999999;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	text-indent: 0px;
	width: 540px;
}
.top-news .headline {
	width: 515px;
	margin-left: 20px;
	margin-top: 10px;
}
.top-news .headline dl {
	margin: 0px;
	padding: 0px;
	width: 510px;
	position: relative;
	left: 0px;
	top: 0px;
	display: block;
}
.top-news .headline dt {
	width: 80px;
	display: block;
	line-height: 1.3em;
	margin: 0px;
	padding: 0px;
	float: left;
}
.top-news .headline dd {
	line-height: 1.3em;
	margin: 0px 0px 10px 80px;
	padding: 0px;
}


.shopping-flow {
	margin-bottom: 24px;
}
.shopping-flow ol {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.shopping-flow ol li {
	background: url(../shoppingguide/img/arrow.jpg) no-repeat left bottom;
	margin: 0px 0px 4px;
	padding: 0px 0px 24px;
}
.shopping-flow ol li.last {
	background: none;
	padding-bottom: 0px;
}


.sitemap{
}
.sitemap ul {
	margin: 0px 10px 0px 50px;
	padding: 0px;
	list-style-type: none;
}


.common-table {
	background: #4C4C4C;
	margin-bottom: 14px;
	margin-left: 14px;
	padding: 0px;
}
.common-table caption {
	text-align: left;
	margin: 0px;
	padding: 0px;
}
.common-table th {
	background: #666666;
	color: #cccccc;
	text-align: left;
	font-size: 12px;
	border-top: 4px solid #000000;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding: 5px;
}
.common-table td {
	background: #000000;
	font-size: 12px;
	line-height: 130%;
	border-top: 4px solid #000000;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding: 5px 5px 5px 8px;
	vertical-align: top;
}


#lightbox{
	background-color: #eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{
	float: left;
}
#keyboardMsg{
	float: right;
}
#closeButton{
	top: 5px;
	right: 5px;
}
#lightbox img{
	border: none;
	clear: both;
} 
#overlay img{
	border: none;
}
#overlay{
	background-image: url(overlay.png);
}
* html #overlay{
	background-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/overlay.png", sizingMethod="scale");
}


.category-navi{
}
.category-navi dl dt{
	text-decoration:none;
}
.category-navi dl dd{
	text-decoration:underline;
}
.path {
	text-align: right;
	font-size: 10px;
	margin: 0px 0px 8px;
	padding: 6px 0px 4px;
}