@charset "UTF-8";
/* reset */
body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,em,address{
padding: 0; margin: 0;
}

body{
	color:#000000; 
	background-image: url(/blog_images/15harmat/base_p.gif);
	background-repeat: repeat; 
	font-size: 12px;
	line-height: 150%; 
	font-style: normal; 
	text-align:center; 
	font-family:"ＭＳ Ｐゴシック"; 
	background-color: #FFF;
}

/* common class */
.clear, #clear{
clear: both;
}
.clear br, .clear hr,#clear hr{
display: none;
}ｓ
a img{
border: none;
}

/* main */
#wrapper{
	position: relative; 
	width: 1050px; 
	background: #FFFFFF; 
	background:url(/blog_images/15harmat/base_b.gif); 
	min-height: 100%; 
	height: 100%; 
	margin-top: 0px; 
	margin-right: auto; 
	margin-bottom: 0px; 
	margin-left: auto;
}

/* head */
#head{
	position: relative; 
	height: 60px; 
	background: url(/blog_images/15harmat/header.jpg) no-repeat; 
	text-align: left;
}


/* ヘッダー部分 NEWS */
.scroll{
	width:450px; 
	position:absolute; 
	top:28px ;
	left:460px; 
	font-size:1em;
	color:#FFF;
	
	height: 20px;
	overflow: hidden; 
	
	z-index:2;
	
}

.copy{
	margin-bottom: 20px;
	margin-top: 0px;
	padding-left: 68px;
		
	width: 916px;
	height: 382px;
	overflow: hidden;	
}

.ca{
	width:920px;
	text-align:left;
	font-size:12px;
	line-height:14px;
	margin-left:60px;
}


#jquery-cycle{
	
	position: relative;
}



*html .ca,*:first-child+html .ca{
	width:920px;
	text-align:left;
	font-size:12px;
	line-height:14px;
	margin-left:-10px;
}

/* content */
#content{
	padding: 5px 0 0; 
	width: 1050px;
}

/* entry */
/* 2009 layout-tw */
#entry{
	display: inline; 
	float: right; 
	width: 765px; 
	margin: margin: 0 18px 0px 27px;
}
#entry p{
	color: #653644; 
	font-size: 75%; 
	line-height: 145%;
}

#entry_close hr{
	display: none;
}

.orange11 {
	font-size: 11px; 
	color: #FF9933; 
	padding-top: 3px;
}

/*
flash.flash{
position:absolute;display:block;margin-top:100px;margin-left:-100px;
}
flash* html .flash{margin-left:0px;}*/

/*catch*/
.catch{
	margin-top:-20px; 
	margin-bottom:5px; 
	margin-left:-70px;
}

* html .catch{
	margin-top:0px; 
	margin-bottom:0px; 
	margin-left:0px;
}

.copy{
	margin-bottom: 10px;
	margin-top:48px;
}

.banner{
	margin-bottom:5px;
	text-align:left;
	margin-left:60px;
}

/*
#rs ul{
list-style: none;
}
#rs li {
position: absolute; display: block; top: 20px; left: 830px;
}
#rs li a {
position: absolute; display: block;
}
#rs li.rss a{
width: 84px; height:17px; background: url(/blog_images/haruka10th/rss.gif) no-repeat; text-indent: -9999px;
}
#rs li.rss a:hover{
background-position:0px -17px;
}
*/



/* 中面source */
.source{
	position:relative;
	display:block;
	top:60px;
	margin-bottom: 0px;
	width:710px;
	margin-left:0px;
	text-align:left;
}

*html .source{
	margin-bottom: 10px;
	width:710px; 
	margin-left:-50px; 
	text-align:left;
}
*:first-child+html .source{
	margin-bottom: 10px; 
	width:710px; 
	margin-left:-50px; 
	text-align:left;
}

.source h2{
	color: #7c4d82;
	font-size: 15px;
	font-weight:bold;
	text-indent: 30px;
	height: 30px;
	font-weight: normal;
	padding: 4px;
	background: url(/blog_images/15harmat/title.jpg) no-repeat;
	text-align: left;
	padding-top: 15px;
	margin: 0px 0 0px 0; 
}


.source h3{
	color: #7c4d82;
	font-size: 14px;
	line-height: 150%;
	border-left: 6px solid #e52215;
	text-indent: 5px;
	height: 20px;
	text-align: left;
	margin-left:10px;
}

.source h3 a{
	color: #444c78;
	text-decoration: none;
}
.source h3 a:hover{
	color: #444c78;
	text-decoration: underline;
}



/* トップsource */
.source2{
	position:relative;
	display:block;
	top:0px;
	margin-bottom: 0px;
	width:693px;
	margin-left:0px;
	text-align:left;
	
	background-color:#FFF;
}

*:first-child+html .source2{
	margin-left:-50px;
	text-align:left;
}

*html .source2{
	margin-left:-50px;
	text-align:left;
}

.source2 h2{
	/*color: #ff328e;
	font-size: 14px;
	font-weight:bold;
	text-indent: 90px;
	height: 63px;
	padding: 4px;
	background: url(/blog_images/12harmat/title.gif) no-repeat;*/
	text-align: left;
	padding-top: 10px;
}

*:first-child+html .source2 h2{
	margin-left:-10px;
}
*html .source2 h2{
	margin-left:-10px;
	margin-bottom:20px;
}


.source2 h3{
	color: #444c78; 
	font-size: 13px; 
	line-height: 150%; 
	border-left: 6px solid #E61D51; 
	border-bottom: 1px solid #E61D51; 
	text-indent: 5px; 
	height: 20px; 
	text-align: left;
}
.source2 h3 a{
	color: #444c78; 
	text-decoration: none;
}
.source2 h3 a:hover{
	color: #444c78; 
	text-decoration: underline;
}

/*FINISH GREETING*/
.source2 .finish{
	width:680px;
	font-size:12px;
	line-height:18px;
}

.source2 .left{
	display: inline;
	float: left;
	width: 335px;
	text-align: left;
	margin-top:0px;
}
.source2 .left .place{
	margin-top:10px;
	margin-left:10px;
	width:320px;
}

.source2 .right{
	display: inline;
	float: right;
	width:350px;
	text-align: left;
	margin-top:0px;
}

.source2 .right .place{
	width:320px;
}


.source .left{
	display: inline;
	float: left;
	width: 335px;
	text-align: left;
	margin-top:-20px;
}
.source .left .place{
	margin-top:10px;
	margin-left:10px;
	width:320px;
}

span.date{
	font-size:16px;
	line-height:20px;
	padding-bottom:20px;
}

.source .right{
	display: inline;
	float: right;
	width:335px;
	text-align: left;
	margin-top:-10px;
}

.source .right .place{
	width:320px;
}

* html .source .right .place{ margin-top: 5px;}

.source p{ margin: 13px 0 0; }
.text{ margin: 20px 0 0 10px; color: #000000; font-size: 100%; text-align: left; }
span.pagetop{font-size:10px; margin-bottom:20px;}

.tabletext { color: #000000; font-size: 17px; line-height: 135%; }


/* 公演概要　テキスト
----------------------------------------------------*/

.dtitle{
font-size:1.3em;
line-height:1.5em;
color:#e52215;/*朱色*/
}
.dmaintitle{
font-size:1.3em;
line-height:1.5em;
margin:5px;
}
.dmain{
font-size:1em;
line-height:1.5em;
}
.dcaption{
font-size:0.8em;
line-height:1.2em;
}


.clear{
clear:both;
}

/* new */
#new{
	position: relative;
	float: left;
	left:65px;
	width: 200px;
	margin-bottom: 30px;
	margin-top:0px;
}

/*中面new*/
#new2{
	position:relative;
	display:block;
	top:55px;
	float: left;
	left:65px;
	width: 200px;
	margin-bottom: 30px;
	margin-top:0px;
}

#new h3{ 
	background: url(/blog_images/15harmat/whatnew.gif) no-repeat; 
	width: 199px; 
	height: 37px; 
	font-weight: normal; 
	font-size: 13px; 
	text-indent: 30px; 
	text-align: left;
}

/*中面new*/
#new2 h3{ 
	background: url(/blog_images/15harmat/whatnew.gif) no-repeat; 
	width: 199px; 
	height: 37px; 
	font-weight: normal; 
	font-size: 13px; 
	text-indent: 30px; 
	text-align: left;
}

#new dt{ 
	color: #7c4d82;
	font-size: 10px;
	line-height: 130%;
	text-indent: 15px;
	text-align: left;
	background-image: url(/blog_images/15harmat/ya.gif);
	background-repeat: no-repeat;
	margin-top:10px; /*タイトル下の空*/
	margin-left:10px; /*タイトル下の空*/
}

#new dd{
	color: #653644;
	font-size: 12px;
	line-height: 110%;
	margin-bottom: 10px;
	border-bottom: 1px solid #cccccc;
	padding-bottom:10px;
	text-align: left;
	margin-top:5px; /*タイトル下の空*/
	margin-left:10px; /*タイトル下の空*/
}

#new dd a{ color: #653644; text-decoration: none; }
#new dd a:hover { color: #333333; text-decoration: underline; }

#new .banner{margin: 15px 0 10px 0;}

/*中面new*/
#new2 dt{ 
	color: #7c4d82;
	font-size: 13px;
	line-height: 130%;
	text-indent: 15px;
	text-align: left;
	background-image: url(/blog_images/15harmat/ya.gif);
	background-repeat: no-repeat;
	margin-top:10px; /*タイトル下の空*/
	margin-left:10px; /*タイトル下の空*/
}

#new2 dd{
	color: #653644;
	font-size: 12px;
	line-height: 110%;
	margin-bottom: 10px;
	border-bottom: 1px solid #cccccc;
	padding-bottom:10px;
	text-align: left;
	margin-top:5px; /*タイトル下の空*/
	margin-left:10px; /*タイトル下の空*/
}

#new2 dd a{ color: #653644; text-decoration: none; }
#new2 dd a:hover { color: #333333; text-decoration: underline; }

#new2 .banner{margin: 15px 0 10px 0;}


span.caption{
	font-size:10px;
	line-height:14px;
	bpadding-bottom:20px;
}

.banners{
	text-align:left;
	width:210px;
	margin-left:20px;
	font-size:10px;
	line-height:12px;
}

.game{
	text-align:left;
}

/* menu */
#menu{
	position: absolute;
	top:60px;
	left:48px;
	width:954px;
	height: 1px;
	text-align:center;
}

#menu ul{
	position: relative;
	top:0px;
	width:954px;
	height:50px;
	font-size: 12px;
	line-height: 0;
	background-image: url(/blog_images/15harmat/menu.gif);
	list-style: none;
}
#menu li a{
	float: left;
	display: block;
	height: 50px;
	overflow: hidden;
	text-indent: -9999px;
	text-decoration: none;
	background-image: url(/blog_images/15harmat/menu.gif);
}

#menu li#c1 a{ width: 290px;background-position: 0 0;}
#menu li#c2 a{ width: 112px;background-position: -290px 0;}
#menu li#c3 a{ width: 109px;background-position: -402px 0;}
#menu li#c4 a{width: 109px;background-position: -511px 0;}
#menu li#c5 a{width: 109px;background-position: -620px 0;}
#menu li#c6 a{width: 109px;background-position: -729px 0;}
#menu li#c7 a{width: 115px;background-position: -838px 0;}
#menu li#c1 a:hover{background-position: 0 -50px;}
#menu li#c2 a:hover{background-position: -290px -50px;}
#menu li#c3 a:hover{background-position: -402px -50px;}
#menu li#c4 a:hover{background-position: -511px -50px;}
#menu li#c5 a:hover{background-position: -620px -50px;}
#menu li#c6 a:hover{background-position: -729px -50px;}
#menu li#c7 a:hover{background-position: -838px -50px;}


/*cast
.cast{
width:310px;
/*margin:0 auto;*/
float:left;
margin-left:10px;
}

.cast .detail{
float:right;
width:292px;
}

.cast .name{
margin-top:10px;
font-size:16px;
}

span.eng{
font-size:10px;
}

.cast img{
margin-bottom:5px;
}

.cast .photo{

}

.cast .clear {
  clear:both;
}
*/

/*cast*/
.gallery {
width: 600px; /*margin: 0 auto; 　全体をセンタリングしています。*/
}
.gallery img {
border: 0; /*サムネイル画像としたときリンク外枠が入らないようにします。*/ width: 292px;
}
.gallery dl {
float: left; width: 292px; margin-right: 15px; margin-bottom: 1.5em; padding: 0; font-size: 14px;/*文字サイズは崩れないようにするため固定にします。*/
}
.gallery dt {
margin: 0; padding: 0.5em 0; text-align: left; font-size:12px;
}
.gallery span.red {
color:#ff0000;
}
.gallery dd {
margin: 0; padding: 0;
}
dd.comment {
height: 5em; /*コメント欄の文字数によって調整してください。*/ padding: 0 2px; line-height: 1.3; font-size:10px;
}
.gallery.clear {
clear:both;
}



/*present file*/
.gallery2 {
width: 600px; /*margin: 0 auto; 　全体をセンタリングしています。*/
}
.gallery2 img {
border: 0; /*サムネイル画像としたときリンク外枠が入らないようにします。*/ width: 169px;
}
.gallery2 dl {
float: left; width: 169px; margin-right: 15px; margin-bottom: 0.3em; padding: 0; font-size: 14px;/*文字サイズは崩れないようにするため固定にします。*/
}
.gallery2 dt {
margin: 0; padding: 0 0.5em; text-align: left; font-size:12px;
}
.gallery2 span.red {
color:#ff0000;
}
.gallery2 dd {
margin: 0; padding: 0;
}
dd.comment {
height: 5em; /*コメント欄の文字数によって調整してください。*/ padding: 0 2px; line-height: 1.3; font-size:10px;
}
.gallery2.clear {
clear:both;
}

/*corda3 atmiser*/
.gallery3 {
width: 630px; /*margin: 0 auto; 　全体をセンタリングしています。*/
}
.gallery3 img {
border: 0; /*サムネイル画像としたときリンク外枠が入らないようにします。*/ width: 150px;
}
.gallery3 dl {
float: left; width: 150px; margin-right: 5px; margin-bottom: 0.3em; padding: 0; font-size: 14px;/*文字サイズは崩れないようにするため固定にします。*/
}
.gallery3 dt {
margin: 0; padding: 0 0.5em; text-align: left; font-size:12px;
}
.gallery3 span.red {
color:#ff0000;
}
.gallery3 dd {
margin: 0; padding: 0;
}

/*corda3 salt*/
.gallery4 {
width: 630px; /*margin: 0 auto; 　全体をセンタリングしています。*/
}
.gallery4 img {
border: 0; /*サムネイル画像としたときリンク外枠が入らないようにします。*/ width: 120px;
}
.gallery4 dl {
float: left; width: 120px; margin-right: 5px; margin-bottom: 0.3em; padding: 0; font-size: 14px;/*文字サイズは崩れないようにするため固定にします。*/
}
.gallery4 dt {
margin: 0; padding: 0 0.5em; text-align: left; font-size:12px;
}
.gallery4 span.red {
color:#ff0000;
}
.gallery4 dd {
margin: 0; padding: 0;
}



/*setlist table*/
table{
margin:10px;
}

td{
line-height:15px;
padding:3px;
}




/* foot */
#foot{
position: relative; width:1050px; height: 100px; background: url(/blog_images/15harmat/footer.jpg) no-repeat; text-align: left;
}
*html #foot{
position: relative; width:1050px; height: 100px; background: url(/blog_images/15harmat/footer.jpg) no-repeat; text-align: left;
}
#foot ul{ list-style: none;}
#foot li { position: absolute; display: block;}
#foot li a { position: absolute; display: block;}
#foot li.site a{
top: 23px; left:60px; width: 152px; height: 18px; background-image: url(/blog_images/15harmat/footer.jpg); behavior: url(/script/lib/iepngfix/iepngfix.htc); text-indent:-9999px;
}
#foot li.site a:hover{ background-position:0px -18px;}
#foot address{
position: absolute; background: url() no-repeat; width: 245px; height: 15px; top: 25px; left: 691px; text-indent: -9999px; overflow: hidden; behavior:url(/script/lib/iepngfix/iepngfix.htc);
}
#foot address span{
display: block; text-indent: -9999px; overflow: hidden;
}

/* ジャンピング */

#page-top {
	position: fixed;
	bottom: 50px;
	right: 20px;
	font-size: 77%;
z-index:999;
}


#page-top a {
	width: 89px;
	padding: 10px;
	text-align: center;
	display: block;
}
#page-top a:hover {
	text-decoration: none;
}



/* Original */

#container #container-inner #alpha { width: 600px; }
#tabs ul	{ list-style: none; margin: 0; padding: 0 0 0 15px; font-size: 0; line-height: 0; }
#tabs li	{ display: inline; float: left; width: 280px; height: 26px; margin-left: 1px; text-align: center; }
#tabs li a	{ display: block; width: 280px; height: 26px; overflow: hidden; background: url(/blog_images/11hk/tab.png) no-repeat; font-size: 12px; line-height: 26px; color: #fff; font-weight: bold; text-decoration: none; }

#a0,#a1	{ clear: both; border-top: 1px solid #FF66CC; padding-top: 20px; }
#tabs h3	{ font-weight: bold; margin: 0 0 15px; text-indent: 8px; }
#tabs h3#y	{ border-left: 6px solid #FF66CC; }
#tabs h3#o	{ border-left: 6px solid #FF66CC; }
#tabs table	{ border-collapse: collapse; width: 600px; }
#tabs a		{ color: #ffffff; text-decoration: underline; }
#tabs a:hover	{ color: #ffffff; }
.erase		{ margin: 15px 0 0 0px; background: url(/blog_images/arcadia/close.png) no-repeat; width: 99px; height: 33px; overflow: hidden; text-indent: -9999px; text-decoration: none; display: block; cursor: pointer; }
.erase:hover	{ background-position: 0 -33px; }
.h th		{ background: #ffffff; padding: 5px 0; font-size: 11px; line-height: 12px; text-align: center; }
#tabs td	{ background: #ffffff; padding: 5px; font-size: 11px; line-height: 13px; }
#tabs .c td	{ background: #ffffff; }
#tabs .h td	{ background: #ffffff; }
</style>



/*SetList*/
div#part{
width:680px;
}

.t{
font-size:14px;
line-height:18px;
color:#c452f4;
}

.e{
font-size:12px;
lin-height:16px;
margin-left:10px;
}

span.album{
font-size:10px;
line-height:12px;
color:#8b7c92;
}

div#part a{
color:#635668;
}


/*table
----------------------------------------------------*/

table { border-collapse:collapse; padding:0 0 0 0; }
td { padding-top: 1px;border: 0; background-color : #FFFFFF;}