@import "topdesign.css";
@import "side.css";

body,p,table,div,ul,li,h1,h2,h3,a,
span,tr,td,dl,dt,dd,img{
margin:0;
padding:0;
}

body{
font-family:"frutiger linotype","lucida grande",helvetica,arial,sans-serif;
color:#4D6266;
font-size: 76%;
background:#FFFFFF url(/img/back.gif);
}

/* General Style Info */
a{
color:#7A7A96;
text-decoration:none;
}
a:hover{
color:#333333;
text-decoration:none;
}

a img{
border:none;
}
li {
list-style-type:none;
}

.help {
color:#777;
font-size:11px;
}
.textright {
text-align:right;
}


/* pagenate */
div.searchform {
margin:3px 20px 0 0;
float:right;
}
div.searchform select,div.searchform input {
font-size:80%;
}

.pagenate {
width:100%;
background:#FFFFFF url(/img/back.info.png);
border-top:1px solid #D0D1D3;
margin:5px 0;
clear:left;
}
.pagenate td.sideTd {
width:120px;
}
.pagenate td.centerTd {
text-align:center;
padding:2px 0;
}

div.result {
margin:0 auto;
}
div.result span {
margin-right: 5px;
padding:1px 0;
}
div.result span.thispage {
font-weight:bold;
}
div.result a {
padding:0 3px;
border:1px solid #DDD;
background-color:white;
}
div.result a:hover {
padding:0 3px;
border:1px solid #7F838B;
background-color:#CAEAEF;
color:#555;
}

/* Layout */

#headercontainer{
background:#F1F0F0 url(/img/back.header.gif) repeat-x;
height:93px;
}
#container{
text-align:left;
width:860px;
margin:0 auto;
background-color:white;
}

#header{
position:relative;
text-align:left;
width:860px;
margin:0 auto;
}
#headertop {
color:#bbb;
padding:2px 10px 0 10px;

}
#header h1,
#header strong{
font-size:28px;
position:absolute;
top:22px;
left:0;
padding:2px 8px;
}
#header h1 a,
#header strong a{
color:#000;
}
#header ul#navi{
width:150px;
height:18px;
position:absolute;
left:290px;
top:4px;
text-align:right;
}
#header ul#navi li{
float:left;
display:block;
padding:3px;
}
#header div#navi img{
vertical-align:middle;
}
#header div#searchForm {
position:absolute;
background: url(/img/headsearch) no-repeat ;
width:467px;
left:420px;
height:40px;
top:40px;
text-align:left;
padding-top:8px;
padding-left:40px;
}
#header div#searchForm input {

}
#header div#searchForm input#ItemKeyword {
width:180px;
height:12px;
margin-right:2px;
margin-top:0px;
vertical-align:top;
}

#header div#searchForm img{
vertical-align:middle;
}

#header div#text{
position:absolute;
top:20px;
text-align:left;
padding-left:440px;
font-size:10px;
}

#header div#text a{
font-size:9px;
color:#666666;
font-weight:normal;
text-decoration: underline
}

#content{
clear:both;
padding-top:20px;
color: #333;
}
#footer{
clear:both;
margin-top:35px;
background:#E0E0E0 url(/img/footer.gif) repeat-x;
color:#5E5E5E;
padding: 1px 10px 5px 10px;
text-align: center;
}
#footer a {
color:#5E5E5E;
}




/* notices and errors */

#flashMessage, .error, .error_message {
color:#900;
font-size: 12px;
margin: 8px 0px;
font-weight: bold;
}
.error_message {
clear: both;
}
.error em {
font-size: 18px;
color: #003d4c;
}
.notice {
color: #656565;
font-size: 14px;
background-color: #f4f4f4;
padding: 0.5em;
margin: 1em 0;
display:block;
}
.tip {
color: #656565;
background-color: #ddd;
}

/* forms */

form div.date{
margin-left: 0em;
}
.required{
clear: both;
color:#222;
font-weight:bold;
}
.optional{
clear: both;
color:#555;
}
.submit {
clear: both;
margin-top: 40px;
margin-left: 140px;
}

/* action links */
ul.actions {
float: left;
margin-left:20px;
width: 200px;
}
ul.actions li {
margin-top: 4px;
}
pre {
padding: 1em;
}


/**/
#leftarea {
float:left;
width:160px;
margin-left:3px;
overflow: hidden;
}
#mainarea {
float:right;
width:680px;
margin-right:3px;
}
#mainleft {
width:680px;
overflow: hidden;
}
#rightarea {
float:right;
width:100px;
overflow: hidden;
}



/* guides */

#brandtitle {
color:#7F838B;
position:relative;
}
#brandtitle div.titleJp {
position:absolute;
top:2px;
width:290px;
height:14px;
left:290px;
overflow:hidden;
}
#brandtitle div.titleEn {
position:absolute;
top:10px;
width:290px;
height:30px;
left:290px;
text-align:right;
font-size:18px
font-family:"Palatino Linotype", Georgia;;
overflow:hidden;
}

span#brandname {
color:#B3B3B3;
font-family:"Palatino Linotype", Georgia;
}
#mainarea div.toTOP {
text-align:right;
margin-right:20px;
}
div.toTOP a {
color:#23235F;
}
h1.categoryItems {
margin-top:10px;
color:#8888aa;
font-size:18px;
}
h2.categoryItems {
margin:20px 0 0 0;
font-size:14px;
}
h2.categoryItems a {
color:#7F838B;
}
h2.categoryItems a:hover {
color:#333333;
}

h2.brandItems {
padding:4px 8px 2px 8px;
margin-top:20px;
margin-bottom:10px;
color:#7F838B;
background-color:#EEEEFF;
border-left:3px solid #3D4794;
font-size:14px;
}
h2.brandItems a {
color:#7F838B;
}
h2.brandItems a:hover {
color:#AAA;
}
div.brandItems {
text-align:right;
color:#7F838B;
}
div.brandItems a {
color:#7F838B;
}
div.brandItems a:hover {
color:#777777;
}



.brandDescr {
width:534px;
margin:10px auto;
}


.guideWrap {
clear:left;
}
.guideItems {
width:170px;
margin-bottom:20px;
float:left;
}
.guideItems td {
vertical-align:top;
}
.guideItems table.itemPhoto {
margin:0 auto;
}
.guideItems table.itemPhoto td {
width:148px;
height:148px;
vertical-align:middle;
text-align:center;
padding:0;
}
.guideItems table.itemPhoto a img {
border:1px solid #FFFFFF;
}
.guideItems table.itemPhoto a:hover img {
border:1px solid #BBB;
}
.guideItems div.itemName {
font-size:10px;
margin:2px auto;
width:146px;
}
.guideItems div.itemName a {
font-size:9px;
color:#8888aa;
}
.guideItems div.itemName img {
vertical-align:middle;
margin-right:2px;
}

.guideItems div.itemPrice {
font-size:80%;
font-family:"Times New Roman";
margin:0 auto 2px auto;
width:148px;
color:#FF5700;
}
.guideItems div.btnFavorite {
text-align:center;
}

table.information {
border-collapse:collapse;
border-top:1px solid #aaa;
border-bottom:1px solid #aaa;
width:100%;
}
table.information table {
border-collapse:collapse;
}
.information td.explain {
width:300px;
padding:5px 0;
font-size:12px;
color:#999999;

}

table.brandinformation {
border-collapse:collapse;
border-top:1px solid #7F838B;
width:100%;
background-color:#F0F0EE;
}
table.brandinformation table {
border-collapse:collapse;
margin:0 0 0 15px;
}
table.brandinformation table td {
padding:0 5px 0 3px; 
vertical-align:top;
}
table.brandinformation img {
vertical-align:middle;
margin-right:3px;
}
.brandinformation td.explain {
width:310px;
padding:10px;
font-size:13px;
vertical-align:top;
}
table.brandinformation p {
margin:5px 0 5px 5px;
}
.brandinformation td.explain div {
background-color:#FFFFFF;
padding:5px;
}


#detailTab {
text-align:right;
margin-bottom:1px;
}
#detailTab img {
vertical-align:middle;
margin:0 3px 0 8px;
}
#selectBox {
border-top:1px solid #7F838B;
background-color:#EEEEEA;
margin-bottom:20px;
}
#selectBox table {
margin:8px 5px 8px 5px;
}
#selectBox table td {
vertical-align:top;
padding:1px 0;
}
#selectBox img {
vertical-align:middle;
margin:0 2px 0 0;
}

div.subBraDes {
	font-size:90%;
	color:#7F838B;
	margin-left:5px;
	margin-top:2px;
}
div.subBraDesDetail {
}

h3.subBraDes {
font-size:14px;
border-bottom:1px solid #aaa;
color:#666
}

h3.subBraDes a{
color:#555;
margin:0 0 0 5px;
}

h3.subBraDes a:hover {
color:#2B6EB0;
}

#itemList {
width:650px;
margin: 0 0 20px 10px;
border-collapse:collapse;
border:1px solid #DDD;
}
#itemList td.topBorder {
border-top:1px solid #DDD;
}
#itemList td {
padding:2px 4px;
}
#itemList h2 {
font-size:16px;
color:#C6C65B;
}

#itemList h3 {
background-color:white;
margin:0;
font-size:14px;
}
#itemList h3 span {
font-size:14px;
color:#C6C65B;
}
#itemList td.photos {
text-align:center;
padding:5px;
}
#itemList span.itemPrice {
color:#FF5700;
}
#itemList h3.ranking span {
color:#B3883E;
}



h2#noticedBrand {
clear:both;
background:white url(/img/top.title.1.gif) no-repeat left bottom;
height:29px;
margin-top:20px;
}
h2#newBrand {
clear:both;
background:white url(/img/top.title.2.gif) no-repeat left bottom;
height:46px;
margin-top:20px;
}
h2#popularBrand {
clear:both;
background:white url(/img/top.title.3.gif) no-repeat left bottom;
height:46px;
margin-top:20px;
}
h2#noticedBrand div {
font-size:13px;
color:#666666;
padding:7px 0 0 5px;
}
h2#newBrand div {
font-size:13px;
color:#666666;
padding:23px 0 0 50px;
}
h2#popularBrand div {
font-size:13px;
color:#666666;
padding:23px 0 0 50px;
}



.clear {
clear:both;
}
.moreButton {
margin:5px 20px;
text-align:right;
clear:left;
}
.moreButton a {
color:#625548;
}
.moreButton a:hover {
color:#999999;
}

.eachlink a {
color:#555;
}
.eachlink {
margin:20px 10px;
}



/* compare page */
.compareName {
height:24px;
}
.compareName li{
float:left;
height:24px;
background-color:#D0D1D3;
}
.compareName li h2{
margin-top:4px;
color:#FFFFFF;
font-size:130%;
}

#comparetitle {
background:#7F838B url(../img/back.brandtitle.gif);
margin-right:5px;
color:#FFFFFF;
position:relative;
font-size:200%;
padding:5px 5px 4px 5px;
}

#galleryContainer {
position:relative;
width:620px;
overflow:hidden;
border:3px solid #D0D1D3;
}
#slider_left {
position:absolute;
width:90px;
height:400px;
left:0px;
top:0px;
text-align:center;
font-size:35px;
color:#D0D1D3;
background-image:url(../img/gallery_navi.png);
filter: Alpha(opacity=30);
float:left;
z-index:100;
}
#slider_right {
position:absolute;
width:90px;
height:400px;
left:530px;
text-align:center;
font-size:35px;
color:#D0D1D3;
background-image:url(../img/gallery_navi.png);
filter: Alpha(opacity=30);
float:left;
z-index:100;
}

.compareList {
position:relative;
top:0;
left:0;
border-collapse:collapse;
}
.compareList th {
width:90px;
border:1px solid #ddd;
text-align:center;
font-size:94%;
}
.compareList td {
vertical-align:top;
border:1px solid #ddd;
}
.compareList td.photos {
vertical-align:middle;
text-align:center;
}
.compareList td.photos div {
overflow:hidden;
}
.compareList td div {
margin:2px 3px;
font-size:94%;
width:146px;
}
.compareList div.price {
text-align:center;
font-weight:bold;
color:#AA3333;
}

#compareExp {
margin:30px 150px 60px 0;
border:5px solid #DDD;
}
#compareExp h3 {
border-bottom:1px dashed #DDDDDD;
margin:20px 10px 15px 10px;
}
#compareExp td {
vertical-align:top;
}
#compareExp div {
margin:15px 10px 5px 10px;
background-color:#E3E1CE;
border:1px solid #7F838B;
padding:3px 0 0 0;
font-size:140%;
font-weight:bold;
color:#7F838B;
width:25px;
text-align:center;
}
#compareExp p {
margin:15px 10px 0 10px;
}
p.compareP {
margin:10px;
color:#7F838B;
}
#compareExp img.sampleImg {
margin:10px 10px 15px 10px;
border:1px solid #AAAAAA;
}

.backhis {
margin:5px 0;
}
.backhis img {
vertical-align:middle;
}



/* aboutpage */

#aboutpage {
}

#aboutpage h1 {
font-family:"frutiger linotype","lucida grande",helvetica,arial,sans-serif;
background-color:white;
color:#555555;
font-size:18px;
}


#aboutpage h2 {
background-color:white;
color:#7F838B;
font-size:16px;
margin:10px;
padding-bottom:5px;
border-bottom:1px dotted #7F838B;
}
#aboutpage h2 img {
vertical-align:middle;
margin-right:5px;
}
#aboutpage h3 {
margin:30px 10px 10px 10px;
}
#aboutpage p {
margin:10px;
}



/* contact */
.contact {
margin:10px auto;
background-color:#F0F0F0;
width:450px;
}
.contact td, .contact th {
padding:5px;
}
.bottomborder td, .bottomborder th {
border-bottom:1px dashed #DDD;
}
.contact textarea {
width:430px;
}

/* map */
.gmapBOX {
width:300px;
width:300px;
margin-top:10px;
float:left;
}
.Gmap {
width: 250px;
height: 250px;
border:1px solid #777;
}


h2#links {
margin:20px 20px;
padding-bottom:10px;
color:#7F838B;
border-bottom:1px dotted #E7DBBE;
}
table#links {
margin:10px 20px;
}
table#links td, table#links th {
vertical-align:top;
}
h3.links {
margin:30px 20px 10px 20px;
border-top:1px dotted #E7DBBE;
font-size:12px;
padding-top:10px;
}
div.links {
margin:10px 20px 0px 20px;
}
div.links a {
border-bottom:1px dashed #7F838B;
}
div.links a:hover {
border-bottom:0px dashed #7F838B;
}
div.urls {
margin:0 20px 10px 20px;
font-size:85%;
color:#888;
}
p.links {
margin:10px 20px;
}
div#linkspreview {
border:1px dotted #E7DBBE;
padding:10px;
margin:10px;
}