@charset "UTF-8";
body {font-size:16px; line-height:170%; text-align:center;
font-family:"ヒラギノ丸ゴ Pro W4","Hiragino Maru Gothic Pro","HGｺﾞｼｯｸM-PRO","VL ゴシック","メイリオ",sans-serif;}
h2 {font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",sans-serif;}
p {line-height:180%; margin:0; padding:8px 0;}
img {border:0px none;}
#hf {width:800px; height:572px; margin:0 auto;}
#canvas {position:relative; margin:4px 16px 8px 16px;border:1px #808080 solid; height:520px; overflow:hidden; text-align:left;}
h2 {color:#DD5B4C; font-size:32px; line-height:170%; margin:0; position:absolute;}
h3 {font-size:20px; line-height:170%; margin:0; position:absolute;}
ul,ol,li {margin:0;padding:0;}

#en {border:5px #DD5B4C solid; overflow:hidden;width:39px;height:39px;left:447px;top:154px;}
#canvas div, #canvas img, h3 {display:block; position:absolute;}
#yane {position:absolute;width:30px;height:14px;left:456px;top:140px;}
#btnext {width:25px;left:498px;top:182px;}
#step {width:25px;height:21px;left:0px;top:0px;}
#stepn {display:none; cursor:pointer;left:0px;top:0px;}

#bgr {background-color:#DD5B4C; width:773px; height:240px; top:280px;}
#bgr img {position: absolute;}
#titlen {top:80px; left:120px;}

#storynav {list-style:none; margin:0 13px; width:774px;}
#storynav li {margin:0 4px; width:120px; height:28px; background-color:#F3F2A0; float:left; cursor:pointer;}

.sc10 ul {padding:0 0 0 1em;}
#sc3mn li {list-style:none; float:left; margin:8px; padding:0; width:56px;}
#bgr h2, #toi p {margin:0; padding:4px; color:#FFFFFF; position:static; font-weight:bold;}