@charset "UTF-8";
/*Reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;}

/*font*/
body {
font-family:Futura,Century Gothic,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", san-serif;
color:#000;
line-height:1.5em;
letter-spacing:0.15em;
}
/* Opera 9 */
;;body {font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","メイリオ", Meiryo, san-serif;}
/* IE 7 */
*;first-child+html body {font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","メイリオ", Meiryo, san-serif;}
/* IE 6 or sooner*/
* html body {font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","メイリオ", Meiryo, san-serif;}

/* フォントサイズ----------------- */
body {font-size: 12px;}
/* IE 6 or sooner*/
* html body {font-size: 75%;}

/*ClearFix*/
.cl{clear:both;}

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

.clearfix{
display: inline-block;
/*\*//*/
overflow: hidden;
/**/
}

body{background:url("../lib/indexpick/bg_body.gif") 0 0 repeat; border-top:5px solid #00758d; text-align:center;}
h1{margin:20px 0 0 15px; text-align:left;}
h2{text-align:right; font-size:1.4em; margin-bottom:5px;}
#container{width:100%;}
#contenttop{width:800px; margin:0 auto; margin-top:20px; color:#fff; text-align:left;}
#content{width:645px; margin:0 auto; margin-top:0px;}

#btn{width:800px; text-align:center; margin-top:10px;}

object{margin-top:5px;}
#next{margin:0 auto; margin-top:5px; width:637px; text-align:right;}
#next a{color:#fff;}
#next a:hover{color:#cecece;}

#topinfo{margin-top:15px;}
#topinfo h3{padding:8px 0 0 5px; width:795px; height:27px; margin:0 auto; background:url("../lib/all/sub_line.gif") left bottom repeat-x; line-height:1.3em; font-size:1.15em; color:#fff;}
#topinfo h3 .date{margin-left:10px; font-size:0.8em;}
#topinfo h3.hline{width:795px; height:45px; letter-spacing:0.1em;}
#topinfo h3.hline2{width:795px; height:63px; letter-spacing:0.1em;}


#topinfo h4{padding-bottom:3px; margin-bottom:5px; font-size:1.2em; font-weight:600; border-bottom:1px solid #00758d; color:#00758d;}
#topinfo h4 a{border:none;}

#topinfo .textarea{width:780px; background:url("../lib/indexpick/box_under.jpg") right bottom no-repeat #eeeeee; margin:0 auto; padding:10px; color:#333;}
#topinfo .textarea p{margin-bottom:20px; line-height:1.4em;}
#topinfo .textarea .imagebox{display:block; float:left; width:75px;}
#topinfo .textarea .textbox{display:block; float:left; width:530px;}
#topinfo .textarea img.inline{float:left; margin-top:5px; margin-right:1em; margin-bottom:1em;}
#topinfo .textarea table.movie td{padding-right:5px;}
#topinfo .textarea img.left{float:left; margin:0 10px 10px 0;}
#topinfo .textarea .credit{display:block; width:605px; margin:5px 0 0 5px; text-align:right;}

#topinfo .textarea .artist2 .photo {float: left; text-align: center; font-weight: 600; padding:0 2px 0 2px; }
#topinfo .textarea .artist2 .photo .small{font-size: 0.6em; line-height: 1.3em; }

#topinfo .textarea .artist{text-align: center; font-weight: 600; margin:0 0 0 10px;  }
#topinfo .textarea .newsleft{float: left; width: 560px;}
#topinfo .textarea .artist{float: left; width: 200px}

#ticket{border: 5px solid #ccc; background: #fff; margin:5px 0 5px 0;}
#ticket h4{font-size: 1.2em; padding: 5px; border-bottom: 1px solid;border-t: 1px solid;}
#ticket p{padding-left: 5px;}
#ticket .price{padding:0 0 5px 10px; font-size: 1.1em; font-weight: 600;}
#ticket p.attention{font-size: 0.9em;}

#footer{width:100%; margin:0 auto; margin-top:60px; margin-bottom:20px;}
#footer p{color:#fff; font-size:10px; text-align:right; padding-right:20px;}
