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

.clearfix:after { 
     content: ".";
     display: block;
     clear: both;
     height: 0;
	 font-size:0;
     visibility: hidden;
}

/* WinIE6 以下,  MacIE5 */
* html .clearfix {
  height: 1%;
}

/* IE7,MacIE5 */
.clearfix { display: inline-block; }

.clearfix { display: block; }

.clear{
	clear:both;
}

input[type="text"] {
	border:1px solid #e8e8e8 ridge;
	background:-webkit-gradient(linear, left top, left 25, from(#fff), color-stop(6%, #eee), to(#fff));
	font-size: 100%;
}

.comic01 .red02{color:#ff0000;}

.comic01 div#layercontents div.width_Frame{
	padding:15px 0 50px 0;
}

.comic01 .comic3 img{border-top:1px solid #B7E449; border-left:1px solid #B7E449; border-right:1px solid #B7E449;}
.comic01 .banner{text-align:center;}
.comic01 .manga{text-align:center; margin-top:40px;}
.comic01 .manga02{text-align:center; margin-top:10px;}
.comic01 .next{text-align:center; margin-top:20px;}

.comic01 .merit{width:902px; margin-left:1px;}
.comic01 .merit .box{background-repeat:no-repeat; width:902px; position:relative;}
.comic01 .merit .box01{background-image:url(../images/merit01.jpg); height:215px;}
.comic01 .merit .box02{background-image:url(../images/merit02.jpg); height:240px;}
.comic01 .merit .box03{background-image:url(../images/merit03.jpg); height:220px;}
.comic01 .merit .box04{background-image:url(../images/merit04.jpg); height:250px;}
.comic01 .merit .box05{background-image:url(../images/merit05.jpg); height:245px;}
.comic01 .merit .box01 div{position:absolute; top:115px; left:40px;}
.comic01 .merit .box02 div{position:absolute; top:125px; left:40px;}
.comic01 .merit .box03 div{position:absolute; top:130px; left:40px;}
.comic01 .merit .box04 div{position:absolute; top:130px; left:40px;}
.comic01 .merit .box05 div{position:absolute; top:123px; left:40px;}

.comic01 .voicebox{width:890px; margin-left:8px;}
.comic01 .guideArea {
width:888px;
padding: 14px 0;
margin-bottom: 20px;
background: #fff;
border-left: 1px solid #518342;
border-right: 1px solid #518342;
border-bottom: 1px solid #518342;
}
.comic01 .txtArea {
margin: 0 20px 10px;
text-align: left;
padding: 10px;
background: #FFF8F8;
border: 1px solid #F3E6D6;
font-size: 13px;
line-height: 1.4em;
color: black;
}
.comic01 .voiceBdB {
border-bottom: 1px solid #CCCCCC; padding-left:13px;}
.voiceBox {
width: 420px;
float: left;
padding: 4px;
}
.comic01 .voiceBox .imgBox {
float: left;}
.comic01 .voiceBox p {
width: 240px;
text-align: left;
float: right;
}
.comic01 .voiceBdL {
border-left: 1px solid #CCCCCC;
}
.comic01 .strong {
color: #FF3333;
font-size: 14px;
font-weight: bold;
}
.comic01 .voiceBox img {
margin-bottom: 10px;
}

.comic01 .company{margin:40px 10px 0 10px;}
.comic01 .company .leftbox{float:left;}
.comic01 .company .rightbox{float:right;}

.comic01 .flbox{text-align:center; margin:40px 0;}

.formarea_comic{padding: 2px; border: #ade061 1px solid; margin: 0 70px;}
.formbox_comic{background-color: #e7f1b4; padding: 10px;}
.formbox_comic ul{text-align: right; width: 500px; margin: 20px auto; font-size: 13px;}
.formbox_comic li{}
.formbox_comic .itemtitle{padding-top: 6px; width: 210px; text-align: right;}
.formbox_comic .input01{font-size: 16px; height: 25px; width: 280px;}
.formbox_comic .chara {float: right; margin: 0 80px 0 0; _margin: 0 40px 0 0;}