@import url("simple.css");


body {
 margin      : 0 0 3em 0 ;
 padding     : 0 ;
}

h1 {
 margin      : 1em ;
}

ul.page_navigation {
 margin      : 0 ;
 padding     : 3em 0 0.5em 2% ;
 background  : #E8D5AF	 ;		/* 焦茶色 */
 border      : solid 1px #9D9087 ;	/* 茶鼠色 */
 color       : #f1f1f1 ;		/* 白色 */
}
ul.page_navigation li {
 margin      : 0 0.5em ;
}

div.contents {
 float      : left ;
 width      : 20% ;
 border     : solid 1px #9D9087 ;
 background : #F0E9D6 ;
}

div.contents h2  {
 margin        : -1px ;
 padding       : 0.4em 1em ;
 border-top    : none ;
 border-left   : nene ;
 border-right  : nene ;
}

div.contents h3 {
 margin-left : 1.2em ;
 border      : none ;
 font-size   : 100% ;
 font-weight : bold ;
}

div.contents ul {
 margin : 0.5em 0 0.5em 3em;
}
div.contents ul li {
}

div.main {
 margin-left   : 21% ;
}

div.main h2 {
 margin        : 0 ;
 padding       : 0.4em 1em ;
}

div.main p {
 margin        : 1.5em 1em ;
}


table { margin-left:1%; width:98%; font-size: 90% ; }
tr { background : #F0E9D6 ; }
th,td { padding : 0.5em 0.2em ; }
tr.stock_0 { background : #ccc ; } /* 完売 */
tr.stock_1 { background : #f99 ; } /* 僅少 */
tr.stock_2 {  } /* あり */
tr.stock_3 {  } /* 十分 */
tr.stock_4 {  } /* 山積 */