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

body { width:100%; margin:0; padding:0; color:#000000; background:url(../images/bg_main.gif) repeat-x 0 0; }
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:140%;}
ul, ol { list-style:none; }
img { display:block; }
hr { clear:both; visibility:hidden; }

a{text-decoration:none;  /*\*/overflow: hidden;/**/ outline:none; }
a:link { color:#e60e84; }
a:visited,a:active { color:#FF3333; }
a:hover {color:#0099FF;}

a img {
	border:none;
	}

#warapper {
	width:800px;
	margin:0 auto;
	background:url(../images/bg_wrra.gif) repeat-y 0 0;
	}
#warapper2 {
	width:800px;
	margin:0 auto;
	background:url(../images/bg_wrra2.gif) repeat-y 0 0;
	}
	
#container {
	width:800px;
	margin:0;
	}

/*==============================
 ヘッダー設定
===============================*/

#header {
	position:relative;
	}
#header h1 {
	width:800px;
	height:160px;
	margin:0;
	padding:0;
	background: url(../images/main_title.gif) no-repeat 0 0;
	}
#header h1,#header p {
	text-indent:-9999em;
	}

#header div#navi {
	position:absolute;
	top:175px;
	width:220px;
	height:35px;
	left:580px;}
	
#header div#navi div a { 
	width:220px;
	height:35px;
	display:block;
	text-indent:-9999em;}

#header div#navi div#program a {
	background:url(../images/bg_navi.gif) no-repeat 0 0;
	/*\*/overflow: hidden;/**/
	}
	
#header div#navi div#program a:hover { 
	background:url(../images/bg_navi.gif) no-repeat 0 -35px;
	}

#header div#navi div#home a {
	background:url(../images/bg_navi.gif) no-repeat 0 -70px;
	/*\*/overflow: hidden;/**/
	}
	
#header div#navi div#home a:hover { 
	background:url(../images/bg_navi.gif) no-repeat 0 -105px;
	}
	
#topImage img{ float:left;}
#topTitle { clear:both;}

/*==============================
 メイン設定
===============================*/

#contents {
	position:relative;
	background: url(../images/top_bg.jpg) no-repeat 0 0;
	padding:0 ;
	}
#contents2 {
	position:relative;
	padding:0 ;
	}

#btn_bt{
	position:absolute;
	right:10px;
	bottom:10px;
	}

#btn_bt a {
	width:80px;
	height:20px;
	display:block;
	background:url(../images/btn_bt.gif) no-repeat 0 0;
	text-indent:-9999em;}

#btn_bt a:hover {
	background: url(../images/btn_bt.gif) no-repeat 0 -20px;
	}


/*==============================
 フッター設定
===============================*/
#footer {
	width:580px;
	float:left;
	margin:0;
	background:url(../images/bg_footer.gif) repeat-y 0 0;
	}
	
#footer p { margin-left:1em;}

#footer_smt {padding-top:10px; clear:both;}

#footer_smt p { font-size:80%; clear:both; }
#footer_smt img.logo { float:left; margin-right:5px; margin-bottom:10px;}
#footer_left {	float:left; width:200px; margin-left:10px;}
#footer_right {	float:right; width:370px; }

* html #footer_right { width:350px;}

/*概要*/


#info {  margin:10px; font-size:75%; }
#info table{ border-collapse:collapse; color:#333333; border-bottom:1px solid #333333;}
#info table td{border-collapse:collapse; vertical-align:top; padding:0px; font-weight:bold;}
#info table td.point { letter-spacing:2em; width:6em;white-space:nowrap;vertical-align:top;}
#info table td.point2{ white-space:nowrap;}
#info table td.rogos{vertical-align:bottom; padding:2px; }
#info p {  border-bottom:1px solid #333333; margin:0; padding:10px 5px;}

/*===== トップページ設定 =====*/
	
#top_left {
	float:left;
	width:555px;

	color:#FFFFFF;
	padding:520px 10px 10px 15px;
	}
#top_left p {
	font-size:85%;}
#top_left p span {
	font-size:90%;
	}
#top_right {
	float:right;
	width:220px;

	}
#top_right img { 
	margin-top:10px;
	margin-left:10px;}
	
	
	
/*===== 本文設定 =====*/
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	margin:0 0 0.5em 0; }
p{
	font-size:90%;
	margin-bottom:1em;
	}
	
#sub_left {
	float:left;
	width:540px;
	padding-top:10px;
	padding-left: 20px;
	}
#sub_left h2 { clear:both;}

#sub_right {
	float:right;
	width:200px;
	padding:0 10px;	color:#FFFFFF;
	}
#sub_right table{
	border-collapse:collapse;
	font-size:70%;
	color:#FFFFFF;
	margin:10px 0;
	}
	
#sub_right table td,
#sub_right table th{
	border-left:1px solid #fff;
	border-bottom:2px solid #fff;
	width:40px;
	line-height:130%;
	padding:5px 1px;
	vertical-align:top;}
	
#sub_right table th{
	background:#1B8F3E;
	border-bottom:2px solid #fff;}
#sub_right table .bn {
	border-left:none;
	}

#sub_right p {
	margin-left:1em;
	text-indent:-1em;
	font-size:80%;
	margin-bottom:0;}

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

div.work { margin-bottom:20px; clear:both;}
div.work img {float:left; margin:0 10px 10px 0;}
div.work h3 { margin:0;}
div.work h3 span { background:#009900; color:#FFFFFF; padding:2px 5px 1px 5px; font-size:70%; vertical-align:top;}
div.work div.date, div.work div.director{font-size:75%; line-height:140%;}
div.work div.director { margin-bottom:0.5em;}
div.work div.data { font-size:90%; margin-left:190px}

#sub_right div.date,#sub_right div.director,#sub_right h3
{margin-left:10px;}
#sub_right a {color:#fff;}

#sub_right div.date,#sub_right div.director
{font-size:75%; line-height:130%;}

#sub_right div.director
{ margin-bottom:0.5em;}

#sub_right h3 { font-size:85%;margin:0 0 0 10px;}
#sub_right h2 { font-size:90%;margin:0 0 0.5em 0; border-bottom:1px solid #fff;}

/*===== 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; }