@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;} 

/*ヘッダー===*/
.top {}
.common-header2 { height: 43px; }
.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; }

/* 日本語ヘッダー */
.top .header-jp { background:url(image/header/header.gif) no-repeat; height:427px;}
.cate .header-jp { background:url(image/header/background.png) no-repeat; }
.top .header-jp .common-header1 { width: 948px; height: 60px; padding:6px;}
.cate .header-jp .common-header1      { width: 948px; height: 53px; padding:6px;}
.header-jp .common-header1 h1   { width: 86px; height: 50px; float:left;}
.header-jp .common-header1 h1 a { display: block; height: 60px; width: 470px; text-indent: -9999px; 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:354px;}
.header-jp .menu { background:url(image/header/main_menu-background.png) no-repeat; }
.header-jp .link { float:right;}
.header-jp .common-header1 .common-header-link         { float:right; background:#9d8065; width:226px; line-height:22px; font-size:12px; text-align:center; margin:5px; color:#fff;}
.header-jp .common-header1 .common-header-link a       { font-weight:bold; color:#fff;}
.header-jp .common-header1 .search { float:right; padding-left:200px;}
.header-jp .common-header2    { text-indent:-9999px; }
.header-jp .common-header2 li.home a  { background: url(image/header/home.png) no-repeat; width: 106px; height:43px;}
.header-jp .common-header2 li.home a:hover { background: url(image/header/home2.png) no-repeat; }
.header-jp .common-header2 li.taiko a   { background: url(image/header/taiko.png) no-repeat; width: 107px; height:43px;}
.header-jp .common-header2 li.taiko a:hover { background: url(image/header/taiko2.png) no-repeat; }
.header-jp .common-header2 li.accessory a  { background: url(image/header/accessory.png) no-repeat; width: 107px; height:43px;}
.header-jp .common-header2 li.accessory a:hover { background: url(image/header/accessory2.png) no-repeat; }
.header-jp .common-header2 li.books a { background: url(image/header/books.png) no-repeat; width: 107px; height:43px; }
.header-jp .common-header2 li.books a:hover { background: url(image/header/books2.png) no-repeat; }
.header-jp .common-header2 li.cd a   { background: url(image/header/cd.png) no-repeat; width: 106px; height:43px; }
.header-jp .common-header2 li.cd a:hover { background: url(image/header/cd2.png) no-repeat; }
.header-jp .common-header2 li.repair a { background: url(image/header/repair.png) no-repeat; width: 106px; height:43px;}
.header-jp .common-header2 li.repair a:hover { background: url(image/header/repair2.png) no-repeat; }
.header-jp .common-header2 li.rental a { background: url(image/header/rental.png) no-repeat; width: 107px; height:43px;}
.header-jp .common-header2 li.rental a:hover { background: url(image/header/rental2.png) no-repeat; }
.header-jp .common-header2 li.school a { background: url(image/header/school.png) no-repeat; width: 107px; height:43px;}
.header-jp .common-header2 li.school a:hover { background: url(image/header/school2.png) no-repeat; }
.header-jp .common-header2 li.event a { background: url(image/header/event.png) no-repeat; width: 107px; height:43px;}
.header-jp .common-header2 li.event a:hover { background: url(image/header/event2.png) no-repeat; }


/* 英語ヘッダー */
.cate .header-en { background:url(image/header/header.gif) no-repeat; height:234px; padding-top:6px;}
.header-en .common-header1 h1   { width: 86px; height: 66px; float:left;}
.header-en .common-header1 h1 a { display: block; height: 60px; width: 470px; text-indent: -9999px; margin-top:3px;}
.header-en .common-header1 .common-header-link         { float:right; background:#9d8065; width:226px; line-height:22px; font-size:12px; text-align:center; margin:5px; color:#fff;}
.header-en .common-header1 .common-header-link a       { font-weight:bold; color:#fff;}



/*フッター*/
.common-footer { background:url(image/footer/bacground.gif) no-repeat; height:221px; 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:14px; padding:0px 20px 5px 0px; background:url(image/top/point_link.gif) no-repeat; background-position:right; line-height:20px;}
.cate .option { background:#fff; text-align:center;}

/* サブシェクト */
.h2-w a{color:#fff;}


.taiko-e .entry li { width:288px; float:left; padding-left:10px; height:180px;}
.taiko-e .entry li img{ border: 1px #999 solid;}
.taiko-e h2 { background:url(image/subject/h2_b_l.gif) no-repeat; width:638px; height:30px; padding-bottom:5px;}
.taiko-e h3 { background: url(image/subject/h3_b.gif) no-repeat; background-position:bottom; line-height:30px; color:#000; padding-left:10px; margin:20px 0px;}
.taiko-e h4 { background:url(image/top/point_link.gif) no-repeat; background-position:right; border-width:0px 0px 2px 0px; border-style: dotted; border-color: #123283; line-height:21px; margin-bottom:5px; padding-right:20px; margin-bottom:5px;}
.taiko-e h5 { background:url(image/top/point_link.gif) no-repeat; background-position:right; line-height:21px; margin-bottom:5px; padding-right:20px;}

.accessory-e .entry li { width:288px; float:left; padding-left:10px; height:140px;}
.accessory-e h2 { background:url(image/subject/h2_lg_l.gif) no-repeat; width:638px; height:30px; padding-bottom:5px; color:fff;}
.accessory-e h3 { background: url(image/subject/h3_lg.gif) no-repeat; background-position:bottom; line-height:30px; color:#000; padding-left:10px; margin:20px 0px;}
.accessory-e h4 { background:url(image/top/point_link.gif) no-repeat; background-position:right; padding-right:20px; line-height:21px;  border-width:0px 0px 2px 0px; border-style: dotted; border-color: #4e7c12; margin-bottom:5px;}

.books-e .entry li { width:288px; float:left; padding-left:10px; height:183px;}
.books-e h2 { background:url(image/subject/h2_brown_l.gif) no-repeat; width:638px; height:30px; padding-bottom:5px; color:fff;}
.books-e h3 { background: url(image/subject/h3_brown.gif) no-repeat; background-position:bottom; line-height:30px; color:#000; padding-left:10px; margin:20px 0px;}
.books-e h4 { background:url(image/top/point_link.gif) no-repeat; background-position:right; padding-right:20px; line-height:21px; border-width:0px 0px 2px 0px; border-style: dotted; border-color: #74422d; margin-bottom:5px;}

.cd-e .entry li { width:288px; float:left; padding-left:10px; height:200px;}
.cd-e h2 { background:url(image/subject/h2_lg_l.gif) no-repeat; width:638px; height:30px; padding-bottom:5px; color:fff;}
.cd-e h3 { background: url(image/subject/h3_lg.gif) no-repeat; background-position:bottom; line-height:30px; color:#000; padding-left:10px; margin:20px 0px;}
.cd-e h4 { background:url(image/top/point_link.gif) no-repeat; background-position:right; padding-right:20px; line-height:21px; border-width:0px 0px 2px 0px; border-style: dotted; border-color: #4e7c12; margin-bottom:5px;}

.rental-e .entry li { width:288px; float:left; padding-left:10px; height:150px;}
.rental-e h2 { background:url(image/subject/h2_p_l.gif) no-repeat; width:638px; height:30px; padding-bottom:5px; color:fff;}
.rental-e h3 { background: url(image/subject/h3_p.gif) no-repeat; background-position:bottom; line-height:30px; color:#000; padding-left:10px; margin:20px 0px;}
.rental-e h4 { background:url(image/top/point_link.gif) no-repeat; background-position:right; padding-right:20px; line-height:21px; border-width:0px 0px 2px 0px; border-style: dotted; border-color: #3f1b6e; margin-bottom:5px;}

.school-e .entry li { }
.school-e .entry .list {width:288px; float:left; padding-left:10px; height:200px;}
.school-e h2 { background:url(image/subject/h2_c_l.gif) no-repeat; width:638px; height:30px; padding-bottom:5px; color:fff;}
.school-e h3 { background: url(image/subject/h3_c.gif) no-repeat; background-position:bottom; line-height:30px; color:#000; padding-left:10px; margin:20px 0px;}
.school-e h4 { background:url(image/top/point_link.gif) no-repeat; background-position:right; padding-right:20px; line-height:21px;}

.events-e .entry li { }
.events-e h2 { background:url(image/subject/h2_yamabuki_l.gif) no-repeat; width:638px; height:30px; padding-bottom:5px; color:fff;}
.events-e h3 { background: url(image/subject/h3_yamabuki.gif) no-repeat; background-position:bottom; line-height:30px; color:#000; padding-left:10px; margin:10px 0px;}
.events-e h4 { background:url(image/top/point_link.gif) no-repeat; background-position:right; padding-right:20px; line-height:21px;}

.sato-e .entry li { width:288px; float:left; padding-left:10px; height:150px;}
.sato-e h2 { background:url(image/subject/h2_m_l.gif) no-repeat; width:638px; height:30px; padding-bottom:5px; color:fff;}
.sato-e h3 { background: url(image/subject/h3_m.gif) no-repeat; background-position:bottom; line-height:30px; color:#000; padding-left:10px; margin:20px 0px;}
.sato-e h4 { background:url(image/top/point_link.gif) no-repeat; background-position:right; padding-right:20px; line-height:21px;}



.top h2 { color:#fff; line-height:30px; padding-left:20px; font-size:18px; 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:18px; 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:574px; 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; height:30px;}
.subject-brown { background:url(image/subject/h2_brown.gif) no-repeat; height:30px;}
.subject-lg { background:url(image/subject/h2_lg.gif) no-repeat; height:30px;}
.subject-yamabuki { background:url(image/subject/h2_yamabuki.gif) no-repeat; height:30px;}
.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-yamabuki-l { background:url(image/subject/h2_yamabuki_l.gif) no-repeat; height:31px;}
.subject-b-s { background:url(image/subject/h2_b_s.gif) no-repeat; height:30px;}



/*中央部===*/
.main { margin-top: 0px; padding:15px; width: 930px; /* 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-r { float: right; width: 340px; font-size: 14px; }
.cate .side-menu { float: left; width: 260px; font-size: 12px; padding:0px;}
.side-menu .back-base-r { padding:6px;}
.side-menu .back-base { padding:6px;}
.side-menu .back-base ul { background:url(image/left_side/background_p.gif) repeat-y; padding:10px; font-size:16px;}
.side-menu .back-base a{ color:#000;} 
.side-menu .back-base .menu-title { background:url(image/left_side/subject.gif) no-repeat; line-height:36px; padding-left:20px; color:#fff;}

/*====本文====*/
.main-body a{ color: #271b71;}
.main-body a:visited{ color:#804099;}
.entry { background:#fff; padding:20px; margin-bottom:6px; zoom: 1;}
.entry-base { padding:0px;}

/*　本文(TOPページ)　*/
.main { background:url(image/background.gif) repeat-y;}
.top .main-body { float: left; width: 574px; pading: 0px 10px 0px 10px; font-size: 14px; 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:#cc0000; width:574px; 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 .news .news-body li { line-height:24px;}
.top .tayori .w-margin { background:#fff; padding:10px; height:150px;}
.top .book .w-margin { background:#fff; padding:10px; height:180px;}
.top .tayori { padding:10px 10px 0px 0px;}
.top .tayori img {float:left; margin:0px 5px 5px 0px; border: 1px #999 solid;}
.top .tayori li {  padding:0px 0px 10px 10px; width:272px; 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 10px 10px 10px;}
.top .taikonosato-m a { text-decoration:none;}
.top .taikonosato .taikonosato-m { padding:4px;}
.top .taikonosato ul { background:#fff; width:554px;}
.top .taikonosato li { float:left; width:110px;}
.top .taikonosato li p { font-size:12px;}
.top .book  { padding:10px 10px 10px 10px;}
.top .book li { width:277px; float:left;}
.top .book img { float:left; margin:0px 5px 5px 0px;}
.top .side-menu-r .event { padding:10px 10px 5px 10px;}
.top .side-menu-r .event img {float:left; margin:0px 5px 5px 0px;}
.top .side-menu-r .event li { background:#fff; padding:5px; float:left; width:310px; margin-bottom:5px;}
.top .banner-top img{ margin-bottom:5px;}


/* 本文（セカンド）===*/
.cate .main-body { background:#404040; float:right; width:638px; font-size: 14px; line-height: 18px; padding:6px;}
.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;}
.entry hr { background: url(image/main/hr.gif) no-repeat; height:30px; border:0px; line-height:10px;}


/* 太鼓 */
.option-sec {margin:0px 0px 10px 0px;}
.option-sec .option_01 { background:url(image/main/taiko/option_01.gif) no-repeat; width:118px; height:66px; text-indent: -9999px; float:left;}
.option-sec .option_02 { background:url(image/main/taiko/option_02.gif) no-repeat; width:118px; height:66px; text-indent: -9999px; float:left;}
.option-sec .option_03 { background:url(image/main/taiko/option_03.gif) no-repeat; width:118px; height:66px; text-indent: -9999px; float:left;}
.option-sec .option_04 { background:url(image/main/taiko/option_04.gif) no-repeat; width:118px; height:66px; text-indent: -9999px; float:left;}
.option-sec .option_05 { background:url(image/main/taiko/option_05.gif) no-repeat; width:118px; height:66px; text-indent: -9999px; float:left;}
.option-sec .option_06 { background:url(image/main/taiko/option_06.gif) no-repeat; width:118px; height:66px; text-indent: -9999px; float:left;}
.option-sec .option_07 { background:url(image/main/taiko/option_07.gif) no-repeat; width:118px; height:66px; text-indent: -9999px; float:left;}



/*バナー*/
.banner-cate p{ margin-bottom:5px;}

/*テーブル*/
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; }