@charset "Shift_JIS";

/*base style
=======================================
	01 共通設定	
	02 各ページ
=====================================*/


/*===========================================
■01 共通設定
============================================*/

/* FLASH 領域 */
#flasharea { width:740px; height:177px; margin:0 auto; }

/* グローバルナビ */
#topnavibar { position: static; width:740px; margin:0px auto; }
#topnavibar #naviarea01 { float:left; width:185px; height:35px; }
#topnavibar #naviarea01 a { display: block; width:185px; height: 35px; background: url("../../img/navi01.gif") no-repeat 0 0; text-indent:-10000px; }
#topnavibar #naviarea01 a:hover { background: url("../../img/navi01.gif") no-repeat 0 -35px; }
#topnavibar #naviarea01 a:active { background: url("../../img/navi01.gif") no-repeat 0 -35px; }
#topnavibar #naviarea01 p.out { display: block; width:185px; height: 35px; background: url("../../img/navi01.gif") no-repeat 0 -105px; text-indent:-10000px; margin:0px; padding:0px; }

#topnavibar #naviarea02 { float:left; width:184px; height:35px; }
#topnavibar #naviarea02 a{ display: block; width:184px; height: 35px; background: url("../../img/navi02.gif") no-repeat 0 0; text-indent:-10000px; }
#topnavibar #naviarea02 a:hover { background: url("../../img/navi02.gif") no-repeat 0 -35px; }
#topnavibar #naviarea02 a:active { background: url("../../img/navi02.gif") no-repeat 0 -35px; }
#topnavibar #naviarea02 p.out { display: block; width:184px; height: 35px; background: url("../../img/navi02.gif") no-repeat 0 -105px; text-indent:-10000px; margin:0px; padding:0px; }

#topnavibar #naviarea03 { float:left; width:184px; height:35px; }
#topnavibar #naviarea03 a{ display: block; width:184px; height: 35px; background: url("../../img/navi03.gif") no-repeat 0 0; text-indent:-10000px; }
#topnavibar #naviarea03 a:hover { background: url("../../img/navi03.gif") no-repeat 0 -35px; }
#topnavibar #naviarea03 a:active { background: url("../../img/navi03.gif") no-repeat 0 -35px; }
#topnavibar #naviarea03 p.out { display: block; width:184px; height: 35px; background: url("../../img/navi03.gif") no-repeat 0 -105px; text-indent:-10000px; margin:0px; padding:0px; }

#topnavibar #naviarea04 { float:left; width:184px; height:35px; }
#topnavibar #naviarea04 a{ display: block; width:184px; height: 35px; background: url("../../img/navi04.gif") no-repeat 0 0; text-indent:-10000px; }
#topnavibar #naviarea04 a:hover { background: url("../../img/navi04.gif") no-repeat 0 -35px; }
#topnavibar #naviarea04 a:active { background: url("../../img/navi04.gif") no-repeat 0 -35px; }
#topnavibar #naviarea04 p.out { display: block; width:184px; height: 35px; background: url("../../img/navi04.gif") no-repeat 0 -105px; text-indent:-10000px; margin:0px; padding:0px; }

/* サブナビ */
#topmenu { position: static; width:740px; margin:0px auto; }
#topmenu #topmenu01 { float:left; width:184px; }
#topmenu #topmenu02 { float:left; width:184px; }
#topmenu #topmenu03 { float:left; width:184px; }
#topmenu #topmenu04 { float:left; width:183px; }

#topmenu .topmn { text-align:left; text-indent:20px; }
#topmenu .topmn a { display: block; background:url("../img/mn.gif") no-repeat 0 0 #FFFFFF; }
#topmenu .topmn a:hover { display: block; background:url("../img/mn.gif") no-repeat 0 0 #FFFFFF; }
#topmenu .topmn a:active { display: block; background:url("../img/mn.gif") no-repeat 0 0 #FFFFFF; }
#topmenu .topmn p.out { display: block; background:url("../img/mn.gif") no-repeat 0 -50px #FFFFFF; margin:0px; padding:0px; }

.topmenuline { float:left; width:1px; height:120px; }



/*===========================================
■02 コンテンツ部
============================================*/
#topcontentsline { position: static; width:740px; margin:0px auto; margin-bottom:15px; }

#top-contents { position: static; width:740px; margin:0px auto; }
#top-maincontents { float:left; width:525px; text-align:left; margin-bottom:15px; }

#top-maincontents #top-tit { width:523px; }
#top-maincontents #top-tit .toptitimg { float:left; }
#top-maincontents #top-tit .toptitlink { float:right; margin-left:10px; }

.toptitline { width:523px; margin:0; padding:0; }

#top-maincontents #top-news { float:right; width:515px; margin:10px 0 25px 0; }
#top-maincontents #top-news .topnewstit { float:left; width:115px; }
#top-maincontents #top-news .topnewstxt { float:left; width:400px; }
#top-maincontents #top-shop { width:523px; margin-top:5px; }
.caption {text-align:right; } 


#top-rightcontents { float:right; width:185px; }
#top-rightcontents .bnrbgtop { width:185px; height:5px; font-size:1px; background:url("../../img/top_bnbg_top.gif") no-repeat; }
#top-rightcontents .bnrbgbottom { width:185px; height:6px; font-size:1px; background:url("../../img/top_bnbg_bottom.gif") no-repeat; margin-bottom:15px; }

#top-rightcontents .bnrbottom { width:185px; margin-bottom:15px; }
#top-rightcontents .bnrarea { width:185px; margin-bottom:10px;}
#top-rightcontents .bnrbgmain { width:185px; background:url("../../img/top_bnbg_main.gif") no-repeat; }
#top-rightcontents .bnrbgmain .bnrimg { width:175px; margin:0px auto; }
#top-rightcontents .bnrbgmain .bnrmain { width:175px; margin:0px auto; padding-top:5px; text-align:left; }
#top-rightcontents .bnrbgmain .bnrmain .bnrmainar { float:left; width:15px; height:12px; background:url("../../img/top_bn_ar.gif") no-repeat; }
#top-rightcontents .bnrbgmain .bnrmain .bnrmaintit { float:right; width:158px; }
#top-rightcontents .bnrbgmain .bnrmain .bnrmaintxt { float:right; width:158px; margin-top:5px; }
#top-rightcontents .bnrbgmain .bnrmain .bnrmainlink { float:right; width:155px; margin-top:5px; padding-right:3px; text-align:right;}
#top-rightcontents .bnrbgmain .bnrmain .bnrmainicon{ float:left; width:14px; height:10px; margin-top:5px; background:url("../../img/top_bn_sar.gif") no-repeat; }
#top-rightcontents .bnrbgmain .bnrmain .bnrmainitem { float:right; width:158px; margin-top:5px; text-align:right; }