@charset "euc-jp";
/*/// init ///////////////////////////////////////////////////////////////////////////////////////////////*/
*{ margin:0; padding:0; }
select option{ padding:0 5px; }
body{ color:#333; background:#89a3d7 url(../images/header_bg_x.jpg) repeat-x; font:14px "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3","Hiragino Kaku Gothic Pro","£Í£Ó £Ð¥´¥·¥Ã¥¯",Osaka,sans-serif; line-height:1.8; text-align:center; }
h1 , h2 , h3 , h4 , h5 , h6{ font-style:normal; font-weight:normal; font-size:100%; }
ul{ list-style-type:none; }
img{ border:0; vertical-align:bottom; }

table{ border-collapse:collapse; border:0; }
table th , table td{ text-align:left; vertical-align:top; font-weight:normal; line-height:2.0; font-size:14px; }

.alignL{ text-align:left; }
.alignC{ text-align:center; }
.alignR{ text-align:right; }
.alignM{ vertical-align:middle; }

.fL{ float:left; }
.fR{ float:right; }

.spT{ margin-top:40px; }
.spB{ margin-bottom:40px; }
.spTs{ margin-top:25px; }
.spBs{ margin-bottom:25px; }

.rel{ position:relative; }
.abs{ position:absolute; }

p{ text-align:left; }


/*/// text ///////////////////////////////////////////////////////////////////////////////////////////////*/
/* size */
.txtSS{ font-size:10px; }
.txtS{ font-size:12px; }
.txtL{ font-size:16px; }
.txtLL{ font-size:18px; }

/* color */
.tcRed{ color:#e90101; }
.tcBlu{ color:#0048a2; }

/* decoration */
.uLine{ text-decoration:underline; }


/*/// clearfix ///////////////////////////////////////////////////////////////////////////////////////////*/
/* For modern browsers */
.cf:before , .cf:after{ content:""; display:table; }
.cf:after{ clear:both; }

/* For IE 6/7 (trigger hasLayout) */
.cf{ zoom:1; } 


/*/// a link /////////////////////////////////////////////////////////////////////////////////////////////*/
a:link , a:visited{ color:#333; text-decoration:underline; }
a:hover{ color:#1d3994; text-decoration:underline; }


/*/// header /////////////////////////////////////////////////////////////////////////////////////////////*/
.header{ height:439px; background:url(../images/header_bg.jpg) center top no-repeat; }
.header .in{ width:900px; height:439px; background:url(../images/header_ttl.jpg) no-repeat; margin:0 auto; position:relative; }
.header .in .movie{ position:absolute; top:90px; left:0; }


/*/// footer /////////////////////////////////////////////////////////////////////////////////////////////*/
.footer{ height:154px; background:url(../images/footer_bg.jpg) repeat-x; color:#fff; }
.footer .in{ width:900px; margin: 0px auto; padding:30px; }
.footer .in .link a:link , .footer .in .link a:visited{ color:#fff; }
.footer .in .link a:hover{ text-decoration:none; }
.footer .in .logo{ margin:20px 0 0 130px; }
.footer .in div{ margin-right:20px; }
.footer .in p{ font-size:12px; line-height:1.3; }


/*/// youtube ///////////////////////////////////////////////////////////////////////////////////////////*/
.youtube{ width:720px; height:470px; margin:0 96px; position:relative; }
.youtube iframe{ position:absolute; top:77px; left:40px; }
.yt1{ background:url(../images/youtube_bg1.jpg) no-repeat; }
.yt2{ background:url(../images/youtube_bg2.jpg) no-repeat; }


/*/// main ///////////////////////////////////////////////////////////////////////////////////////////*/
.main{ width:912px; margin:0 auto; padding-bottom:20px; background:url(../images/main_bg.jpg) repeat-y; }
.main .in{ width:840px; margin-left:36px; margin-right:36px; }
.markBlue{ background:url(../images/listmark_blue.jpg) 12px 3px no-repeat; padding-left:37px; }
.cmt{ margin-left:36px; margin-right:36px; padding:20px; border:solid 5px #dfe6f9; }
.readers{ top:855px; left:620px; }

/*/// con6 ///*/
.con6 .urata{ width:550px; height:1050px; _width:840px; _height:1140px; padding:45px 20px 45px 270px; background:url(../images/con6_urata.jpg) no-repeat; }
.con6 .okumura{ width:550px; height:1100px; _width:840px; _height:1190px; padding:45px 20px 45px 270px; background:url(../images/con6_okumura.jpg) no-repeat; }

/*/// con10 ///*/
.con10 .cmt{ padding:120px 40px 20px 195px; }
.con10 .urata{ background:url(../images/con10_profile_urata.jpg) 35px 25px no-repeat; }
.con10 .okumura{ background:url(../images/con10_profile_okumura.jpg) 35px 25px no-repeat; }
.con10 .anime{ top:115px; right:55px; }


/*/// bg-image ///*/
.intro .bg1{ background:url(../images/intro_bg1.jpg) 580px top no-repeat; }
.con1 .bg1{ background:url(../images/con1_bg1.jpg) 500px 30px no-repeat; }
.con2 .bg1{ background:url(../images/con2_bg1.jpg) 520px 180px no-repeat; }
.con3 .bg1{ background:url(../images/con3_bg1.jpg) 520px top no-repeat; }
.con4 .bg1{ background:url(../images/con4_bg1.jpg) 635px 120px no-repeat; }
.con4 .bg2{ background:url(../images/con4_bg2.jpg) 500px top no-repeat; }
.con5 .bg1{ background:url(../images/con5_bg1.jpg) 480px 20px no-repeat; }
.con5 .bg2{ background:url(../images/con5_bg2.jpg) 640px 120px no-repeat; }
.con7 .bg1{ background:url(../images/con7_bg1.jpg) 560px top no-repeat; }
.con7 .bg2{ background:url(../images/con7_bg2.jpg) 520px 10px no-repeat; }
.con8 .bg1{ background:url(../images/con8_bg1.jpg) 460px top no-repeat; }
.con8 .bg2{ background:url(../images/con8_bg2.jpg) 450px 30px no-repeat; }
.con8 .bg3{ background:url(../images/con8_bg3.jpg) 450px 40px no-repeat; }
.con9 .bg1{ background:url(../images/con9_bg1.jpg) 520px top no-repeat; }
.con10 .bg1{ background:url(../images/con10_bg1.jpg) 520px top no-repeat; }
.con10 .bg2{ background:url(../images/con10_bg2.jpg) 570px top no-repeat; }
.con10 .bg3{ background:url(../images/con2_bg1.jpg) 520px 20px no-repeat; }