@charset "utf-8";
/*-----------------------------------------------------
Yahoo UI Library Font-size Adjustment
Copyright (c) 2006, Yahoo! Inc. All rights reserved.

10px = 77%     11px = 85%     12px = 93%     13px = 100%
14px = 108%    15px = 116%    16px = 123.1%  17px = 131%
18px = 138.5%  19px = 146.5%  20px = 153.9%  21px = 161.6%
22px = 167%    23px = 174%    24px = 182%    25px = 189%
26px = 197%
------------------------------------------------------*/

@import url("page.css");

html, body { height: 100%; margin: 0; padding: 0; text-align: center; }

/*-----------------------------------------------------------------------------
フォントサイズ統一。文字を入力するタグを100%にする。
-------------------------------------------------------------------------------*/
p,li,dt,dd,td,th,h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}

/*------------------------------------------------------------------------------
フォントサイズを13px相当に統一する。81.25%は　16pxからみた13px
フォントはメイリオを先頭に。"Meiryo UI"を使用するとMSPゴシックに近い。
--------------------------------------------------------------------------------*/
body { font-family: Meiryo,MS PGothic,arial,helvetica,clean,sans-serif; font-size: 81.25%; line-height: 1.5em; color: #3C3C3C; }
*+html body { font-size:small; }/* for IE7 */

select,input,button,textarea { font-size:99%; }

/* ---------------------------------- Font */

.font18 { font-size: 138.5%; }
.font18b { font-size: 138.5%; font-weight: bold; }
.font17 { font-size: 131%; }
.font17b { font-size: 131%; font-weight: bold; }
.font16 { font-size: 123.1%; }
.font16b { font-size: 123.1%; font-weight: bold; }
.font15 { font-size: 116%; }
.font15b { font-size: 116%; font-weight: bold; }
.font14 { font-size: 108%; }
.font14b { font-size: 108%; font-weight: bold; }
.font13 { font-size: 100%; }
.font13b { font-size: 100%; font-weight: bold; }
.font12 { font-size: 93%; }
.font12b { font-size: 93%; font-weight: bold; }
.font11 { font-size: 85%; }
.font11b { font-size: 85%; font-weight: bold; }
.font10 { font-size: 77%; }
.font10b { font-size: 77%; font-weight: bold; }

.fontRED { color: #CC0000; }
.fontbRED { font-weight: bold; color: #CC0000; }
.fontORENGE { color: #FF6600; }
.fontbORENGE { font-weight: bold; color: #FF6600; }
.fontVIOLET { color: #CC0066; }
.fontbVIOLET { font-weight: bold; color: #CC0066; }
.fontGr2b { color: #159E31; font-weight: bold; }
.fontBLUE { color: #003366; }
.fontBLUEb { color: #003366; font-weight: bold; }


/* ---------------------------------- Font */

p, br, form, input, ul, dl { margin: 0px; padding: 0px; }
img { border-style: none; }
table { font-size:inherit; font:100%; }
li { list-style-type: none; }

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

.brClear { clear: both; }
.cntTxt { text-align: center; }

.BtnArea { text-align: center; padding: 20px 20px 40px; margin: 0px; }


/* ---------------------------------- CLEARFIX */
.clearfix:after{ content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
font-size: 0.1em;
}
.clearfix{ display:inline-block;}
/*Hide from IE-mac\*/
*html .clearfix{ height:1%;}
.clearfix{ display:block;}
/*End hide form IE-mac*/


/* ---------------------------------- Page layout */
#container { min-height: 100%; height: auto !important; height: 100%; position: relative; background: url(../images/header_bg.png) repeat-x 0px 0px; }
#wrap { width: 100%; margin: 0 auto; text-align: left; padding-bottom: 150px; }
#Contents { padding: 0px; width: 900px; margin: 0px auto 50px; font-size: 131%; line-height: 160%; }
#Contents h2.ttl { padding: 0px; width: 900px; margin-top: 0px; margin-bottom: 25px; }



/* ---------------------------------- Header */
#Header { width: 900px; margin-right: auto; margin-left: auto; height: 130px; }
#Header h1 { font-size: 77%; height: 30px; width: 551px; padding: 0px; z-index: 1; float: left; margin-top: 25px; }
#Header h1 a { display: block; height: 23px; width: 274px; margin: 0px; padding: 0px; }
#Header .ContactTel { font-size: 77%; float: right; height: 47px; width: 227px; margin-top: 13px; }


/* ---------------------------------- Menu */
#Menu { margin: 0px; padding: 0px; width: 900px; height: 50px; text-align: left; clear: both; display: block; top: 18px; position: relative; }
div:nth-of-type(1) #Menu { margin: 0px; padding: 0px; width: 900px; height: 50px; text-align: left; clear: both; display: block; top: 19px; position: relative; }
#Menu ul { margin: 0px; padding: 0px; list-style-type: none; }
#Menu li { margin: 0px; padding: 0px; float: left; list-style-type: none; height: 50px; }

#Menu li#nv01 { width: 225px; }
#Menu li#nv02 { width: 225px; }
#Menu li#nv03 { width: 225px; }
#Menu li#nv04 { width: 225px; }



/* ---------------------------------- Page Title */
#ttlImg { padding: 0px; width: 900px; margin-right: auto; margin-bottom: 30px; margin-left: auto; }


/* ---------------------------------- Footer */
#Footer { width: 100%; position: absolute; bottom: 0; clear: both; background: url(../images/footer_bg.png) repeat-x 0px 25px; }

#Footer .PageTop { height: 10px; width: 900px; margin-right: auto; margin-left: auto; text-align: right; padding-bottom: 15px; }


#Footer #FootArea { width: 900px; margin: 30px auto 20px; }

#FootArea .FootAdd { float: left; width: 400px; font-size: 116%; line-height: 160%; }

#FootArea .FootCom { float: right; width: 400px; }
#FootArea .FootNv { font-size: 108%; text-align: right; }
#FootArea .FootNv a:link,
#FootArea .FootNv a:visited { color: #464646; text-decoration: none; }
#FootArea .FootNv a:hover,
#FootArea .FootNv a:active { color: #339900; text-decoration: underline; }

#FootArea .Copyrighnt { font-size: 85%; text-align: right; margin-top: 28px; }

#Contents .ActivityTxtImg { margin-bottom: 30px; }
#cast {
	height: 300px;
	width: 700px;
	margin: 0px 0px 0px 25px;
	padding: 0px;
}
#cast img {
	margin: 0px 25px 0px 0px;
	padding: 0px;
	height: auto;
	width: auto;
}