* {
	margin: 0px;
	padding: 0px;
}

body{
	background:url(../img/bg_body.gif) #151c2d repeat;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

p {
 	margin: 0 0 0.8em 0;
 	font-size: 12px;
 	line-height: 150%;
 	color: #ffffff;
}

td {
	font-size: 12px;
	color: #ffffff;
}

ul,li {
	list-style-type: none;
	margin:0px;
	padding:0px;
}

li {
	line-height:0px;
	vertical-align:bottom	
}

#container {
	width: 100%;
	background: #2a4d57 url(../img/bg_cont.jpg) no-repeat top;
	position: relative;
}

#head{
	width: 720px;
	height: 240px;
}

#head a {
	display:block;
	width: 720px;
	height: 240px;
}

#menu {
	width:720px;
	height:21px;
	background-color: #751a34;
}

#menu ul li {
	float:left;
	height:21px;
}


#menu ul li a {
	display:block;
	height:21px;
}

#menu ul li a span {	
	display:none;
}
	
li#menu_home {
	background: url(../img/menu/home.gif) no-repeat;
	width:172px;
}

li#menu_home a:hover {	
	background: url(../img/menu/home_r.gif) no-repeat;
}

li#menu_home_on {
	background: url(../img/menu/home_on.gif) no-repeat;
	width:172px;
}

li#menu_news {
	background: url(../img/menu/news.gif) no-repeat;
	width:87px;
}

li#menu_news a:hover {	
	background-image: url(../img/menu/news_r.gif);
}

li#menu_news_on {
	background: url(../img/menu/news_on.gif) no-repeat;
	width:87px;
}

li#menu_information {
	background: url(../img/menu/information.gif) no-repeat;
	width:113px;
}

li#menu_information a:hover {	
	background-image: url(../img/menu/information_r.gif);
}

li#menu_information_on {
	background: url(../img/menu/information_on.gif) no-repeat;
	width:113px;
}

li#menu_aboutus {
	background: url(../img/menu/aboutus.gif) no-repeat;
	width:87px;
}

li#menu_aboutus a:hover {	
	background-image: url(../img/menu/aboutus_r.gif);
}

li#menu_aboutus_on {
	background: url(../img/menu/aboutus_on.gif) no-repeat;
	width:87px;
}

li#menu_records {
	background: url(../img/menu/records.gif) no-repeat;
	width:87px;
}

li#menu_records a:hover {	
	background-image: url(../img/menu/records_r.gif);
}

li#menu_records_on {
	background: url(../img/menu/records_on.gif) no-repeat;
	width:87px;
}

li#menu_links {
	background: url(../img/menu/links.gif) no-repeat;
	width:87px;
}

li#menu_links a:hover {	
	background-image: url(../img/menu/links_r.gif);
}

li#menu_links_on {
	background: url(../img/menu/links_on.gif) no-repeat;
	width:87px;
}

li#menu_access {
	background: url(../img/menu/access.gif) no-repeat;
	width:87px;
}

li#menu_access a:hover {	
	background-image: url(../img/menu/access_r.gif);
}

li#menu_access_on {
	background: url(../img/menu/access_on.gif) no-repeat;
	width:87px;
}

#menu_shadow {
	height: 2px;
	background-color: #000000;
	opacity:0.2;
	filter: alpha(opacity=20);
	-moz-opacity: 0.2;
}

#submenu_aboutus {
	position: absolute;
	top:241px;
	left:199px;
	width:88px;
	height:100px;
	display:none;
}

#submenu_aboutus ul li {
	height:20px;
}

#submenu_aboutus ul li a {
	display:block;
	height:20px;
}

#submenu_aboutus ul li a span {	
	display:none;
}

li#menu_sub_aboutus {
	background: url(../img/menu/sub_aboutus.gif) no-repeat;
	width:88px;
	height:20px;
}

li#menu_sub_history {
	background: url(../img/menu/sub_history.gif) no-repeat;
	width:88px;
	height:20px;
}

li#menu_sub_history a:hover {	
	background-image: url(../img/menu/sub_history_r.gif);
}

li#menu_sub_repertory {
	background: url(../img/menu/sub_repertory.gif) no-repeat;
	width:88px;
	height:20px;
}

li#menu_sub_repertory a:hover {	
	background-image: url(../img/menu/sub_repertory_r.gif);
}

li#menu_sub_dancer {
	background: url(../img/menu/sub_dancer.gif) no-repeat;
	width:88px;
	height:20px;
	margin:0px;
}

li#menu_sub_dancer a:hover {	
	background-image: url(../img/menu/sub_dancer_r.gif);
}

li#menu_sub_organization {
	background: url(../img/menu/sub_organization.gif) no-repeat;
	width:88px;
	height:20px;
}

li#menu_sub_organization a:hover {	
	background-image: url(../img/menu/sub_organization_r.gif);
}

#main {
	width: 507px;
	padding: 0px 20px 25px 20px;
}

#contbox_information {
	padding: 88px 8px 8px 8px;
	background: url(../img/title/information.gif) no-repeat;
}

#contbox_aboutus {
	padding: 88px 8px 8px 8px;
	background: url(../img/title/aboutus.gif) no-repeat;
}

#contbox_news {
	padding: 68px 8px 8px 8px;
	background: url(../img/title/news.gif) no-repeat;
}

#contbox_records {
	padding: 88px 8px 8px 8px;
	background: url(../img/title/records.gif) no-repeat;
}

#contbox_links {
	padding: 88px 8px 8px 8px;
	background: url(../img/title/links.gif) no-repeat;
}

#contbox_access {
	padding: 88px 8px 8px 8px;
	background: url(../img/title/access.gif) no-repeat;
}

.contbox {
	padding: 0px 8px 8px 8px;
	border: 1px solid #5c7b7e;
	background: #27464a;
}

#contbox_news .contbox {
	margin-top: 20px;
	padding: 0px 8px 8px 8px;
	border: 1px solid #5c7b7e;
	background: #27464a;
}

#side {
	width: 157px;
	padding: 25px 8px 10px 8px;
}

#side div.block {
	margin-bottom: 15px;
}

#side div.banner {
	margin-bottom: 5px;
	text-align: center;
}

#foot{
	position:relative;
	font-family: Century Gothic;
	font-size:11px;
	font-weight: bold;
	letter-spacing:0.1em;
	width: 732px;
	height: 18px;
	margin: 5px auto 15px auto;
	padding: 0px;
}

#foot div.bg_opacity_40 {
	background-color: #565c50;
	opacity:0.4;
	filter: alpha(opacity=40);
	-moz-opacity: 0.4;
	width:100%;
	height:100%;
}

#menu_foot {
	position:absolute;
	top:0px;
	left:6px;
	wide: 200px;
	color:#cccccc;
}

#menu_foot a {
	background-color: #000000;
	padding: 0 3px 0 3px;
}

#copy {
	position:absolute;
	top:0px;
	right:6px;
	wide: 500px;
	color:#ffffff;
}

#foot a:link {
	color:#cccccc;;
	text-decoration: none;
}

#foot a:visited {
	color: #ffffff;
	text-decoration: none;
}

#foot a:hover {
	color: #ffffff;
	text-decoration: none;
	background-color: #999900;
}

#foot a:active {
	color: ffff66;
	text-decoration: none;
}

/*トップページ*/

.conbox_top {
	margin-top: 25px;
	padding: 40px 8px 8px 8px;
}

#next {
	background: url(../img/ttl_next.gif) top left no-repeat;
}

#info {
	background: url(../img/ttl_info.gif) top left no-repeat;
}

#news {
	background: url(../img/ttl_news.gif) top left no-repeat;
}

#headlines a:link{color: #ffffff; text-decoration:underline;}
#headlines a:visited{color: #ffffff; text-decoration:underline;}
#headlines a:active{color: #cccc33; text-decoration:underline;}
#headlines a:hover{color: #cccc33; text-decoration: none;}

a:link{color:#ffccff;text-decoration:none;}
a:visited{color:#ffccff;text-decoration:none;}
a:active{color:#ffccff;text-decoration:underline;}
a:hover{color:#c5fbd8;text-decoration:underline;}


/*インフォメーションページ*/

.title_pf{
	border-left: 3px solid #751a34;
	padding-top: 15px;
	padding-left: 10px;
}

#contbox_information td {
	padding: 5px;
}

/* 公演記録ページ */

#conmenu_records {
	width:447px;
	height:15px;
	padding: 5px 22px 2px 22px;
	background: url(../img/bg_conmenu.gif) no-repeat;
	margin-bottom: 5px;
}

#conmenu_records ul li {
	float:left;
	width: 222px;
	height:15px;
}

#conmenu_records ul li a {
	display: block;
	height: 15px;
}

#conmenu_records ul li a span {
	display: none;
}
	
li#conmenu_records_new {
	background: url(../records/img/menu_new.gif) no-repeat;
	width: 222px;
	height: 15px;
	margin-right: 3px;
}

li#conmenu_records_new a:hover {	
	background: url(../records/img/menu_new_r.gif) no-repeat;
	width: 222px;
	height: 15px;
	margin-right: 3px;
}

li#conmenu_records_new_on {
	background: url(../records/img/menu_new_r.gif) no-repeat;
	width: 222px;
	height: 15px;
	margin-right: 3px;
}

li#conmenu_records_old {
	background: url(../records/img/menu_old.gif) no-repeat;
	width: 222px;
	height: 15px;
}

li#conmenu_records_old a:hover {	
	background: url(../records/img/menu_old_r.gif) no-repeat;
	width: 222px;
	height: 15px;
}

li#conmenu_records_old_on {
	background: url(../records/img/menu_old_r.gif) no-repeat;
	width: 222px;
	height: 15px;
}

#contbox_records td {
	padding: 3px;
}



#conmenu_aboutus {
	width:447px;
	height:15px;
	padding: 5px 22px 2px 22px;
	background: url(../img/bg_conmenu.gif) no-repeat;
	margin-bottom: 5px;
}

#conmenu_aboutus ul li {
	float:left;
	width: 111px;
	height:15px;
}

#conmenu_aboutus ul li a {
	display: block;
	height: 15px;
}

#conmenu_aboutus ul li a span {
	display: none;
}

li#conmenu_about_history {
	background: url(../about/img/menu_history.gif) no-repeat;
	width: 111px;
	height: 15px;
	margin-right: 1px;
}

li#conmenu_about_history a:hover {	
	background: url(../about/img/menu_history_r.gif) no-repeat;
	width: 111px;
	height: 15px;
	margin-right: 1px;
}

li#conmenu_about_history_on {
	background: url(../about/img/menu_history_r.gif) no-repeat;
	width: 111px;
	height: 15px;
	margin-right: 1px;
}

li#conmenu_about_repertory {
	background: url(../about/img/menu_repertory.gif) no-repeat;
	width: 111px;
	height: 15px;
	margin-right: 1px;
}

li#conmenu_about_repertory a:hover {	
	background: url(../about/img/menu_repertory_r.gif) no-repeat;
	width: 111px;
	height: 15px;
	margin-right: 1px;
}

li#conmenu_about_repertory_on {
	background: url(../about/img/menu_repertory_r.gif) no-repeat;
	width: 111px;
	height: 15px;
	margin-right: 1px;
}

li#conmenu_about_dancers {
	background: url(../about/img/menu_dancers.gif) no-repeat;
	width: 111px;
	height: 15px;
	margin-right: 1px;
}

li#conmenu_about_dancers a:hover {	
	background: url(../about/img/menu_dancers_r.gif) no-repeat;
	width: 111px;
	height: 15px;
	margin-right: 1px;
}

li#conmenu_about_dancers_on {
	background: url(../about/img/menu_dancers_r.gif) no-repeat;
	width: 111px;
	height: 15px;
	margin-right: 1px;
}

li#conmenu_about_organization {
	background: url(../about/img/menu_organization.gif) no-repeat;
	width: 111px;
	height: 15px;
}

li#conmenu_about_organization a:hover {	
	background: url(../about/img/menu_organization_r.gif) no-repeat;
	width: 111px;
	height: 15px;
}

li#conmenu_about_organization_on {
	background: url(../about/img/menu_organization_r.gif) no-repeat;
	width: 111px;
	height: 15px;
}






.gallery img {
border: 1px solid #ffffff;
}

.gallery a:visited img {
border: 1px solid #ffffff;
}

.gallery a:active img {
border: 1px solid #c5fbd8;
}

.gallery a:hover img {
border: 1px solid #c5fbd8;
}

/*
.side{background: #D2DDF2 url(../img/bg_side.gif) repeat-x}
*/

.float_l {
	float: left;
}

.nonedisplay {
	display: none;
}

.break, br.break {
	clear:both;
	font-size:0px;
	line-height:0px;
}

.clear {
	clear:both;
	font-size:1px;
	line-height:1px;
}

.no_clear {clear:none;}

.sp, .space {
	font-size:1px;
	line-height:1px;
}

.lh_s {
	line-height: 120%;
}

.lh_m {
	line-height: 150%;
}

.lh_l {
	line-height: 180%;
}

.f18{
	font-size: 18px;
}

.f18b{
	font-size: 18px;
	font-weight: bold;
}

.f14{
	font-size: 14px;
}

.f14b{
	font-size: 14px;
	font-weight: bold;
}

.f12{
font-size: 12px;
}

.f12b{
font-size: 12px;
font-weight: bold;
}

.f10{
font-size: 10px;
}


.y18{
font-size: 18px;
color: #d9de49 ;
}

.y18b{
font-size: 18px;
font-weight: bold;
color: #d9de49;
}

.y14{
font-size: 14px;
color: #d9de49; 
}

.y14b{
font-size: 14px;
font-weight: bold;
color: #d9de49; 
}

.y12{
font-size: 12px;
color: #d9de49; 
}

.y12b{
font-size: 12px;
font-weight: bold;
color: #d9de49; 
}

.y10{
font-size: 10px;
color: #d9de49; 
}

.y11{
font-size: 10px;
color: #d9de49; 
}

.o18{
font-size: 18px;
color: #fcbf3d 
}

.o18b{
font-size: 18px;
font-weight: bold;
color: #fcbf3d; 
}

.o14{
font-size: 14px;
color: #fcbf3d; 
}

.o14b{
font-size: 14px;
font-weight: bold;
color: #fcbf3d; 
}

.o12{
font-size: 12px;
color: #fcbf3d; 
}

.o12b{
font-size: 12px;
font-weight: bold;
color: #fcbf3d; 
}

.o10{
font-size: 10px;
color: #fcbf3d; 
}

.r18{
font-size: 18px;
color: #fc7777 
}

.r18b{
font-size: 18px;
font-weight: bold;
color: #fc7777; 
}

.r14{
font-size: 14px;
color: #fc7777; 
}

.r14b{
font-size: 14px;
font-weight: bold;
color: #fc7777; 
}

.r12{
font-size: 12px;
color: #fc7777; 
}

.r12b{
font-size: 12px;
font-weight: bold;
color: #fc7777; 
}

.r10{
font-size: 10px;
color: #fc7777; 
}

.p18{
font-size: 18px;
color: #ffccff 
}

.p18b{
font-size: 18px;
font-weight: bold;
color: #ffccff; 
}

.p14{
font-size: 14px;
color: #ffccff; 
}

.p14b{
font-size: 14px;
font-weight: bold;
color: #ffccff; 
}

.p12{
font-size: 12px;
color: #ffccff; 
}

.p12b{
font-size: 12px;
font-weight: bold;
color: #ffccff; 
}

.p10{
font-size: 10px;
color: #ffccff; 
}

.g18{
font-size: 18px;
color: #c5fbd8 
}

.g18b{
font-size: 18px;
font-weight: bold;
color: #c5fbd8; 
}

.g14{
font-size: 14px;
color: #c5fbd8; 
}

.g14b{
font-size: 14px;
font-weight: bold;
color: #c5fbd8; 
}

.g12{
font-size: 12px;
color: #c5fbd8; 
}

.g12b{
font-size: 12px;
font-weight: bold;
color: #c5fbd8; 
}

.g10{
font-size: 10px;
color: #c5fbd8; 
}

.b18{
font-size: 18px;
color: #bbbefc 
}

.b18b{
font-size: 18px;
font-weight: bold;
color: #bbbefc; 
}

.b14{
font-size: 14px;
color: #bbbefc; 
}

.b14b{
font-size: 14px;
font-weight: bold;
color: #bbbefc; 
}

.b12{
font-size: 12px;
color: #bbbefc; 
}

.b12b{
font-size: 12px;
font-weight: bold;
color: #bbbefc; 
}

.b10{
font-size: 10px;
color: #bbbefc; 
}

.bl18{
font-size: 18px;
color: #000000; 
}

.bl8b{
font-size: 18px;
font-weight: bold;
color: #000000; 
}

.bl14{
font-size: 14px;
color: #000000; 
}

.bl14b{
font-size: 14px;
font-weight: bold;
color: #000000; 
}

.bl12{
font-size: 12px;
color: #000000; 
}

.bl12b{
font-size: 12px;
font-weight: bold;
color: #000000; 
}

.bl10{
font-size: 10px;
color: #000000; 
}


