@charset "Shift_JIS"; 		/* 文字コードセット */


/* 全体構造
---------------------------------------------------- */
* {margin: 0px;padding: 0px}

dl:after{
	content: "";
	display: block;
	height: 1px;
	clear: both;
	visibility: hidden
}

dl{
    display:inline-block;　/* MAC IE用　*/
    min-height:1%  /* IE 7用 */
}

/*--MAC IEは非適用→ \*/
* html dl{height: 1%}
dl{display: block}
/*--ここまでMAC IEは非適用 */

a{ outline:none}

body {
	font-size:80%; /* 基本のフォントサイズ */
	line-height: 1.5em; /* 基本の行間 */
	text-align:center;
	font-family:"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", "ＭＳ Ｐゴシック", Meiryo, sans-serif;
	text-align:justify; /* Firefox用*/
	text-justify:inter-ideograph;/* ie用 */
	background:#ffe7b7;
	color: #333;
	scrollbar-face-color: #555;       /* 表面の色 */
	scrollbar-3dlight-color: #777;    /* 左端と上端の色 */
	scrollbar-highlight-color: #777; /*ハイライトの色 */
	scrollbar-shadow-color: #555;     /* 影の色 */
	scrollbar-darkshadow-color: #777;/*右端と下端 */
	scrollbar-arrow-color: #777;      /* 矢印の色 */
	scrollbar-track-color: #777;      /* バーの背景の色 */
}

#wrapper{
	width:950px;
	margin:0px auto;
	background:url(../images/wrapper_bg.jpg) repeat-y
}


/* リンク
---------------------------------------------------- */
a:link {color: #ff6e00; text-decoration:underline}
a:visited {color: #ff6e00; text-decoration:underline}
a:hover,
a:active {color: #ff6e00; text-decoration:none}


/* ページ本体
---------------------------------------------------- */
#pagebody{width:678px;float:left; padding:0px 1px}
#content{ width:650px; padding:14px}
#side{width:240px;float:right;padding:15px 0px 15px 15px}
#side_box{ width:180px; float:left}
#home{width:45px;float:right}

h2{clear:both}
h3{clear:both}
h4{clear:both}


/* ナビゲーション
---------------------------------------------------- */
#navigation{
	width:650px;
	background:url(../images/navi_bg.jpg) repeat-x;
	height:40px;
	padding:0px 14px;
	font-size:12px;
	line-height:120%
}
#navigation2{
	width:650px;
	background:url(../images/navi_bg2.jpg) repeat-x bottom #fc6;
	height:40px;
	padding:15px 14px 0px 14px;
	font-size:12px;
	line-height:120%
}
#navigation ul,
#navigation2 ul{list-style:none}
#navigation li a,
#navigation2 li a{display:block;text-decoration:none}
#navigation li,
#navigation2 li{float:left; height:40px;width:126px}


/* フッタ
---------------------------------------------------- */
#footer{
	 width:640px;
	 height:14px;
	 background-color:#999;
	 padding:5px;
	 margin:30px 0px 10px 0px;
	 line-height:1.0em
}
#footer ul{
	width:570px;
	float:left;
	font-size:10px
}
#footer li{
	list-style:none;
	display:inline;
	border-right:#ccc 1px solid;
	padding:0px 3px
}
#footer li.last{border:none; padding-right:0px}

#footer a:link {color: #fff; text-decoration:none}
#footer a:visited {color: #fff; text-decoration:none} 
#footer a:hover,
#footer a:active {color: #fff; text-decoration:underline}

#footer p{
	width:53px;
	height:14px;
	float:right;
	margin-bottom:0px
}
address{ margin-bottom:100px}


/* サイド
---------------------------------------------------- */
#side h2{ margin-bottom:10px}

.info{ width:180px; height:250px; overflow:auto;margin-bottom:15px}
.info table{
	width:160px;
	color:#ddd;
	line-height:1.2em
}
.info th{
	padding-top:5px;
	text-align:left
}
.info td{
	width:100%;
	padding-bottom:5px;
	border-bottom:1px solid #4c4c4c
}
.info td p{ margin-bottom:0px}
.info td p img{ vertical-align:middle}
.info a:link {color: #ddd; text-decoration:underline} 
.info a:visited {color: #ddd; text-decoration:underline}
.info a:hover,
.info a:active {color: #ddd; text-decoration:none}

#side_box ul{ width:180px; height:455px; list-style:none}
#side_box li{ width:180px; height:55px; float:left; margin-bottom:10px}


/* トップページ（index）
---------------------------------------------------- */
#flash{ width:678px; height:550px; margin-bottom:0px}


/* 新着情報一覧（news）
---------------------------------------------------- */
#newsnavi{
	margin-bottom:10px;
	width:650px
}
#newsnavi li{
	list-style:none;
	float:left;
	padding:2px 10px;
	background-color:#ff6e00;
	font-weight:bold;
	text-align:center;
	margin-right:5px
}
#newsnavi a:link {color: #fff; text-decoration:none}
#newsnavi a:visited {color: #fff;text-decoration:none}
#newsnavi a:hover,
#newsnavi a:active {color: #ffcc67; text-decoration:none}

.news_table{width:100%}
.news_table th{
	width:20%;
	padding:5px 0px;
	border-bottom:1px dotted #aaa;
	text-align:left;
	color:#555;
	vertical-align:top
}
.news_table td{
	padding:5px 0px;
	border-bottom:1px dotted #aaa
}
.news_table td p{ margin-bottom:0px}
.news_table td p img{ vertical-align:middle}


/* 新着情報一覧（detail）
---------------------------------------------------- */
.detail_img{
	width:200px;
	float:left;
	padding:4px;
	border:1px solid #ccc;
	margin-bottom:10px
}


/* 新着情報一覧（profile）
---------------------------------------------------- */
.profile_text{ width:370px; float:right}
.profile_text table{
	width:100%;
	margin-bottom:10px
}
.profile_text th{
	width:25%;
	border-bottom:1px dotted #aaa;
	padding:5px 0px;
	text-align:left;
	vertical-align:top;
	color:#555
}
.profile_text td{
	border-bottom:1px dotted #aaa;
	padding:5px 0px
}
.profile_box{ background-color:#ffe7b7;padding:5px 10px; margin-bottom:20px; line-height:1.2em}

.profile_table{	width:100%}
.profile_table th{
	width:15%;
	background-color:#ddd;
	border-bottom:1px solid #fff;
	border-right:1px solid #fff;
	padding:3px 10px;
	text-align:left;
	vertical-align:top;
	font-weight:normal
}
.profile_table td{
	background-color:#f1f1f1;
	border-bottom:1px solid #fff;
	padding:3px 10px
}


/* 出演作品（works）
---------------------------------------------------- */
.works_text{ width:445px; float:right}
.works_text h4{
	border-left:5px solid #ff6e00;
	padding-left:5px;
	line-height:1.0em;
	margin-bottom:5px;
	font-size:100%
}
.works_text p{ border-top:1px dotted #aaa; padding-top:7px}


/* 出演作品（works）
---------------------------------------------------- */
.company_table{width:445px; float:right}
.company_table th{
	width:25%;
	border-bottom:1px dotted #aaa;
	padding:5px 0px;
	text-align:left;
	vertical-align:top;
	color:#555
}
.company_table td{
	border-bottom:1px dotted #aaa;
	padding:5px 0px
}


/* お問い合わせ（contact）
---------------------------------------------------- */
.contact_table{
	width:100%;
	border-top:1px solid #ccc;
	margin-bottom:10px
}
.contact_th1{ border-left:5px solid #aaa; background-color:#f1f1f1}
.contact_th2{border-left:5px solid #c00; background-color:#fae5e5}
.contact_th1,
.contact_th2{
	width:25%;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-top:1px solid #fff;
	padding:5px 10px;
	font-weight:normal;
	text-align:left
}
.contact_table td{
	border-bottom:1px solid #ccc;
	border-top:1px solid #fff;
	padding:5px 10px
}
.contact_table th span{ color:#c00; font-size:10px}
.contact_table td span{ color:#666; font-size:10px}

.form01{width:100px}
.form02{width:200px}
.form03{width:350px}
.form04{width:100%}
.form_h{ height:80px}

input{vertical-align:middle ;font-size:100%}

/* 汎用スタイルシート
---------------------------------------------------- */
p{margin-bottom:1.2em}
img {border: 0px; vertical-align:bottom}
table{margin-top:1px}

.clear {clear: both}

.tac{text-align:center}

.red{color:#c00}

.text-s{ font-size:10px;}

.title{
	border-bottom:1px solid #ff9c06;
	border-top:1px solid #ff9c06;
	padding:10px;
	font-size:140%;
	margin-bottom:15px;
	margin-top:15px;
	background-color:#fff4df;
	color:#ff6e00
}

.img_box{ width:190px; float:left}
.img_box img{
	float:left;
	width:180px;
	padding:4px;
	border:1px solid #ccc;
	margin-bottom:5px
}

.mb0{ margin-bottom:0px}
.mb5{ margin-bottom:5px}
.mb20{ margin-bottom:20px}
.mr5{ margin-right:5px}
.mr10{ margin-right:10px}