@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
------------------------------------------------------------------------------------------------------*/
#home h1											{ width:100%; height:200px; background:url(../images/h1_bg.png) repeat-x; text-align:center; padding:30px 0 0 0;}
#home h1 img										{ width:90%; height:auto; max-width:1088px;}
#home .wrap 										{ max-width:1100px; margin:0 auto; padding:3em 0 2em 0; background-color: rgba(0,0,0,0.6);}
#home .container								{ width:100%; margin:0 auto; padding:1em 0;}
#home .container dl							{ margin-bottom:6em;}
#home .container dl dt						{ font-size:140%; color:#000; padding:0.3em 0.8em; background:#FFBF00;float:left;}
#home .container dl dd						{ font-size:220%; color:#FFF; line-height:1.2em; margin:0 0 1em 5em;}
#home .container dl dd a					{ color:#FFF;}
#home .container dl dd a:hover			{ text-decoration:underline;}
#home p.caution									{ font-size:140%; color:#FFF; line-height:1.5em; padding:1em 30px; border-top:#CCC solid 1px;}
#home p.caution_j								{ font-size:120%; color:#FFF; line-height:1.5em; padding:0 30px; margin-bottom:2em;}
#home p.copyright								{ font-size:120%; color:#FFF; text-align:center;}


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

#chapter header .h1wrap							{ background:url(../images/h1_bg_chapter.png) repeat-x;}
#chapter header .h1wrap .container			{ max-width:96%; height:115px; margin:0 auto; position:relative;}
#chapter header .h1wrap .chapter				{ position:absolute; top:0; left:0; width:80px; height:70px; padding:10px 0 0 0; background:#FFC926; text-align:center; font-family:Impact, "Arial Black", Gadget, sans-serif; font-size:180%; color:#555;}
#chapter header .h1wrap .chapter span	{ font-size:200%;}
#chapter header h1									{ font-size:260%; font-weight:bold; color:#555; position:absolute; top:20px; left:100px;}

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

#chapter .wrap ul										{ margin-left:67%;}
#chapter .wrap ul li										{ font-size:160%; margin:0 0 1em 0; padding:0 0 0 1.5em;}
#chapter .wrap ul li:last-child						{ margin-top:1.6em; font-size:180%; font-weight:bold;}
#chapter .wrap ul li a									{ color:#333;}
#chapter .wrap ul li a:hover						{ color:#0086C6; 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:#FF3F00;}

#chapter .wrap .linkbox								{ margin:3em 0 0 67%;}
#chapter .wrap .linkbox p							{ font-size:180%; font-weight:bold; padding-left:1em; 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:#0086C6;}
#chapter .wrap .linkbox p a:hover				{ text-decoration:underline; color:#999;}

#chapter footer											{ width:100%; height:auto; font-size:110%; color:#FFF; background:#0086C6; padding:0.8em 0; text-align:center; position:absolute; bottom:0;}

/*Cooperation
------------------------------------------------------------------------------------------------------*/
#cooper h1												{ width:100%; height:200px; background:url(../images/h1_bg.png) repeat-x; text-align:center; padding:30px 0 0 0;}
#cooper h1 img										{ width:90%; height:auto; max-width:1088px;}
#cooper .wrap 										{ max-width:1100px; margin:0 auto; padding:2em 0; background-color: rgba(0,0,0,0.7);}
#cooper .container									{ width:90%; margin:0 auto; padding:1em 0;}
#cooper .container dl								{}
#cooper .container dl dt							{ font-size:160%; color:#FFF; float:left;}
#cooper .container dl dd							{ font-size:160%; color:#FFF; line-height:1.2em; margin:0 0 1em 13em;}
#cooper .container dl dd a						{ color:#FFF;}
#cooper .container dl dd a:hover			{ text-decoration:underline;}
#cooper p.home										{ font-size:140%; font-weight:bold; background:url(../images/icon_home_w.png) no-repeat; padding-left:1.5em; float:right;}
#cooper p.home a									{ color:#FFF;}
#cooper p.copyright								{ font-size:110%; color:#FFF; text-align:center; padding:1em 0 0 0; border-top:#CCC solid 1px; clear:both; margin-top:1em;}