/*==============================
　共通設定
================================*/

body { width:100%; margin:0; padding:0; color:#000000; }
h1, h2, h3, h4, h5, h6, p, ul, ol, dl, dt, dd, img, hr, div { margin:0; padding:0; font-style:normal; font-size:100%; line-height:160%;}
ul, ol { list-style:none; }
img { display:block; }
hr { clear:both; visibility:hidden; }

a{text-decoration:none;}
a:link { color:#e60e84; }
a:visited,a:active { color:#FF3333; }
a:hover {color:#0099FF;}
a img { border:none; }

#warapper { width:760px; margin:0 auto;}
#container { width:760px; margin:0;}

/*===== ヘッダー設定 =====*/
#header { width:760px;height:300px; margin:0; padding:10px 0;  background:url(../images/title-img.gif) no-repeat 0 0; }
#header h1,#header p {text-indent:-9999em;}


/*===== メイン設定 =====*/
#contents{	padding:0 10px 10px 10px;	margin-bottom:10px;	 }



/*===== ナビ =====*/

#navi { margin-bottom:10px;}
#navi ul { height:40px;background: url(navi.gif) no-repeat 0 0;}
#navi ul li { float:left;}
#navi ul li a {height:40px; width:190px; display:block;  text-indent:-9999em; }

#navi ul li#navi1 a:hover ,  li#navi1 a.here{ background:url(navi.gif) no-repeat 0 -40px;}
#navi ul li#navi2 a:hover ,  li#navi2 a.here{ background:url(navi.gif) no-repeat -190px -40px;}
#navi ul li#navi3 a:hover ,  li#navi3 a.here{ background:url(navi.gif) no-repeat -380px -40px;}
#navi ul li#navi4 a:hover ,  li#navi4 a.here{ background:url(navi.gif) no-repeat -570px -40px;}

/*===== フッター設定 =====*/
#footer { width:760px; margin:0; clear:both; border-top:1px solid #333333; }
#footer p { margin-left:1em;}

#footer #footer-inst { width:350px; margin:10px; font-size:75%; line-height:150%; float:left; }
#footer #footer-inst h4 { margin:0 0 0.5em 0; }

#footer_smt { padding-top:10px; clear:both; border-top:1px solid #333333; }
#footer_smt p { height:70px; font-size:70%; line-height:120%; }
#footer_smt img.logo { float:left; margin-right:5px; }


/*概要*/


#info { width:360px; margin:10px; font-size:75%; line-height:150%; float:right; }
#info table{ border-collapse:collapse; color:#333333; }
#info table td{border-collapse:collapse; vertical-align:top; padding:2px;}
#info table td.point { letter-spacing:1em; width:4em;}
#info table td.point2{ white-space:nowrap;}
#info img.rogos{ display:inline;float:right;}


/*===== 本文設定 =====*/

h3 {margin-bottom:0.5em; height:20px; border-bottom:1px solid #ccc;padding-bottom:2px; }

/*--プログラム--*/

div.work { margin-bottom:20px;}
div.work img {float:left; margin:0 10px 10px 0;}
div.work p {clear:both; width:740px; font-size:90%;}

div.date,div.director{font-size:80%; margin-bottom:0.5em;}
div.date{margin-bottom:1em;}

/*下部「対談」「ぱらぱら漫画」*/
#taidan { margin-top:30px; padding:5px; border:1px solid #000; }
#taidan h2 { padding:3px; background:#000; color:#FFF; }
#taidan p { margin:5px 3px 0px; font-size:90%; }

#parapara { margin-top:20px; padding:5px; border:1px solid #000; }
#parapara h2 { padding:3px; background:#000; color:#FFF; }
#parapara p { margin:5px 3px 0px; font-size:90%; }
#parapara img { float:right; margin: 5px; }



/*#taidan {background: url(../images/taidan.gif) no-repeat 0 0; width:740px; height:80px; display:block; margin-bottom:10px; margin-top:10px;}
#parapara {background: url(../images/parapara.gif) no-repeat 0 0; width:740px; height:150px; display:block;margin-bottom:10px;}

#taidan h2,#taidan p,#parapara h2,#parapara p,#takuji p {text-indent:-9999em;}*/



/*--スケジュール--*/
#contents table#timetable{margin-bottom:10px; width:740px;}
#contents table#timetable td{ padding:5px 5px 5px 0.5em; vertical-align:top; border-bottom:1px dotted #999999;}
#contents table#timetable td.dates{ background:#e60e84; color:#fff; border-bottom:none;}
#contents table#timetable span { font-size:80%; }

/*表中　強調表現*/
#bensi { border:1px solid #0099FF; background:#F5F5F5; padding:5px; font-weight:bold; margin:5px 0; font-size:95%; }
#taidant { border:1px solid #FF0066; background:#F5F5F5; padding:5px; font-weight:bold; margin:5px 0; font-size:95%; }


#setumei { clear:both;  background:#333333; padding:10px; color:#FFFFFF; margin-top:10px;}
#setumei img {float:left; margin-right:10px;}
#setumei h3 {marign-bottom:0.5em;}
#setumei p {font-size:80%;}

#takuji { margin-top:30px; padding:5px; border:1px solid #000; }
#takuji h2 { padding:3px; background:#000; color:#FFF; }
#takuji p { margin:5px 3px 0px; font-size:90%; }
/*#takuji {background: url(../images/takuji.gif) no-repeat 0 0; width:740px; height:90px; display:block;margin:10px 0;}*/

/*===== floatバグ対策 =====*/
.clearfix:after { height: 0; display: block; clear: both; visibility: hidden; overflow: hidden; content:"."; }

/*= win IE v5/v6> =*/
@media all { * html .clearfix { height:1%; } }

/*= win IE7 =*/
*:first-child+html .clearfix { overflow: hidden; }

/*= mac IE v5> =*/
* html>body .clearfix { display: inline-block; }