/*
Theme Name: TV
Theme URI: http://www.ff-creation.com
Version: 1.0
Description: Web creation [Tokyo/Kyoto/Nara/Los Angeles]
Author: Emi Hayashi
Author URI: http://www.ff-creation.com
*/

/**************************************************** standard elements */
html {min-height: 100%;}
* {margin: 0;padding: 0;}

a {color: #048;}
a:hover {color: #06C;}
a img {border: none;}

body {
	background-color: #fff;
	color: #444;
	font: normal 65% Arial,sans-serif;
	padding-top: 0px;
}

li {list-style: none;}

h1 {font: normal 1.2em Arial,sans-serif;}
h2 {font: normal 1.1em Arial,sans-serif;}
h3 {font: normal 1em Arial,sans-serif;}

h1,h2 {padding-top: 0px;  color: #333; margin-bottom: 2px;}
h3 {padding-bottom: 10px;}

hr {margin-bottom:20px; }
/**************************************************** misc */
.clearer {clear: both; font-size: 0;}
.left {float: left;}
.right {float: right;}
.space {height:30px;}

blockquote {
	margin: 25px 30px 15px 0px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}
/**************************************************** structure */
.outer-container {
    width: 820px;
	background: #fff url('img/main_bg.jpg') repeat-y;
	border: 0px;
	font-size: 1.2em;
	margin: 0 auto;
	padding: 0px;
}

.inner-container {
    width: 780px;
	margin: 0px 20px 0px 20px;
	border-top:8px solid #570f0f;
}
/**************************************************** header 
(make sure to add the size of nav to top image for height */
.header {	
	height:100%;
}

#top_image{
    width:780px; height:93px;
	margin:0px;
	background: #fff url('img/top.jpg') no-repeat;
}

#header_image ul#topimg {
	height:300px;
	margin: 0px;
	background: #000;
}

/**************************************************** font */
#font {
    width:143px;height:41px;
	list-style: none;padding:0px;
	overflow: hidden;float:right;
}

#font li {float: left;}
 
#font a  {  
    display:block;  
    background:url('img/font.jpg'); 
    height:41px;  
    text-indent:-9000px;
	text-decoration: none;
} 
#font a.efontsmall {width:76px;} 
#font a.efontsmall:hover {background-position:0px -41px;}   
#font a.efontreset {width:23px; background-position: -76px 0;}  
#font a.efontreset:hover {background-position:-76px -41px;}
#font a.efontbig {width:44px; background-position: -99px 0;}  
#font a.efontbig:hover {background-position:-99px -41px;}
/*********************************************** nav*/

#nav {width:780px; background:url('img/nav.jpg') no-repeat;padding:0px;float:left;}
#nav ul {margin-left:0px; padding-left:0px;}
#nav li {float: left;}
#nav a{  
    display:block;
    background:transparent url('img/nav.jpg') no-repeat;
    height:50px;  
    text-indent:-9000px;
	text-decoration: none;
} 

#nav a.link1 {width:88px;} 
#nav a.link1:hover {background-position:0px -50px;}  

#nav a.link2 {width:110px; background-position: -88px 0;}  
#nav a.link2:hover {background-position:-88px -50px;}

#nav a.link3 {width:109px; background-position: -198px 0;}  
#nav a.link3:hover {background-position:-198px -50px;}

#nav a.link4 {width:101px; background-position: -307px 0;}  
#nav a.link4:hover {background-position:-307px -50px;}

#nav a.link5{width:99px; background-position: -408px 0;}  
#nav a.link5:hover {background-position:-408px -50px;}

#nav a.link6 {width:121px; background-position: -507px 0;}  
#nav a.link6:hover {background-position:-507px -50px;}

#nav a.link7 {width:152px; background-position: -628px 0;}  
#nav a.link7:hover {background-position:-628px -50px;}

/**************************************************** main */
#main01 {background:transparent url('img/content01_bg.jpg') repeat-y;}
#main02 {background:transparent url('img/content02_bg.jpg') repeat-y;}
#main03 {background:transparent;}
/*********************** content01 for top (main.php)
:: content02 for news, theater, ators (news.php/theater.php/actors.php)
:: content03 for ticket, recruit, contact and all single (content03.php)*/
#content01 {width: 490px;margin:0; padding:20px;float:left;}
#content02 {width: 490px;margin:0; padding:20px; float:right;}
#content03 {width: 740px;margin:0; padding:20px; float:left;}
/************************************** Sidebar */
.sidebar_top{width:230px; padding-top:30px; padding-bottom:20px;float:right;}
.sidebar_news{width:210px; padding:20px;float:left;}
.sidebar_theater{width:210px; padding:20px;float:left;}
.sidebar_actors{width:222px; padding:15px 14px 15px 14px;float:left;}


/****************** Footer */
#footer {height:297px; padding:15px 20px 0 20px;background:transparent url('img/footer/footer.jpg') no-repeat;}

.footer01 li,.footer02 ul {float:left;display: inline;}
.footer01 a {font-size: 12px; color:#666; text-decoration: none;padding-right: 20px;float:left;}
.footer01{width:740px; height:40px;}
.footer02{width:740px; height:222px; padding:0px;float:left;color:#666;}
.footer03{width:740px; height:15px; padding-top:5px;float:left;font-size: 12px;}

.footer02 dl{padding:0px; padding-left:10px;}
.footer02 dl dt{padding:20px 0 15px 0; font-size:1.0em;}
.footer02 dl dd{padding-bottom:3px; font-size:0.9em;}
.footer02 dl dd span{width:55px;float:left;display:block;}

.footer02 li {padding-bottom:10px;}

/********************************************* posts  entry */
.post {padding: 0px;}
.post .info{padding-bottom: 10px;color: #666;clear: both;}	
.post h1 a {color: #4b4b4b;text-decoration: none;}
.post h1 a:hover {color: #3f2b4f;}

.post ol li {list-style:decimal;}
.post ul li {list-style:inside;}

.post .descr {color: #664; font-size: 0.9em;}
.post .entry p {line-height:1.7em; padding-bottom:20px; clear:both;}

.entry {margin-top:15px;}

.post table {width:490px; text-align:center;border: 1px solid #DDD;margin:20px 0 20px 0;border-collapse:collapse; float:left;}
.post td {border: 1px solid #DDD;padding:5px;}

#content02 .post {padding-top:5px;}



/* Change image size for news page (the list) */
.news_image {overflow:auto;padding-bottom: 15px;}
/* .news_image img {width:150px; height:184px;}　*/
/* Change image size for theater page (the list) */
.theater_image {overflow:auto;padding-bottom: 15px;}
/* .theater_image img {width:150px; height:184px;}　*/

.info {border-bottom: 1px solid #EEE;margin-bottom:10px;}
.info a {text-decoration: none;}
.info a:hover {text-decoration: underline;}
/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 10px 10px 0;
	display: inline;
	}

.alignright {float: right;}
.alignleft {float: left}
/* End Images */