/*** CSS for Shopping Site : Copyright 2007 Japan System Development ***/


    body {
    margin: 0px;
    padding: 0px;
    background-color: #fff;
    }
    a:link {
    text-decoration: none;
    }
    a:visited {
    text-decoration: none;
    }
    a:hover {
	color: #eb9704;
	}
    img {
    border: none;
    }

	img.corner {
	border: none;
	display: block !important;
	}

	strong {
	font-weight: 600;
	}
	em {
	font-style: normal;
	}

/* @@@@@@@@@@@@@@@@@@@@@@@@@ */
/* >>>>>>>   a tag   <<<<<<< */
/* @@@@@@@@@@@@@@@@@@@@@@@@@ */

#topright a:link {
	color: #777;
	}
#topright a:hover {
	color: #eb9704;
	}
#topright a:visited {
	color: #333;
	}



/* @@@@@@@@@@@@@@@@@@@@@@@@@ */
/* >>>>>>> site top  <<<<<<< */
/* @@@@@@@@@@@@@@@@@@@@@@@@@ */


#topwrap {
margin: 0;
padding: 0;
width: 100%;
height: 81px;
}
#topleft {
margin: 0;
padding: 0;
width: 49%;
height: 80px;
float: left;
text-align: left;
}
#topright {
margin: 0;
padding: 0;
width: 49%;
height: 80px;
float: right;
text-align: left;
}
#topright p {
margin: 0;
padding: 10px 20px 0 0;
text-align: right;
font-size: 9pt;
font-weight: bold;
line-height: 1.8em;
color: #777;
}


/* @@@@@@@@@@@@@@@@@@@@@@@@@ */
/* >>>>>>> div tag <<<<<<< */
/* @@@@@@@@@@@@@@@@@@@@@@@@@ */

	div#container {
	position: relative;
	margin-left: 0;
	padding: 0;
	width: 100%;
	background-color: #fff;
	}



	div#header {
	padding: 0;
	margin: 0;
	width: 100%;
	text-align: left;
	}


	div#contents{
	position: relative;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	text-align: center;
	width: 910px;
	}


	div#wrapper {
	float: left;
	margin: 0;
	padding: 0;
	}


	div#menu {
	float: left;
	width: 181px;
	margin: 0 0 0 10px;
	}


	div#main {
	float: left;
	margin-left: 9px;
	width: 501px;
	}


	div#sub {
	float: left;
	padding: 0;
	margin: 0 0 0 10px;
	width: 181px;
	}


	div#footer {
	clear: left;
	width: 100%;
	text-align: center;
	}

div#topcontent {
	margin: 5px 0 5px 0 ;
	padding: 0;
	clear: both;
	}
div.topinfo {
	margin: 5px 0 5px 5px;
	padding: 0;
	width: 240px;
	border: solid 1px #cecece;
	float: left;
	}
.topinfo div.img {
	text-align: center;
	}


	div.formLeft {
	margin: 0 0 5px 50px;
	padding: 0;
	text-align: left;
	font-size: 9pt;
	}
	
	div.formRight {
	margin: 0 0 0 50px;
	padding: 0;
	font-size: 9pt;
	text-align: left;
	}


	div.formBtn {
	margin-top: 40px;
	margin-left: 20px;
	}

	div.sysFormLeft {
	width: 510px;
	height: 20pt;
	padding-top: 7px;
	font-size: 8pt;
	text-align:left;
	color: #58735B;
	}


	div.round {
	margin: 10px 0;
	padding: 10px;
	border: solid 1px #cecece;
	}


div.flow {
	background: #fff;
	width: 500px;
	margin: 10px 0 20px 0;
	padding: 0;
	}


	div.topAd {
	margin-top: 10px;
	}


	div.detail {
	margin: 10px 0 0 0;
	}

/* @@@@@@@@@@@@@@@@@@@@@@@@@ */
/* >>>>>>> h tag <<<<<<<     */
/* @@@@@@@@@@@@@@@@@@@@@@@@@ */

#topleft h1 {
	margin: 0;
	padding: 10px 0 0 20px;
	font-size: 9pt;
	font-weight: 400;
	color: #cc0033;
	}

h3.formTitle {
	color: #333;
	margin: 10px 0 10px 0;
	padding: 0 0 0 10px;
	background: url(img/white30.gif);
	background-repeat: repeat-x;
	line-height: 30px;
	font-size: 10pt;
	font-weight: 600;
	text-align: left;
	}


#menu h2 {
	margin-top: 5px;
	margin-bottom: 0px;
	text-align: left;

	}

#menu h4 {
	margin: 0 0 10px 0;
	padding: 0 5px 0 5px;
	text-align: center;
	color: #fefefe;
	background: url(img/green20.gif);
	background-repeat:repeat-x;
	font-size: 9pt;
	line-height: 20px;
	}

#sub h4.item {
	margin: 0 0 10px 0;
	padding: 0 5px 0 5px;
	text-align: center;
	color: #004fb0;
	background: url(img/blue20.gif);
	background-repeat: repeat-x;
	font-size:9pt;
	line-height: 20px;
	}
#sub h4.info {
	margin: 0 0 10px 0;
	padding: 0 5px 0 5px;
	text-align: center;
	color: #555;
	background: url(img/gray20.gif);
	background-repeat: repeat-x;
	font-size:9pt;
	line-height: 20px;
	}

.topinfo h4.item {
	margin: 0 0 10px 0;
	padding: 0 5px 0 5px;
	text-align: center;
	color: #555;
	background: url(img/orange20.gif);
	background-repeat: repeat-x;
	font-size:9pt;
	line-height: 20px;
	}
.topinfo h4.info {
	margin: 0 0 10px 0;
	padding: 0 5px 0 5px;
	text-align: center;
	color: #555;
	background: url(img/gray20.gif);
	background-repeat: repeat-x;
	font-size:9pt;
	line-height: 20px;
	}


	h3.sysFormTitle {
	color: #ffffff;
	background: url(img/green20.gif) repeat-x;
	margin-top: 5px;
	margin-bottom: 10px;
	padding-left: 10px;
	width: 510px;
	line-height: 20px;
	font-size: 10pt;
	clear: left;
	text-align: left;
	}


	h3.privacy {
	margin-top: 50px;
	}
	h4.privacy {
	background: url(img/white30.gif) repeat-x;
	color: #333;
	font-size: 9pt;
	line-height: 30px;
	}


h3.catTitle {
	text-align: left;
	background: url(img/white30.gif) repeat-x;
	color: #333;
	padding: 0 0 0 30px;
	line-height: 30px;
	margin:10px 0 20px 0;
	}
h4.catTitle {
	text-align: left;
	background: url(img/white30.gif) repeat-x;
	color: #333;
	padding: 0 0 0 20px;
	line-height: 30px;
	margin: 10px 0 5px 0;
	font-size: 12pt;
	font-weight: bold;
	}


h3.flow {
	margin: 10px 0 5px 0;
	background: url(img/white30.gif) repeat-x;
	color: #333;
	padding: 0;
	line-height: 30px;
	font-size: 12pt;
	font-weight: bold;
	}
.flow h4 {
	margin: 10px 40px 10px 40px;
	padding: 0 20px 0px 20px;
	text-align: left;
	background: url(img/white30.gif) repeat-x;
	line-height: 30px;
	font-size: 12pt;
	color: #004fb0;
	font-weight: normal;
	}


#policy h3 {
	background: url(img/white30.gif) repeat-x;
	color: #333;
	font-size: 12pt;
	line-height: 30px;
	margin: 5px 0 10px 0;
	}

#policy h4 {
	margin: 20px 50px 5px 50px;
	color: #333;
	font-size: 9pt;
	background: url(img/gray20.gif) repeat-x;
	line-height: 20px;
	}
#policy h4 a:link {
	color: #004fb0;
	}
#policy h4 a:visited {
	color: #004fb0;
	}
#policy h4 a:hover {
	color: #eb9704;
	}

#policy h5 {
	margin: 20px 50px 5px 50px;
	color: #333;
	font-size: 9pt;
	line-height: 20px;
	text-align: left;
	}

text10_left {
	margin: 20px 50px 5px 50px;
	color: #000;
	font-size: 9pt;
	line-height: 20px;
	text-align: left;
	}
text10_right {
	margin: 20px 50px 5px 50px;
	color: #000;
	font-size: 9pt;
	line-height: 20px;
	text-align: right;
	}

h5.information {
	background: url(img/white30.gif) repeat-x;
	color: #333;
	font-size: 12pt;
	line-height: 30px;
	margin: 5px 0 10px 0;
	}



/* @@@@@@@@@@@@@@@@@@@@@@@@@ */
/* >>> p tag <<<             */
/* @@@@@@@@@@@@@@@@@@@@@@@@@ */


	p.form {
	text-align: left;
	margin: 5px 0 12px 0;
	}


#menu p {
	text-align: left;
	padding: 0;
	margin: 0 0 0 10px;
	font-size: 9pt;
	line-height: 2em;
	color: #333;
	}
#menu p a:link {
	color: #333;
	}
#menu p a:visited {
	color: #777;
	}
#menu p a:hover {
	color: #eb9704;
	}

#sub p {
	text-align: left;
	padding: 0;
	margin: 0 0 10px 10px;
	font-size: 9pt;
	line-height: 1.5em;
	color: #333;
	}
#sub p a:link {
	color: #333;
	}
#sub p a:visited {
	color: #777;
	}
#sub p a:hover {
	color: #eb9704;
	}


.topinfo p {
	margin: 0;
	padding: 0 10px 15px 10px;
	text-align: left;
	font-size: 9pt;
	line-height: 1.2em;
	color: #333;
	}
.topinfo p a:link {
	color: #333;
	}
.topinfo p a:visited {
	color: #777;
	}
.topinfo p a:hover {
	color: #eb9704;
	}



	input.form {
	
	}


	#header p {
	font-size: 9pt;
	margin: 0;
	padding: 0;
	}
	#header form {
	font-size:9pt;
	margin: 0;
	padding: 0;
	}
	

/*
	p.round {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-size: 9pt;
	color: #333;
	line-height: 2em;
	}
	p.round a:link {
	color: #333;
	}
	p.round a:visited {
	color: #777;
	}
	p.round a:hover {
	color: #eb9704;
	}
*/

	#footer p {
	margin: 0 0 0 0;
	padding: 0;
	font-size: 9pt;
	line-height: 2em;
	color: #333;
	}
	#footer p a:link {
	color: #333;
	}
	#footer p a:visited {
	color: #777;
	}
	#footer p a:hover {
	color: #eb9704;
	}


	p.privacy {
	font-size: 10pt;
	line-height: 1.6em;
	color: #444444;
	text-align: left;
	}


	p.cartBtn {
	margin: 10px 0 7px 0;
	}


	p.catLink {
	width: 400px;
	line-height: 1.4em;
	}


.flow p {
	margin: 5px 60px 10px 60px;
	padding: 0;
	text-align: left;
	color: #333;
	font-size: 9pt;
	line-height: 1.4em;
	}


#policy p {
	margin: 0 50px 7px 50px;
	padding: 0 10px 0 10px;
	font-size: 9pt;
	text-align: left;
	line-height: 1.6em;
	color: #333;
	text-indent: -0.5em;
	}

	#policy p a:link {
	color: #777;
	}
	#policy p a:visited {
	color: #777;
	}
	#policy p a:hover {
	color: #eb9704;
	}

	p.formError {
	width: 400px;
	margin: 0;
	padding: 0;
	font-size: 9pt;
	line-height: 1.6em;
	text-align: left;
	color: #c00;
	}

	#message p {
	width: 400px;
	margin: 10px 0 0 0;
	padding: 0;
	font-size: 11pt;
	text-align: left;
	color: #004fb0;
	}

p.spec {
	text-align: left;
	margin: 5px 10px 5px 10px;
	padding: 5px 0 5px 0;
	font-size: small;
	line-height: 1.2em;
	}
ul.spec li {
	text-align: left;
	margin: 5px 10px 5px 10px;
	padding: 0 0 0 0;
	font-size: small;
	line-height: 1.2em;
	}
ol.spec li {
	text-align: left;
	margin: 5px 10px 5px 10px;
	padding: 0 0 0 0;
	font-size: small;
	line-height: 1.2em;
	}

p.search {
	margin: 0;
	padding: 0 5px 0 5px;
	}

#menu p.badge {
	margin: 5px 0 0 5px;
	padding: 0;
	text-align: center;
	}

p.information {
	text-align: left;
	margin: 5px 10px 0 10px;
	padding: 0;
	font-size: small;
	line-height: 1.4em;
	}

/* @@@@@@@@@@@@@@@@@@@@@@@@@ */
/* >>>>>>> span tag <<<<<<< */
/* @@@@@@@@@@@@@@@@@@@@@@@@@ */


	span.attention {
	color: #c23e3e;
	}


/* @@@@@@@@@@@@@@@@@@@@@@@@@ */
/* >>>>>>> list tag <<<<<<< */
/* @@@@@@@@@@@@@@@@@@@@@@@@@ */

	.detail li {
	text-align: left;
	margin: 0 10px 0 10px;
	padding: 0 0 0 0;
	font-size: small;
	}


/* @@@@@@@@@@@@@@@@@@@@@@@@@ */
/* >>>>>>> form tag <<<<<<< */
/* @@@@@@@@@@@@@@@@@@@@@@@@@ */

	form.round {

	}



/* @@@@@@@@@@@@@@@@@@@@@@@@@ */
/* >>>>>>> hr tag <<<<<<< */
/* @@@@@@@@@@@@@@@@@@@@@@@@@ */

#footer hr {
	width: 99%;
	}



/* @@@@@@@@@@@@@@@@@@@@@@@@@ */
/* >>>>>>> ul tag <<<<<<< */
/* @@@@@@@@@@@@@@@@@@@@@@@@@ */
ul.information {
	}

ul.information li{
	text-align: left;
	font-size: small;
	line-height: 1.4em;
	}



/* @@@@@@@@@@@@@@@@@@@@@@@@@ */
/* >>>>>>> table tag <<<<<<< */
/* @@@@@@@@@@@@@@@@@@@@@@@@@ */



table {
	border-collapse: collapse;
	border-spacing: 1px;
	width: 500px;
	margin: 10px 0 20px 0;
	padding: 0;
	}

td, th {
	padding:6px 6px;
	border-bottom:solid 1px #eee;
	text-align: left;
	font-size: 0.8em;
	background: #fff;
	}

table caption{
	background: url(img/white30.gif) repeat-x;
	color: #333;
	font-size: 12pt;
	line-height: 30px;
	margin: 10px 0 10px 0;
	text-align: left;
	font-weight: bold;
	padding: 0 0 0 20px;
}

thead th {
	background: #efefef;
	border-bottom:solid 1px #ddd;
	border-top:solid 1px #fff;
	text-align: center;
	font-size: 0.8em;
}

tfoot td, tfoot th{
	background: #efefef;
	border-bottom:solid 1px #fff;
	border-top:solid 1px #ccc;
}

tr.odd td, tr.odd th {
	background:#f6f6f6;
	}

/* links */

thead th a:link {
	color: #333;
	}
thead th a:visited {
	color: #333;
	}

td a, td a:visited {
padding-top:6px;
padding-bottom:6px;
margin-top:-6px;
margin-bottom:-6px;
}

td a {
color:#333;
}

td a:visited {
color:#777;
}

tbody th a {

padding-left:0px;
color:#333;
}


table#related {
	width: 170px;
	margin: 10px 0 0 0;
	padding: 0;
	border-collapse: collapse;
	border-spacing: 1px;	
	}
#related caption {
	margin: 10px 0 0 0;
	padding:0 0 0 10px;
	background: url(img/white30.gif);
	color: #333;
	text-align: left;
	font-size: 9pt;
	line-height: 30px;
	font-weight: 400;
	}
#related tr.odd td {
	background: #f6f6f6;
	}
#related tr.odd th {
	background: #f6f6f6;
	}

#related td {
	margin: 0;
	padding:5px 10px 5px 10px;
	border: none;
	text-align: left;
	font-size: 0.8em;
	background: #fff;
	}
#related th {
	margin: 0;
	padding:10px 10px 0 10px;
	border: none;
	text-align: left;
	font-size: 0.8em;
	background: #fff;
	}


table#iteminfo {
	width: 490px;
	margin: 10px 0 0 0;
	padding: 0;
	border-collapse: collapse;
	border-spacing: 1px;
	}
#iteminfo caption {
	background: url(img/white30.gif);
	color: #333;
	text-align: left;
	font-size: 1em;
	line-height: 30px;
	font-weight: 400;
	margin: 10px 0 0 0;
	padding:0 0 0 10px;
	}
#iteminfo tr.odd td, tr.odd th {
	background: #f6f6f6;
	}

#iteminfo td.btn {
	text-align: center;
	}

table#spec {
	width: 480px;
	margin: 10px 5px 0 5px;
	padding: 0;
	border-collapse: collapse;
	border-spacing: 1px
	}
#spec td {
	background: #fff;
	}
#spec tr.odd td {
	background: #f6f6f6;
	}
#spec th {
	background: url(img/gray20.gif) repeat-x;
	line-height: 20px;
	margin: 0;
	padding: 0 5px 0 10px;
	}
#spec tr.odd th {
	background: url(img/blue20.gif) repeat-x;
	}


table#compare {
	width: 480px;
	margin: 10px 5px 0 5px;
	padding: 0;
	border-collapse: collapse;
	border-spacing: 1px
	}
#compare td {
	background: #fff;
	text-align: center;
	}
#compare td.key {
	background: #fff;
	text-align: left;
	}
#compare tr.odd td {
	background: #f6f6f6;
	text-align: center;
	}
#compare tr.odd td.key {
	background: #f6f6f6;
	text-align: left;
	}
#compare th {
	background: url(img/gray20.gif) repeat-x;
	line-height: 20px;
	margin: 0;
	padding: 0 5px 0 10px;
	}
#compare th a:link {
	color: #333;
	text-decoration: underline;
	}
#compare th a:visited {
	color: #777;
	text-decoration: underline;
	}

/* @@@@@@@@@@@@@@@@@@@@@@@@@ */
/* >>>>chrome style tag <<<<
/* @@@@@@@@@@@@@@@@@@@@@@@@@ */




.chromestyle{
width: 100%;
clear: both;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{
border: 1px solid #BBB;
width: 100%;
background: url(img/chromebg.gif) center center repeat-x; /*THEME CHANGE HERE*/
padding: 4px 0;
margin: 0;
text-align: center; /*set value to "left", "center", or "right"*/
}

.chromestyle ul li{
display: inline;
}

.chromestyle ul li a{
color: #fefefe;
padding: 4px 7px;
margin: 0;
text-decoration: none;
border-right: 1px solid #DADADA;
font-size: 9pt;
font-weight: bold;
}

.chromestyle ul li a:hover{
background: url(img/chromebg-over.gif) center center repeat-x; /*THEME CHANGE HERE*/
color: #fefefe;
}

/*
.chromestyle ul li a[rel]:after{ /*HTML to indicate drop down link*/
/*
content: " v";
content: " " url(downimage.gif); uncomment this line to use an image instead
}
*/

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #BBB; /*THEME CHANGE HERE*/
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:24px;
z-index:100;
background-color: #fff;
width: 200px;
visibility: hidden;
/*filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); Add Shadow in IE. Remove if desired*/
}


.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #BBB; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
font-weight: bold;
color: #454545;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #ffcc33;
color: #454545;
}




/* @@@@@@@@@@@@@@@@@@@@@@@@@ */
/* >>>>jslider tag <<<<
/* @@@@@@@@@@@@@@@@@@@@@@@@@ */


div.scroller { 
	/* modify width and height of scrolling section if necessary	*/		
	width: 480px; 
	height: 300px;
	overflow: hidden;
	border:1px solid #cccccc;
	}
	div.scroller div.section {
		/* modify width and height of each section as needed (should match the size of the scroller window)	*/		
		width: 480px;
		height: 300px;
		overflow: hidden;
		float: left;
		padding: 1em;
		}
	div.scroller div.content {
		width: 10000px;
		}

div#section1 {
	text-align: center;
	margin: 0;
	padding: 0;
	}

div#section2 {
	text-align: center;
	margin: 0;
	padding: 0;
	}

div#section3 {
	text-align: center;
	margin: 0;
	padding: 0;
	}

div#section4 {
	text-align: center;
	margin: 0;
	padding: 0;
	}


div#my-slider {
	margin: 10px 0 0 0;
	padding: 0;
	}

div.controls {
	text-align: left;
	font-size: 9pt;
	margin: 5px 0 0 10px;
	padding: 0 0 0 5px;
	}
div.controls a:link {
	color: #333;
	}
div.controls a:hover {
	color: #eb9704;
	}
div.controls a:visited {
	color: #333;
	}
div.controls p {
	margin: 0;
	padding: 0;
	}

div#stepcontrol {
	text-align: left;
	font-size: 9pt;
	margin: 5px 0 0 10px;
	padding: 0 0 0 5px;
	}
div#stepcontrol a:link {
	color: #333;
	}
div#stepcontrol a:hover {
	color: #eb9704;
	}
div#stepcontrol a:visited {
	color: #333;
	}
div#stepcontrol p {
	margin: 0;
	padding: 0;
	}


.content a:link {
	color: #777;
	}
.content a:hover {
	color: #777;
	}
.content a:visited {
	color: #777;
	}