@charset "utf-8";

@import url("/tooltips/bt.css");

@import url("basic_ui.css");

body{
	background: url(/css/ciema_bg.jpg) no-repeat;
}

#container{
	width: 840px;
	min-height: 3000px;
	text-align:left;
	top: 0;
	position: absolute;
	left: 80px;
	padding: 0;
}

.inner {
	padding:0 10px;
}

#header{
	height: 200px;
}

#left_container{
	width: 640px;
	float: left;
	min-height: 400px;
	display: block;
}

#main {
	width: 450px;
	background-color: white;
	float: left;
}

#left_container2{
	width: 640px;
	float: left;
	min-height: 400px;
	display: block;
}

#sub {
	width: 175px;
	float: right;
	margin: 0 0 0 5px;
}

#right_container{
	width: 175px;
	min-height: 400px;
	display: block;
	float: right;
	overflow:hidden;
}



#footer{
	position: absolute;
	width: 600px;
	bottom: 10px;
	height: 200px;
	clear: both;
}

.up {
	margin-top: 50px;
	display: block;
	width: 21px;
	height: 21px;
	margin-left: 10px;
	margin-bottom: 50px;
}

.clear {
	clear: both;
}

/* @group header */

div#header h1 a{
	width: 200px;
	height: 100px;
	display: block;
	text-indent: -9999px;
}

/* @end */

/* @group MENU */

#MainMenu {width: 140px;
	display: block;
	position: absolute;
	top: 10px;
	right: 10px;
	text-align: right;
}

#MainMenu li  {
	width: 140px;
	background-color: #fff;
	height: 1.5em;
	margin-bottom: 2px;
	font-size: 12px;
	font-weight: bold;
}

#MainMenu li a{
	width: 140px;
	height: 1.5em;
	display: block;
}

#MainMenu li a:list,#MainMenu li a:visited{
	font-style: bold;
}

#MainMenu li a:hover{
	font-style: bold;
	background-color: #7ba0ff;
	color: #fff;
}


/* @end */

/* @group About */

#about {
	bottom: 650px;
	position: absolute;
}



/* @end */

/* @group Lineup */

#lineup {
	display: block;
	margin-bottom: 30px;
}

div.lineupList {
	width: 315px;
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}

div.lineupList a:link,div.lineupList a:visited{
	width: 315px;
	height: 100px;
	display: block;
	color: #333;
	text-decoration: none;
	background-color: #FFF;
}

div.lineupList a:hover{
	color: #000;
	background-color:#FFF; 
	filter:alpha(opacity=80); 
	-moz-opacity: 0.8;
	opacity: 0.8;
	text-decoration: none;
}

.lineupIMG {
	width: 100px;
	height: 100px;
	margin-right: 5px;
	float: left;
}

div.lineupList h3{
	position: relative;
	font-weight: bold;
	font-size: 108%;
}

div.lineupList h3 a:link,div.lineupList h3 a:visited{
	color: #ff0084;
}

#lineup p.date {
	font: bold 77% verdana;
	bottom: 0;
}

p.exp {
	font-size: 77%;
	display: block;
	margin: 2px;
}



/* @end */

/* @group NEWS LIST */
.TopNewsListImg{
	float: left;
	margin-right: 5px;
}

.NewsListExp{
	float: right;
	position: absolute;
	left: 40px;
}

div.ciemaNews h3 {
	font-size: 108%;
	font-weight: bold;
}

/* @end */

/* @group CIEMA News */

#ciemaNews {
	width: 450px;
	margin-right: 5px;
	float: left;
	display: block;
	overflow: hidden;
}

#ciemaNews h3 a:link,#ciemaNews h3 a:visited {
	color: black;
	text-decoration: none;
}

.Newsdate {
	font-family: arial, helvetica, "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", HiraKakuPro-W3, 平成角ゴシック, Osaka, Sans-Serif;
	color: #000;
}



/* @end */

/* @group CIEMA LETTER */

.ciemaLetter {
	background-color: white;
	border-bottom: 5px solid #0099cc;
	padding-bottom: 20px;

}

.ciemaLetter h3 {
	font-size: 108%;
	font-weight: bold;
}

.ciemaLetter h3 a:link, .ciemaLetter h3 a:visited{
	color: #000;
	text-decoration: none;
}
.ciemaLetter h3 a:hover {
	text-decoration: underline;
	color: #0099cc;
}

.ciemaLetter p {
	font-size: 85%;
	line-height: 1.6;
}




/* @end */

/* @group FILM Detail */

#film_detail {
	width: 450px;
	background-color: white;
	overflow: hidden;
}

#film_detail h3 {
	font: bold xx-large verdana, arial, helvetica, ""Hiragino Kaku Gothic Pro W3"", ""ヒラギノ角ゴ Pro W3"", HiraKakuPro-W3, "平成角ゴシック", Osaka, Sans-Serif;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 5px;
}

.contentitem4 {
	margin: 5px;
}

.bodyText {
	margin: 5px;
	color: #191919;
	font: small/1.65 verdana, arial, helvetica, ""Hiragino Kaku Gothic Pro W3"", ""ヒラギノ角ゴ Pro W3"", HiraKakuPro-W3, "平成角ゴシック", Osaka, Sans-Serif;
}

#FilmData {
	margin-top: 20px;
	color: #191919;
	font-size: x-small;
	border-left: 4px solid #ccc;
	padding-left: 10px;
}



/* @end */

/* @group CONTENTS */

#contents {
	width: 450px;
	min-height: 600px;
	background-color: white;
	overflow: hidden;
	display: block;
	color: #333;
	font-size: 100%;
	line-height: 1.7;
}

.sectionEntry {
	margin-bottom: 30px;
	}

#contents h3{
	font: bold 20px verdana, arial, helvetica, ""Hiragino Kaku Gothic Pro W3"", ""ヒラギノ角ゴ Pro W3"", HiraKakuPro-W3, "平成角ゴシック", Osaka, Sans-Serif;
	color: #333;
	text-indent: 5px;
	border-left: 5px solid #ccc;
	margin: 10px 0 10px 5px;
	border-bottom: 1px solid #ccc;
}

#contents h4{
	color: #333;
	border-bottom: 1px dotted silver;
	margin-bottom: 10px;
	margin-top: 10px;
	margin-right: 0;
	text-indent: 5px;
	font: bold 14px verdana, arial, helvetica, ""Hiragino Kaku Gothic Pro W3"", ""ヒラギノ角ゴ Pro W3"", HiraKakuPro-W3, "平成角ゴシック", Osaka, Sans-Serif;
}

#contents h3 a:link,#contents h3 a:visited{
	color: #333;
}

#contents p.date {
	font: bold 100% "Lucida Grande", Lucida, Verdana, sans-serif;
	background: url(/img/date.png) no-repeat;
	text-indent: 18px;
	margin-left: 10px;
}

p.TagEx {
	font: 93% "Lucida Grande", Lucida, Verdana, sans-serif;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 5px;
}

#contents li{
	list-style-image: url(/img/point1.png);
	margin-right: 10px;
	text-shadow: #000000 0px 1px 0;
	list-style-position: inside;
}

#contents blockquote {
	border: 1px dotted #ccc;
	padding: 5px;
	margin: 5px;
}


/* @end */

/* @group SUB */

#SubLineup {
	width: 175px;	
	clear: left;
	display: block;
	margin-bottom: 20px;
}

h2.subTitle {
	font: bold 93% verdana, arial, helvetica, ""Hiragino Kaku Gothic Pro W3"", ""ヒラギノ角ゴ Pro W3"", HiraKakuPro-W3, "平成角ゴシック", Osaka, Sans-Serif;
	color: white;
	margin-bottom: 5px;
	text-align: left;
	text-shadow: #000 2px 2px 3px;
	width: 175px;
}

.SubLineup {
	width: 175px;
	display: block;
	clear: left;
}

ul.SubLineup li a:link,ul.SubLineup li a:visited {
	height:36px;
	margin-bottom: 3px;
	display:block;
	background-color: white;
	color: #ff0084;
}



ul.SubLineup li a:hover{
	color: #4096ee;
	background-color:#FFF; 
	filter:alpha(opacity=80);
	text-decoration: none;
}

.SubLineupIMG {
	width: 36px;
	height: 36px;
	float: left;
	margin-right: 4px;
}

#SubLineup2 {
	width: 175px;
	float: right;	
	display: block;
	margin-right: 5px;
}




/* @end */

/* @group COMMENT */

/* 3-3-3-7. Comment Log
-----------------------------*/

div#comments {
	margin-top: 30px;
	padding: 5px;
}

div#comments h2 {
	padding-left: 28px;
	background-image: url(/css/mark/pen.png);
	background-repeat: no-repeat;
	background-position: 8px 0.3em;
	border-top: 1px dotted gray;
}

div#comments dl {
margin: 5px;
}

div#comments dl.log {

}

div#comments dl.log dt {
	margin: 0;
}

div#comments dl.log dt span.name {
	margin-right: 0.5em;
	color: #333;
}

div#comments dl.log dt span.date {
	color: #aaa;
	font-size: 92%;

}

div#comments dl.log dd {
	margin: 0 0 0.8em 0;
	border-bottom: 1px solid #eee;
}

div#comments dl.log dd p {
	margin: 0.5em 0 1em 0;
}

/* 3-3-3-8. Comment Post form
-----------------------------*/

#commentform{
	margin-top: 20px;
}

form.post fieldset {
	}

form.post {

}

form.post dl {

}

form.post dl dt {
	margin: 0;
}

form.post dl dd {
	margin-left: 0;
	margin-bottom: 0;
}

form.post dl input {
	margin: 0;
}

form.post textArea {
	margin: 20px;
	width: 350px;
	border: 1px solid #0099cc;
}

form.post textArea dd{
	font-size: large;
	margin-left: 20px;
	font-weight: bold;
}

form.post div.action {
	margin: 0 20px 1em;
}

form.post div.action input.submit {
	margin: 0.4em 0;
	border: 1px solid #0099cc;
}

/* 3-3-3-9. Trackback Log
-----------------------------*/

div#trackback {
	margin-top: 3em;
}

div#trackback h2 {
	padding-left: 28px;
	background-image: url(/css/mark/globe.png);
	background-repeat: no-repeat;
	background-position: 8px 0.3em;
}

div#trackback dl.log {
	border-left: 5px solid #aebd2c;
}

div#trackback dl.log dt {

}

div#trackback dl.log dd {
	margin: 0;
	padding: 0.4em 10px;
	padding-bottom: 1em;
	border-bottom: 1px solid #eee;
}

/* 3-3-3-10. Trackback Info
-----------------------------*/

div#trackback dl.info {
	border-left: 5px solid #aaa;
	border-bottom: 1px solid #eee;
	background-color: #f5f5f5;
}

div#trackback dl.info .URL {
	padding: 0.2em 1em;
	color: #6c9600;
	background-color: #fff;
}



/* @end */

/* @group itemList (right) */

#SubLineup li.itemlist{
	margin: 0;
	padding: 0;
	width: 173px;
	display: block;
	font: bold 10px verdana, arial, helvetica, ""Hiragino Kaku Gothic Pro W6"", ""ヒラギノ角ゴ Pro W6"", HiraKakuPro-W3, "平成角ゴシック", Osaka, Sans-Serif;
		
	border: 1px solid #CBFE33;
	border-style: solid solid none solid;
	text-decoration: none;
	color: black;
	position: relative;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}
li.itemlist a{	
	width: 173px;
	height: 32px;
	display: block;}

span.itemlistIMG{
	float: left;
	padding-right:4px;
	width: 32px;
	height: 32px;
	display: inline-block;
}

li .itemDate{
	color: black;
	width: 34px;
	text-indent: 2px;
	font: bold 77% "Lucida Grande", Lucida, Verdana, sans-serif;
}

li.itemlist a:link,li.itemlist a:visited{
	color: #000;
	font-weight: bold;
}

#SubLineup li.itemlist a:hover{
	text-decoration: none;
	color: black;
	background-color: #CBFE33;
}

li.itemlist a:active{
	text-decoration: none;
	color: #ff0084;
}


/* @end */

/* @group itemList2 (right) */

#SubLineup2 li.itemlist{
	margin: 0;
	padding: 0;
	width: 173px;
	height: 36px;
	display: block;
	font: bold 10px verdana, arial, helvetica, ""Hiragino Kaku Gothic Pro W6"", ""ヒラギノ角ゴ Pro W6"", HiraKakuPro-W3, "平成角ゴシック", Osaka, Sans-Serif;
}

li.itemlist a{	
	width: 173px;
	height: 32px;
	display: block;}

span.itemlistIMG{
	float: left;
	margin-right: 2px;
	width: 32px;
	height: 32px;
	display: inline-block;

}

li .itemDate{
	color: black;
	width: 34px;
	text-indent: 2px;
	font: bold 77% "Lucida Grande", Lucida, Verdana, sans-serif;
}

li.itemlist a:link,li.itemlist a:visited{
	font-weight: bold;
	text-decoration: none;
}

#SubLineup2 li.itemlist a:hover{
	text-decoration: none;
	color: #000;
	background-color: white;
	border-style: none;
}

li.itemlist a:active{
	text-decoration: none;
	color: #ff0084;
}


/* @end */

/* @group navlist */

div#toolbox p, ul.navlist, span.viewmore, div#jobs p, div.greencontainer, ol.commentlist {
	font-size: 12px;
}

#nav {
	margin-bottom: 30px;
}

ul.previewlist li a:hover, li.title a:hover h2, li.title a:hover small, a span.archivetitle, ul.previewlist a:hover strong, ul.navlist li a:hover, li.titlepurple h2, div#title h2, li.title h2, div#pagetitle h2,  a span.archivetitle, div#permalink a, div#permalinkpurple a {
	color: black;
}

ul.navlist, span.viewmore, a .red, .red {
	color: red;
}

ul.navlist li a {
	text-decoration: none;
}

ul.navlist, div#toolbox p, ul#navlist, div.pad8 {
	line-height: 1.8em;
}

ul.previewlist, ul.navlist, div.amazonbox, div.greencontainer {
	margin: 5px 0 0 0;
}

ul.navlist.extras {
	margin: 0;
}

ul.navlist {
	border: 1px solid #CBFE33;
	border-style: solid solid none solid;
	list-style: none;
	display: block;
}

ul.navlist li a {
	display: block;
	padding: 5px 5px 5px 32px;
	border: 1px solid #CBFE33;
	border-style: none none solid none;
	background: white url(/img/raquo.gif) 8px 8px no-repeat;
	height: 1%;
}

ul.navlist li a:hover {
	background: #CBFE33 url(/img/raquo.gif) 8px 8px no-repeat;
}

ul.navlist li.rss a {
	background: white url(/img/rssicon.gif) 8px 8px no-repeat;
}

ul.navlist li.rss a:hover {
	background: #CBFE33 url(/img/rssicon.gif) 8px 8px no-repeat;
}



/* @end */