﻿@charset "utf-8";

/* 
--------[ B O D Y  -  L a y o u t ]
head
wrap
  navi
	main
foot
*/
body {
  background:#7F867E url(img/bg.jpg) 0 0 repeat-x;/*#99856D*/
}

/*
--------[ S t y l e ]
*/
#head {
	width:auto; height:70px;
}
#wrap {
	clear:both;
	width:950px; height:auto;
	margin:0 auto 0 auto;
}
#navi {
	clear:both;
	width:950px; height:25px;
}
#main {
	clear:both;
	width:950px; height:auto;
}
#foot {
	clear:both;
	width:950px; height:100px;
}


/* 
   [ P A R T S  -  head ]
*/
#head {
  
}
#LogoCol {
	float:left; clear:none;
  width:250px; height:60px;
	padding:10px 0 0 10px;
}
#LogoCol #logo {
　margin:0 0px 0px 0;
}
#LogoCol a {
	display:block;
	width:230px; height:60px;
}
#LogoCol #logo a img {
	/* behavior:url('fx-iepngfix.htc'); */
}


/* 
   [ P A R T S  -  navi ]
*/
#navi { }

#GNaviDiv ul {
	float:right;
	width:540px; height:20px;
	padding:0 0 5px 0;
}
#GNaviDiv ul li{
	float:left; clear:none;
	padding:0 0 0 20px;
}
#GNaviDiv ul li a{
	display:block;
	height:20px;
	background-image:url(img/gnavi.gif);
	background-repeat:no-repeat;
}
#GNaviDiv ul .l1 a { width: 80px; background-position:   0px 0px; }
#GNaviDiv ul .l2 a { width:150px; background-position:-100px 0px; }
#GNaviDiv ul .l3 a { width:140px; background-position:-270px 0px; }
#GNaviDiv ul .l4 a { width: 90px; background-position:-430px 0px; }

#GNaviDiv ul .l1 a:hover { width: 80px; background-position:   0px -20px; }
#GNaviDiv ul .l2 a:hover { width:150px; background-position:-100px -20px; }
#GNaviDiv ul .l3 a:hover { width:140px; background-position:-270px -20px; }
#GNaviDiv ul .l4 a:hover { width: 90px; background-position:-430px -20px; }

#GNaviDiv ul .l1 a .reading { width: 80px; background-position:   0px -40px; }
#GNaviDiv ul .l2 a .reading { width:150px; background-position:-100px -40px; }
#GNaviDiv ul .l3 a .reading { width:140px; background-position:-270px -40px; }
#GNaviDiv ul .l4 a .reading { width: 90px; background-position:-430px -40px; }

/* 
   [ P A R T S  -  main ]
*/
#contents { }
#sec_flash {
	width:690px; height:280px;
	background:transparent url(img/bg-flash.png) 0 0 no-repeat;
}
#sec_main {
	/*padding-top:1px; */
}

#ContactDiv {
	width:230px; height:350px;
	background:url(img/bg-contactdiv.png) 0 0 no-repeat;
}

#WhatsnewDiv {
	width:490px; height:350px;
	background:url(img/bg-whatsnewdiv.png) 0 0 no-repeat;
}
#WhatsnewDiv h3{
	height:20px;
}
#WhatsnewDiv ul {
	width:450px; height:auto;
	padding:0 20px;
}
#WhatsnewDiv ul li {
	display:block;
	line-height:20px;
	background:url(img/dotted-line.gif) 0 bottom repeat-x;
	color:#938580;
}

/* 
   [ P A R T S  -  main > contents > sec_flash ]
*/
#sec_flash {
	padding:10px 10px 10px 20px;
}
#FlashDiv {
	width:690px; height:280px;
}

/* 
   [ P A R T S  -  sidebar ]
*/
#sidebar {
	height:auto;
	overflow:vissible;
}
#CartInfoDiv #CartContents {
	width:230px; height:50px;
	background:url(img/btn-CartContents.png) 0 0 no-repeat;
	cursor:pointer;
}
#CartInfoDiv #CartContents div{
	width:170px; height:22px;
	padding:28px 30px 0 30px;
}
.CartContentsOn div {
	background:url(img/btn-CartContents-on.gif) 0 0 no-repeat;
}
#CartInfoDiv #CartContents a {
	color:#c00;
	text-decoration:none;
}

/* 
   [ P A R T S  -  sidebar > BrandlistDiv ]
*/
#BrandlistDiv {
	width:230px; height:auto;
}
#BrandlistDiv h3 {
	width:210px; height:20px;
	padding:0 10px;
	background:transparent url(img/h3-brandlist.png) 0 0 no-repeat;
}
#BrandlistDiv h3 span{
	display:none;
}
#BrandlistDiv h3 a {
	float:right;
}
#BrandlistDiv ul {
	width:190px; height:auto;
	padding:0px 20px 10px 20px;
	background:url(img/borderedbg-230.png) center top repeat-y;
}
#BrandlistDiv ul li {
	display:inline;
}
#BrandlistDiv ul li a{
	display:block;
	width:160px; height:41px;
	padding:0 15px;
	background:url(img/dotted-line.gif) 0 bottom repeat-x;
}
#BrandlistDiv ul .ToggleBtn a {
	height:10px;
	background:none;
}
#BrandlistDiv .end {
	width:230px; height:10px;
	background:transparent url(img/roundedbot-230.png) 0 0 no-repeat;
}
#BrandlistDiv .fixedheight {
	height:562px;
	*height:559px;
}

/* 
   [ P A R T S  -  sidebar > RelativeLinksDiv ]
*/
#RelativeLinksDiv {
	width:230px; height:auto;
}
#RelativeLinksDiv h3 {
	width:230px; height:20px;
	background:transparent url(img/h3-RelativeLinks.png) 0 0 no-repeat;
}
#RelativeLinksDiv ul {
	width:190px; height:auto;
	padding:10px 20px;
	background:url(img/borderedbg-230.png) center top;
}
#RelativeLinksDiv ul li { }
#RelativeLinksDiv ul li a{
	display:block;
	height:20px; line-height:20px;
	padding:0 15px;
	background:url(img/dotted-line.gif) 0 bottom repeat-x;
	color:#938580; text-decoration:none;
}
#RelativeLinksDiv ul li a:hover{
	text-decoration:underline;
	background:url(img/RelativeLinks-on.gif) 0 top no-repeat;
}
#RelativeLinksDiv .end {
	width:230px; height:10px;
	background:transparent url(img/roundedbot-230.png) 0 0 no-repeat;
}
#RelativeLinksDiv .fixedheight {
	height:520px;
	*height:517px;
}

/* 
   [ P A R T S  -  foot ]
*/
#foot #copyright {
	padding:10px 5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:8px;
}

/* 
--------[ common classes ]
*/
.column {
	float:left; clear:none;
}
.mp720x230m   { width:720px; height:auto; }
.mp720x230s   { width:230px; height:auto; }

.mp230x490m   { width:230px; height:auto; }
.mp230x490s   { width:490px; height:auto; }

.mp340x380m   { width:340px; height:auto; }
.mp340x380s   { width:380px; height:auto; }

/* 
--------[ subpage common items ]
*/
#sec_pagetitle {
	width:720px; height:50px;
	background:transparent url(img/h1-pagetitle.png) 0 0 no-repeat;
	behavior:url('fx-iepngfix.htc');
}
#sec_pagetitle h1 {
	width:700px; height:40px;
	padding:0 10px;
	color:#938580;
}
#sec_pagetitle h1 span {
	float:left;
	line-height:30px;
	color:#938580;
}
#sec_pagetitle h1 img {
	float:right;
	margin:5px 0;
}

#sec_track {
	width:720px; height:24px;
}
#sec_track p{
	padding:0 5px;
	line-height:24px;
	font-family:"Courier New", Courier, mono;
	font-size:93%;
	font-weight:bold;
	color:#393331;
}
#sec_track p a { color:#393331; font-weight:normal; }
#sec_track p a:hover { color:#c00; }

#CartInfoDiv {
	height:50px; padding-bottom:24px;
}


/*

*/
#ContactDiv {

}
#ContactDiv .TextCol {

}
.TextColDL { width:210px; padding:10px 10px; }
.TextColDL dt { color:#938580; padding:0; height:12px; line-height:12px; }
.TextColDL dd { color:#c00; color:#938580; padding:0; margin:3px 0px 10px 10px; }
.TextColDL a  { color:#c00; color:#938580; text-decoration:none; }
.TextColDL a:hover  { text-decoration:underline; }
address {
	font-style:normal;
}

