@charset "UTF-8";
/**
 * 
 * @version 
 * @author 
 */


html, body {
	height: 100%;
}

body {
	margin: 0;
	padding: 0;
	background:url(../images/director/bg_header.jpg) top repeat-x;
		background-color:#342c15;
	font-size: 16px;
	line-height: 1.65;
	color: #333;
	font-family:Verdana, "ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ＭＳ Ｐゴシック", sans-serif;
}
* html body{
	font-size: 100%;
}
*+html body{
	font-size: 100%;
}

/** Universal Reset
-----------------------------------------*/
h2,h4,h5,h6,p {
	margin: 0;
}
ul,li,ol {
	margin: 0;
	padding: 0;
	list-style: none;
}
img {
	border: 0;
}
a {
	outline: 0;
	text-decoration:none;
	color:#333;
}
a:hover {
}

p{
	font-size:77%;
}



/** Utility Class
-----------------------------------------*/
.clearfix:after {
	content: ".";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
.clearfix {display: block;}
/**/
* html .clearfix {zoom: 1;}
*+html .clearfix {zoom: 1;}



/** Common Layout
-----------------------------------------*/
#wrapper{
	width:950px;
	margin:0 auto;
	height:100%;
}
#wrapper:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
#content {
	margin:0 auto;
	width:950px;
	position:relative;
	padding-top:52px;
	background:url(../images/director/bg_title_large.gif) no-repeat;
}
#content:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
#content p{
}
/*  header  */
#header_bg{
	margin:0 auto;
	height:260px;
}
#header{
	width:950px;
	position:relative;
	height:260px;
	background:url(../images/director/header.jpg) no-repeat;
}
/*  275  */
#logo{
	width:195px;
	height:80px;
	position: absolute;
	left:-25px;
	top:20px;
}
* html #logo a{
	cursor:pointer;
}
#logo a:hover{
	text-decoration:none;
}
#tohome a{
	width:53px;
	height:28px;
	text-indent:-9876px;
	position:absolute;
	bottom:0;
	right:20px;
	background:url(../images/director/home.jpg) no-repeat;
}
#tohome a:hover{
	background-position:0 -28px ;
}
/*  Backhome  */
#backhome a{
	width:30px;
	height:54px;
	position: absolute;
	left:-30px;
	top:107px;
	text-indent:-9876px;
	display:inline;
	}
#backhome:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}
#backhome a{
	background:url(../images/global/backhome.gif) no-repeat;
}
#backhome a:hover{
	background-position:0 -54px;
	}
/** Layout
-----------------------------------------*/
#container {
	width: 950px;
	height: 100%;
	}
.leftside{
	float:left;
	width:520px;
	padding:0 50px 0 30px;
	margin-top:0;
	min-height: 600px;
	height: auto !important;
	height: 600px;
}
.rightside{
	float:right;
	width:330px;
	margin-top:-20px;
}
/*　footer　*/
#footer{
	clear:both;
	width: 950px;
	position: relative;
	background:url(../images/director/bg_footer.jpg) no-repeat;
	height:50px;
	padding-top:40px;
	}
#footer ul{
	float:right;
	font-size:66%;
	margin-left:3em;
	border-left:#DEBB57 1px solid;
}
#footer li{
	background:url(../images/director/arrow_small.gif) left no-repeat;
	padding-left:14px;
}
#footer li a{
	color:#DEBB57;
}
#footer li a:hover{
	color:#FFF;
}
#pagetop{
	float:right;
	width:29px;
    position:absolute;
    top:10px;
	left:920px;
}
#pagetop a{
	cursor:pointer;
}
#copyright {
	clear:both;
	width:400px;
	margin: 0;
	float:left;
}

h1 {
	margin: 0;
	padding: 0;
	text-indent:-9876px;
}
h2{
	padding-top:10px;
}

h3{
	margin:0 0 1em 0;
	}
h4{
	background:url(../images/news/h3bg.jpg) left 50% no-repeat;
	color:#FFF;
	font-size:88%;
	padding:3px 0 3px 15px;
	margin:0 0 1em 0;
}
h4 a{
	color:#FFF;
}
h4 a:hover{
	color:#FFF;
	text-decoration:underline;
}
h5{
	font-size:100%;
	font-weight:bold;
	color:#6E9914;
}
/** News
-----------------------------------------*/
dl{
	margin:0 0 2em 0;
}
dt{
	font-size:100%;
	border-bottom:#000 1px dotted;
	border-top:#000 1px dotted;
	font-weight:bold;
	padding:0.5em 0;
	color:#962A2A;
}
dt a{
	color:#962A2A;
}
dt a:hover{
	text-decoration:underline;
}
dd{
	margin:0;
	padding:0;
}
dd.date_comment{
	font-size:77%;
	border-bottom:#000 1px dotted;
	padding:0.25em 0;
	margin-bottom:1em;
}
dd.date_comment a:hover,
dd a:hover{
	text-decoration:underline;
}
dd.txt a{
	text-decoration:underline;
}
span.tuduki a{
	background:url(../images/director/arrow_red.gif) left no-repeat;
	padding-left:15px;
	color:#333;
	display:block;
	margin-top:1em;
}
.title{
	font-size:114%;
	padding:0.2em 0;
	margin-bottom:0.5em;
	display:block;
	color:#FFF;
	clear:left;
}
.leftside p{
	font-size:77%;
}
.leftside p img{
	float:left;
	padding:0 1em 0 0;
	}

.link a{
	background:url(../images/global/arrow.gif) left no-repeat;
	padding-left:30px;
}
*html .link a{
	display:block;
}
*+html .link a{
	display:block;
}
.rightside ul{
	font-size:77%;
	line-height:2;
	margin-bottom:3em;
}
.rightside ul li a{
	background:url(../images/director/arrow.gif) left 50% no-repeat;
	padding-left:15px;
	color:#DEBB57;
}
.rightside ul li a:hover{
	text-decoration:underline;
}
.commenthead{
	font-size:77%;
	border-left:#6E9914 2px solid;
	padding-left:10px;
}
#rss{
	border-top:#5B4C25 1px solid;
	padding-top:1em;
	}
.comment-content{
	margin:0.5em 0;
	background:#f6f0d7;
	padding:0.5em;
}
abbr{
	border:none;
}
.comments-open{
	font-size:77%;
}
#comment-form-external-auth{
	background:url(../images/blog/arrow.gif) left 50% no-repeat;
	padding-left:15px;
	margin-bottom:1em;
}
#comments-open-foote{
	margin-top:1em;
}
p#profile{
	color:#DEBB57;
	margin-bottom:3em;
}
p#profile img{
	float:left;
	padding-right:1em;
}
.name{
	display:block;
	color:#FFF;
	margin-bottom:1em;
	font-weight:bold;
}
#comments{
	border-top:#342d14 1px dotted;
	margin-top:2em;
	padding-top:0.5em;
}