@charset "utf-8";

/* *********************************************************
 *
 * kyoto city movie web site
 *
 * *********************************************************
 */

/*--------------------------------------------------------------------
cssの初期化
--------------------------------------------------------------------*/
* {
	font-family:
	Verdana,
	Arial,
	Meiryo,
	"メイリオ",
	"Hiragino Kaku Gothic Pro",
	"ヒラギノ角ゴ Pro W3",
	Osaka,
	"MS P Gothic",
	"ＭＳ Ｐゴシック",
	sans-serif;
	margin:0;
	padding:0;
}

html, body {
	font-family:
	Verdana,
	Arial,
	Meiryo,
	"メイリオ",
	"Hiragino Kaku Gothic Pro",
	"ヒラギノ角ゴ Pro W3",
	Osaka,
	"MS P Gothic",
	"ＭＳ Ｐゴシック",
	sans-serif;
	margin:0;
	padding:0;
	height:100%;
	/*font-size:1em;*/
}

h1, h2, h3, h4, h5, h6, div, address, blockquote, p, pre, ul, ol, li, dl, dt, dd, hr {
	font-family:
	Verdana,
	Arial,
	Meiryo,
	"メイリオ",
	"Hiragino Kaku Gothic Pro",
	"ヒラギノ角ゴ Pro W3",
	Osaka,
	"MS P Gothic",
	"ＭＳ Ｐゴシック",
	sans-serif;
	margin:0;
	padding:0;
	border:0;
	font-style:normal;
	font-weight:normal;
	/*font-size:1em;*/
}

table, caption, th, td {
	font-family:
	Verdana,
	Arial,
	Meiryo,
	"メイリオ",
	"Hiragino Kaku Gothic Pro",
	"ヒラギノ角ゴ Pro W3",
	Osaka,
	"MS P Gothic",
	"ＭＳ Ｐゴシック",
	sans-serif;
	margin:0;
	padding:0;
	border:0;
	font-style:normal;
	font-weight:normal;
	/*font-size:1em;*/
}

span, em, strong, dfn, code, samp, kbd, var, cite, abbr, acronym, sub,
sup, q, br, ins, del, a, img, object, iframe {
	font-family:
	Verdana,
	Arial,
	Meiryo,
	"メイリオ",
	"Hiragino Kaku Gothic Pro",
	"ヒラギノ角ゴ Pro W3",
	Osaka,
	"MS P Gothic",
	"ＭＳ Ｐゴシック",
	sans-serif;
	margin:0;
	padding:0;
	border:0;
	font-style:normal;
	font-weight:inherit;
	/*font-size:1em;*/
}

table caption {
	display:none;
}



/*--------------------------------------------------------------------
common
ページ共通部分
--------------------------------------------------------------------*/
/*bodyのスタイル*/

body {
	line-height:1.3;
	color:#000;
	background:#F1F1F1;
}

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

div#all {
	width:780px;
	margin:0 auto;
	padding:10px;
	min-height:100%;
	height:auto !important;
	height:100%;
	background-color:#FFFFFF;
}

/*********************************************************************
headのスタイル
*********************************************************************/
div#head {
	width:780px;
	padding:48px 0 0;
	min-height:152px;
	background:url(../common/bg_head.jpg) top center no-repeat;
}

* html div#head { height:152px; }

/*---ロゴ-----------------------------------------------------------*/
div#head p.logo { margin:0 0 10px 23px; padding:0; }

div#head h1 { font-size:0.8em; color:#fff; margin:0 0 0 26px; }


div#head2 {
	width:780px;
	padding:48px 0 0;
	min-height:152px;
	background:url(../common/bg_head2.jpg) top center no-repeat;
}

* html div#head2 { height:152px; }

/*---ロゴ-----------------------------------------------------------*/
div#head2 p.logo { margin:0 0 10px 23px; padding:0; }

div#head2 h1 { font-size:0.8em; color:#fff; margin:0 0 0 26px; }

/*********************************************************************
containerのスタイル
*********************************************************************/
div#container {
	width:780px;
	margin:0 auto 45px;
	padding:0;
	min-height:100%;
	height:auto !important;
	height:100%;
}
*html div#container {
	width:780px;
	margin:0 auto 45px;
	padding:0;
	min-height:auto;
	height:auto !important;
	height:auto;
}

/********************************************************************
コンテンツ部分
*********************************************************************/
div#contents {
	float:right;
	width:575px;
	padding:0;
	background:#FFFFFF;
}

div#contents2 {

	width:780px;
	padding:10px 0 0;
	background:#FFFFFF;
}

div#contents h2 { margin-bottom:10px; }

div#contents p {
	font-size:0.9em;
	line-height:1.4;
}


/*トピック部分*******************************************************/
div.topic { width:575px; margin-bottom:20px; padding:0; }

div.topic div.movieDate { color:#707070; font-weight:bold; border-left:5px solid #253964; margin-bottom:5px; padding:2px 8px; }

div.topic div.tpc_box { width:555px; margin:0 0 20px 0; padding:10px; background-color:#EFE0FF/*F5EBFF*/; }

*html div.topic div.tpc_box { width:575px; margin:0 0 20px 0; padding:10px; background-color:#EFE0FF/*F5EBFF*/; }

div.topic div.tpc_box h3,div.newsKbs h3 { font-size:0.9em; font-weight:bold; padding:0 5px 0 0; /*background:url(../common/bg_movie_ttl.gif) top left no-repeat;*/ }

div.topic div.tpc_box h3 span,div.newsKbs h3 span { color:#253964; padding-right:3px; }

div.topic div.tpc_box p { line-height:1.2; margin-bottom:15px; }

div.topic div.tpc_box p.samnail {
	float:left;
	width:156px;
	background:url(../common/bg_film_purple.gif) top center no-repeat;
	margin-right:12px;
	margin-bottom:0;
	padding:15px 4px;
}

div.topic div.tpc_box div.mov_button,div.newsKbs div.mov_button { float:left; width:280px; }

div.topic div.tpc_box div.mov_button ul,div.newsKbs div.mov_button ul { margin-bottom:8px; }

div.topic div.tpc_box div.mov_button ul li,div.newsKbs div.mov_button ul li { display:inline; }

div#contents div.topic div.tpc_box div.mov_button p,div#contents div.newsKbs div.mov_button p { width:265px; font-size:0.8em; }

div.topic div.tpc_box div.qr { float:left;}

div.topic div.tpc_box div.qr p { margin:0; padding:0;}

.wait { width:780px!important; }
.wait2 { width:760px!important; }

/*市政ニュース********************************************************/
div.shiseiNews { width:575px; margin-top:25px; }

div.newsKbs { width:555px; margin-top:0; padding:10px; background-color:#E7E7E7/*F1F1F1*/; }

*html div.newsKbs { width:575px;}

div.newsKbs p.film { float:left; width:156px; background:url(../common/bg_film_gray.gif) top center no-repeat; margin-right:15px; padding:15px 4px; } 

div.newsKbs p.txt { margin:0 0 5px 0; }
/*********************************************************************
lmenuのスタイル
*********************************************************************/
div#lmenu { float:left; width:190px; height:auto; background-color:#FFFFFF; margin:16px 15px 0 0; }

div#lmenu ul.monthbox,div#lmenu div.monthbox {
	width:190px;
	list-style:none;
	margin:0 0 15px;
	padding:0;
	background:none;
}


div#lmenu ul.monthbox li.ttl {
	font-weight:bold;
	color:#593887;
	margin-bottom:3px;
	padding:0;
	background:none;
}

div#lmenu ul.monthbox h3.ttl,
div#lmenu div.monthbox h3.ttl {
	font-weight:bold;
	font-size:1em;
	color:#593887;
	margin-bottom:3px;
	padding:0;
	background:none;
}


div#lmenu ul.monthbox ul.month,
div#lmenu div.monthbox ul.month {
	width:180px;
	list-style:none;
	margin:0;
	padding:10px 5px 10px;
	background:#EFE0FF/*F5EBFF*/;
}
/*バックナンバー用背景グレー*/
div#lmenu div.backnum ul.month { background:#E1E1E1; }

div#lmenu div.monthbox ul.month { margin-bottom:10px; }

div#lmenu dl.month {
	width:180px;
	list-style:none;
	margin:0;
	padding:10px 5px 20px;
	background:#EFE0FF/*F5EBFF*/;
}

div#lmenu dl.month dt {
	font-weight:bold;
	font-size:1em;
	color:#593887;
	margin-bottom:3px;
	padding:0;
	background:none;
}



*html div#lmenu ul.monthbox ul.month {
	width:100%;
}

*html div#lmenu div.monthbox ul.month {
	width:100%;
}


div#lmenu ul.monthbox ul.month li,div#lmenu div.monthbox ul.month li {
	margin-bottom:3px;
	padding:5px;
	background:#E4CBFC/*EAD7FC*/;
}

div#lmenu div.backnum ul.month li { background:#C6C6C6; }


div#lmenu ul li a,
div#lmenu ul li a:link,
div#lmenu ul li a:visited {
	/*display:block;*/
	font-weight:bold;
	color:#593887;
	text-decoration:none;
	padding-left:8px;
	background:url(../common/bg_lmenu_li.gif) top left repeat-y;
}

div#lmenu ul li a:focus,
div#lmenu ul li a:hover,
div#lmenu ul li a:active {
	text-decoration:underline;
	font-weight:bold;
	color:#6D44A6;
	padding-left:8px;
	background:url(../common/bg_lmenu_li.gif) top left repeat-y;
}




/**********************************************************************
アーカイブタイトル
**********************************************************************/
.month_archive {
	font-weight:bold;
	color:#593887;
	margin-bottom:3px;
}
/*バナーエリア*********************************************************/
div#side_bn { width:190px; margin:0 0 20px; padding-top:5px; padding-bottom:5px; background-color:#E3E3E3; }
/*IE6*/
* html div#side_bn { margin:0 0 20px; }

div.mob div.prefMobile { width:174px; background-color:#FFF8E5; margin-bottom:10px; padding:8px; }

*html div.mob div.prefMobile { width:100%; }
div.mob div.prefMobile h2 { font-size:0.8em; }

div#container div.mob div.prefMobile p { font-size:0.8em; line-height:1.3;}

div.mob div.prefMobile p.qr {
	width:100%;
	text-align:center;
	background:none;
	margin:5px auto;
}

div.mob div.bnArea,div#side_bn div.bnArea {
	width:100%;
}

div.mob div.bnArea p,div#side_bn div.bnArea p {
	width:100%;
	text-align:center;
	margin-bottom:5px;
	border:none;
}

div.mob div.bnArea p.backB,div#side_bn div.bnArea p.backB {
margin-bottom:15px;
} 

/********************************************************************
共通テーブルスタイル
*********************************************************************/
table.share_ta { width:593px; margin:30px 0 20px; }

table.share_ta th,table.share_ta td { font-size:0.9em; }

table.share_ta th {
	font-weight:bold;
	color:#FF8107;
	padding:8px 10px;
	text-align:left;
	vertical-align:top;
	border-bottom:2px solid #FFFFFF;
	background-color:#E8FFD6;

}

table.share_ta th.head1,table.share_ta th.head2,table.share_ta th.head3 { text-align:center; color:#000000; }

table.share_ta th.employee1 { text-align:center; width:40%; border-right:2px solid #FFFFFF; }

table.share_ta th.employee2 { text-align:center; width:60%; }

table.share_ta th.head1 { width:20%; }

table.share_ta th.head2 { width:60%; border-left:2px solid #FFFFFF; border-right:2px solid #FFFFFF; }

table.share_ta th.head3 { width:20%; }

table.share_ta td { padding:8px 10px; border-bottom:2px solid #FFFFFF; background-color:#F4FFEB; }

table.share_ta td ul { margin-left:15px; }

table.share_ta td ul li { margin-bottom:3px; }

/*左右　白2pxライン*/
table.share_ta td.line_lr_white { border-right:2px solid #FFFFFF; border-left:2px solid #FFFFFF; }
/*右　白2pxライン*/
table.share_ta td.line_r_white { border-right:2px solid #FFFFFF; }

table.share_ta tr.bg_gray td { background-color:#F7F7F7; }

/********************************************************************
backNumberのスタイル
*********************************************************************/
div.pageback {
	margin:10px 0 0 0;
	padding:0;
	text-align:right;
}

div.pageback ul li {
	list-style:none;
} 
/********************************************************************
pagetopのスタイル
*********************************************************************/
div.ptop {
	width:780px;
	margin:15px 0 5px 0;
}

div.ptop p {
	width:100%;
	text-align:right;
	font-size:0.8em;
}

/********************************************************************
プラグインのスタイル
*********************************************************************/
div#plugin {
	width:780px;
}

div#plugin h3{
	font-size:0.9em;
	color:#FFF;
	margin-bottom:10px;
	padding:8px 10px;
	background-color:#705892;
}

div#plugin p { font-size:0.9em; }

div#plugin p.media10 {
	width:88px;
	margin:0 10px 0 10px;
}

/********************************************************************
buckNumber
*********************************************************************/


div#backNum { width:780px; background:#F1F1F1;}

div#backNum div.yearBox { width:100%; margin:0 0 15px; padding:5px; }

div#backNum div.yearBox h3 { margin:0; padding:0; }

div#backNum div.yearBox h3 {
	font-weight:bold;
	color:#593887;
	text-decoration:none;
	margin:0 0 5px;
	padding-left:8px;
	background:url(../common/bg_lmenu_li.gif) top left repeat-y;
}

div#backNum div.yearBox ul { margin:0; padding:0; list-style:none; }

div#backNum div.yearBox ul li { float:left; width:117px; margin-right:5px; padding:3px 3px; background-color:#7F59B4; text-align:center; }

div#backNum div.yearBox ul li a,
div#backNum div.yearBox ul li a:link,
div#backNum div.yearBox ul li a:visited {
	display:block;
	font-weight:bold;
	color:#593887;
	text-decoration:none;
	padding:3px 0;
	border:1px solid #593887;
	background-color:#EAD7FC;
}

div#backNum div.yearBox ul li a:focus,
div#backNum div.yearBox ul li a:hover,
div#backNum div.yearBox ul li a:active {

	font-weight:bold;
	color:#FFFFFF;
	background-color:#593887;

}

/********************************************************************
footerのスタイル
*********************************************************************/
div#footer {
	width:780px;
	color:#40206D;
	margin:30px auto 0;
	background:#F5EBFF url(../common/bg_footer.jpg) top center no-repeat;
}

div#footer address {color:#40206D; font-size:0.8em!important; font-style:normal; padding:15px 0 5px 10px;}

div#footer p.copy { color:#40206D; font-size:0.8em; padding:0 0 10px 10px;}
	


/*共通クラス*/

p.detail {
	background:url(../common/ico_arw_purple.gif) center left no-repeat;
	padding-left:16px;
}

a{
	outline:none;
	color:#0033cc;
	text-decoration:underline;
}
	
a:hover{
	color:#3366ff;
	text-decoration:underline;
}

.txt_s { font-size:0.8em!important; }

ul.subm_txt { list-style:none; font-size:0.9em; }

ul.subm_txt li { background:url(../images/common/ico_link.gif) top left no-repeat; margin-right:8px; }

ul.subm_txt li.on { font-weight:bold; background:url(../images/common/ico_link.gif) top left no-repeat; padding-left:8px; }


ul.subm_txt li a,
ul.subm_txt li a:link,
ul.subm_txt li a:visited {  padding-left:8px; background:url(../images/common/ico_link.gif) top left no-repeat; text-decoration:none; }

ul.subm_txt li a:focus,
ul.subm_txt li a:hover,
ul.subm_txt li a:active {  padding-left:8px; background:url(../images/common/ico_link.gif) top left no-repeat; text-decoration:underline; }

div#contents .mgr90{margin-right:90px !important;}
/*IE7*/
*:first-child+html div#contents .mgr90{margin-right:80px !important;}

div#contents .mgr90-2{margin-right:90px !important;}
/*IE7*/
*:first-child+html div#contents .mgr90-2{margin-right:90px !important;}

/********************************************************************
共通見出しタイプ
*********************************************************************/
.greenline_l { font-weight:bold; border-left:4px solid #22B34C; padding:3px; padding-left:5px; }

.orangeline_l { font-weight:bold; border-left:4px solid #FA5D02; padding:3px; padding-left:5px; }

.h4_orange { font-weight:bold; color:#FA5D02; }

/* clearfix
---------------------------------------
*/

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
	line-height:0;
	font-size:1px;
  }

.clearfix {
  display: inline-table;
  min-height: 1%;
  }
		
* html .clearfix {height: 1%;}
*+html .clearfix {height: 1%;}

/*フォントサイズ*/
div#contents .txt10{font-size:10px !important;}

div#contents .txtb{ font-weight:bold !important;}

div#contents .txttop{ vertical-align:top !important;}


	
/*共通マージンタイプ
---------------------------------------------------------------------
*/

div#all .mgb0{margin-bottom:0 !important;}
div#all .mgb5{margin-bottom:5px !important;}
div#all .mgb10{margin-bottom:10px !important;}
div#all .mgb15{margin-bottom:15px !important;}
div#all .mgb20{margin-bottom:20px !important;}
div#all .mgb30{margin-bottom:30px !important;}

div#all .mgt0{margin-top:0 !important;}
div#all .mgt5{margin-top:5px !important;}
div#all .mgt10{margin-top:10px !important;}
div#all .mgt15{margin-top:15px !important;}
div#all .mgt20{margin-top:20px !important;}
div#all .mgt30{margin-top:30px !important;}

div#all .mgl0{margin-left:0 !important;}
div#all .mgl5{margin-left:5px !important;}
div#all .mgl10{margin-left:10px !important;}
div#all .mgl15{margin-left:15px !important;}
div#all .mgl20{margin-left:20px !important;}
div#all .mgl30{margin-left:30px !important;}

div#all .mgr0{margin-right:0 !important;}
div#all .mgr5{margin-right:5px !important;}
div#all .mgr10{margin-right:10px !important;}
div#all .mgr15{margin-right:15px !important;}
div#all .mgr20{margin-right:20px !important;}
div#all .mgr30{margin-right:30px !important;}


div#all .mgn0{margin:0 !important;}

div#all .pdt0{padding-top:0 !important;}
div#all .pdt5{padding-top:5px !important;}
div#all .pdt10{padding-top:10px !important;}
div#all .pdt15{padding-top:15px !important;}
div#all .pdt20{padding-top:20px !important;}
div#all .pdt30{padding-top:30px !important;}

div#all .pdb0{padding-bottom:0 !important;}
div#all .pdb5{padding-bottom:5px !important;}
div#all .pdb10{padding-bottom:10px !important;}
div#all .pdb15{padding-bottom:15px !important;}
div#all .pdb20{padding-bottom:20px !important;}
div#all .pdb30{padding-bottom:30px !important;}

div#all .pdl0{padding-left:0 !important;}
div#all .pdl5{padding-left:5px !important;}
div#all .pdl10{padding-left:10px !important;}
div#all .pdl15{padding-left:15px !important;}
div#all .pdl20{padding-left:20px !important;}
div#all .pdl30{padding-left:30px !important;}


div#all .pdr0{padding-right:0 !important;}
div#all .pdr5{padding-right:5px !important;}
div#all .pdr10{padding-right:10px !important;}
div#all .pdr15{padding-right:15px !important;}
div#all .pdr20{padding-right:20px !important;}
div#all .pdr30{padding-right:30px !important;}

div#all .pad0{padding:0 !important;}


/*共通フロート、クリアタイプ
---------------------------------------------------------------------
*/

div#all .clearBoth{clear:both;}
div#all .floatLeft{float:left;}
div#all .floatRight{float:right;}
div#all .alignLeft{text-align:left;}
div#all .alignRight{text-align:right;}
div#all .alignCenter{text-align:center;}


@media print {
*html div#all {
	width:780px;
	margin:0 auto;
	padding:0;
	background-color:#FFFFFF;
}
*html div#lmenu { float:left; width:190px; height:auto; background-color:#FFFFFF; margin:16px 0 0 0; }

}

}