body,html { margin:0; padding:0; height:100% }
body { font-family:Trebuchet MS; background:#FFC30E url(/img/back.gif) repeat-x; font-size:13px }
a img { border:0; }
a { color:#CF0900; text-decoration:underline }
a:hover { color:#CF0900; text-decoration:none }
p { margin-top:0; margin-bottom:11px }
a.zoom { color:#999999; font-size:12px }
a.zoom:hover { color:#999999; font-size:12px }
div.blacktitle { font-size:17px; font-weight:normal; margin-bottom:15px; margin-top:0; color:#000000 }
h1 { font-size:16px; font-weight:bold; margin-bottom:10px; margin-top:0; color:#BD0300 }
span.weight { font-size:15px; font-weight:bold; color:#E10300 }
div.spacer { width:1000px; font-size:1px; line-height:1px; height:1px }
a.subdiv { font-size:16px; font-weight:bold }
a.subdiv:hover { font-size:16px; font-weight:bold }

/* INDEX */

body.index #logo { height:406px; vertical-align:top; text-align:center }
body.index #logo div { width:826px; margin:0 auto; position:relative }
body.index #logo div a.action { display:block; padding:48px 10px 2px 93px; background:url(/img/action.gif) 0 0 no-repeat; position:absolute; top:291px; left:16px; z-index:300 }

body.index #menuwrapper { width:820px; margin:0 auto; height:227px }
body.index #menuwrapper div { text-align:center; vertical-align:bottom; width:163px; height:160px }
body.index #menuwrapper div a { color:#BD0300; text-decoration:none; font-size:19px }
body.index #menuwrapper div a:hover { color:#BD0300; text-decoration:underline; font-size:19px }
body.index #menuwrapper #opt { background:url(/img/index/button_back.jpg); float:left; margin:0 17px; padding-top:18px }
body.index #menuwrapper #assort { background:url(/img/index/button_back.jpg); float:left; margin:0 17px; padding-top:18px }
body.index #menuwrapper #order { background:url(/img/index/button_back.jpg); float:left; margin:0 17px; padding-top:18px }
body.index #menuwrapper #int { background:url(/img/index/button_back.jpg); float:left; margin:0 17px; padding-top:18px }

body.index #footer { height:237px; margin:0 50px; font-size:12px; line-height:18px; background:url(/img/index/footer.gif) bottom center no-repeat; color:#443601 }
body.index #footer #copy { float:left; padding-top:152px }
body.index #footer #copy .tel { color:#CF0900 }
body.index #footer #cosmos { float:right; padding-top:152px; text-align:right }

/* INSIDE */

body.inside #logo { height:232px; vertical-align:top; text-align:center; background:url(/img/top.jpg) top center no-repeat; margin-bottom:45px }
body.inside #logo div { width:600px; margin:0 auto; position:relative; }
body.inside #logo div img { position:absolute; top:128px; left:195px }
body.inside #logo div a.action { display:block; padding:48px 10px 2px 93px; background:url(/img/action.gif) 0 0 no-repeat; position:absolute; top:150px; left:-60px; z-index:300 }

body.inside #menuwrapper { margin:0 148px; margin-bottom:19px; font-size:19px; text-align:center; line-height:35px }
body.inside #menuwrapper a { display:block; height:42px; width:140px; background:#FFDF0C url(/img/menu.gif); color:#BD0300; text-decoration:none }
body.inside #menuwrapper a:hover { display:block; height:42px; width:140px; background:#BD0300 url(/img/menu_hover.gif); color:#FFFFFF; text-decoration:none; cursor:pointer }
body.inside #menuwrapper div { display:block; height:42px; width:140px; background:#BD0300 url(/img/menu_active.gif); color:#FFFFFF }

body.inside #contentwrapper { margin:0 148px }
body.inside #contentwrapper .contentwrappertable { background:url(/img/bottom_back.gif) bottom left repeat-x }
body.inside #contentwrapper .contentwrappertable .top td { background:#FFFFFF url(/img/top_left.gif) top left no-repeat; height:4px; text-align:right }
body.inside #contentwrapper .contentwrappertable .content { padding:22px 32px; background-color:#FFFFFF }
body.inside #contentwrapper .contentwrappertable .bottom td { background:url(/img/bottom_right.gif) top right no-repeat; height:16px; vertical-align:top }

body.inside #footer { min-height:135px; height:auto !important; height:135px; margin:0 32px; font-size:12px; line-height:18	px; background:url(/img/footer_back.gif) bottom center no-repeat; color:#443601; margin-top:20px }
body.inside #footer #copy { float:left; padding-top:50px; padding-left:18px; width:40% }
body.inside #footer #copy .tel { color:#CF0900 }
body.inside #footer #cosmos { float:right; padding-top:50px; padding-right:18px; text-align:right; width:40% }
body.inside #footer span.bb { display:block; text-align:center; color:#9d9d9d; clear:both; padding:4px 0 0 0 }
body.inside #footer span.bb a { color:#9d9d9d }
body.inside #footer span.bb a:hover { color:#7c7c7c }