/* CSS Document */


/* 全体構造
---------------------------------------------------- */
html {height:100%;}

*{
margin:0;
padding:0;
}
li{
list-style:none;
}
body {
	margin: 0px;
	padding: 0px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-style: normal;
	line-height: 1.3em;
	font-weight: normal;
	font-variant: normal;
	font-size:medium;
	background-image:url(../img/common/bg_body.jpg);
	background-repeat: repeat;
	color: #333333;
}
img{
border:none;}

.p10{padding:0 0 0 4px}

#wrapAll{
	width:870px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../img/common/bg_wrapall.gif);
	background-repeat: repeat-y;
}

#wrapA{
	width:850px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
}

#wrapB{
	width:850px;
	height: auto;
	background-repeat: repeat;
}


DIV#wrapC{
	width:850px;
	float: left;
	height: auto;
	clear: both;
	margin-top: 10px;
	}
	


/* トップページの更新情報エリア　*/

.koshinbox {
	width: 580px;
	height: 400px;
	padding: 0.5em;
	overflow: auto;
	margin-top: 15px;
      }





/* 被リンク
---------------------------------------------------- */

a:link{
color:#3366CC;
text-decoration:none;
}

a:visited{
color:#000099;
text-decoration:none;
}

a:hover{
color:#3366CC;
text-decoration:underline;
}



/* ヘッドエリア
---------------------------------------------------- */

DIV#head{
	width:100%;
	background-color: #FFFFFF;
	background-image: url(../img/common/sangen_new.gif);
	background-repeat: no-repeat;
	height: 75px;
	}


DIV#head h1{
	font-size: 12px;
	font-weight: normal;
	text-indent: -9999px;
	width:550px;
	float:left;
	margin-top: 3px;
}

DIV#headMenu{
float:right;
width:250px;
}

DIV#headMenu ul{
height:30px;
width:250px;
}

DIV#headMenu li{
float:left;
width:70px;
height:15px;
display:block;
text-indent:-9999px;
margin-left:20px;
}

DIV#headMenu li a{
width:70px;
height:15px;
margin-top:10px;

display:block;
}
/* FireFox link outline-style */
DIV#headMenu li a:focus { -moz-outline-style: none; }
ul li#hM01 a {
	background-image: url(../img/common/obj_toiawase.gif);
	background-repeat: no-repeat;
}
ul li#hM02 a {
	background-image: url(../img/common/obj_access.gif);
}


/* ナビゲーション　globalMenu
---------------------------------------------------- */
DIV#globalMenu {
	background-image: url(../img/common/bg_navia.gif);
	height: 50px;
	background-repeat: repeat-x;
}



ul#gm {
	list-style: none;
	display: block;
	width: 850px;
	margin-right: auto;
	margin-left: auto;
}


ul#gm li {

	float:left;
	padding: 0px;
	text-indent: -9999px;
	display: block;

}

ul#gm li a {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	width:170px;
	text-decoration: none;
	display: block;
	height: 50px;
	background: no-repeat 0px 0px;
}

/* FireFox link outline-style */
ul#gm li a:focus { -moz-outline-style: none; }

*ul#gm li a:hover {	background-position: -250px 0px;}
ul#gm li#gMhome a {	background-image: url(../img/common/bg_gmhome.gif);}
ul#gm li#gM01 a {	background-image: url(../img/common/bg_gm01.gif);}
ul#gm li#gM02 a {	background-image: url(../img/common/bg_gm02.gif); }
ul#gm li#gM03 a {	background-image: url(../img/common/bg_gm03.gif);}
ul#gm li#gM04 a {	background-image: url(../img/common/bg_gm04.gif);}

ul#gm li#gM04shamisen a {
	background-image: url(../img/contents/bg_gm04shamisen.jpg);
}
ul#gm li#gM04shamisenmini a {
	background-image: url(../img/contents/bg_gm04shamisenmini.jpg);
}
ul#gm li#gM04shamisenmini a:hover {
		background-position: 0px 0px;}




body#topics ul#gm li#homeBtn a {	background-position: -500px 0px;}
body#about ul#gm li#lineupBtn a {	background-position: -500px 0px;}
body#menu ul#gm li#gaiyoBtn a {	background-position: -500px 0px;}
body#column ul#gm li#toiBtn a {	background-position: -500px 0px;}
body#column ul#gm li#blogBtn a {	background-position: -500px 0px;}


/* トップメインイメージ
---------------------------------------------------- */

DIV#HomePic{
	width:850px;
	height: 280px;
	clear: both;
}

DIV#HomePicLeft{
	width:530px;
	height: 230px;
	float:left;

}



/* #wrapC-Wide 
---------------------------------------------------- */
DIV#wrapC-Wide{
	float:left;
	height: auto;
	margin-left: 10px;
	width: 610px;
	}
	

/* #wrapC-Wide  "正月用ボックス"
---------------------------------------------------- */

DIV#wrapC-Wide .shogatuBox{
	width:600px;
	background-image: url(../img/top/bg_shogatu.gif);
	background-repeat: no-repeat;
	border: 1px solid #BB7BA2;
	padding: 5px;
}

DIV#wrapC-Wide .shogatuBox p{
	line-height:150%;
	font-size:12px;
	color: #000000;

}

DIV#wrapC-Wide .shogatuBox img{
float:left;
padding:0 10px 10px 0;
}



/* #wrapC-Wide  "村上三絃道メインメニュー"
---------------------------------------------------- */

DIV#wrapC-Wide .menuBox{
	width:610px;
	background-image: url(../img/top/bg_wrapc-wide.gif);
	background-repeat: no-repeat;
	height: 260px;
}
.menuBox h2{
	font-size:12px;
	line-height: 12px;
	padding: 10px;

}


.menuBox h3{
	text-indent: -9999px;

}

DIV.menuBox-middle{
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 11px;
}

DIV.menuBox-middle ul{
display:block;
}

DIV.menuBox-middle li{
list-style:none;
width:140px;
height:110px;
margin:3px;
float:left;

}

DIV.menuBox-middle li a{
width:140px;
height:110px;
display:block;
text-indent:-9999px;
}



/* FireFox link outline-style */
DIV.menuBox-middle li a:focus { -moz-outline-style: none; }

DIV.menuBox-middle li#menutop {
	background-image:url(../img/top/bana_menu09.jpg);
	background-repeat:no-repeat;
}

DIV.menuBox-middle li#menu01 {
background-image:url(../img/top/bana_menu11.jpg);
background-repeat:no-repeat;
}

DIV.menuBox-middle li#menu02 {
background-image:url(../img/top/bana_menu06.jpg);
background-repeat:no-repeat;
}

DIV.menuBox-middle li#menu03 {
background-image:url(../img/top/bana_menu10.jpg);
background-repeat:no-repeat;
}
DIV.menuBox-middle li#menu04 {
background-image:url(../img/top/bana_menu04.jpg);
background-repeat:no-repeat;
}
DIV.menuBox-middle li#menu05 {
background-image:url(../img/top/bana_menu05.jpg);
background-repeat:no-repeat;
}
DIV.menuBox-middle li#menu06 {
background-image:url(../img/top/bana_menu01.jpg);
background-repeat:no-repeat;
}
DIV.menuBox-middle li#menu07 {
background-image:url(../img/top/bana_menu07.jpg);
background-repeat:no-repeat;
}

DIV.menuBox-middle li a{
	transition: 0.3s;
}

DIV.menuBox-middle li a:hover{
background:rgba(255,255,255,0.4);
}


DIV.menuBox-foot{
	background-image:url(../img/top/bg_nyugaku_foot.gif);
	background-repeat:no-repeat;
	width:555px;
	height:10px;
	clear: both;
	text-align:right;
	padding-right: 20px;
}

DIV.menuBox-foot p{

}



/* #wrapC-Wide トピックスエリア
---------------------------------------------------- */

DIV#wrapC-Wide .topicsBox{
	width:610px;
	margin: 0 0 10px 0;
}

.topicsBox h3{
	background-image:url(../img/top/bg_topics_title.gif);
	background-repeat:no-repeat;
	height: 45px;
	line-height: 30px;
	text-indent: -9999px;

}

DIV.topicsBox dl{
	width:500px;
	margin-left: 30px;
}

DIV.topicsBox dt{
 width:200px;   
 padding:5px 0 0 0;   
 font-weight:bold;
 font-size:80%;
}

DIV.topicsBox dd{
	width:500px;
	line-height: 1.1em;
	font-size:88%;

}

DIV#wrapC-Wide div.banneraria {
	padding:0 0 5px 0
	}



/* #wrapC-Slim
---------------------------------------------------- */

DIV#wrapC-Slim{
	width:200px;
	float:right;
	padding-top: 0;
	padding-right: 13px;
	padding-bottom: 0;
	}


DIV#wrapC-Slim .blogBox{
	width:200px;

}
	
DIV#wrapC-Slim  .blogBox h3 a{
	background-image:url(../img/top/bg_blogbox_top.gif);
	background-repeat:no-repeat;
	width:200px;
	height:40px;
	text-indent:-9999px;
	display:block;
}
	

DIV.blogBox-middle,
.shibu_box .shibu_bg{
	width: 190px;
	background-image: url(../img/top/bg_blogbox_middle.gif);
	background-repeat: repeat-y;
	font-size: 82%;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	line-height: 120%;
	padding-top: 10px;
}
DIV.blogBox-middle li{
line-height:140%;
}

DIV.blogBox-foot,
.shibu_box .shibu_bgend{
	width: 200px;
	height:10px;
	background-image:url(../img/top/bg_blogbox_foot.gif);
	background-repeat:no-repeat;
}


DIV.blogBox-middle ul{

}

DIV.blogBox-middle li{
	background-image: url(../img/common/list_red2.gif);
	background-repeat: no-repeat;
	list-style-type: none;
	margin-top: 8px;
	margin-bottom: 8px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	height: 25px;
	text-indent: 20px;


}

/*--支部ホームページ紹介エリア作成--*/
.shibu_box{
	margin-bottom:10px;
	margin-top:10px;
}

.shibu_box h3{
	background-image:url(../img/top/shibu_title.png);
	background-repeat:no-repeat;
	width:200px;
	height:40px;
	text-indent:-9999px;
	display:block;
}

.shibu_box{
	margin-bottom:10px;
}

.shibu_box p{
	font-size:90%;
	margin-bottom:10px;
}
.shibu_box ul{
	padding-left:10px;
}
.shibu_box ul li{
	margin-bottom:5px;
	background-image:url(../img/top/shibu_list.png);
	background-repeat:no-repeat;
	background-position:left;
	min-height:11px;
	padding-left:15px;
}

/*コンテンツボックス*/

DIV#wrapC-Slim .contentsBox{
	width:200px;
	background-image: url(../img/common/bg-line.gif);
	background-repeat: repeat;
	margin-top: 10px;
}

DIV.contentsBox{
	width: 200px;
	background-repeat:no-repeat;
}


DIV.contentsBox ul{
	list-style-type: none;
}

DIV.contentsBox li a{
	list-style-type: none;
	display:block;
	width:182px;
	margin:7px 9px;;
	height: 40px;
	text-indent:-9999px;
}

DIV.contentsBox li#kouenkaiCon a{
background-image:url(../img/top/btn_kouen.gif);
background-repeat:no-repeat;
}

DIV.contentsBox li#blogCon a{
	background-image:url(../img/top/btn_blog.gif);
	background-repeat:no-repeat;
}

DIV.contentsBox li#fightCon a{
	background-image:url(../img/top/btn_ganbaru.gif);
	background-repeat:no-repeat;
}

DIV.contentsBox li#lifemusicCon a{
	background-image:url(../img/top/btn_life.gif);
	background-repeat:no-repeat;
}

/* #wrapC-Slim アドレスエリア
---------------------------------------------------- */
 DIV#addBox{
	width:195px;
	margin: 10px 0 10px 5px;
} 

DIV#addBox p{
font-size:12px;
line-height:130%;
}
DIV#addBox SPAN{
font-size:10px;
}
DIV#addBox img{
padding:0 0 3px 0;
}





/* HOME:アドレスエリア
---------------------------------------------------- */
.addressBox{
	width:230px;
	margin-top: 15px;
	margin-left: 10px;
}

.addressBox-IN{
margin-left:10px;
}

.addressBox-IN p{
color:#993300;
}
.addressBox h3.taiko{
	background-image:url(../images/obj_logomini.gif);
	background-repeat:no-repeat;
	text-indent: -9999px;
	height: 50px;
}

.addressBox h4.taikoadd{
	background-image:url(../images/obj_ad_tel.gif);
	background-repeat:no-repeat;
	text-indent: -9999px;
	height:30px;

}




/* ページの上へ
---------------------------------------------------- */

.gotop{
	text-align:right;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #D2D2D2;
	width: 800px;
	margin-left: 15px;
	padding: 10px;
}

/* 透明
---------------------------------------------------- */
 a.white:hover img{
  filter: alpha(opacity=60);
  opacity:0.6;
}

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

DIV#foot{
	width:820px;
	background-image: url(../img/common/bg_foot.gif);
	clear: both;
	height: 80px;
	margin-left: 15px;
	margin-top: 5px;
	}
	
DIV#foot .footMenu{
	padding:10px;
	width:800px;

}	

DIV#foot .footMenu ul{

}

DIV#foot .footMenu li {
	list-style:none;
	float:left;
	font-size:small;
	color:#FFFFFF;
}

DIV#foot .footMenu li a{
	list-style:none;
	float:left;
	font-size:small;
	color:#FFFFFF;
	margin: 0 10px;
	width: 60px;
}

	
DIV#foot .copyright{
	float:right;
	margin-right: 10px;

	}

DIV#foot .copyright p{
	line-height:30px;
	font-size: 10px;
	color:#FFFFFF;
	}
	
span.come{
font-size:12px;

}