@charset "utf-8";
/*
Theme Name:SHINJYOU_KOUSAKUJYO 
Theme URI: 
Description: 
Version: 1.0
Author: Akio Taira (JUNK)
*/

/*======================================
 base
======================================*/
 
* {
 margin: 0; 
 padding: 0;
 line-height: 1.5;
 /*color: #666;*/
 font-style: normal;
}

p,td,dd,div {
 color: #666;
}

body {
 margin: 0 10px;
 background: #e5e5e5 url(img/bg_stripe.gif);
 font-family: "Trebuchet MS", Helvetica, sans-serif;
 font-size: 100%;
}

img {
 vertical-align:bottom;
 border:none;
}

address {
 text-align:left;
}

h1,
h2,
h3 {
 line-height: 1.2;
}

h1 {
 font-size: 180%;
}

h2 {
 font-size: 120%;
}

h3 {
 margin-bottom: 0;
 font-size: 120%;
}

a:link {
 color: #00597c;
}

a:visited {
 color: #7d94a4;
}

a:hover {
 color: #cd4730;
}

ul,
ol,
dl {
 margin: 0.5em 1em;
 padding: 1px 10px;
 font-size: 100%;
 list-style-position: inside;
}

dt {
 margin: 0.4em 10px;
}

dd {
 margin: 0 10px;
 text-indent:1em;
}

form {
 margin: 0.5em 10px;
}

fieldset {
 padding: 0 10px 0.3em 10px;
}

legend {
 margin-left: 1em;
 padding: 0 10px;
 font-size: 90%;
}

input {
 font-size: 90%;
}

strong {
 font-weight:bold;
}

hr {
 margin:30px 0;
}

/*======================================
 共通クラス
=======================================*/
.clear {
 clear:both;
}

.alignleft {
 float:left;
 display:inline;
 margin-right:1em;
 margin-bottom:20px;
}

.alignright {
 float:right;
 display:inline;
 margin-left:10px;
 margin-bottom:20px;
}

.aligncenter {
 display:block;
 position:relative;
 margin:auto;
}

.bold {
 font-weight:bold;
}

.toTop ,
.toCat ,
.toShop {
 clear:both;
 margin-bottom:0;
 text-align:right;
}

.hosoku {
 padding:5px;
 color:#333;
 background-color:#ffe;
 border:1px solid #ddd;
}

.noborder {
 border:none;
}

.attention {
 text-indent:-1em;
 margin-left:1em;
 color:#e00;
}

.j2box {
 width:500px;
 margin:auto;
}

.p2box p {
 text-align:center;
}

.p2box:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
 font-size: 0;
}

.p2box{ display: inline-block;}

/* \*/
* html .p2box { height: 1%;}
.p2box { display: block;}
/* */

.navigation {
 clear:both;
 text-align:center;
}

.setbtm1 ,
#main .setbtm2 {
 margin-bottom:1em;
}

.setbtm2 ,
#main .setbtm2 {
 margin-bottom:2em;
}

.setbtm3 ,
#main .setbtm3 {
 margin-bottom:3em;
}

table.inCenter {
 text-align:center;
}

/*--------------------------------------
 Hack
--------------------------------------*/

.clearfix:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
 font-size: 0;
}

.clearfix{ display: inline-block;}

/* \*/
* html .clearfix { height: 1%;}
.clearfix { display: block;}
/* */

/*======================================
 フォトギャラリー
======================================*/
div#main table.photoGallery {
 margin:auto;
 width:477px;
 font-size:14px;
}

div#main table.photoGallery td {
 width:150px;
}

div#main table.photoGallery td p {
 text-indent:0;
}


/*======================================
 メイン
=======================================*/

body {
 text-align: center;
 background: url(images/back-pattern.gif) left top repeat;
}


/*--------------------------------------
 wrapper
--------------------------------------*/
div#wrapper {
 margin:0 auto;
 width: 804px;
}

/*--------------------------------------
 ヘッダー
--------------------------------------*/
div#header {
 height:165px;
 position: relative;
 background: url(images/header-back-image3.jpg) left top no-repeat;
 text-align:left;
}

div#header h1 {
 margin: 0;
}

div#header h1 img {
 border: none;
}

div#header div#headerInner {
 position:absolute;
 top:0;
 right:240px;
 text-align:right;
}

div#header div#headerInner img.toShop {
}

div#header p#hSubTitle {
 position:absolute;
 margin:0;
 padding:0;
 top:0;
 left:10px;
}

div#header div#headerInner h1 {
 position:absolute;
 top:0;
 left:0;
}
div#header ul {
 margin:0;
 padding:0 0 0 10px;
 position: absolute;
 top:130px;
 left:0;
 list-style-type:none;
}

div#header li {
 width:131px;
 display:inline;
 float:left;
}

div#header li a img{
 display:block;
 position:relative;
 margin:0;
 color:#fff;
}

/*--------------------------------------
 メイン　サイドバーとコンテンツを包む
--------------------------------------*/
div#content {
 margin:0 auto 20px;
 padding-top:10px;
 padding-bottom:20px;
 width:802px;
 background-color:#fff;
 border:1px solid #ccc;
 border-top:none;
}

div#contentInner {
 margin:20px auto;
 background:#fff url(images/back-content2.gif) left top repeat-y;
}

/*--------------------------------------
 myhome-main メインコンテンツ
--------------------------------------*/
div#myhome-main {
 width:800px;
 margin:auto;
}

/*--------------------------------------
 メインコンテンツ
--------------------------------------*/
div#main {
 float:right;
 display:inline;
 width:506px;
 margin-right:20px;
 text-align: left;
 overflow:hidden;
}

div#main h2 {
 margin:0;
 margin-bottom:30px;
 background:url(images/bTitle-back.jpg) left top no-repeat;
 height:66px;
 width:506px;
 line-height:66px;
 text-align:center;
}

div#main h2 p {
 padding-top:30px;
 color:#fff;
}

div#main p {
 margin-bottom:1em;
}

div#main dl {
 margin:0;
 padding:0;
}

div#main dt {
 font-weight:bold;
}

div#main dd {
 text-indent:0;
 margin-left:2em;
}

div#main ol ,
div#main ul {
 list-style-position:outside;
}

div#main li {
 margin-bottom:1em;
}

div#main table {
 margin:0 auto 10px;
 width:500px;
 background-color:#eee;
 border:1px solid black;
}

div#main table.clearborder {
 background-color:#fff;
 border:none;
}

div#main th ,
div#main td {
 background-color:#fff;
 padding:4px;
}

div#main div#musicFlash {
  margin-bottom:20px;
}

/*-- main-news --*/
div#main-news-wrapper {
 width:500px;
 height:190px;
 background:url(images/back-main-newsZZ.jpg) left top no-repeat;
}

div#main-news {
 position:relative;
}

div#main-news ul {
 position:absolute;
 top:30px;
 width:440px;
 height:130px;
 overflow:auto;
}

/*
div#jinkou th,
div#jinkou td {
 padding:5px;
 font-size:70%;
 font-family: 'ＭＳ Ｐゴシック', sans-serif;
 background-color:#fff;
}
*/


/*--------------------------------------
 サイドバー
--------------------------------------*/
div#sidebar {
 margin-left:20px;
 padding-top:20px;
 padding-bottom:20px;
 background-color:#fff;
 float:left;
 width:220px;
 display:inline;
 text-align:left;
}

div#sidebar ul,
div#sidebar ol,
div#sidebar dl {
 list-style-position: outside;
}

div#sidebar img {
 display:block;
 margin:auto;
}

/*-- ナビ --*/
div#sidebar div.navi-wrapper {
 background: url(images/back-navi-bottom.gif) left bottom no-repeat;
}

div#sidebar div.navi {
 padding-top:3px;
 padding-bottom:4px;
 background: url(images/back-navi-top.gif) left top no-repeat;
}

div#sidebar div.navi h2 {
 padding-top:8px; 
}

div#sidebar div.navi ul {
 margin:0;
 padding:0;
 font-size:90%;
 list-style-type:none;
}

div#sidebar div.navi ul ul {
 font-size:100%;
}

div#sidebar div.navi li {
 line-height:50px;
 font-weight:bold;
}

div#sidebar div.navi li a {
 margin:0;
 padding:0;
 /*padding-left:1em;*/
 width:220px;
 height:50px;
 line-height:50px;
 display:block;
 position:relative;
 text-decoration:none;
}

div#sidebar div.navi ul ul  a {
 width:200px;
 padding-left:20px;
}

div#sidebar div.navi ul ul ul a {
 width:180px;
 padding-left:40px;
}

div#sidebar div.navi li a.img ,
div#sidebar div.navi ul ul a.img {
 padding-left:1px;
}


div#sidebar div.navi li a {
 color:#000;
 background:url(images/sidebox-li.gif) 3px top no-repeat;
}

div#sidebar div.navi li a:hover {
 background:url(images/sidebox-li.gif) 3px -50px no-repeat;
}

div#sidebar div.navi li li li a {
 color:#000;
 background:url(images/sidebox-li2.gif) 3px top no-repeat;
}

div#sidebar div.navi li li li a:hover {
 background:url(images/sidebox-li2.gif) 3px -50px no-repeat;
}


/*--------------------------------------
 フッター
--------------------------------------*/

div#footer {
 margin:0;
 padding:0;
 position:relative;
 text-align:left;
 font-size:90%;
 background: #fff url(images/back-footer-bottom.gif) left bottom no-repeat;
}

div#footerInner {
 padding-bottom:2px;
 padding-top:2px;
 background: url(images/back-footer-top.gif) left top no-repeat;
}

div#footer div#footer-links {
 margin:10px 10px 0;
}

div#footer div#footer-links a {
}

div#footer address {
 margin:5px 10px;
 color: #000;
}

div#footer p {
 margin:0 10px;
}

div#footer div#footer-image {
 width:200px;
 position:absolute;
 bottom:3px;
 right:2px;
}



div#footer img#footer-site-image {
}

/*--------------------------------------
 カテゴリー共通
--------------------------------------*/
table.catTable td.img {
 width:100px;
}

table.catTable img {
 width:100px;
}

/*======================================
 myhome[トップページ]
=======================================*/
div#tSection1 {
 margin-left:14px;
 width:782px;
}

div#tSection1 .tS1img {
 margin-bottom:7px;
}

div#tFlash ,
img#tFlash {
 float:left;
 display:inline;
}

/*
img#tSanshin-syokunin-jyuku {
 margin-bottom:9px;
}
*/

img#tSanshin-jyusyou {
 float:left;
 display:inline;
 margin-right:8px;
 margin-bottom:9px;
}

div#tNews {
 margin:0 10px 7px 0;
 padding:0;
 width:252px;
 height:190px;
 float:right;
 display:inline;
 background:#fff url(images/tNews-bottom.gif) left bottom no-repeat;
 text-align:left;
}

div#tNews ul {
 margin:0 0 0 10px;
 padding:0;
 width:240px;
 height:154px;
 overflow:auto;
}

div#tNews ul li {
 margin-bottom:1em;
}

a.ml ,
div#tNews a.ml {
 padding:0 0 0 5px;
}

span.new ,
div#tNews span.new {
 color:red;
}


div#tSub-links {
 margin-top:20px;
 margin-bottom:20px;
 margin-left:11px;
 width:786px;
 background:url(images/tSub-links-bottom.gif) left bottom no-repeat;
 text-align:left;
}

div#tSub-links h2 {
 margin:0;
 padding:0;
}

div#tSub-linksInner {
}

div#tSub-links div {
 margin-left:7px;
 width:252px; 
 float:left;
 display:inline;
}

div#tSub-links div#tToriatukaiSyouhin {
 margin-left:3px;
}

div#tSub-links ul {
 padding-left:0;
 font-size:90%;
 line-height:1.3;
 list-style-position:outside;
}

div#tSub-links ul li {
 padding-left:13px;
 background:url(images/list-arrow.gif) left 0.4em no-repeat;
 list-style-type:none;
}

div#tSub-links div#tToriatukaiSyouhin li {
 background:url(images/list-arrow.gif) left 0.4em no-repeat;
}

div#tSub-links div#tSanshinniTuite li {
 background:url(images/list-arrow2.gif) left 0.4em no-repeat;
}

div#tSub-links div#tKadaikyoku li {
 background:url(images/list-arrow3.gif) left 0.4em no-repeat;
}

div#tSub-links div#tKadaikyoku p {
 padding-top:3px;
 padding-left:5px;
 font-size:90%;
}
div#tSub-links div#tKadaikyoku .red {
 color:#900;
}


div#tSub-links ul ul {
 padding-left:5px;
 margin-top:0;
}


div#tSection2 {
 margin-left:13px;
}

div#tSection2 img#tS2img {
 float:left;
 display:inline;
 margin-right:8px;
}

div#tShinjyou {
 margin-right:16px;
 background: url(images/tShinjyouBack2.jpg) left top no-repeat;
 width:250px;
 height:260px;
 position:relative;
 float:right;
 display:inline;
 text-align:left;
}

div#tShinjyou ul {
 margin:10px 0 0;
}

div#tShinjyou li {
 padding-left:13px;
 list-style-type:none;
 background:url(images/list-arrow3.gif) left 0.4em no-repeat;
}

div#tShinjyou li a {
 color:#69c;
}

div#tShinjyou li.gaibu a {
 color:#6cc;
}

div#tShinjyou li a:hover {
 color: #cd4730;
}

div#tShinjyou p {
 padding: 0 10px;
 font-size:14px;
}

div#tShinjyou img.shinjyouLink {
 position:absolute;
 bottom:10px;
 right:10px;
}


img#tShinjyou-Kousakujyo {
 margin-right:5px;
}


/*======================================
 新着情報ページ一覧
=======================================*/
div#cNews ul {
 margin:0;
}

div#cNews a.ml {
 padding-left:1em;
}

div#cNews span.new {
 color:red;
}

/*======================================
 新着情報ページ　single
=======================================*/
h3.cNewsTitle {
 margin-bottom:0.5em;
}

/*======================================
 お問い合わせ
=======================================*/
div#wpcf7-f1-p75-o1 {
 margin:0 auto 20px;
 padding:20px;
 width:400px;
 border:2px solid #600;
 background:url(images/contact-back.jpg) left bottom no-repeat;
}

div#wpcf7-f1-p75-o1 form {
 margin:0;
 padding:0;
}

div#wpcf7-f1-p75-o1 form input{
 line-height:1.5;
 height:1.5em;
 vertical-align:middle;
}

div#wpcf7-f1-p75-o1 p.submit input {
 display:block;
 margin: 20px auto 0;
}

div#wpcf7-f1-p75-o1 div.wpcf7-validation-errors {
 margin:0;
 padding:0;
 background-color:#fee;
 color:#000;
}

/*======================================
 沖縄音楽の基礎知識
=======================================*/
div#main div#post-61 h2 {
 padding:0;
 margin:0;
 height:66px;
}

/*
div#main div#post-61 h2 p {
 margin: auto 0 0 0;
 color:#fff;
 height:1em;
 background-color:#ffc;
}
*/


div#post-61 h3 {
 margin-top:2em;
 margin-bottom:1em;
 padding:5px;
 background-color:#9cb79b;
 color:#fff;
 font-weight:bold;
 font-size:150%;
}

div#post-61 h3.first {
 margin-top:1em;
}

/*
div#post-91 p.hosoku ,
div#post-61 p.hosoku {
 padding:5px;
 color:#333;
 background-color:#ffe;
 border:1px solid #ddd;
}
*/

/*======================================
 三線について
=======================================*/
/*======================================
 三線のできるまで
=======================================*/
div#main div#post-50 table {
 margin-bottom:50px;
 text-align:center;
 border:none;
 background-color:#fff;
}

div#main div#post-50 td {
 vertical-align:top;
 padding-top:20px;
}

div#main div#post-50 td p {
 margin-bottom:0;
}

/*======================================
 パーツの名称
=======================================*/
div#main div#post-91 dt {
 margin:1em 0 0.5em;
 padding:3px;
 background-color:#9cb79b;
 color:#fff;
 font-size:120%;
}

div#main table.noborder {
 border:none;
 background-color:#fff;
}


/*======================================
 課題曲
=======================================*/
div.kadaikyoku h4 {
 margin:2em auto 0.5em;
 padding:2px;
 background-color:#600;
 color:#fff;
}

div#content div.kadaikyoku .kashi {
 margin:0 auto;
 padding:5px;
 width:300px;
 background-color:#cc9;
 color:#000;
}

div#content div.kadaikyoku h4.kashi {
 margin-top:2em; 
 margin-bottom:0; 
}

div#tamakiSeibun {
 margin:40px auto 20px;
 padding:5px;
 background-color:#ffe;
 border:1px solid #600;
}

div#tamakiSeibun h5 {
 font-size:105%;
 margin-bottom:20px;
}

div#tamakiSeibun img {
 margin-bottom:0;
}

div#tamakiSeibun span {
 font-size:84%;
}

/*--------------------------------------
 古典と民謡カテゴリー
---------------------------------------*/
div#main div#category-5 li ,
div#main div#category-6 li {
 font-weight:bold;
}

/*--------------------------------------
 演奏者紹介
---------------------------------------*/
div#post-57 h3 {
 margin-bottom:1em;
 padding:0.2em;
 background-color:#966;
 color:#fff;
 font-weight:bold;
}

div#post-57 table {
 margin-bottom:50px;
}

/*======================================
 新城工作所
=======================================*/
div#post-415 h3 {
 margin-bottom:30px;
}
div#post-415 table {
 margin-bottom:30px;
 border:1px solid #600;
}

div#post-415 caption {
 font-weight:bold;
 background-color:#600;
 color:#fff;
 line-height:2;
}

div#post-415 th {
 width:6em;
}

div#post-415 th ,
div#post-415 td {
 padding:0.1; 
}

div#map1 ,
div#map2 {
 margin:0 auto 60px;
 width:440px;
 height:350px;
}

div#main div.singleInfoWindow {
 text-align:left;
 overflow:auto;
}

div#main div.singleInfoWindow p {
 margin:0;
 padding:0;
 font-size:90%;
}

div#main div#post-458 h3 {
 text-align:center;
 padding-bottom:20px;
 color:#600;
}

/*======================================
 木精新城写真帖
=======================================*/
div#post-338 h3 {
 text-align:center;
 margin-bottom:10px;
 /* font-style:italic; */
}

div#post-338 p {
 font-size:90%; 
 text-align:center;
 line-height:2.5;
}

div#post-338 p.toTop {
 text-align:right;
}

/*======================================
 沿革
=======================================*/
div#main div#post-464 table {
 font-size:90%;
}
div#main div#post-464 table table {
 width:auto;
 background-color:#fff;
 border:none;
}

div#main div#post-464 table table th {
 width:3em;
}

div#main div#post-464 th {
 width:5.5em;
 vertical-align:top;
 text-align:right;
}

div#main div#post-464 th ,
div#main div#post-464 td {
 padding:6px;
}

/*======================================
 特選商品一覧
=======================================*/
table#cTokusen img {
 width:100px;
}

div.tokusen h3 ,
div#main div.tokusen table ,
div.tokusen dl {
 margin-bottom:1em;
}

div.tokusen h3 {
 text-align:center;
 color:#000;
}



/*======================================
 三線職人塾
=======================================*/
div#post-11 {
}

.syokuninJyuku {
 padding-bottom:0.3em;
 background:#fff url(images/syokuninJukuBack.jpg) right bottom no-repeat;
}

/*--------------------------------------
 参加者募集！
---------------------------------------*/
div#post-439 th {
 width: 80px;
}

div#post-439 table {
 margin-bottom:1em;
}


/*======================================
 取り扱い商品
=======================================*/
div#main div#post-29 li {
 list-style-type:none;
 text-indent:-3.4em;
 margin-left:2em;
}

/*--------------------------------------
 太鼓
---------------------------------------*/
img#taikoDekirumadeTitle {
 margin-top:40px;
}

table#taikoDekirumade {
 text-align:center;
 border:none;
 background-color:#fff;
}

table#taikoDekirumade td {
 vertical-align:top;
 padding-top:20px;
}

table#taikoDekirumade td p {
 margin-bottom:0;
}

/*--------------------------------------
 シーサー＆石敢當
---------------------------------------*/
div#main div#post-70 h3 ,
div#main div#post-72 h3 {
 color:#f60;
 margin-bottom:0.5em;
}

div#main div#post-70 h4 {
 color:#06c; 
}

/*======================================
 メンテナンス
=======================================*/
div#main div#post-758 table {
 margin-bottom:3em;
}

div#main div#post-758 th {
 text-align:center;
 font-size:100%;
}