@charset "shift_jis";
/* CSS Document */

/*body{ background:#CCCCCC url(../images/logo.gif) top left no-repeat; margin: 0px 0px 0px 0px; padding:100px 0px 0px 10px;}*/
body{background:url(../images/bg_body.jpg) repeat-x #a26ea4; margin:0px; padding:0px;}
body.bg2{background:url(../images/bg_body2.jpg) repeat-x #a26ea4; margin:0px; padding:0px;}
body.bg3{background:url(../images/bg_body3.jpg) repeat-x #a26ea4; margin:0px; padding:0px;}
a:link { color: #000000; text-decoration: none; }
a:visited { text-decoration: none; color: #000000; }
a:hover { text-decoration: none; color: #000000; }
a:active { text-decoration: none; color: #000000; }

p{font:"‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3"; font-size:12px; color:#000000; line-height:18px;}

/*common*/
#all{width:100%; height:100%; background:url(../images/obi_top.jpg) top repeat-x; margin:0px; padding:0px;}
#all h1{margin:0px; padding:0px;}
/*#all_bottom{width:100%; height:100%; background:url(../images/obi_bottom.jpg) bottom repeat-x; margin:0px; padding:0px;}
#all p.obi_top{width:100%; height:40px; background:url(../images/obi_top.jpg) top repeat-x; margin:0px; padding:0px;}
#all p.obi_bottom{width:100%; height:40px; background:url(../images/obi_bottom.jpg) bottom repeat-x; margin:0px; padding:0px;}*/
#wapper{width:100%; height:450px; background:url(../images/01_bg.jpg) center no-repeat; padding:0px; margin:0px 0px 0px 0px;}
#wapper2{width:910px; height:450px; margin:0px auto 0px auto; background:url(../images/backnumber_bg.jpg) no-repeat;}
#wapper3{width:910px; margin:0px auto 0px auto; background:url(../images/booklist_recent_bg.jpg) no-repeat;}
.navi_bar{width:150px; height:450px; background:url(../images/navi_bg.png); float:left; margin:0px 0px 0px 50px;}
.book_contact{width:150px; float:left;}
.footer{width:100%; height:50px; background:url(../images/obi_bottom.jpg) bottom repeat-x; position:relative; margin:0px; padding:90px 0px 0px 0px;}
.footer p.logo2{position:absolute; bottom:20px; left:0px; margin:0px; padding:0px;}
.footer p.text{position:absolute; bottom:50px; left:500px; margin:0px; padding:0px; font:"‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3"; font-size:12px;}

/*
.footer{width:100%; height:100px; background:url(../images/logo2.gif) top left no-repeat; float:left; margin:10px 0px 0px 0px; padding:0px; color:#000000; text-align:center; font:"‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3"; font-size:12px;}
*/
.clear{clear:both;}

/*tab*/
#tabContent, #menuContent {}
#tabIndex, #menuIndex { margin: 0px; padding: 0px; }
#tabIndex li, #menuIndex li { width:35px; height:15px; float:left; padding: 0.5em; font-weight: bold; list-style-type: none; cursor: pointer; display: block; }
#tabIndex .close, #menuIndex .close { background:#CCCCCC; text-decoration:none; font-size:16px; font:"‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3"; color:#000000; }
#tabIndex .open, #menuIndex .open { background:#CCCCCC; text-decoration:none; font-size:16px; font:"‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3"; color:#000000; }
#tabBoxIndex, #menuBoxIndex {width:660px; height:364px; padding:5px 5px 0px 5px; clear: both; }

/*top*/
.top_content{width:700px; height:400px; background:url(../images/top_content.png) no-repeat left top; float:left; margin:20px 0px 0px 20px;}
.content{width:670px; height:365px; margin:10px; float:left;}
.news{width:300px; height:100px; padding:5px; float:left; margin:10px 0px 0px 600px; background:#ffffff; overflow:auto; font-size:12px; line-height:18px; font:"‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3"; color:#333333;}

/*book content*/
.navi_bar2{width:910px; height:30px; background:url(../images/navi_bg.png); margin:0px auto 0px auto;}
.backnumber_content_bg{width:900px; height:400px; background:url(../images/backlist_content_btn.png) no-repeat left top; float:left; margin:10px 0px 0px 25px;}
.recentnumber_content_bg{width:700px; height:400px; background:url(../images/recent_bg.png) no-repeat left top; float:left; margin:20px 0px 0px 20px;}
.book_content{width:870px; height:370px; margin:50px 0px 0px 25px; float:left; overflow:auto;}
.book_list_box{width:150px; margin:0px 10px 10px 0px; padding:3px; float:left; border:#000000 1px solid; background:url(../images/booklist_bg.png);}
.book_btn{width:150px; float:left; text-decoration:none; font-size:12px; font:"‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3"; color:#FFFFFF;}
.book_txt{width:150px; height:60px; margin:5px 0px 5px 0px; float:left; text-decoration:none; font-size:12px; font:"‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3"; color:#ffffff;}
.detail_btn{width:103px; float:right; margin:5px 0px 0px 0px;}

/*diary*/
.diary_content_bg{width:700px; height:400px; background:url(../images/diary_bg.png) no-repeat left top; float:left; margin:20px 0px 0px 20px;}
.diary_content{width:670px; height:305px; margin:70px 0px 0px 10px; overflow:auto; float:left;}
.diary_list{width:200px; height:150px; margin:0px 0px 20px 20px; float:left; background:#999999;}

/*column*/
.column_box{width:300px; height:50px; float:left; margin:0px 0px 10px 10px; background:url(../images/column_base.png) no-repeat;}
.column_icon{width:50px; float:left;}
.column_text{width:214px; padding:3px; margin:0px 0px 0px 10px; float:left; font-size:12px; line-height:18px; font:"‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3"; color:#FFFFFF;}

/*sitemap*/
.sitemap_content_bg{width:700px; height:400px; background:url(../images/sitemap_bg.png) no-repeat left top; float:left; margin:20px 0px 0px 20px;}

 
/*order content*/
.order_content_bg{width:700px; height:400px; background:url(../images/order_bg.png) no-repeat left top; float:left; margin:20px 0px 0px 20px;}

/*privacy content*/
.privacy_content_bg{width:700px; height:400px; background:url(../images/privacy_bg.png) no-repeat left top; float:left; margin:20px 0px 0px 20px;}
.privacy_box{width:630px; height:320px; margin:50px 0px 0px 30px; overflow:auto; float:left; font-size:12px; line-height:14px; font:"‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3"; color:#000000;}

/*about content*/
.about_content_bg{width:700px; height:400px; background:url(../images/about_bg.png) no-repeat left top; float:left; margin:20px 0px 0px 20px;}
.cell_box{width:330px; height:320px; margin:50px 0px 0px 30px; overflow:auto; float:left;}
.map_box{width:300px; margin:50px 0px 0px 10px; float:left;}
.cell_01{width:60px; float:left; margin:0px 0px 10px 0px; color:#000000; text-align:left; font:"‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3"; font-size:14px;}
.cell_02{width:250px; float:left; margin-bottom:10px; color:#000000; text-align:left; font:"‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3"; font-size:14px;}
.cell_03{width:600px; margin:0px 0px 10px 0px; height:23px; background:url(../images/president.png) no-repeat left; float:left;}
.cell_04{width:580px; margin:0px 0px 0px 20px; color:#000000; text-align:left; font:"‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3"; font-size:12px; line-height:18px; float:left;}

/*contact*/
.contact_content_bg{width:700px; height:400px; background:url(../images/contact_bg.png) no-repeat left top; float:left; margin:20px 0px 0px 20px;}
.form{margin:0px 0px 0px 20px;}

/*how to content*/
.howto_box{width:630px; height:320px; margin:50px 0px 0px 30px; overflow:auto; float:left;}

/*----------------glnavi1----------------------------------*/
.selected { background-position: 150 0px;}
#glnavi { width: 150px; height: 270px; margin:0px; padding: 0; overflow:hidden;}
#glnavi ul { width: 150px; height: 30px; margin: 0; padding: 0; list-style-type: none;}
#glnavi ul li { height: 30px; float:left; margin: 0; padding: 0;}
#glnavi ul li a { text-indent: -9999px; height: 27px; display: block;}
#navi01 { width: 150px; overflow:hidden;}
#navi02 { width: 150px; overflow:hidden;}
#navi03 { width: 150px; overflow:hidden;}
#navi04 { width: 150px; overflow:hidden;}
#navi05 { width: 150px; overflow:hidden;}
#navi06 { width: 150px; overflow:hidden;}
#navi07 { width: 150px; overflow:hidden;}
#navi08 { width: 150px; overflow:hidden;}
#navi09 { width: 150px; overflow:hidden;}
li#navi01 a:link, li#navi01 a:visited { background-image: url(../images/home_btn.png); background-position: 0px 0px;}
li#navi02 a:link, li#navi02 a:visited { background-image: url(../images/backlist_btn.png); background-position: 0px 0px;}
li#navi03 a:link, li#navi03 a:visited { background-image: url(../images/recent_btn.png); background-position: 0px 0px;}
li#navi04 a:link, li#navi04 a:visited { background-image: url(../images/howto_btn.png); background-position: 0px 0px;}
li#navi05 a:link, li#navi05 a:visited { background-image: url(../images/company_btn.png); background-position: 0px 0px;}
li#navi06 a:link, li#navi06 a:visited { background-image: url(../images/sitemap_btn.png); background-position: 0px 0px;}
li#navi07 a:link, li#navi07 a:visited { background-image: url(../images/view1_btn.png); background-position: 0px 0px;}
li#navi08 a:link, li#navi08 a:visited { background-image: url(../images/buy_btn.png); background-position: 0px 0px;}
li#navi09 a:link, li#navi09 a:visited { background-image: url(../images/panflet_btn.png); background-position: 0px 0px;}
li#navi01 a:hover, li#navi01 a.selected { background-image: url(../images/home_btn.png); background-position: 150px 0px;}
li#navi02 a:hover, li#navi02 a.selected { background-image: url(../images/backlist_btn.png); background-position: 150px 0px;}
li#navi03 a:hover, li#navi03 a.selected { background-image: url(../images/recent_btn.png); background-position: 150px 0px;}
li#navi04 a:hover, li#navi04 a.selected { background-image: url(../images/howto_btn.png); background-position: 150px 0px;}
li#navi05 a:hover, li#navi05 a.selected { background-image: url(../images/company_btn.png); background-position: 150px 0px;}
li#navi06 a:hover, li#navi06 a.selected { background-image: url(../images/sitemap_btn.png); background-position: 150px 0px;}
li#navi07 a:hover, li#navi07 a.selected { background-image: url(../images/view1_btn.png); background-position: 150px 0px;}
li#navi08 a:hover, li#navi08 a.selected { background-image: url(../images/buy_btn.png); background-position: 150px 0px;}
li#navi09 a:hover, li#navi09 a.selected { background-image: url(../images/panflet_btn.png); background-position: 150px 0px;}

/*----------------glnavi2----------------------------------*/
#glnavi2 { width: 910px; height: 30px; margin:0px; padding: 0; overflow:hidden;}
#glnavi2 ul { width: 910px; height: 30px; margin: 0; padding: 0; list-style-type: none;}
#glnavi2 ul li { height: 30px; float:left; margin: 0; padding: 0;}
#glnavi2 ul li a { text-indent: -9999px; height: 30px; display: block;}
#navi101 { width: 70px; overflow:hidden; float:left;}
#navi102 { width: 70px; overflow:hidden; float:left;}
#navi103 { width: 65px; overflow:hidden; float:left;}
#navi104 { width: 99px; overflow:hidden; float:left;}
#navi105 { width: 82px; overflow:hidden; float:left;}
#navi106 { width: 105px; overflow:hidden; float:left;}
#navi107 { width: 87px; overflow:hidden; float:left;}
#navi108 { width: 108px; overflow:hidden; float:left;}
#navi109 { width: 152px; overflow:hidden; float:left;}
#navi110 { width: 72px; overflow:hidden; float:left;}
li#navi101 a:link, li#navi101 a:visited { background-image:url(../images/horizon_btn3_top.png); background-position: 0px 0px;}
li#navi102 a:link, li#navi102 a:visited { background-image:url(../images/horizon_btn3_back.png); background-position: 0px 0px;}
li#navi103 a:link, li#navi103 a:visited { background-image:url(../images/horizon_btn3_recent.png); background-position: 0px 0px;}
li#navi104 a:link, li#navi104 a:visited { background-image:url(../images/horizon_btn3_howto.png); background-position: 0px 0px;}
li#navi105 a:link, li#navi105 a:visited { background-image:url(../images/horizon_btn3_company.png); background-position: 0px 0px;}
li#navi106 a:link, li#navi106 a:visited { background-image:url(../images/horizon_btn3_sitemap.png); background-position: 0px 0px;}
li#navi107 a:link, li#navi107 a:visited { background-image:url(../images/horizon_btn3_contact.png); background-position: 0px 0px;}
li#navi108 a:link, li#navi108 a:visited { background-image:url(../images/horizon_btn3_buy.png); background-position: 0px 0px;}
li#navi109 a:link, li#navi109 a:visited { background-image:url(../images/horizon_btn3_booklet.png); background-position: 0px 0px;}
li#navi110 a:link, li#navi110 a:visited { background-image:url(../images/horizon_btn3_view.png); background-position: 0px 0px;}
li#navi101 a:hover, li#navi101 a.selected { background-image:url(../images/horizon_btn3_top.png); background-position: 0px -30px;}
li#navi102 a:hover, li#navi102 a.selected { background-image:url(../images/horizon_btn3_back.png); background-position: 0px -30px;}
li#navi103 a:hover, li#navi103 a.selected { background-image:url(../images/horizon_btn3_recent.png); background-position: 0px -30px;}
li#navi104 a:hover, li#navi104 a.selected { background-image:url(../images/horizon_btn3_howto.png); background-position: 0px -30px;}
li#navi105 a:hover, li#navi105 a.selected { background-image:url(../images/horizon_btn3_company.png); background-position: 0px -30px;}
li#navi106 a:hover, li#navi106 a.selected { background-image:url(../images/horizon_btn3_sitemap.png); background-position: 0px -30px;}
li#navi107 a:hover, li#navi107 a.selected { background-image:url(../images/horizon_btn3_contact.png); background-position: 0px -30px;}
li#navi108 a:hover, li#navi108 a.selected { background-image:url(../images/horizon_btn3_buy.png); background-position: 0px -30px;}
li#navi109 a:hover, li#navi109 a.selected { background-image:url(../images/horizon_btn3_booklet.png); background-position: 0px -30px;}
li#navi110 a:hover, li#navi110 a.selected { background-image:url(../images/horizon_btn3_view.png); background-position: 0px -30px;}