/* main.css */


body{
     float:              auto;
     width:              900px;
     text-align:         center;
     padding:            0;
     margin:             auto;
	border:             1px solid gray;          /* border line to the left of this content */
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#container{
     width:              900px;                   /* fixed page size */
     margin:             0;
     padding:            0;
     margin-bottom:      20px;
     padding-bottom:      0;                      /* padding between this container wall and its contents */
     color:              #222;                    /* color of all text */
     border:             0px solid gray;      
     line-height:        130%;                    /* spread out text lines */
}

.topstuff{
     clear:              both;
     padding:            10px 0 0 0;
     margin:             0;
     text-align:         center;                  /* and to the left of the content (within the box)          */
}

#raku-kago{
     margin-top:         30px;
     margin-bottom:      10px;
     vertical-align:     middle;
}


/*   ======================================   */
/*   This defines the main left navi column   */
/*   ======================================   */
#leftnav{
	float:              left; 	               /* float this nav to the left */
	width:              130px;                 /* widths must be declared for floats */
	margin:             10px 0px;
	padding:            0 15px;                /* padding *within* this nav box */
    text-align:         left;
    font-size:          12px;
}


/*   ======================   */
/*   Headers for navi menus   */
/*   ======================   */
.naviheader{
     font-size:          15px;
     font-weight:        bold;
     font-family:        Arial,Helvetica,sans-serif;
     text-align:         center;           
}


/*   =======================   */
/*   QUICK LINK DECLARATIONS   */
/*   =======================   */
div.ql-group{
     margin:             5px 0 15px 0;
}
div.ql-header{
     font-size:          12px;
     color:              white;
     background-color:   black;
     width:              110px;
     padding:            2px 10px;
     text-align:         left;
}
div.ql{
     color:              black;
     background-color:   white;
     width:              130px;
     padding-left:       10px;
     text-align:         left;
}


/*   ==============================   */
/*   #content1                        */
/*   CENTER COLUMN DECLARATIONS       */
/*   for index and his-details pages  */
/*   ===============================  */
#content1{
	float:              left;
	width:              590px;
	margin:             10px 2px;
	padding:            0px 2px;
	border-left:        0px solid gray;	     /* border line to the left of this content */
    border-right:       0px solid gray;	     /* border line to the right of this content */
    text-align:         center;
}

img.content1,
object.content1{
     display:            inline;
     margin-bottom:      15px;
     text-align:         center;
}

/*   =========================  */
/*   #content2                  */
/*   RIGHT COLUMN DECLARATIONS  */
/*   for his-item-details page  */
/*   =========================  */
#content2{
	float:              left;
	width:              700px;
	margin:             10px 2px;
	padding:            0px 2px;
	border-left:        0px solid gray;	     /* border line to the left of this content */
    border-right:       0px solid gray;	     /* border line to the right of this content */
    text-align:         center;
}
img.content2,
object.content2{
     display:            inline;
     margin-bottom:      15px;
     text-align:         center;
}

/*   =========================   */
/*   RIGHT COLUMN DECLARATIONS   */
/*   =========================   */
#rightnav{
	float:              right;
    text-align:         center;
	width:              104px;
	margin:             10px 10px;
	padding:            0px 10px 0px 0px;
}


/*   ===================   */
/*   FOOTER DECLARATIONS   */
/*   ===================   */
#footer{
    clear:              both;                    /* make sure footer clears bottoms of both upper column divs */
	margin:             0px;                     /* no margins around box */
	padding:            5px 30px;                /* vertical and left padding within box to content */
	#background:         #3542A0;                 /* color within box */
}
p.footer{
     #color:              yellow;
     font-size:          15px;
     font-family:        Arial,
                         Helvetica,
                         sans-serif;
}


/*	=====================================  */
/*	START of optgrid box CSS declarations  */
/*	=====================================  */

span.optgridcorner,
span.optgridtitle,
span.optgriddetail{
    font-size:          11px;
}
td.optgridcorner,
td.optgridtitle,
td.optgriddetail{
    background-color:   #5cff5c;
    text-align:         center;
}

td.optgridtitle{
    text-align:         right:
}

td.optgridcorner{
    background-color:   #3cbf3c;
}
span.optgridcomment{
    font-size:          11px;
}

/*	===================================  */
/*	END of optgrid box CSS declarations  */
/*	===================================  */



/*	====================================  */
/*	START of Policy-box CSS declarations  */
/*	====================================  */
#policy{
    width:              700px;
    margin:             0 auto;
}
.policy-header{
    margin:             10px 20px 0 0;
    text-align:         left;
    font-size:          16px;
    font-weight:        bold;
    background-color:   #BFB;
}
.policy-sub-header{
    margin-left:        30px;
    text-align:         left;
    font-size:          14px;
}
.policy-sub-sub-header{
    margin-left:        50px;
    text-align:         left;
    font-size:          14px;
}
.policy-3sub-header{
    margin-left:        70px;
    text-align:         left;
    font-size:          13px;
}

/*	====================================  */
/*	START of Policy-box CSS declarations  */
/*	====================================  */


/*	==================================  */
/*	START of Info-box CSS declarations	*/
/*	==================================  */
#infobox{
    margin:             0 auto;
    width:              700px;
    border:             1px solid gray;
    background:         #EEEEEE;
}
.infobox-full{
    margin:             0 auto;
    padding:            5px 0;
    text-align:         center;
    color:              #FF0;
    background:         #000;
}
.infobox-full hr{
    width:              70%;
}
.infobox-section{
    wdith:              100%;
    margin:             10px auto;
}
.infobox-left-item{
    float:              left;
    width:              20%;
    padding-left:       20px;
    font-size:          13px;
    text-align:         right;
}
.infobox-right-item{
    width:              70%;
    margin-left:        25%;
    padding-left:       20px;
    border-left:        solid 1px gray;
    text-align:         left;
    font-size:          11px;
}
.red-text{
    color:              #FF0000;
}
/*	================================  */
/*	END of Info-box CSS declarations  */
/*	================================  */



/*	This makes sure that images can butt up against each other vertically	*/
img{
	padding:            0px;
	margin:             0px;
	display:            block;
}

img.banner{
     display:            inline;
     float:              left;
     border:             2px;
     margin:             0px;
     padding:            0px;
     margin-bottom:      5px;

     margin:             -1px;
     border:             1px solid blue;
}

div.shoppingcart{
     width:              160px;
     font-size:          11px;
     color:              white;
     background-color:   #3b4a9f;
     margin:             0px auto;
     text-align:         center;
     vertical-align:     middle;
     padding-bottom:      4px;
}

.cart-button{
     font-size:          10px;
     color:              white;
     background-color:   #9e8f3a;
     border-width:       1px;
     border-style:       solid;
}

/*   =======================	*/
/*   END of CSS declarations  */
/*   =======================  */



.nav-buttons{
	padding:            0px 0em;
/*	#background:        #445570;                   background color between (under) the buttons */ 

}
.nav-buttons ul{
	margin:             0 0 0px 0;
	padding:            0;
	list-style-type:	none;
}
.nav-buttons li {
	margin:             0 0 0px 0px;
	margin-right:       -1px;                    /* space between buttons */
	padding:            0px 5px;                 /* vertical / horizontal padding in box */
	float:              left;
	width:              212px;
	height:             1.6 em;                  /* height of buttons */
	border:             2px #000 solid;          /* border around button */
	border-top:         none;
	border-bottom:      0px #fff solid;
	background:         #445570;
	background-image:   url(graphics/grad-back.gif); /* background image of button */
	background-repeat:  repeat-x;
	font-size:          15px;
	text-align:         center;
}
.nav-buttons a{
	display:            block;
	width:              100%;
	color:              yellow;
	text-decoration:    none;
}
.nav-buttons a:visited{
     color:              yellow;
}
.nav-buttons a:active{
     color:              yellow;
}
.nav-buttons a:link{
     color:              yellow;
}

.nav-buttons a:hover {
	color:              white;                   /* glow white when hovering */
}

/*	his-details page specs
*/
td.thumb-title{text-align:center; font-size:80%}
td.thumb-title-special{text-align:center;color:#A33;font-size:80%;font-weight:bold;}

/*	--------------------------------------------------------------------------------
	details-column table specifications
*/	-------------------------------------------------------------------

a.details-column:link{color:blue;background-color:#af879f}
a.details-column:visited{color:blue;background-color:#af879f}
a.details-column:hover{color:#000;background-color:#af879f}
a.details-column:active{color:blue;background-color:#af879f}


table.details-column{border:0;text-align:center;background-color:#af879f;width:110px}

td.details-column-header{
    width:  60px;
	font-size:11px;
	padding:2px 2px;
	background-color:#dd0;
	color:#000
}
td.details-column{
	font-size:80%;
	text-align:center;
	padding:2px 2px;
	background-color:#af879f}

/*	------------------------------------------   */
/*	details-column table specifications -- END   */
/*	---------------------------------------------*/

/*	Item Details Table specs   */
table.item-details-table{
	width:320px;
    padding-left:   10px;
    border-width:   0;
}

td.item-details-titles{
	font-size:          10px;
	width:              80px;
	color:              #222;
	background-color:   #AAA;
	text-align:         right;
}

/*	Item Details Page specifications   */

td.id-hingo,
td.id-brand,
td.id-hinmei,
td.id-hindetails,
td.id-special,
td.id-color,
td.id-size,
td.id-price,
td.id-saleprice{
	text-align:left;
	color:black;
	font-size:70%;
}


td.id-hinmei{font-size:85%;
	font-weight:bold}

td.id-saleprice{color:#aa2222}

/*	text for titles to input form tags
*/
td.option-button-title{
	font-size:10px;
	font-weight:bold}


a:link{color:blue}
a:active{color:navy}
a:visited{color:blue}
a:hover{color:black}
p { color:black}

h1{color: black}
h2{color: black}
h3{color: black}

#smallmargin { margin:	10px }


button.navbut,input.submit {
	font-weight: bold;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 4px 8px;
	border-top: 1px solid white;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	border-left: 1px solid white;
	text-align: center;
	#w#idth: 80px;
	text-transform: uppercase;
	background-color: #099999;
	color:		#FFF;
}
input.submit{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	height:22px;
	font-size:11px;
	font-weight:	bold;
	width:	150px;
}
button.navbut:link{ 
	background-color: #060; 
	color: #FFF;
	text-decoration: none;
}
button.navbut:visited {
	#background-color: #060; 
	#color: #fff;
	#text-decoration: none;
}
button.navbut:hover { 
	background-color: #999999; 
	color: yellow;
	#border-color: black white white black;
	text-decoration: none;
}
a.button:active { 
	background-color: #369; 
	color: #ccc; 
	text-decoration: none;
}

/*   ----------------   */
/*   MENU HEADER TEXT   */ 
/*   ----------------   */
.vmenu{
     font-size:     15px;
     font-weight:   bold;
     font-family:   Arial,Helvetica,sans-serif;
     text-align:    center;
}
/*   -----------------------   */
/*   END OF MENU HEADER TEXT   */ 
/*   -----------------------   */


/*   ------------------------------------   */
/*   LEFT-NAVI CATEGORY MENU DECLARATIONS   */
/*   ------------------------------------   */
ul.cssmenu {
	list-style:    none;
	padding:       0px;
	margin:        0px;
}

.displace {
	position:      absolute;
	left:          -5000px;
}

ul.cssmenu li {
	float:         left;
}

ul.cssmenu li a {
	display:       block;
	width:         130px;
	height:        20px;
	background:    url('graphics/20x130-left-navi-sprite-p.png');
	}

/*
*	Normal Links
*/
ul.cssmenu li.m01 a, a:active {
	background-position: 0 0;
	}

ul.cssmenu li.m02 a, a:active{
	background-position: 0 -20px;
	}

ul.cssmenu li.m03 a, a:active{
	background-position: 0 -40px;
	}
	
ul.cssmenu li.m04 a, a:active{
	background-position: 0 -60px;
	}
	
ul.cssmenu li.m05 a, a:active{
	background-position: 0 -80px;
	}
	
ul.cssmenu li.m06 a, a:active{
	background-position: 0 -100px;
	}
	
ul.cssmenu li.m07 a, a:active{
	background-position: 0 -120px;
	}
	
ul.cssmenu li.m08 a, a:active{
	background-position: 0 -140px;
	}
	
ul.cssmenu li.m09 a, a:active{
	background-position: 0 -160px;
	}
	
ul.cssmenu li.m10 a, a:active{
	background-position: 0 -180px;
	}
	
ul.cssmenu li.m11 a, a:active {
	background-position: 0 -200px;
	}

ul.cssmenu li.m12 a, a:active{
	background-position: 0 -220px;
	}

ul.cssmenu li.m13 a, a:active{
	background-position: 0 -240px;
	}
	
ul.cssmenu li.m14 a, a:active{
	background-position: 0 -260px;
	}
	
ul.cssmenu li.m15 a, a:active{
	background-position: 0 -280px;
	}
	
ul.cssmenu li.m16 a, a:active{
	background-position: 0 -300px;
	}
	
ul.cssmenu li.m17 a, a:active{
	background-position: 0 -320px;
	}
	
ul.cssmenu li.m18 a, a:active{
	background-position: 0 -340px;
	}
	
ul.cssmenu li.m19 a, a:active{
	background-position: 0 -360px;
	}
	
ul.cssmenu li.m20 a, a:active{
	background-position: 0 -380px;
	}
	
ul.cssmenu li.m21 a, a:active {
	background-position: 0 -400px;
	}

ul.cssmenu li.m22 a, a:active{
	background-position: 0 -420px;
	}

ul.cssmenu li.m23 a, a:active{
	background-position: 0 -440px;
	}
	
ul.cssmenu li.m24 a, a:active{
	background-position: 0 -460px;
	}
	
ul.cssmenu li.m25 a, a:active{
	background-position: 0 -480px;
	}
	
ul.cssmenu li.m26 a, a:active{
	background-position: 0 -500px;
	}
	
ul.cssmenu li.m27 a, a:active{
	background-position: 0 -520px;
	}
	
ul.cssmenu li.m28 a, a:active{
	background-position: 0 -540px;
	}
	
ul.cssmenu li.m29 a, a:active{
	background-position: 0 -560px;
	}
	
ul.cssmenu li.m30 a, a:active{
	background-position: 0 -580px;
	}

ul.cssmenu li.m31 a, a:active {
	background-position: 0 -600px;
	}

ul.cssmenu li.m32 a, a:active{
	background-position: 0 -620px;
	}

ul.cssmenu li.m33 a, a:active{
	background-position: 0 -640px;
	}
	
ul.cssmenu li.m34 a, a:active{
	background-position: 0 -660px;
	}
	
ul.cssmenu li.m35 a, a:active{
	background-position: 0 -680px;
	}
	
ul.cssmenu li.m36 a, a:active{
	background-position: 0 -700px;
	}
	
ul.cssmenu li.m37 a, a:active{
	background-position: 0 -720px;
	}
	
ul.cssmenu li.m38 a, a:active{
	background-position: 0 -740px;
	}
	
ul.cssmenu li.m39 a, a:active{
	background-position: 0 -760px;
	}
	
ul.cssmenu li.m40 a, a:active{
	background-position: 0 -780px;
	}

ul.cssmenu li.m41 a, a:active {
	background-position: 0 -800px;
	}

ul.cssmenu li.m42 a, a:active{
	background-position: 0 -820px;
	}

ul.cssmenu li.m43 a, a:active{
	background-position: 0 -840px;
	}
	
ul.cssmenu li.m44 a, a:active{
	background-position: 0 -860px;
	}
	
ul.cssmenu li.m45 a, a:active{
	background-position: 0 -880px;
	}
	
ul.cssmenu li.m46 a, a:active{
	background-position: 0 -900px;
	}
	
ul.cssmenu li.m47 a, a:active{
	background-position: 0 -920px;
	}
	
ul.cssmenu li.m48 a, a:active{
	background-position: 0 -940px;
	}
	
ul.cssmenu li.m49 a, a:active{
	background-position: 0 -960px;
	}
	
ul.cssmenu li.m50 a, a:active{
	background-position: 0 -980px;
	}

ul.cssmenu li.m51 a, a:active {
	background-position: 0 -1000px;
	}

ul.cssmenu li.m52 a, a:active{
	background-position: 0 -1020px;
	}

ul.cssmenu li.m53 a, a:active{
	background-position: 0 -1040px;
	}
	
ul.cssmenu li.m54 a, a:active{
	background-position: 0 -1060px;
	}


/*
*	Hover Links
*/
ul.cssmenu li.m01 a:hover, a.selected{
	background-position: -130px 0;
	}

ul.cssmenu li.m02 a:hover, a.selected{
	background-position: -130px -20px;
	}

ul.cssmenu li.m03 a:hover, a.selected{
	background-position: -130px -40px;
	}

ul.cssmenu li.m04 a:hover, a.selected{
	background-position: -130px -60px;
	}

ul.cssmenu li.m05 a:hover, a.selected{
	background-position: -130px -80px;
	}

ul.cssmenu li.m06 a:hover, a.selected{
	background-position: -130px -100px;
	}

ul.cssmenu li.m07 a:hover, a.selected{
	background-position: -130px -120px;
	}

ul.cssmenu li.m08 a:hover, a.selected{
	background-position: -130px -140px;
	}

ul.cssmenu li.m09 a:hover, a.selected{
	background-position: -130px -160px;
	}

ul.cssmenu li.m10 a:hover, a.selected{
	background-position: -130px -180px;
	}

ul.cssmenu li.m11 a:hover, a.selected{
	background-position: -130px -200px;
	}

ul.cssmenu li.m12 a:hover, a.selected{
	background-position: -130px -220px;
	}

ul.cssmenu li.m13 a:hover, a.selected{
	background-position: -130px -240px;
	}

ul.cssmenu li.m14 a:hover, a.selected{
	background-position: -130px -260px;
	}

ul.cssmenu li.m15 a:hover, a.selected{
	background-position: -130px -280px;
	}

ul.cssmenu li.m16 a:hover, a.selected{
	background-position: -130px -300px;
	}

ul.cssmenu li.m17 a:hover, a.selected{
	background-position: -130px -320px;
	}

ul.cssmenu li.m18 a:hover, a.selected{
	background-position: -130px -340px;
	}

ul.cssmenu li.m19 a:hover, a.selected{
	background-position: -130px -360px;
	}

ul.cssmenu li.m20 a:hover, a.selected{
	background-position: -130px -380px;
	}
	
ul.cssmenu li.m21 a:hover, a.selected{
	background-position: -130px -400px;
	}

ul.cssmenu li.m22 a:hover, a.selected{
	background-position: -130px -420px;
	}

ul.cssmenu li.m23 a:hover, a.selected{
	background-position: -130px -440px;
	}

ul.cssmenu li.m24 a:hover, a.selected{
	background-position: -130px -460px;
	}

ul.cssmenu li.m25 a:hover, a.selected{
	background-position: -130px -480px;
	}

ul.cssmenu li.m26 a:hover, a.selected{
	background-position: -130px -500px;
	}

ul.cssmenu li.m27 a:hover, a.selected{
	background-position: -130px -520px;
	}

ul.cssmenu li.m28 a:hover, a.selected{
	background-position: -130px -540px;
	}

ul.cssmenu li.m29 a:hover, a.selected{
	background-position: -130px -560px;
	}

ul.cssmenu li.m30 a:hover, a.selected{
	background-position: -130px -580px;
	}

ul.cssmenu li.m31 a:hover, a.selected{
	background-position: -130px -600px;
	}

ul.cssmenu li.m32 a:hover, a.selected{
	background-position: -130px -620px;
	}

ul.cssmenu li.m33 a:hover, a.selected{
	background-position: -130px -640px;
	}

ul.cssmenu li.m34 a:hover, a.selected{
	background-position: -130px -660px;
	}

ul.cssmenu li.m35 a:hover, a.selected{
	background-position: -130px -680px;
	}

ul.cssmenu li.m36 a:hover, a.selected{
	background-position: -130px -700px;
	}

ul.cssmenu li.m37 a:hover, a.selected{
	background-position: -130px -720px;
	}

ul.cssmenu li.m38 a:hover, a.selected{
	background-position: -130px -740px;
	}

ul.cssmenu li.m39 a:hover, a.selected{
	background-position: -130px -760px;
	}

ul.cssmenu li.m40 a:hover, a.selected{
	background-position: -130px -780px;
	}

ul.cssmenu li.m41 a:hover, a.selected{
	background-position: -130px -800px;
	}

ul.cssmenu li.m42 a:hover, a.selected{
	background-position: -130px -820px;
	}

ul.cssmenu li.m43 a:hover, a.selected{
	background-position: -130px -840px;
	}

ul.cssmenu li.m44 a:hover, a.selected{
	background-position: -130px -860px;
	}

ul.cssmenu li.m45 a:hover, a.selected{
	background-position: -130px -880px;
	}

ul.cssmenu li.m46 a:hover, a.selected{
	background-position: -130px -900px;
	}

ul.cssmenu li.m47 a:hover, a.selected{
	background-position: -130px -920px;
	}

ul.cssmenu li.m48 a:hover, a.selected{
	background-position: -130px -940px;
	}

ul.cssmenu li.m49 a:hover, a.selected{
	background-position: -130px -960px;
	}

ul.cssmenu li.m50 a:hover, a.selected{
	background-position: -130px -980px;
	}

ul.cssmenu li.m51 a:hover, a.selected{
	background-position: -130px -1000px;
	}

ul.cssmenu li.m52 a:hover, a.selected{
	background-position: -130px -1020px;
	}

ul.cssmenu li.m53 a:hover, a.selected{
	background-position: -130px -1040px;
	}

ul.cssmenu li.m54 a:hover, a.selected{
	background-position: -130px -1060px;
	}


/*   -------------------------------------------    */
     END OF LEFT-NAVI CATEGORY MENU DECLARATIONS
/*   -------------------------------------------    */