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

body,p,table,div,ul,ol,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%;
}

/* General Style Info */
a{
color:#71991F;
text-decoration:none;
}
a:hover{
color:#777777;
text-decoration:none;
}

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

h1 {
color:#E94E0F;
background: url(/img/h1.gif) repeat-x bottom;
padding:0 10px 3px 10px;
font-size:150%;
margin-bottom:10px;
}


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

.m30 {
margin-bottom:30px;
}

/* 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:transparent url(/img/back.header.gif) repeat-x top;
height:75px;
}
#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:0 10px 0 10px;

}
#header h1,
#header strong {
font-size:28px;
position:absolute;
top:30px;
left:0;
padding:2px 8px;
background-image: none;
}
#header h1 a,
#header strong a {
color:#000;
}


#headerNavi {
	width:860px;
	height:34px;
}
#headerNavi div {
	height:34px;
}
#headerNavi div.leftPart {
	width:302px;
	background:transparent url(/img/back.navi.l.gif) no-repeat right top;
	float:left;
}
#headerNavi div#searchForm {
	padding:7px 0 0 60px;
}
#headerNavi input {
	vertical-align:middle;
}
#headerNavi input.seForm {
	width:141px;
	heifht:18px;
	padding-left:5px;
	display:inline;
}
#headerNavi input.seBtn {
	margin-left:5px;
}
#headerNavi div.rightPart {
	width:558px;
	float:left;
}
#headerNavi div.rightPart a {
	display:block;
	float:left;
	height:34px;
}
#headerNavi a.n1 {
	background: url(/img/back.navi.r.gif) no-repeat left top;
	width:77px;
}
#headerNavi a.n2 {
	background: url(/img/back.navi.r.gif) no-repeat -77px top;
	width:111px;
}
#headerNavi a.n3 {
	background: url(/img/back.navi.r.gif) no-repeat -188px top;
	width:92px;
}
#headerNavi a.n4 {
	background: url(/img/back.navi.r.gif) no-repeat -280px top;
	width:109px;
}
#headerNavi a.n5 {
	background: url(/img/back.navi.r.gif) no-repeat -389px top;
	width:79px;
}
#headerNavi a.n6 {
	background: url(/img/back.navi.r.gif) no-repeat -468px top;
	width:90px;
}
#headerNavi a.n1:hover {
	background: url(/img/back.navi.r2.gif) no-repeat left top;
}
#headerNavi a.n2:hover {
	background: url(/img/back.navi.r2.gif) no-repeat -77px top;
}
#headerNavi a.n3:hover {
	background: url(/img/back.navi.r2.gif) no-repeat -188px top;
}
#headerNavi a.n4:hover {
	background: url(/img/back.navi.r2.gif) no-repeat -280px top;
}
#headerNavi a.n5:hover {
	background: url(/img/back.navi.r2.gif) no-repeat -389px top;
}
#headerNavi a.n6:hover {
	background: url(/img/back.navi.r2.gif) no-repeat -468px top;
}


#content{
clear:both;
padding-top:20px;
color: #333;
}


#footer{
clear:both;
margin-top:35px;
background:#E0E0E0 url(/img/back.foot.gif) no-repeat center top;
color:#FFFFFF;
padding: 15px 10px;
}
#footer a {
color:#FFFFFF;
}
#footer div {
margin:5px 0;
}
#footer div.footNavi {
font-size:80%;
}



/* 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 {
background:#7F838B url(/img/back.brandtitle.gif);
width:580px;
height:38px;
color:#FFFFFF;
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;
font-size:80%;
}
#mainarea div.toTOP {
text-align:right;
margin-right:20px;
}
div.toTOP a {
color:#23235F;
}


h2 {
background:#E94E0F url(/img/top.title.1.gif) no-repeat left bottom;
height:32px;
color:#FFFFFF;
font-size:14px;
margin-bottom:20px;
}
h2 a {
color:#FFFFFF;
}
h2 div{
margin:0 25px 0 25px;
padding:7px 0 0 0;
}
h2 img {
vertical-align:middle;
margin-right:5px;
}

h3 {
background-color:#EEE;
padding:3px;
margin-bottom:15px;
}
#aboutpage h3 {
background:#EEE url(/img/h3.gif) no-repeat left top;
padding-left:14px;
margin-top:20px;
}

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;
}
.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%;
margin-bottom:15px;
}
table.information table {
border-collapse:collapse;
margin:5px 0;
}
.information td.explain {
width:300px;
padding:5px 0;
font-size:11px;
color:#999999;

}

table.brandinformation {
width:660px;
margin-left:10px;
}
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;
	height:20px;
}
#detailTab img {
vertical-align:middle;
margin:0 3px 0 8px;
}
#detailTab a.btnList {
	display:block;
	height:20px;
	width73px;
	float:right;
}

#selectBox {
background:#E6E6E6 url(/img/select.2.gif) repeat-y center;
margin-bottom:20px;
}
#selectTop {
background: url(/img/select.1.gif) no-repeat center top;
height:2px;
}
#selectBot {
background: url(/img/select.3.gif) no-repeat center bottom;
height:2px;
}

#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 {
}

#itemList {
width:100%;
margin: 0 0 20px 0;
border-collapse:collapse;
border:1px solid #DDD;
}
#itemList td.topBorder {
border-top:1px solid #DDD;
}
#itemList td {
padding:2px 4px;
}
#itemList td.photos {
text-align:center;
padding:5px;
}
#itemList td.description {
vertical-align:top;
}
#itemList td.description h2 {
background-image:none;
background-color:transparent;
color:#EA4E0E;
height:auto;
margin-bottom:10px;
}
#itemList td.description h2 a {
color:#71991F;
}
#itemList td.description h2 a:hover {
color:#AAAAAA;
}
#itemList td.description h2 span {
display:block;
width:18px;
height:18px;
float:left;
text-align:center;
margin-right:5px;
border:1px solid #FC7B4E;
background:#FFFFE6 url(/img/back.rank.gif) repeat-x bottom;
}
#itemList span.itemPrice {
color:#FF5700;
}





.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%;
background-image:none;
background-color:transparent;
}

#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 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;
}