@charset "utf-8";
/* ---------------------------------------------------------------------------------------------------- 
  
----------------------------------------------------------------------------------------------------- */

body														{ font-family:Arial, Helvetica, sans-serif, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo; font-size:10px;}
#bg														{ z-index:-1; position:fixed;}


#home h1											{ width:100%; background:rgba(10,30,78,0.7); text-align:center; padding:30px 0;}
#home .supervision								{ width:100%; background:rgba(0,163,217,0.6);}
#home .supervision P							{ width:800px; margin:0 auto; font-size:240%; color:#FFF; text-align:right; padding:10px 0;}
#home .wrap a									{ color:#FFF; text-decoration:none;}
#home .wrap a:hover							{ color:#E4CD00; text-decoration:underline;}
#home p.caution									{ width:100%; margin:0 auto; background:rgba(0,163,217,0.6); font-size:140%; line-height:1.3; color:#FFF; text-align:center; padding:1em 0;}
#home p.copyright								{ font-size:120%; color:#FFF; text-align:center; margin:30px 0 0 0; padding-bottom:2em;}
#home p.home_btn							{ font-size:180%; font-weight:bold; background:url(../../../dvd_root_JP/material/images/icon_home_w.png) no-repeat; padding-left:1.5em; float:right;}

/*home
------------------------------------------------------------------------------------------------------*/
.home .wrap 										{ width:850px; margin:50px auto 0 auto; padding:60px 0 0 0; background:rgba(10,30,78,0.6);}
.home .container									{ width:450px; margin:0 auto 20px auto;}
.home .container dl								{ margin-left:3em}
.home .container dl dt							{ font-size:180%; color:#FFF; padding:0.4em 2em; background:#FF7600; float:left; border-radius:3px}
.home .container dl dd						{ font-size:300%; color:#FFF; line-height:1.2em; margin:0 0 1em 6em;}
.home .container p								{ text-align:center; font-size:300%; color:#FFF; margin-bottom:1em;}
.home .container hr								{ border-color:#FFF; border-style:solid; border-width:1px 0 0 0; margin-bottom:7%;}

/*テキスト情報
------------------------------------------------------------------------------------------------------*/
.textlist .wrap 										{ width:850px; margin:50px auto 0 auto; padding:60px 0 0 0; background:rgba(10,30,78,0.7);}
.textlist .container								{ width:800px; margin:0 auto 20px auto;}
.textlist .container h2							{ font-size:360%; color:#FFF; text-align:center; padding:0 1em 1em 1em; border-bottom:#FFF solid 1px; margin-bottom:1em;}
.textlist .container ul.textlist				{ list-style:none; margin-left:170px;}
.textlist .container ul.textlist li				{ font-size:250%; margin:1em;}

/*監修・協力
------------------------------------------------------------------------------------------------------*/
.coop .wrap 										{ width:980px; margin:50px auto 0 auto; padding:60px 0 0 0; background:rgba(10,30,78,0.7);}
.coop .container									{ width:940px; margin:0 auto 20px auto;}
.coop .container h2								{ font-size:360%; color:#FFF; text-align:center; padding:0 0 1em 0; border-bottom:#FFF solid 1px; margin-bottom:1em;}
.coop .container dl								{ float:left; margin-right:3em}
.coop .container dl dt							{ font-size:170%; color:#FFF; font-weight:bold; margin-bottom:1em;}
.coop .container dl dd							{ font-size:170%; color:#FFF; line-height:1.6em; margin:0 0 1em 0; padding-left:0.6em;}




/*Chapter
------------------------------------------------------------------------------------------------------*/
#chapter header p.title								{ width:100%; font-size:280%; color:#FFF; background:rgba(10,30,78,1); padding:0.6em 0; text-align:center; font-family:Constantia, Georgia, "Times New Roman", Times, serif}

#chapter header .h1wrap							{ background:url(../images/chapter_title_bg.png) repeat-x; padding:30px 0; margin-bottom:30px;}
#chapter header .h1wrap .container			{ max-width:96%; margin:0 auto; position:relative; vertical-align:middle;}
#chapter header .h1wrap .chapter				{ font-size:180%; font-weight:bold; color:#FFF; background:#FF7600; width:153px; padding:0.6em 0; text-align:center; border-radius:3px; float:left; margin-right:30px;}
#chapter header h1									{ font-size:400%; font-weight:bold; color:#FFF; padding-top:4px;}

#chapter .wrap											{ max-width:96%; margin:0 auto;}
#chapter .wrap video									{ float:left; width:55%; height:auto;}

#chapter .wrap ul										{ margin-left:57%;}
#chapter .wrap ul li										{ font-size:180%; margin:0 0 1em 0; padding:0 0 0 2em;}
#chapter .wrap ul li:last-child						{ margin-top:1.6em; font-size:180%; font-weight:bold;}
#chapter .wrap ul li a									{ color:#001A66;}
#chapter .wrap ul li a:hover						{ color:#D93600; text-decoration:underline;}
#chapter .wrap ul li.current						{ font-weight:bold; background:url(../images/icon_play.png) no-repeat;}
#chapter .wrap ul li.current a						{ color:#FF7600;}

#chapter .wrap .linkbox								{ margin:6em 0 0 57%;}
#chapter .wrap .linkbox p							{ font-size:180%; font-weight:bold; padding-left:1.2em; float:left;}
#chapter .wrap .linkbox p.next					{ background:url(../images/icon_ff.png) no-repeat; margin-right:3em;}
#chapter .wrap .linkbox p.home					{ background:url(../images/icon_home.png) no-repeat;}
#chapter .wrap .linkbox p a						{ color:#001A66;}
#chapter .wrap .linkbox p a:hover				{ text-decoration:underline; color:#D93600;}

#chapter footer											{ width:100%; height:auto; font-size:120%; color:#FFF; background:rgba(0,163,217,1); padding:0.8em 0; text-align:center; position:absolute; bottom:0;}