/*----- Start "Main definitions" -----*/
* { padding: 0; margin: 0; outline: 0; }

body {
	font-size: 10px;
	line-height: 1.5;
	font-family: Arial, Helvetica, sans-serif;
	color: #F6F6FC;
	background-color: #f6f6f6;
	text-align: left;
}

a img { border: 0; }
a { color: #037bb9; text-decoration: underline; }
a:hover { text-decoration: none; }

.cl, .clear { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
/*----- End "Main definitions" -----*/

#page { width: 952px; margin: 0 auto; padding: 0 10px; }

h1, h2, h3, h4, h5, h6 {
	font-family: "Trebuchet MS", Tahoma, Arial, Sans-Serif;
	color: #2b2b2b;
	font-weight: normal;
}
h1 { font-size: 23px; }
h2 { font-size: 20px; }
h3 { font-size: 18px; }
h4 { font-size: 16px; }
h5 { font-size: 15px; }
h6 { font-size: 14px; }

ul { padding-left: 15px; }

#header { padding: 20px 12px 15px 3px; }
#header .description { font-family: "Trebuchet MS", Tahoma, Arial, Sans-Serif; font-size: 11px; color: #9c9c9c; text-transform: uppercase; line-height: 1; }
#header h1 { line-height: 1.1; }
#header h1 a { color: #2b2b2b; text-decoration: none; }

#navigation { float: left; display: inline; font-size: 11px; line-height: 1.5; text-transform: uppercase; padding-top: 10px; }
#navigation ul li { float: left; display: inline; list-style-type: none; padding-right: 18px; margin-left: 14px; background: url(images/nav-sep.gif) repeat-y left 0; }
#navigation ul li.last { margin-right: 0; padding-right: 0; background: none; }
#navigation ul li a { color: #7f7f7f; text-decoration: none; }
#navigation ul li a:hover { text-decoration: underline; }
#navigation ul li.active a { color: #000; }

#chromemenu{width: 99%;font-weight: bold;font-size: 90%;}

#chromemenu:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}

#chromemenu ul{
border: 1px solid #BBB;
width: 100%;
background: url(images/chromebg.gif) center center repeat-x;
padding: 5px 0;
margin: 0;
text-align: center; /*set value to "right" for example to align menu to the left of page*/
}

#chromemenu ul li{
display: inline;
}

#chromemenu ul li a{
color: #494949;
padding: 5px;
margin: 0;
text-decoration: none;
border-right: 1px solid #DADADA;}

#chromemenu ul li a:hover{
background: url(images/chromebg2.gif) center center repeat-x;}

#slideshow { height: 454px; width: 962px; position: relative; left: -5px; }
#slideshow .bg { height: 454px; width: 962px; background: url(images/slider.png) no-repeat 0 0; }
#slideshow .cnt { padding: 42px 36px 0 36px; }
#slideshow .big-image { margin-bottom: 12px; padding: 2px; border: solid 1px #d5d5d5; width:883px; margin:0 auto 12px auto;}
#slideshow .big-image-holder {
	position:relative;
	width:883px;
	height:289px;
	overflow:hidden;
	background-color: #EEEEEE;
}
#slideshow .big-image-holder ul{ position:relative; width:883px; height:289px; overflow:hidden; list-style-type: none; padding:0;}
#slideshow .big-image-holder ul li{ position:relative; width:883px; height:289px; overflow:hidden; float:left;}

#slider { width: 890px; position: relative; }
#slider .buttons span { display: block; width: 38px; height: 37px; font-size: 0; line-height: 0; text-indent: -4000px; cursor: pointer; }
#slider .buttons span {
	position: absolute;
	top: 23px;
}
#slider .buttons .prev { left: 0; background: url(images/button-prev.gif) no-repeat 0 0; }
#slider .buttons .next {
	right: 5px;
	background: url(images/button-next.gif) no-repeat 0 0;
}
#slider .holder { width: 795px; height: 78px; position: relative; overflow: hidden; left:40px;}
#slider .content { height:78px; overflow:hidden; }
#slider .content ul { position:relative; list-style-type: none; height:78px; overflow:hidden; padding:0;}
#slider .content ul li{ float: left; display: inline; list-style-type: none; margin-left: 20px; height:78px; overflow:hidden; }
#slider .content ul li a { display:block; width: 133px; height: 72px; padding: 3px; background: url(images/slider-fragment.gif); }

#content { padding: 0 5px 10px 5px; }
#content p { padding-bottom: 18px; }
#content .separator { padding-right: 18px; background: url(images/col-sep.gif) no-repeat right 10px; }
#content .left-col { float: left; display: inline; width: 395px; }
#content .right-col { float: right; display: inline; width: 505px; }

.linklist { padding-left: 0; }
.linklist li { padding-left: 7px; background: url(images/linklist-ico.gif) no-repeat 0 7px; list-style-type: none; }

#footer { background: url(images/footer-line.gif) no-repeat center 0; padding: 20px 18px; }
#page #footer p {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 9px;
}

	
.txt {
	font-family: MS UI Gothic;
	font-size: 11px;
	font-style: normal;
	line-height: 16px;
	color: #8e8e8e;
}

.txt A:link{color: #8e8e8e;font-family:MS UI Gothic;font-size:11px;text-decoration:none}
.txt A:visited{color: #8e8e8e;font-family:MS UI Gothic;font-size:11px;text-decoration:none}
.txt A:active{color: #8e8e8e;font-family:MS UI Gothic;font-size:11px;text-decoration:none}
.txt A:hover{color: #646464;font-family:MS UI Gothic;font-size:11px;text-decoration:none;}



.style1 {
	color: #ffffff;
	font-family:Verdana;
	font-size:7pt;
	text-decoration:none;
	line-height: 16px;
}
.style1 A:link{color: #c9c8c8;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:7pt;text-decoration:none}
.style1 A:visited{color: #c9c8c8;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:7pt;text-decoration:none}
.style1 A:active{color: #c9c8c8;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:7pt;text-decoration:none}
.style1 A:hover{color: #FFFFFF;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:7pt;text-decoration:none;}
.style2 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 24px; color: #666666; font-weight: bold; }
.txt_1 {	font-size: 11px;
	color: #666666;
	line-height: 16px;
}

.txt_cl {
	color: #5d5d5d;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:7pt;
	text-decoration:none;
	line-height: 13px;
}	


.pname_eng {
	color: #3b3b3b;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:8pt;
	text-decoration:none;
	line-height: 16px;
}

.pname_jp {
	color: #676767;
	font-family:MS UI Gothic,MS PGothic;
	font-size:9pt;
	text-decoration:none;
	line-height: 16px;
}


.pcont {
	color: #707070;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:7pt;
	text-decoration:none;
	line-height: 16px;
}



.aboutt {
	color: #202020;
	font-family:MS UI Gothic,MS PGothic;
	font-size:9pt;
	font-weight: bold;
	text-decoration:none;
	line-height: 16px;
}

.about {
	color: #707070;
	font-family:MS UI Gothic,MS PGothic;
	font-size:9pt;
	text-decoration:none;
	line-height: 18px;
}



.pprice {
	color: #a9a9a9;
	font-family:MS UI Gothic,MS PGothic;
	font-size:8pt;
	text-decoration:none;
	line-height: 16px;
}


.chart_wh {
	color: #ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:7pt;
	text-decoration:none;
	line-height: 16px;
}

.chart_bk {
	color: #000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:7pt;
	text-decoration:none;
	line-height: 16px;
}

.chart_wh_b {
	color: #ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:7pt;
	font-weight: bold;
	text-decoration:none;
	line-height: 16px;
}

.chart_bk_b {
	color: #000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:7pt;
	font-weight: bold;
	text-decoration:none;
	line-height: 16px;
}

ul.thumb {
	float: left;
	list-style: none;
	margin: 0; padding: 10px;
	width: 360px;
}
ul.thumb li {
	margin: 0; padding: 5px;
	float: left;
	position: relative;  /* Set the absolute positioning base coordinate */
	width: 110px;
	height: 110px;
}
ul.thumb li img {
	width: 100px; height: 100px; /* Set the small thumbnail size */
	-ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */
	border: 1px solid #ddd;
	padding: 5px;
	background: #f0f0f0;
	position: absolute;
	left: 0; top: 0;
}
ul.thumb li img.hover {
	background:url(thumb_bg.png) no-repeat center center;  /* Image used as background on hover effect
	border: none; /* Get rid of border on hover */
}
