@charset "UTF-8";

@import "base.css";


/* BASE LAYOUT
---------------------------------------- */
#base { background-color: #fff; }
#wrapper { position: relative; margin: 0 auto; padding:0; border: 0; width: 800px; }
#header, #breadcrumbs, #footer { position: relative; margin: 0 auto; padding: 0; border: 0; width: 800px; clear: both; }
#header { margin-bottom: 10px; height: 90px; }
#breadcrumbs { margin-bottom: 25px; font-size: 10px; line-height: 15px; color: #999; text-decoration: none; text-indent: 5px; }
#breadcrumbs a { color: #999; margin-right: 5px; padding-right: 12px; background: url(../images/common/arrow_999.png) no-repeat 100% 50%; _background-image: url(../images/common/arrow_999.gif) }
#breadcrumbs a:hover { color: #369; text-decoration: underline; }
#footer { margin: 80px auto; }

/* GLOBAL HEADER WIDTH:800px
---------------------------------------- */
#globalheader { position: relative; margin: 0 auto; padding: 0; border: 0; width: 800px; height: 95px; zoom: 1; }
#globalheader:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#gheader_left { float: left; margin-bottom: 5px; padding: 0; width: 100px; height: 55px; }
#gheader_right { float: left; margin-bottom: 5px; padding: 0; width: 700px; height: 55px; }
#gnavi { float: left; margin: 0; padding: 0; border: 0; width: 800px; height: 35px; }
#gnavi ul { margin: 0; padding: 0; border: 0; }
#gnavi li { float:left; list-style-type: none; }
#gnavi li a { display: block; width: 160px; height: 35px; background-image: url(../images/global/globalnavi.png); _background-image: url(../images/global/globalnavi.gif); background-repeat: no-repeat; text-indent: -9999px; text-decoration: none; /*\*/overflow: hidden;/**/ }
/* OFF */
#gnavi li.home a { background-position: 0 0; }
#gnavi li.naomi a { background-position: -160px 0; }
#gnavi li.gallery a { background-position: -320px 0; }
#gnavi li.store a { background-position: -480px 0; }
#gnavi li.support a { background-position: -640px 0; }
/* ON */
#gnavi li.home_on a { background-position: 0 -70px; }
#gnavi li.naomi_on a { background-position: -160px -70px; }
#gnavi li.gallery_on a { background-position: -320px -70px; }
#gnavi li.store_on a { background-position: -480px -70px; }
#gnavi li.support_on a { background-position: -640px -70px; }
/* HOVER */
#gnavi li.home a:hover, #gnavi li.home_on a:hover { background-position: 0 -35px; }
#gnavi li.naomi a:hover, #gnavi li.naomi_on a:hover { background-position: -160px -35px; }
#gnavi li.gallery a:hover, #gnavi li.gallery_on a:hover { background-position: -320px -35px; }
#gnavi li.store a:hover, #gnavi li.store_on a:hover { background-position: -480px -35px; }
#gnavi li.support a:hover, #gnavi li.support_on a:hover { background-position: -640px -35px; }

/* GLOBAL-FOOTER
---------------------------------------- */
#global_footer { font-weight:normal; font-size: 10px; text-align: left; color:#999; width: auto; margin: 0; padding: 0; border: 0; zoom: 1; }
#global_footer:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#global_footer a { color: #369; text-decoration: none; }
#global_footer a:hover { text-decoration: underline; }
#global_footer p { font-size: 10px; line-height: 15px; color: #666; margin-bottom: 0; padding-left: 5px; }
#global_footer #information { margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px solid #999;  }
#global_footer #links { float: left; }
#global_footer #links a { margin-left: 5px; padding-right: 7px; border-right: 1px solid #999; }
#global_footer p.copyright { float: right; text-align: right; margin-right: 5px; line-height: 18px; }

/* STICKY
---------------------------------------- */
h1#sticky_prep { display: block; margin: 0 auto; width: 225px; height: 200px; background-position: 0 0; background-repeat: no-repeat; text-align: center; text-indent: -9999px; text-decoration: none; /*\*/overflow: hidden;/**/ }
h1#sticky_prep { background-image: url(../images/common/sticky_prep.jpg); }

/* COLUMN
---------------------------------------- */
.basecolumn { position: relative; margin: 0 0 40px 0; padding: 0; width: 800px; height: auto; zoom: 1; }
.basecolumn:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.basecolumn.top { padding-top: 40px; }
.basecolumn.bottom { margin-bottom: 0; }
.column2first, .column2last, 
.column3first, .column3last, 
.column4first, .column4last { position: relative; display: inline; float: left; margin: 0; padding: 0; }
.column2first { width: 380px; margin-right: 40px; }
.column2last { width: 380px; margin-right: 0; }
.column3first { width: 240px; margin-right: 40px; }
.column3last { width: 240px; margin-right: 0; }
.column4first { width: 170px; margin-right: 40px; }
.column4last { width: 170px; margin-right: 0; }
.column2first.bottom, .column2last.bottom, 
.column3first.bottom, .column3last.bottom, 
.column4first.bottom, .column4last.bottom { margin-bottom: 0; }