@charset "UTF-8";
/* header */
#HEADER { height:174px; background: #FFF url(/img/top_rogo.jpg) no-repeat left top; clear:both; width: 800px; margin: 0px 0px 20px; }
#HEADER h1 { display:block; width:400px; height:130px; text-indent:-9999px; margin: 0px; padding: 0px; overflow: hidden; float: left; }
#HEADER span { text-indent: -9999px; overflow: hidden; display: block; }
#HEADER h2 { text-indent: -9999px; overflow: hidden; }
/* main containts */
#MAIN { margin:0px 20px 20px; }
#CONTENTS { margin: 0px; padding: 0px; float: left; width: 560px; }
/* box a */
#LTB a:link { background: none; padding: 0px 0px 0px 0px; }
#LTB a:visited { background: none; padding: 0px 0px 0px 0px; }
#LTB a:hover { background: none; padding: 0px 0px 0px 0px; }
#LTB a:active { background: none; padding: 0px 0px 0px 0px; }
#RTB a:link { background: none; padding: 0px 0px 0px 0px; }
#RTB a:visited { background: none; padding: 0px 0px 0px 0px; }
#RTB a:hover { background: none; padding: 0px 0px 0px 0px; }
#RTB a:active { background: none; padding: 0px 0px 0px 0px; }
.box #TITLE01 a { display:block; width: 280px; height: 30px; }
.box #TITLE02 a { display:block; width: 280px; height: 30px; }
.box #TITLE03 a { display:block; width: 280px; height: 30px; }
.box #TITLE04 a { display:block; width: 265px; height: 30px; }
/* box */
.box { margin: 0px 0px 30px; }
#BOX2 { margin: 0px 0px 30px; }
#LTB { float: left; width: 280px; padding: 0px 15px 0px 0px; }
.box #TITLE01 { background: url(/img/shoplist.gif) no-repeat left top; height: 30px; width: 280px; text-indent: -9999px; overflow: hidden; margin: 0px 0px 5px; }
.box #TITLE02 { background: url(/img/event.gif) no-repeat left top; height: 30px; width: 280px; text-indent: -9999px; overflow: hidden; margin: 0px 0px 7px; }
.box #TITLE03 { background: url(/img/wasou.gif) no-repeat left top; height: 30px; width: 265px; text-indent: -9999px; overflow: hidden; margin: 0px 0px 7px; }
.box p { margin: 0px 0px 8px; padding: 0px; font-size: 80%; }
.box li { font-size: 80%; margin: 0px; padding: 0px; }
.news { float: right; width: 200px; }
.left170 { float: left; width: 150px; }
.date { color: #666600; }
.date_left { padding: 0px; float: left; font-size: 75%; color: #666600; }
.banner_p { font-size: 75%; margin: 0px; padding: 0px; }
.ev_line { margin: 10px 0px 0px; padding: 10px 0px 0px; border-top: 1px dashed #666600; width: 280px; }
#RTB { float: right; width: 265px; }
.box #TITLE04 { background: url(/img/benri.gif) no-repeat left top; height: 30px; width: 265px; text-indent: -9999px; overflow: hidden; margin: 0px 0px 7px; }
.news { float: right; width: 200px; }
#BOX2 a:link { background:url(/img_global/link.gif) no-repeat left center; padding: 0px 0px 0px 15px; font-size: 80%; color: #CC0000; text-decoration: none; }
#BOX2 a:visited { background:url(/img_global/visited.gif) no-repeat left center; padding: 0px 0px 0px 15px; font-size: 80%; color: #BAA525; text-decoration: none; }
#BOX2 a:hover { background:url(/img_global/hover.gif) no-repeat left center; padding: 0px 0px 0px 15px; font-size: 80%; color: #000099; text-decoration: underline; }
#BOX2 a:active { background:url(/img_global/hover.gif) no-repeat left center; padding: 0px 0px 0px 15px; font-size: 80%; color: #000099; text-decoration: underline; }
.wasouright { margin: 0px; padding: 0px; float: right; }
#BOX2 .banner a:link { margin:0px; padding: 0px; background: none; }
#BOX2 .banner a:visited { margin:0px; padding: 0px; background: none; }
#BOX2 .banner a:hover { margin:0px; padding: 0px; background: none; }
#BOX2 .banner a:active { margin:0px; padding: 0px; background: none; }
/* side menu */
#SIDENAVI { width:180px; float:right; margin:0px 0px 20px 0px; font-size:80%; }
.line { margin: 0px; border-top: 1px dotted #660; padding: 5px 0px 0px; margin: 10px 0px 0px; }
#TXT p { margin: 2px 0px 10px; padding: 0px; }
#NAVI h2 { background: url(/img/sidenavi_img/manth_title.gif) no-repeat left bottom; height: 21px; text-indent:-9999px; overflow:hidden; margin:20px 0px 5px 0px; }
#SIDENAVI #NAVI { position: relative; background: url(/img/sidenavi_img/back.jpg) left top; }
#NAVI02 #TXT ul { font-size: 82%; }
#SIDENAVI #NAVIT { background: url(/img/sidenavi_img/sidenavi01.jpg) no-repeat left top; width: 54px; height: 54px; position: absolute; left: 0px; top: 0px; z-index: 0; }
#SIDENAVI #NAVIU { background: url(/img/sidenavi_img/sidenavi02.jpg) no-repeat left top; width: 54px; height: 54px; position: absolute; right: 0px; bottom: 0px; z-index: 0; }
#SIDENAVI #TXT { position:relative; z-index: 1; padding: 15px; }
#SIDENAVI #MIDASHI01 { background: url(/img/sidenavi_img/midashi001.gif) no-repeat left top; height: 20px; width: 66px; text-indent: -9999px; overflow: hidden; }
#SIDENAVI #MIDASHI02 { background: url(/img/sidenavi_img/midashi002.gif) no-repeat left top; height: 20px; width: 66px; text-indent: -9999px; overflow: hidden; }
#SIDENAVI #MIDASHI03 { background: url(/img/sidenavi_img/midashi003.gif) no-repeat left top; height: 20px; width: 66px; text-indent: -9999px; overflow: hidden; }
#SIDENAVI #NAVI02 { position: absolute; z-index: 0; ; margin: 35px 0px 0px; background: #FFFFFF left top; width: 180px; }
#NAVI02 h2 { background: url(/img/sidenavi_img/hotnew.gif) no-repeat left bottom; height: 18px; text-indent:-9999px; overflow:hidden; margin:0px 0px 10px 0px; }
#NAVI02 #NAVIT { background: url(/img/sidenavi_img/sidenavi03.jpg) no-repeat left top; width: 54px; height: 54px; position: absolute; left: 0px; top: 0px; z-index: 0; }
#NAVI02 #NAVIU { background: url(/img/sidenavi_img/sidenavi04.jpg) no-repeat left top; width: 54px; height: 54px; position: absolute; right: 0px; bottom: 0px; z-index: 0; }
/* footer */
#FOOTER { height:20px; background: #FFF url(/img_global/footer.gif) no-repeat; padding: 10px 20px 0px 20px; text-align: right; color: #FFF; font-size: 75%; }