@charset "utf-8";

/*
	Create Date 2011-03-08
	Last Update 2011-03-08

	Copyright (C)2011 KCC
*/

/*
===============================================================
	1	: HEADER		ID=[header]
===============================================================
*/
#header{text-align:center;clear:both;margin:0px; background-color:#FFFFFF;min-width:1000px;}
#header a img{ border-style:none;}
#header #head_bg{ background-image:url(../tmplimg/header_bg.gif); background-color:#000099;}
#header #logo #outline{ width:1000px; margin:auto;}


/*
===============================================================
	1-1	: LOGO		ID=[logo]
===============================================================
*/
#logo {padding:6px 0px 0px 6px; width:1000px;clear:both;margin:auto;}
#logo img{margin-left:6px;}
#logo .headerlogo{float:left;}
#logo .grouplogo{float:right;margin-right:10px; text-align:right; font-size:12px;}


/*
===============================================================
	1-2	: OPTION	ID=[option]
===============================================================
*/
#option {min-height:1px;}
#option {text-align:center;height:1px;line-height:1px; border-top:5px solid #006699;}
#option li {float:right;width:70px;text-align:center;}
#option a{display:block;width:70px;height:30px;font-size:10px;}
#option a{color:#0099FF;background-image:url(../tmplimg/option_btn.gif);}
#option a:link{color:#0099FF;}
#option a:visited{color:#0099FF;}
#option a:hover{color:#000000;background-image:url(../tmplimg/option_btn_over.gif);}

#option a{ display:none;}

/*
===============================================================
	1-3	: MENU		ID=[menu]
===============================================================
*/
#menu{ margin:1em auto; width:960px; _width:980px; height:50px;}
#menu{text-align:center; clear:both; position:relative;}
#menu li {float:left;width:137px;text-align:center; vertical-align:middle; list-style:none;}
#menu a{display:block;width:137px;height:50px; vertical-align:middle; }
#menu a{border:0px none; background-image:url(../tmplimg/menu_btn.jpg); background-color:#0066FF;}
#menu a{ font-size:20px; font-weight:bold; vertical-align:middle; text-align:center; line-height:50px;color:#ffffff;}
#menu #m000000 a{ font-size:15px;}/*タイムテーブル*/
#menu #m030000 a{ font-size:15px;}/*ネットdeローザ*/
#menu #m050000 a{ font-size:15px; line-height:24px;}/*移動映写・出張上映*/
#menu a:link{ text-decoration:none;}
#menu a:visited{ text-decoration:none;}
#menu a:hover{color:#FFFFFF;background-image:url(../tmplimg/menu_btn_over.jpg); background-color:#FF9900;}

/*
===============================================================
	2	: BODY		ID=[body]
===============================================================
*/
/**/
body{ background-color:#cccccc; background-image:url(../tmplimg/base_bg.gif);}
#body { background-color:#ffffff; border-left:3px outset #666666; border-right:3px inset #666666;}
#body { width:960px; _width:970px; margin:auto; padding:10px 15px;}
/*
===============================================================
	2-1	: NAVI		ID=[navi]
===============================================================
*/
#body #navi{margin-bottom:1em;}
/*
===============================================================
	2-2	: CONTENT		ID=[content]
===============================================================
*/
#body #content{}
/*
===============================================================
	2-2-1	: SIDE(TOP用)		ID=[side]	
	w:180
===============================================================
*/
#body #content #side{ display:none; }
/*#body #content #side{ float:left; width:180px;}*/
#body #content #side h3{ background-color:#CC0033;}
#body #content #side div{ text-align:center;}
#body #content #side img{ margin:auto; border:0px none;}
#body #content #side a{ color:#FFFFFF;}

#body #content #side dl{padding:5px 30px; min-height:2500px; max-height:6000px; height:100%;}
#body #content #side dl{background-image:url("../tmplimg/movie_list_bg.gif"); color:#FFFFFF;}
#body #content #side dd{ text-align:center;}

/*
===============================================================
	2-2-3	: MAIN(TOP用)		ID=[main]
	w:710( + 5)
===============================================================
*/
#body #content #main{ display:block; width:100%; margin:auto; }
/*
#body #content #main{ float:left; width:770px; margin-left:5px;}
===============================================================
	2-3	: topics(お知らせ)		ID=[topics]
	w:45（マーク） + 80（日付け） + 375（タイトル）
===============================================================
/*トップページ &トピックス一覧用(010000, topics_list)*/
#content #topics_list{margin:0px;}
#content #topics_list h3{margin:0px;}
#content #topics_list h3{line-height:35px; background-color:#FF6600; padding-left:5px;}
#content #topics_list h3{font-size:18px; font-weight:bold; color:#FFFFFF; line-height:35px;}
#content #topics_list h3 a img{ border:none;}
#content #topics_list div{margin:0px; background-color:#FF6600;}
#content #topics_list dl { padding:5px;}
#content #topics_list dt {clear:both;}
#content #topics_list dd {float:left;height:24px;line-height:26px;}
#content #topics_list .tpcs_mark{clear:both;}
#content #topics_list .tpcs_mark{width:45px;line-height:26px;margin:6px auto auto auto;}
#content #topics_list .tpcs_date{width:80px;}
#content #topics_list .tpcs_list{width:calc(100% - 125px);font-size:12px;}
#content #topics_list .tpcs_list{ border-bottom:1px dotted #cccccc;}
#content #topics_list .tpcs_btn{border:none; background-color:#FFFFFF; padding:0px;}
#content #topics_list .tpcs_btn{text-align:center;width:61px; height:17px; line-height:17px; font-size:9px;color:#FFFFFF;}
#content #topics_list .tpcs_btn{background-image:url(../tmplimg/tpcs_btn.gif); background-repeat:no-repeat; background-color:#000066;}

/*映画情報　各ページ共通項目*/
.mv_ttl{ background-color:#0066FF; padding:5px 10px;}
.mv_ttl{ font-size:16px; font-weight:bold; color:#FFFFFF; text-decoration:none;}
.mv_ttl a{ font-size:16px; font-weight:bold; color:#FFFFFF; text-decoration:none;}

/*
===============================================================
	2-3	: 下部リンクエリア
===============================================================*/
#content #link {padding:5px;}
#content #link div{ text-align:center;}
/*
===============================================================
	3	: FOOTER		ID=[footer]
===============================================================
*/
#footer{clear:both;min-width:1000px;}
#footer *{text-align:center;}
#footer #m_copy{text-align:left; color:#FFFFFF; background-color:#aaaaaa; padding:5px;}
#footer address{ background-color:#000066; color:#FFFFFF; margin-top:3px; padding:3px;}