@charset "utf-8";
/* CSS Document */

/*========================================
*
* 共通
*
========================================*/

html, body, div, h1, h2, h3, h4, h5, h6, p, blockquote, pre, address, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset {
margin: 0;
padding: 0;
color: #4d4d4d;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", sans-serif;
}

body { background:#2f2725;}
a { color: #e95a24; text-decoration: none; }
a:hover {  text-decoration: underline; }
.clear-both { clear: both; }

img { border: none; vertical-align: top; }
li { list-style-type: none; }

.container { width: 960px; margin: 0 auto; text-align: left; }
.base { background:url(image/background-top.gif) repeat-x; background-position:top;} 

/*ヘッダー===*/
.common-header1 .common-search { position: absolute; left: 623px; top: 15px; width: 200px; }
.common-header1 .common-search #search_text { height: 14px; }
.common-header1 .common-search #search_button { height: 20px; color: #777777; font-size: 10px; }
.common-header2 { height: 33px; }
.common-header2 li { float: left; }
.common-header2 li a { display: block; }
.common-header2 li a:hover { background-color: transparent; }
.common-header2 li a:hover img { visibility: hidden; }

/* 日本語ヘッダー */
.header-jp .common-header1      { width: 948px; height: 54px; background:url(image/header/header.gif) no-repeat; padding:6px;}
.header-jp .common-header1 h1   { width: 86px; height: 50px; position: absolute; }
.header-jp .common-header1 h1 a { display: block; height: 60px; width: 370px; text-indent: -9999px; background:url(image/header/logo.gif) no-repeat; margin-top:3px;}
.header-jp .common-header1 .common-japanese         { position: absolute; right: 0px; width: 102px; height: 50px; }
.header-jp .common-header1 .common-japanese a       { display: block; height: 50px; text-indent: -9999px; background: url(../images/header/common-japanese.png) no-repeat; }
.header-jp .common-header1 .common-japanese a:hover { background: none; }
.header-jp .main-image { background:url(image/header/main-image.jpg) no-repeat; width:960px; height:275px;}
.header-jp .menu { background:url(image/header/main_menu-background.gif) no-repeat; }
.header-jp .common-header1 .common-header-link         { float: right; background:#e0cca7; width:226px; line-height:22px; font-size:12px; text-align:center; margin:5px;}
.header-jp .common-header1 .common-header-link a       { color:#000; font-weight:bold; }
.header-jp .common-header2    { text-indent:-9999px; }
.header-jp .common-header2 li.home a  { background: url(image/header/home.gif) no-repeat; width: 107px; height:33px;}
.header-jp .common-header2 li.home a:hover { background: url(image/header/home2.gif) no-repeat; }
.header-jp .common-header2 li.taiko a   { background: url(image/header/taiko.gif) no-repeat; width: 107px; height:33px;}
.header-jp .common-header2 li.taiko a:hover { background: url(image/header/taiko2.gif) no-repeat; }
.header-jp .common-header2 li.accessory a  { background: url(image/header/accessory.gif) no-repeat; width: 107px; height:33px;}
.header-jp .common-header2 li.accessory a:hover { background: url(image/header/accessory2.gif) no-repeat; }
.header-jp .common-header2 li.books a { background: url(image/header/books.gif) no-repeat; width: 106px; height:33px; }
.header-jp .common-header2 li.books a:hover { background: url(image/header/books2.gif) no-repeat; }
.header-jp .common-header2 li.cd a   { background: url(image/header/cd.gif) no-repeat; width: 107px; height:33px; }
.header-jp .common-header2 li.cd a:hover { background: url(image/header/cd2.gif) no-repeat; }
.header-jp .common-header2 li.repair a { background: url(image/header/repair.gif) no-repeat; width: 107px; height:33px;}
.header-jp .common-header2 li.repair a:hover { background: url(image/header/repair2.gif) no-repeat; }
.header-jp .common-header2 li.rental a { background: url(image/header/rental.gif) no-repeat; width: 106px; height:33px;}
.header-jp .common-header2 li.rental a:hover { background: url(image/header/rental2.gif) no-repeat; }
.header-jp .common-header2 li.school a { background: url(image/header/school.gif) no-repeat; width: 106px; height:33px;}
.header-jp .common-header2 li.school a:hover { background: url(image/header/school2.gif) no-repeat; }
.header-jp .common-header2 li.event a { background: url(image/header/event.gif) no-repeat; width: 106px; height:33px;}
.header-jp .common-header2 li.event a:hover { background: url(image/header/event2.gif) no-repeat; }


/* 英語ヘッダー */
.header-en .common-header1      { width: 931px; height: 50px; background: url(../en/images/header/common-top.png) no-repeat; position: relative; }
.header-en .common-header1 h1   { width: 86px; height: 50px; position: absolute; }
.header-en .common-header1 h1 a { display: block; height: 50px; width: 86px; text-indent: -9999px; }

.header-en .common-header1 .common-japanese         { position: absolute; right: 0px; width: 102px; height: 50px; }
.header-en .common-header1 .common-japanese a       { display: block; height: 50px; text-indent: -9999px; background: url(../en/images/header/common-japanese.png) no-repeat; }
.header-en .common-header1 .common-japanese a:hover { background: none; }

.header-en .common-header2-01 { background: url(../en/images/header/common-header2-01.png) no-repeat; }
.header-en .common-header2-02 { background: url(../en/images/header/common-header2-02.png) no-repeat; }
.header-en .common-header2-03 { background: url(../en/images/header/common-header2-03.png) no-repeat; }
.header-en .common-header2-04 { background: url(../en/images/header/common-header2-04.png) no-repeat; }
.header-en .common-header2-05 { background: url(../en/images/header/common-header2-05.png) no-repeat; }
.header-en .common-header2-06 { background: url(../en/images/header/common-header2-06.png) no-repeat; }
.header-en .common-header2-07 { background: url(../en/images/header/common-header2-07.png) no-repeat; }
.header-en .common-header2-08 { background: url(../en/images/header/common-header2-08.png) no-repeat; }
.header-en .common-header2-09 { background: url(../en/images/header/common-header2-09.png) no-repeat; }
.header-en .common-header2-10 { background: url(../en/images/header/common-header2-10.png) no-repeat; }

/*フッター*/
.common-footer { background:url(image/footer/bacground.gif) no-repeat; height:74px; font-size:12px; padding:16px 0px 0px 0px; margin-bottom:0px;}
.common-footer .footer1 .footer-menu      { width: 740px; padding-left: 10px; float:left;}
.common-footer .footer1 .footer-menu li   { background:url(image/footer/point.gif) no-repeat; background-position:right; padding-right: 16px; margin-right:12px; float:left; line-height:21px;}
.common-footer .footer1 .footer-menu li a { color:#fff; }
.common-footer .footer1 .footer-logo { background:url(image/footer/logo.gif) no-repeat; width:174px; height:21px; float:right; padding-left:20px;}
.common-footer .footer2 { color:#ccc; padding-left:10px; padding-top:8px;}

/* 英語フッター */
.common-footer .footer1 .footer-menu-left-en li { font-size: 12px; }
.common-footer .footer1 .footer-menu-right .footer-link-en   { width: 111px; background: url(../en/images/footer/common/link2.png) no-repeat; }
.common-footer .footer1 .footer-menu-right .footer-link-en a { background: url(../en/images/footer/common/link.png) no-repeat; }
.common-footer .footer1 .footer-menu-right .footer-press-release-en   { width: 110px; background: url(../en/images/footer/common/press-release2.png) no-repeat; }
.common-footer .footer1 .footer-menu-right .footer-press-release-en a { background: url(../en/images/footer/common/press-release.png) no-repeat; }

.back-base { background:#404040; display:block; margin-bottom:10px; zoom: 1;/*for IE 5.5-7*/  }
.back-base-w { background:#fff;}
.back-base a { text-decoration:none;}
.back-base h3 { color:#e95a24; font-size:12px; padding:0px 20px 5px 0px; background:url(image/top/point_link.gif) no-repeat; background-position:right; line-height:20px;}

/* サブシェクト */
.top h2 { color:#fff; line-height:30px; padding-left:20px; font-size:16px; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; letter-spacing: 0.2em;} 
.cate h2 { color:#fff; line-height:30px; padding-left:20px; font-size:16px; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; letter-spacing: 0.2em;} 
.subject-b { background:url(image/subject/h2_b.gif) no-repeat; width:580px; height:30px;}
.subject-m { background:url(image/subject/h2_m.gif) no-repeat; width:580px; height:30px;}
.subject-g { background:url(image/subject/h2_g.gif) no-repeat; width:580px; height:30px;}
.subject-brown { background:url(image/subject/h2_brown.gif) no-repeat; height:30px;}
.subject-yamabuki { background:url(image/subject/h2_yamabuki.gif) no-repeat; height:30px;}
.subject-b-l { background:url(image/subject/h2_b_l.gif) no-repeat; width:665px; height:31px; color:#fff;}
a .subject-b-l {color:#fff;}
.subject-m-l { background:url(image/subject/h2_m_l.gif) no-repeat; width:665px; height:31px;}
.subject-g-l { background:url(image/subject/h2_g_l.gif) no-repeat; width:665px; height:31px;}
.subject-brown-l { background:url(image/subject/h2_brown_l.gif) no-repeat; height:31px;}
.subject-yamabuki-l { background:url(image/subject/h2_yamabuki_l.gif) no-repeat; height:31px;}
.back-base .entry h3 { background: url(image/subject/h3_b.gif) no-repeat; background-position:bottom; line-height:18px; color:#000; margin-bottom:10px; font-size:14px; padding:0px 0px 8px 5px;}

/*中央部===*/
.main { position: relative; margin-top: 0px; padding:10px; width: 940px; /* IE6のバグ回避のために必要 */}
.main-right { position: relative; margin-top: 8px; width: 931px; /* IE6のバグ回避のために必要 */ background: url(../images/right-side-bar/main-right-bg.png) repeat-y right;}
.main-bottom { position: absolute; width: 301px; height: 5px; background: url(../images/main/main-bottom.png) no-repeat;}
.main-bottom-right { position: absolute; width: 301px; height: 5px; background: url(../images/right-side-bar/main-bottom-right.png) no-repeat;}

/*サイドメニュー===*/
.top .side-menu { float: right; width: 340px; font-size: 12px; }
.side-menu { float: left; width: 254px; font-size: 12px; padding:0px;}
.side-menu .back-base { padding:5px;}
.side-menu .back-base .left-back { background:url(image/left_side/background_p.gif) repeat-y; padding:10px; font-size:16px;}
.side-menu .back-base .left-back a{ color:#000;} 
.side-menu .back-base .menu-title { background:url(image/left_side/subject.gif) no-repeat; line-height:37px; padding-left:20px; color:#fff;}

/*====本文====*/
.main-body a{ color: #271b71;}
.main-body a:visited{ color:#804099;}
.entry { background:#fff; padding:10px;}
.entry-base { padding:10px;}

/*　本文(TOPページ)　*/
.top .main { background:url(image/background.gif) repeat-y;}
.top .main-body { float: left; width: 580px; pading: 0px 10px 0px 10px; font-size: 12px; line-height: 18px; }
.top .main-body  a { color: #271b71; }
.top .main-body  a:visited   { color: #811788; }
.top .main-body hr { border-width: 1px 0 0 0; border-style: solid; border-color: #727172; height: 1px; }
.top .news { background-color:#c10000; width:580px; margin-bottom:10px;}
.top .news .news-body { background:url(image/top/news_background.gif) no-repeat; padding:5px 0px 5px 0px;}
.top .news .news-body ul { background:#fff; margin:5px 8px 5px 120px; padding:5px 5px 5px 10px;}
.top .tayori-m { background:#fff; padding:10px;}
.top .tayori { padding:10px 10px 10px 0px;}
.top .tayori img {float:left; margin:0px 5px 5px 0px;}
.top .tayori li {  padding:0px 0px 5px 10px; width:275px; float:left;}
.top .guide { padding:10px 10px 5px 10px;}
.top .guide li { background:#fff; padding:10px 10px 10px 10px; margin-bottom:5px;}
.top .list-type-lb {border-left:2px solid #000; padding-left:10px;}
.taikonosato { padding:10px 0px 10px 10px;}
.top .taikonosato-m a { text-decoration:none;}
.top .taikonosato .taikonosato-m { background:#fff; padding:5px;}
.top .taikonosato li { float:left; padding-right:4px;}
.top .taikonosato li p { text-align:center;}
.top .book { padding:10px 10px 10px 10px;}
.top .book li { background:#fff; padding:5px; float:left;}
.top .book img { float:left; margin:0px 5px 5px 0px;}
.top .side-menu .event { padding:10px 10px 5px 10px;}
.top .side-menu .event img {float:left; margin:0px 5px 5px 0px;}
.top .side-menu .event li { background:#fff; padding:5px; float:left; width:310px; margin-bottom:5px;}

/* 本文（セカンド）===*/
.cate .main { border:1px solid #4a4a4a;}
.cate .main-body { float:right; width:665px; font-size: 12px; line-height: 18px;}
/*.cate .main-body { background:#ff0000; float:right; width: 656px; pading: 0px 0px 0px 50px;}*/
.cate .tayori { padding:9px 0px 9px 10px;}
.cate .tayori-m { background:#fff; padding:10px; margin-bottom:10px; width:295px; float:left; margin-right:10px;}
.cate .tayori-m img { width:100px;}

/* 太鼓 */
.option .option_01 { background:url(image/main/taiko/option_01.gif) no-repeat; width:118px; height:66px; text-indent: -9999px;}


/*バナー*/
.banner-cate { width:251px;}
.kyouwakan-s { background:url(../image/banner/kyouwakan_s.jpg) no-repeat; height:65px; width:251px; display:block; text-indent:-9999px;}
.kyouwakan-s a{ background:url(../image/banner/kyouwakan_s.jpg) no-repeat; height:65px; width:251px; display:block;}
.kyouwakan-s a:hover { background:url(../image/banner/kyouwakan_s2.jpg) no-repeat; }
.akitoshi-s { background:url(../image/banner/akitoshi_s.jpg) no-repeat; height:65px; width:251px; display:block; text-indent:-9999px;}
.akitoshi-s a{ background:url(../image/banner/akitoshi_s.jpg) no-repeat; height:65px; width:251px; display:block;}
.akitoshi-s a:hover { background:url(../image/banner/akitoshi_s2.jpg) no-repeat; }
.network-s { background:url(../image/banner/tsushin_s.jpg) no-repeat; height:65px; width:251px; display:block; text-indent:-9999px;}
.network-s a{ background:url(../image/banner/tsushin_s.jpg) no-repeat; height:65px; width:251px; display:block;}
.network-s a:hover { background:url(../image/banner/tsushin_s2.jpg) no-repeat; }

/*テーブル*/
table.table1 { width: 601px; margin: 13px 0 28px 20px; border-collapse: collapse; }
table.table1 th { font-weight: normal; border-top: 1px solid #4d4d4d; border-bottom: 1px solid #4d4d4d; }
table.table1 th.first { border-left: 1px solid #4d4d4d; background: url(../images/table/table-dot.gif) repeat-y right; padding-right: 1px; }
table.table1 th.first2 { border-left: 1px solid #4d4d4d; border-right: 1px solid #4d4d4d; }
table.table1 th.last { border-right: 1px solid #4d4d4d; }
table.table1 th.middle { background: url(../images/table/table-dot.gif) repeat-y right; padding-right: 1px; }
table.table1 th div { border: 1px solid white; background-color: #d9d9d9; padding: 2px 6px; }
table.table1 td { padding: 3px 7px; border-bottom: 1px solid #4d4d4d; border-top: 1px solid #4d4d4d; }
table.table1 td.first { background: url(../images/table/table-dot.gif) repeat-y right; }
table.table1 td.first2 { }
table.table1 td.middle { background: url(../images/table/table-dot.gif) repeat-y right; }
table.table1 { width: 601px; margin: 13px 0 28px 20px; border-collapse: collapse; }
table.table1 th { font-weight: normal; border-top: 1px solid #4d4d4d; border-bottom: 1px solid #4d4d4d; }
table.table1 th.first { border-left: 1px solid #4d4d4d; background: url(../images/table/table-dot.gif) repeat-y right; padding-right: 1px; }
table.table1 th.last { border-right: 1px solid #4d4d4d; }
table.table1 th.middle { background: url(../images/table/table-dot.gif) repeat-y right; padding-right: 1px; }
table.table1 th div { border: 1px solid white; background-color: #d9d9d9; padding: 2px 6px; }
table.table1 td.first { background: url(../images/table/table-dot.gif) repeat-y right; }
table.table1 td.middle { background: url(../images/table/table-dot.gif) repeat-y right; }