/* CSS Document */
body{ margin:0; padding:0; border:0;} 
img{max-width:100%;height:auto;}
h1{ position:absolute; margin-left:25px;}
p{ margin:10px 0; font-family:"メイリオ", "Meiryo UI", Arial;}
a:hover{ position:relative; top:2px; opacity:0.5;}
a:active{ position:relative; top:4px; opacity:0.5;}

#title{position:relative;background-color:#dcd4c7; background-image:url(img/manga_top01.jpg); background-position:center;}
.content_box{width:900px; max-width:100%; text-align:center;}
#main{ width:900px; margin:5% auto; max-width:100%;}
#obi01{ background-image:url(img/obi01.jpg); height:200px; background-repeat:repeat-x; text-align:center;}
#obi02{ width:900px; max-width:100%; text-align:center; background-image:url(img/obi02.jpg); height:240px;background-repeat:no-repeat;}
#waku{ width:900px; border:1px #333333 solid; margin:0 auto;}
#backto{ position:fixed; right:2%; bottom:4%;}
.backtotop{transition:all 0.5s ease-out;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;}

#footer{ width:900px; max-width:100%; margin:0 auto;}
.foot{ color:#666666; font-size:12px;font-family:"メイリオ", "Meiryo UI", Arial;}
.hidari{ width:49%; float:left;}.migi{width:49%; float:right;}
#allseibun{ width:100%; margin:10px 0; background-color:#FF6699; text-indent:15px; color:#FFFFFF;font-size:16px; font-family:"メイリオ", "Meiryo UI", Arial;}
#tyumokuseibun{ width:870px; padding-left:10px; background-color:#CC3333; border-radius:7px; margin:2% auto; padding-top:10px; padding-bottom:10px;}
#tyumokuseibun p{font-size:18px;font-family:"メイリオ", "Meiryo UI", Arial;color:#FFFFFF; margin:auto;}
p.seibuntitle{ font-size:16px; font-family:"メイリオ", "Meiryo UI", Arial; font-weight:700; color:#FF6666; margin:0;}
p.seibunname{ font-size:8px; font-family:"メイリオ", "Meiryo UI", Arial; font-weight:700; color:#FF6666; margin:0;}
p.seibundetail{ font-size:14px; font-family:"メイリオ", "Meiryo UI", Arial;}

label{color:#666666; font-size:12px;font-family:"メイリオ", "Meiryo UI", Arial;}
.on-off{display:none;}.on-off2{display:none;}.on-off3{display:none;}
p.kaihei{color:#666666; font-size:12px;font-family:"メイリオ", "Meiryo UI", Arial;
-webkit-transition:0.5s all;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;transition:all 0.5s ease-ou;}
input[type="checkbox"].on-off + p{ height:0; overflow:hidden;}
input[type="checkbox"].on-off:checked + p{ height:950px; overflow:hidden;}
input[type="checkbox"].on-off2 + p{ height:0; overflow:hidden;}
input[type="checkbox"].on-off2:checked + p{ height:320px; overflow:hidden;}
input[type="checkbox"].on-off3 + p{ height:0; overflow:hidden;}
input[type="checkbox"].on-off3:checked + p{ height:100px; overflow:hidden;}