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

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%;}
ul, ol { list-style:none; }
img { display:block; }
hr { clear:both; visibility:hidden; }

a{text-decoration:none;}
a:link { color:#00008B; }
a:visited,a:active { color:#778899 }
a:hover { color:#F08080;  }
a img { border:none; }

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

/*===== ヘッダー設定 =====*/
#header { width:760px; margin:0; padding:10px 0;  background:url(../images/title-img.jpg) no-repeat 0 0; }
#header a{border:none;}

#header-title{ margin-left:340px; font-size:90%; line-height:170%; }

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

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

#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; }

#foot { white-space:nowrap; padding-bottom:2em; line-height:1;}
#foot li { float:left; font-size:70%;}
#foot a { text-decoration:none; display:block; border-left:1px solid gray; margin-left:0px; padding:5px; padding-left:0px; }
#foot .top { border:none; }


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

h2{ text-indent:-9999em; margin-bottom:0.5em;}
h2#timet{ background: url(../images/h2/h2-timet.gif) no-repeat 0 0; height:30px; width:350px; display:block;}
h2#joei{ background: url(../images/h2/h2-joei.gif) no-repeat 0 0; height:30px; width:350px; display:block;}
h2#koen{ background: url(../images/h2/h2-koen.gif) no-repeat 0 0; margin:0.2em 0;display:block; height:20px; width:360px;}

div.work-left {width:360px; float:left; margin-bottom:15px;}
div.work-right , div.work-right-hasu{width:360px; float:right;margin-bottom:2em;}
div.work-left h3, div.work-right h3 {margin-bottom:0.5em; height:20px; width:360px; margin:0;}
div.work-left p, div.work-right p,div.work-right-hasu p{ line-height:150%; font-size:90%; clear:both; font-size:80%;}
div.work-left img, div.work-right img{float:right; margin:0 0 5px 5px;}
div.work-left h3 img, div.work-right h3 img{margin:0 0 5px 0;}

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

div.work-right-hasu{ background:#ececec; }
div.work-right-hasu p{margin:0 10px 10px 10px; }

#contents table#timetable{margin-bottom:20px;margin-left:26px; width:714px;}
#contents table#timetable td{ padding:5px 5px 5px 0.5em; vertical-align:top; border-bottom:1px dotted #999999;}
#contents table#timetable td.dates{ background:#666666; color:#fff; border-bottom:none;}
#contents table#timetable span { font-size:80%; }

#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;}