/*-general--------------------------------------------------------*/

* {
	margin:0;
	padding:0;
	font-family:'Hiragino Kaku Gothic Pro', 'CI', 'Verdana', san-serif;
	font-style:normal;
	font-weight:normal;
	font-size:100%;
	line-height:1.5em;
	list-style:none;
	text-decoration:none;
}

body {
	color:#333;
	background-color:#efefef;
	text-align:center;
	}

#web2009top{
	background-color:#eee;
}

h1{
	font-size:11px;
	color:#4C4C4C;
	text-indent:5px;
	background-color:#FFF8BD;
	width:780px;
	padding:1px 0;
}

h2{
	font-size: 1.1em;
	color:#4C4C4C;
	font-weight:bold;
	}

h3{
	font-size:0.95em;
	font-weight: bold;
	margin:5px 0 5px 0;
}

.h3yellow{
	font-size:0.95em;
	font-weight: bold;
	margin:5px 0 5px 0;
	padding:3px 0 3px 5px;
	border-left: 7px solid #f90;
	background-color:#ffffcc;
}

.h3gray{
	font-size:0.85em;
	font-weight: bold;
	margin:5px 0 5px 0;
	padding:3px 0 3px 5px;
	border-left: 7px solid #dedede;
	background-color:#f3f3f3;
}

.h3title{
	font-size:1.95em;
	font-weight: bold;
	text-align: center;
	margin:5px 0 5px 0;
	padding:3px 0 3px 5px;
/*-	border-left: 7px solid #f90;  -*/
	background-color:#fefefe;
}

.h3subtitle{
	font-size:1.25em;
	font-weight: bold;
	text-align: center;
	margin:5px 0 5px 0;
	padding:3px 0 3px 5px;
/*-	border-left: 7px solid #f90;  -*/
	background-color:#fefefe;
}

h3 a{
	font-weight: bold;
	text-decoration: none;
	}

h4{
	font-size: 0.9em;
	font-weight:bold;
}

h4 a{
	font-weight:bold;
	text-decoration: underline;
	}

h4{
	font-size: 0.9em;
	font-weight:bold;
}


.orange{
	color: #FB8302;
}

strong{	
	font-weight:bold;
	}

.red{
	color:#CC0000;	
}

.orange{
	color: #FB8302;
}


.pink{
	color:#FF0066;
	}

.ar{
	text-align:right;
}

.ac{
	text-align: center;
}

.fr{
	float:right;
	margin-left:10px;
}

.fl{
	float:left;
	margin-right:10px;
}

p{
	font-size:0.85em;
	margin-bottom:1em;
}

dl{
	font-size: 0.85em;
}

dd{
	font-weight:bold;
}

dt{
	margin-bottom: 1em;
}

img {
	border:none;
	}

a:link {
	color: #1B4D8B;
	text-decoration: underline;
	}
a:visited {
	color: #6D93C5;
	text-decoration: underline;
	}
a:hover {
	color: #FB8302;
	}
	
hr{
background-color: #fff;
color: #fff;
border: none;
height: 1px;
margin:30px 0 10px 0;
clear:both;
} 

.white{
background-color: #ffffff;
color: #ffffff;
}

.ac{
	text-align: center;
}

.ar{
	text-align: right;
}

.al{
	text-align: left;
}

/*-main style--------------------------------------------------------*/


#container{
	width: 780px;
	min-height: 100%; 
    margin: 0 auto; 
    text-align: left;
	background-color:#ffffff;
}	

#web2009top #container{
	width: 800px;
	min-height: 100%; 
    margin: 0 auto; 
    text-align: left;
	background-color:#ffffff;
}	

#main{
	width:550px;
	float:right;
	padding-right:20px;
}	

*html #main{
	width:570px;
}

#main1{
	width:700px;
	margin-left:40px;
}


/*-header--------------------------------------------------------*/

#globalNav{
	width:768px;
	height:25px;
	padding:0 6px;
	background-color:#000;
}

*html #globalNav{
	width:780px;
	margin-top:-4px;
}

#globaoNav ul{
}

#globalNav li{
	float: left;
}

#globalNav a{
	display:block;
	width:96px;
	height:25px;
	color:#fff;
	background-image:url(common_image/globalNavOff.gif);
	text-indent: -9999px;
	font-size:11px;
}

#globalNav a:hover{
	background-image:url(common_image/globalNavOn.gif);
}


a#nav01,a:hover#nav01{
    background-position:-6px 0px;
	}
	
a#nav02,a:hover#nav02{
    background-position:-102px 0;
	}

a#nav03,a:hover#nav03{
    background-position:-198px 0;
	}

a#nav04,a:hover#nav04{
    background-position:-296px 0;
	}	
a#nav05,a:hover#nav05{
    background-position:-390px 0;
	}	
a#nav06,a:hover#nav06{
    background-position:-486px 0;
	}	
a#nav07,a:hover#nav07{
    background-position:-582px 0;
	}	
a#nav08,a:hover#nav08{
    background-position:-676px 0;
	}	

#searchNav{
	margin:0 0 0 5px;
	float:left;
	width:400px;
	font-size:12px;
}

#sitemapNav{
	margin-top:5px;
}
	
#sitemapNav li{
	float:right;
	display:block;
	font-size: 0.75em;
}

#sitemapNav a{
	padding:0 15px 0 14px;
	text-decoration:none;
	background-image: url(common_image/cursol_off.gif);
	background-position:left center;
	background-repeat: no-repeat;
}

#sitemapNav a:hover{
	text-decoration:underline;
	background-image: url(common_image/cursol_on.gif);
	background-position:left center;
	background-repeat: no-repeat;
}

.title{
	list-style:none;
	margin-left:0;
}



.title2 {
	font-size: 105%;
	color:#4C4C4C;
	font-weight:bold;
}

.column {
	font-size: 100%;
	color:#FFFFFF;
	font-weight:bold;
}


.nolist{
	list-style:none;
}


table .topMenu{
	margin-top:1px;
	border:1px solid #FECD71;
	width:300px;
	padding:5px;
	}
	
table .topMenu2{
	margin-top:1px;
	border:1px solid #FECD71;
	width:450px;
	padding:5px;
	}
	
a img{
	border: none;
}


#topInfo ul,#topInfo dl{
	margin:10px 0 15px 0;
	padding:0;
	font-size: 0.9em;
	line-height: 1.7em;
	color:#333333;
}

#topInfo li{
	margin-left:2em;
	margin-top:1em;
	list-style: square;
	}

	
.clear{
	clear:both;
}


.indent1{
		margin-left:20px;

}

.indent1 td{
	border:1px solid #ccc;
	padding:5px;
	width:500px;
	background-color:#ffefef;
}



#leftNav{
	width: 140px;
	margin-left:10px;
}

/*-leftNav--------------------------------------------------------*/

#leftNav{
	width:190px;
	font-size:0.85em;
	margin:5px 2px 0 5px;
	border: 1px solid #FEDCA6;
}


#leftNav li a{
	display:block;
	padding:3px 2px 3px 15px;
	border-bottom: 1px dotted #FEDCA6;
	text-decoration:none;
	background-image: url(http://www.commonbeat.org/image/common/cursol_off.gif);
	background-position:1px 7px;
	background-repeat: no-repeat;
}

*html #leftNav li a{
	height:24px;
	background-position:1px 10px;
	}

#leftNav li a:hover{
	text-decoration:underline;
	background-image: url(http://www.commonbeat.org/image/common/cursol_on.gif);
	background-position:1px 7px;
	background-repeat: no-repeat;
}

*html #leftNav li a:hover{
	background-position:1px 10px;
}

.nav1 a{
	font-weight: bold;
}	
	
.nav2{
	padding-left:12px;
}


#menu{
	width:190px;
	font-size:0.85em;
	margin:0 2px;
}

.menuNavi{
	margin:0;
	text-align:center;
}

.menuModule{
	margin:10px 0;
	border: 1px solid #FEDCA6;
}

.menuModuleInner{
	background-image: url(image/menuModuleBg.gif);
	border-bottom: 1px solid #FEDCA6;
	padding:5px;
}

.menuContents{
	padding:7px;
}

.menuContents li{
	list-style-type: circle;
}

.module-list-item{
	margin:0 0 0.5em 1em;
}

.mudule-list-item-second{
	margin:0 0 0.5em 2em;
}	
	
	
/*-footer--------------------------------------------------------*/

#copyright{
	color: #fff;
	text-align: center;
	background-color: #000;
	font-size: 0.7em;
	margin-top:30px;
	padding:2px;
}

/*-blog--------------------------------------------------------*/

.entry{
	margin-bottom:40px;
	border-bottom:dotted 1px #666666;
	padding-bottom:20px;
}

.archive li{
	font-size:0.9em;
	line-height:2em;
}

/*-about--------------------------------------------------------*/

.threeBox{
	width:170px;
	margin-right:5px;
	padding:3px;
	float: left;
}

.rireki{
	margin-bottom: 20px;
}

.rireki td{
	border:1px solid #ccc;
	padding:5px;
	font-size:0.9em;
}

.rireki th{
	background-color: #ffc;
	border:1px solid #ccc;
	padding:5px;
	font-size:0.9em;
	width:3em;
}

/*-schedule--------------------------------------------------------*/

.schedule{
	margin-bottom: 20px;
	width:100%;
}

.schedule td{
	border:1px solid #ccc;
	padding:5px;
	font-size:0.9em;
	width:45%;
}

.schedule th{
	background-color: #ffc;
	border:1px solid #ccc;
	padding:5px;
	font-size:0.9em;
	width:10%;
}

/*-link--------------------------------------------------------*/


#link td{
	vertical-align:top;
	padding-bottom:20px;
	padding-right:10px;
}

/*-member--------------------------------------------------------*/

.download{
	margin-bottom: 20px;
}

.download td{
	border:1px solid #ccc;
	padding:5px;
	font-size:0.9em;
	width:30%;
	text-align:center;
}

.download th{
	border:1px solid #666;
	background-color:#666;
	color:#FFF;
	font-weight:bold;
	font-size:0.9em;
}
	
	
	
/*-top--------------------------------------------------------*/

#topMusical{
	width:370px;
	margin:10px 0 0 13px;
	padding:0 0 20px 0;
	background-image:url(image/topMusical-bg.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	}
	

#topMusical h2{
	background-image:url(image/topMusical-banner.jpg);
	background-repeat:no-repeat;
	width:370px;
	height:126px;
	text-indent:-9999px;
	cursor: pointer;
	}

#topMusical h3.juichiki{
	background-image:url(image/topMusical-11.jpg);
	background-repeat:no-repeat;
	width:370px;
	height:140px;
	text-indent:-9999px;
	margin:0;
	cursor: pointer;
	}

#topMusical h3.juniki{
	background-image:url(image/topMusical-12.jpg);
	background-repeat:no-repeat;
	width:370px;
	height:140px;
	text-indent:-9999px;
	margin:0;
	cursor: pointer;
	}
	
#topMusical h3.hachiki{
	background-image:url(image/topMusical-08.jpg);
	background-repeat:no-repeat;
	width:370px;
	height:140px;
	text-indent:-9999px;
	margin:0;
	}	

#topMusical h3.kyuuki{
	background-image:url(image/topMusical-09.jpg);
	background-repeat:no-repeat;
	width:370px;
	height:140px;
	text-indent:-9999px;
	margin:0;
	cursor: pointer;
	}	
	
#topMusical h3.jukki{
	background-image:url(image/topMusical-10.jpg);
	background-repeat:no-repeat;
	width:370px;
	height:140px;
	text-indent:-9999px;
	margin:0;
	cursor: pointer;
	}	
	
	
.topMusicalModule ul{
	font-size:0.9em;
	margin:0 0 1em 1em;
	}

.topMusicalModule{
	margin:5px 10px 10px 10px;
	}

#topMusical h4.kyuukiNews{
	background-image:url(image/topMusical-h4-09news.jpg);
	background-repeat:no-repeat;
	width:370px;
	height:35px;
	text-indent:-9999px;
	}

#topMusical h4.kyuukiBlog{
	background-image:url(image/topMusical-h4-09blog.jpg);
	background-repeat:no-repeat;
	width:370px;
	height:35px;
	text-indent:-9999px;
	}

#topMusical h4.jukkiNews{
	background-image:url(image/topMusical-h4-10news.jpg);
	background-repeat:no-repeat;
	width:370px;
	height:35px;
	text-indent:-9999px;
	}

#topMusical h4.jukkiBlog{
	background-image:url(image/topMusical-h4-10blog.jpg);
	background-repeat:no-repeat;
	width:370px;
	height:35px;
	text-indent:-9999px;
	}

#topMusical h4.juichikiNews{
	background-image:url(image/topMusical-h4-11news.jpg);
	background-repeat:no-repeat;
	width:370px;
	height:35px;
	text-indent:-9999px;
	}

#topMusical h4.juichikiBlog{
	background-image:url(image/topMusical-h4-11blog.jpg);
	background-repeat:no-repeat;
	width:370px;
	height:35px;
	text-indent:-9999px;
	}

#topMusical h4.hachikiNews{
	background-image:url(image/topMusical-h4-08news.jpg);
	background-repeat:no-repeat;
	width:370px;
	height:35px;
	text-indent:-9999px;
	}

#topMusical h4.hachikiBlog{
	background-image:url(image/topMusical-h4-08blog.jpg);
	background-repeat:no-repeat;
	width:370px;
	height:35px;
	text-indent:-9999px;
	}



#topNPO{
	width:370px;
	float:right;
	margin:10px 11px 0 0;
	background-image:url(image/topNPO-bg.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	padding:0 0 20px 0;
	}


#topNPO h3.news{
	background-image:url(image/topNPO-title-news.gif);
	background-repeat:no-repeat;
	height:40px;
	text-indent:-9999px;
	}
	
#topNPO h3.event{
	background-image:url(image/topNPO-title-event.gif);
	background-repeat:no-repeat;
	height:40px;
	text-indent:-9999px;
	}	

#topNPO h3.report{
	background-image:url(image/topNPO-title-report.gif);
	background-repeat:no-repeat;
	height:40px;
	text-indent:-9999px;
	}	

.topNPOModule{
	margin:0 10px 20px 12px ;
	}	


.topNPOModule ul{
	display:block;
	width:240px;
	float:right;
	}


	
#topNPO li{
	font-size:0.9em;
	}


#topContentsMenu{
	margin:25 0 0 8;
	}

.topContentsMenu2{
	width:365px;
	float:left;
	margin:25 7 0 12;
	}	

#topContentsAd{
	outline:#CCCCCC;
	background-color:#eeeeee;

	}	
	
/*-add--------------------------------------------------------*/
	
	
.photoesFl{
	float: left;
	margin: 0 10px 3px 0;
}

.photoesFr{
	float: right;
	margin: 0 0 3px 10px;
}

.emVoice{
	font-size: 1.25em;
	font-weight: bold;
	color: #cc0000;
}

.castSumb{
	width:415px;
	margin:0 0 0 50px;
}

.castSumbInner{
	float: left;
	width:200px;
	text-align:center;
	margin:3px;
	font-size: 0.85em;
}

#underMenu{
	font-size: 0.85em;
	text-align: center;
	margin:50px 0 0 0;
}

.basicTable{
	font-size:0.85em;
	width:450px;
	margin:0 0 0 10px;
}

.basicTable th{
	background-color: #eee;
	border: 1px solid #ccc;
	padding:3px;
}

.basicTable td{
	border: 1px solid #ccc;	
	padding:3px;
}
/*--2009top--------------------------------------------------------*/

#toppageMusical{
	width:800px;
	margin:5px 0 20px 20px;
}

#web2009top #toppageMusical{
	margin:5px 0 20px 0;
}


#toppageMusical img{
	vertical-align:top;
}


#toppageMusicalInner{
	margin:0 0 0 0;
	padding: 10px 0 25px 0;
	background:url(image/toppageMusical_bg.gif) bottom center no-repeat;
}


#toppageMusical h2{
	font-size:13px;
}

#toppageMusical h2 a{
	font-weight:bold;
	color:#333;
}

#toppageMusical h2 a:hover{
	color: #FB8302;
}

.current3ki{
	width:250px;
	float:left;
	margin:0 0 0 10px;
}

.Current3ki img{
	float:left;
	margin:0 7px 0 0;
}

.current3kiInner{
	width:183px;
	float:right;
}


#UpcommingKi{
	float:right;
	margin:0 10px 0 0;
}

#wrapper{
	float:left;
}


#toppageContentLeft{
	width:256px;
	float:left;
	margin:0 15px 0 0;
}


#toppageContentCenter{
	width:256px;
	float:left;
}


#toppageContentRight{
	width:256px;
	float:right;
	margin:0 0 0 15px;
}






/*-2009--------------------------------------------------------*/

#renewal09 p{
	font-size:12px;
	margin:0 0 12px 10px;
}

#renewal09 h4{
	font-size:12px;
	margin:0 0 6px 10px;
}

#musicalPageTop{
	font-size:20px;
	line-height:20px;
}

h3.circle{
	margin:30px 0 7px 0;
	padding: 0 0 0 25px;
	height:21px;
	background:url(image/common/h3_circle.gif) no-repeat top left;
	font-size:14px;
	font-weight:bold;
}

h3.circle a{
	color:#333;
}

h3.circle a:hover{
	color: #FB8302;
}

ul.ulCursolOrange{
	font-size:12px;
	margin:0 0 0 10px;
}

ul.ulCursolOrange li{
	background:url(image/common/cursol_orange.gif) no-repeat 0 6px;
	margin:0 0 3px 0;
	padding : 0 0 0 13px;
}