@charset "UTF-8";

/*��base----------------------------------------------------------------------------------------------*/
body		{ color:#666666; background-color:#FFFFFF; height:100%; font-size:90%; line-height:180%; font-family:Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
 background-image: url(../scriptwriter/images/bg.jpg); background-repeat:no-repeat; background-position:center top; background-attachment:fixed; }

a:link		{ color:#CC0033; text-decoration:none; }
a:visited	{ color:#990033; text-decoration:none; }
a:hover		{ color:#FF0000; text-decoration:none; }
a:active	{ color:#FF3366; text-decoration:none; }
a:hover 	{ opacity:0.7; filter:alpha(opacity=70); -ms-filter:"alpha( opacity=70 )"; }


/*��header----------------------------------------------------------------------------------------------*/
#header			{ width:100%;  text-align:center; background-image:url(../scriptwriter/images/bg_header.png); background-repeat:no-repeat; background-position:center top; }
#header-inner	{ width:980px; margin:0 auto; height:260px; position:relative; }
#header-inner h1{ width:417px; height:146px; position:absolute; top:30px; left:270px; float:left; }

#btn		{ width:210px; height:40px; position:absolute; top:150px; right:0px; }

/*scriptwriter----------------------------------------------------------------------------------------------*/
#scriptwriter			{ padding-top:130px; width:980px; margin:auto; background-image: url(../scriptwriter/images/scriptwriter.png); background-repeat:no-repeat; background-position:center top; margin-bottom:30px; }
#scriptwriter .bottom	{ padding-bottom:60px; background-image: url(../images/bottom.png); background-repeat:no-repeat; background-position:center bottom;}
#scriptwriter .inner		{ padding:60px 100px 30px 100px; background-image: url(../images/inner.png); background-repeat:repeat-y; background-position:center top;}
#scriptwriter h3			{ padding-bottom:60px; }
#scriptwriter h4			{ padding-bottom:30px; padding-left:10px; }
#scriptwriter h5			{ padding-bottom:80px; padding-left:10px; }

#scriptwriter ul			{ padding-bottom:80px; }
#scriptwriter ul li			{ float:left; padding-right:20px;  }

#scriptwriter p			{ padding-bottom:20px; padding-left:10px; }
#scriptwriter p img		{ padding:0 0 12px 12px; }

#novel				{ padding-bottom:80px; }
#novel .left		{ float:left; width:540px; }
#novel .left p.info	{ font-weight:bold; }
#novel .right		{ float:right; width:220px; text-align:right; }


#footer					{ width:250px; padding-left:650px; margin:0 auto; text-align:right; }
#footer .totop			{ margin-bottom:20px; }
#footer .totop a		{ width:230px; background-color:#ffa2a2; font-size:14px; text-align:center; color:#FFFFFF; font-weight:bold; padding:10px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;  }
#footer .totop a:hover	{ color:#ffa2a2; background-color:#FFFFFF; }

#copy	{ padding-top:20px; border-top:2px #FFF dashed; text-align:center; padding:10px 0; }



#intro			{ padding-top:130px; width:980px; margin:auto; background-image: url(../images/intro.png); background-repeat:no-repeat; background-position:center top; margin-bottom:30px; }
#intro .bottom	{ padding-bottom:60px; background-image: url(../images/bottom.png); background-repeat:no-repeat; background-position:center bottom;}
#intro .inner	{ padding:40px 40px 0 40px; background-image: url(../images/inner.png); background-repeat:repeat-y; background-position:center top;}
#intro h3		{ padding-bottom:30px; }
#intro h4		{ padding-bottom:30px; font-size:18px; }
#intro p		{ padding-bottom:20px; }

#cast			{ padding-top:130px; width:980px; margin:auto; background-image: url(../images/cast.png); background-repeat:no-repeat; background-position:center top; margin-bottom:30px; }
#cast .bottom	{ padding-bottom:60px; background-image: url(../images/bottom.png); background-repeat:no-repeat; background-position:center bottom;}
#cast .inner	{ padding:40px 40px 0 40px; background-image: url(../images/inner.png); background-repeat:repeat-y; background-position:center top;}
#cast h3		{ padding-bottom:30px; }

#comment			{ padding-top:130px; width:980px; margin:auto; background-image: url(../images/comment.png); background-repeat:no-repeat; background-position:center top; margin-bottom:30px; }
#comment .bottom	{ padding-bottom:60px; background-image: url(../images/bottom.png); background-repeat:no-repeat; background-position:center bottom;}
#comment .inner		{ padding:40px 40px 0 40px; background-image: url(../images/inner.png); background-repeat:repeat-y; background-position:center top;}
#comment h3			{ padding-bottom:20px; }
#comment p			{ padding-bottom:40px; }

#staff			{ padding-top:130px; width:980px; margin:auto; background-image: url(../images/staff.png); background-repeat:no-repeat; background-position:center top; margin-bottom:30px; }
#staff .bottom	{ padding-bottom:60px; background-image: url(../images/bottom.png); background-repeat:no-repeat; background-position:center bottom;}
#staff .inner	{ padding:40px 40px 0 40px; background-image: url(../images/inner.png); background-repeat:repeat-y; background-position:center top;}
#staff h3		{ padding-bottom:30px; }





/*▼totop----------------------------------------------------------------------------------------------*/
#totop	{ width:960px; text-align:center; padding:80px 0 0 0; margin:0 auto; position:relative; }

/*▼clear fix----------------------------------------------------------------------------------------------*/
.clearfix		{ zoom:1; overflow: hidden; }
.clearfix:after	{ content: ""; display: block; clear: both; }
.clearfix + *	{ clear:both; }/* Dreamweaver確認用 */

/*▼other----------------------------------------------------------------------------------------------*/
.no-mgn			{ margin-bottom:0!important; }
.no-border		{ border-bottom:none!important;}}
.no-pad-b		{ padding-bottom:0!important; }
.no-pad-r		{ padding-right:0!important; }
.pink			{ color:#dd5555; }
.red			{ color:#f08200; }
.px20			{ font-size:20px; }
.px16			{ font-size:16px; }
.px14			{ font-size:14px; }
.px11			{ font-size:11px; }
strong			{ font-weight: bold; }