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

/* inner-main */
#inner-main{
	width: 720px;
}

/* left-main */
#left-main a{
	color: #333;
}
#left-main a:hover{
	color: #999;
}

#left-main{
	width: 353px;
	float: left;
	background: url(../images/index/bg-box1-center.gif) repeat-y;
	position: relative;
}
#left-main h3{
	width: 353px;
	height: 44px;
	margin-bottom: 10px;
}
#left-main dl{
	width: 325px;
	margin-left: 10px;
}
#left-main dl dt{
	width: 260px;
	line-height: 1.5;
	margin-bottom: 5px;
}
#left-main dl dd{
	width: 249px;
	height: 33px;
	margin-left: 37px;
}
.ill{
	width: 98px;
	height: 116px;
	position: absolute;
	top: 2px;
	left: 248px;
}
/* mini-box */
.mini-box{
	width: 326px;
	margin-left: 13px;
	margin-bottom: 5px;
	background: url(../images/common/bg-mini1-center.gif) repeat-y;
}
.tit-mini{
	width: 326px;
	height: 35px;
	margin-bottom: 5px;
}
.mini-box ul{
	width: 306px;
	margin: 0 10px;
}
.mini-box ul li{
	background: url(../images/common/ico-1.gif) no-repeat left center;
	text-indent: 10px;
	line-height: 1.5;
	float: left;
	margin-right: 15px;
	padding: 2px 0;
}
.bg-dash{
	width: 301px;
	height: 1px;
	margin: 5px 11px;
	background: url(../images/common/bg-dash.gif) no-repeat;
}
.mini-box p{
	width: 313px;
	text-align: right;
	margin-bottom: 5px;
}
#left-main .mini-box p a {
	color: #006699;
}
#left-main .mini-box p a:hover {
	color: #6699FF;
}

.bg-mini1-footer{
	width: 326px;
	height: 6px;
	background: url(../images/common/bg-mini1-footer.gif) no-repeat;
}

/* mini-box2 */
.mini-box2{
	width: 326px;
	margin-left: 13px;
	background: url(../images/common/bg-mini2-center.gif) repeat-y;
}
.mini-box2 ul li{
	background: url(../images/common/ico-2.gif) no-repeat left center;
}
.bg-mini2-footer{
	width: 326px;
	height: 6px;
	background: url(../images/common/bg-mini2-footer.gif) no-repeat;
}

/* mini-box3 */
.mini-box3{
	width: 326px;
	margin-left: 13px;
	background: url(../images/common/bg-mini3-center.gif) repeat-y;
}
.mini-box3 ul li{
	background: url(../images/common/ico-3.gif) no-repeat left center;
}
.bg-mini3-footer{
	width: 326px;
	height: 6px;
	background: url(../images/common/bg-mini3-footer.gif) no-repeat;
}

/* mini-box4 */
.mini-box4{
	width: 326px;
	margin-left: 13px;
	margin-bottom: 13px;
	_margin-bottom: 1px;
	background: url(../images/common/bg-mini4-center.gif) repeat-y;
}
.mini-box4 ul li{
	background: url(../images/common/ico-4.gif) no-repeat left center;
}
.bg-mini4-footer{
	width: 326px;
	height: 6px;
	background: url(../images/common/bg-mini4-footer.gif) no-repeat;
}
.bg-box1-footer{
	width: 353px;
	height: 11px;
	background: url(../images/index/bg-box1-footer.gif) no-repeat;
}



/* right-main */
#right-main{
	width: 353px;
	float: right;
}


/* right-minibox-1 */
#right-minibox-1{
	width: 353px;
	background: url(../images/index/bg-box2-center.gif) repeat-y;
	position: relative;
margin-bottom: 10px;
}
#right-minibox-1 h4{
	width: 353px;
	height: 44px;
	margin-bottom: 5px;
}
.ill2{
	width: 90px;
	height: 63px;
	position: absolute;
	top: -1px;
	left: 243px;
}
.bg-dash2{
	width: 324px;
	height: 1px;
	margin-left: 14px;
	background: url(../images/index/bg-dash2.gif) no-repeat;
}







/* minibox-2 */
#minibox-2 a{
	color: #333;
}
#minibox-2 a:hover{
	color: #999;
}
#minibox-2{
	width: 329px;
	margin-left: 12px;
	margin-bottom: 10px;
	background: url(../images/index/bg-mini5-center.gif) repeat-y;
}
.tit-minibox-2{
	width: 329px;
	height: 28px;
	margin-bottom: 5px;
}
#minibox-2 ul{
	width: 309px;
	margin: 0 10px;
}
#minibox-2 ul li{
	background: url(../images/index/ico-5.gif) no-repeat left center;
	text-indent: 10px;
	line-height: 1.5;
	min-width: 45px;
	margin-right: 20px;
	float: left;
	padding: 2px 0;
}
#minibox-2 p{
	width: 309px;
	text-align: right;
	margin-bottom: 5px;
}
#minibox-2 p a {
	color: #006699;
}
#minibox-2 p a:hover {
	color: #6699FF;
}

#minibox-2 dl{
	width: 309px;
	margin:0 10px 5px 10px;
}
#minibox-2 dl dt{
	width: 154px;
	float:left;
}
#minibox-2 dl dd{
	width: 154px;
	float:right;
	text-align:right;
}

#minibox-2 dl a {
	color: #006699;
}
#minibox-2 dl a:hover {
	color: #6699FF;
}

.bg-mini5-footer{
	width: 329px;
	height: 8px;
	background: url(../images/index/bg-mini5-footer.gif) no-repeat;
}
.bg-box2-footer{
	width: 353px;
	height: 11px;
	background: url(../images/index/bg-box2-footer.gif) no-repeat;
}

#txtarea{
	line-height: 1.5;
	margin: 5px 15px;
	width: 240px;
}


/* minibox-3 */
#minibox-3{
	width: 329px;
	margin-left: 12px;
	margin-bottom: 5px;
	background: url(../images/index/bg-mini6-center.gif) repeat-y;
}
.tit-minibox-3{
	width: 329px;
	height: 53px;
	margin-bottom: 5px;
}
#minibox-3 dl{
	width: 220px;
	margin: 10px 0 0 70px;
}
#minibox-3 dl dt{
	width: 112px;
	height: 23px;
	margin-right: 5px;
	float: left;
}
#minibox-3 dl dd{
	float: right;
	width: 100px;
	line-height: 23px;
}

#minibox-3 dl dd a{
	color: #19B8A4;
}
#minibox-3 dl dd a:hover{
	color: #53E8D6;
}


.bg-mini6-footer{
	width: 329px;
	height: 8px;
	background: url(../images/index/bg-mini6-footer.gif) no-repeat;
}


/* form-box3 */
#form-box3{
	width: 299px;
	margin: 0 15px;
	margin-bottom: 5px;
}
#form-box3 ul{
	width: 299px;
	line-height: 1.5;
}
#form-box3 ul li{
	min-width: 15px;
	margin-right: 10px;
	float: left;
}
#form-box3 ul li select{
	width: 50px;
}



/* right-minibox-2 */
#right-minibox-2{
	width: 353px;
	background: url(../images/index/bg-box3-center.gif) repeat-y;
	position: relative;
}
#right-minibox-2 h5{
	width: 353px;
	height: 44px;
	margin-bottom: 5px;
	padding:0;
}
.ill3{
	width: 80px;
	height: 98px;
	position: absolute;
	top: 1px;
	left: 257px;
	z-index: 1;
}
#right-minibox-2 dl{
	width: 353px;
}
#right-minibox-2 dl dt{
	line-height: 1.5;
	width: 219px;
	margin-bottom: 5px;
	margin-left: 15px;
}
#right-minibox-2 dl dd{
	width: 263px;
	height: 33px;
	margin-left: 53px;
	position: relative;
	z-index: 999;
}
.bg-box3-footer{
	width: 353px;
	height: 11px;
	background: url(../images/index/bg-box3-footer.gif) no-repeat;
}



/* float-area */
#float-area{
	width: 325px;
	margin: 5px 0;
	margin-left: 13px;
}
#float-area none{
	margin: 0;
}

/* pickup */
#pickup{
	width: 325px;
	margin-bottom: 10px;
	background: url(../images/index/bg-pickup-center.gif) repeat-y;
}
.tit-pickup{
	width: 325px;
	height: 6px;
	background: url(../images/index/tit-pickup.gif) no-repeat;
}
.bg-pickup-footer{
	width: 325px;
	height: 6px;
	clear: both;
	background: url(../images/index/bg-pickup-footer.gif) no-repeat;
}

#pickup ul{
	width: 305px;
	margin: 0 10px;
}
#pickup ul li{
	width: 305px;
	margin-bottom: 5px;
}
.ph-comic-big{
	text-align: center;
}
.ph-comic-big img{
	width: 238px;
	height: 129px;
	border: 1px #ccc solid;
}
#pickup .links{
	text-align: right;
	margin: 0;
}
#pickup .links a{
	color: #FF419F;
}
#pickup .links a:hover{
	color: #FF9BCD;
}



/* float-4comic */
.float-4comic{
	width: 158px;
	float: left;
	margin-right: 5px;
	background: url(../images/index/bg-4comic-center.gif) repeat-y;
	margin-bottom: 5px;
}

.float-4comic-r{
	width: 158px;
	float: right;
	background: url(../images/index/bg-4comic-center.gif) repeat-y;
	margin-bottom: 5px;
}

.bg-4comic-top{
	width: 158px;
	height: 6px;
	background: url(../images/index/bg-4comic-top.gif) repeat-y;
}
.bg-4comic-footer{
	width: 158px;
	height: 6px;
	background: url(../images/index/bg-4comic-footer.gif) repeat-y;
}

.float-4comic ul, .float-4comic-r ul{
	width: 138px;
	margin: 0 10px;
}

.float-4comic li, .float-4comic-r li{
	width: 138px;
	margin-bottom: 5px;
}
.linktop{
	font-size: 15px;
	font-weight: bold;
}
.linktop a{
	color: #333;
}
.linktop a:hover{
	color: #ccc;
}
.ph-comic{
	text-align: center;
}
.ph-comic img{
	width: 94px;
	height: 74px;
	border: 1px #ccc solid;
}

.float-4comic .links, .float-4comic-r .links{
	text-align: right;
	margin: 0;
}

.float-4comic .links a, .float-4comic-r .links a{
	color: #FF419F;
}

.float-4comic .links a:hover, .float-4comic-r .links a:hover{
	color: #FF9BCD;
}


.right-comic{
	float: right;
	margin: 0;
}

.right-comic .bg-4comic-footer{
	_float: right;
	_margin-top: -10px;
}

/* attenction-4comic */
#attenction-4comic{
	width: 320px;
	line-height: 1.5;
	margin: 5px 5px 0 20px;
	/letter-spacing: -1px;
}
.redcomic{
	color: #C00000;
}

/*attention*/
#attention{
	width:350px;
	margin:10px 0;
	text-align:right;
}
#attention a{
	color:#C00;
}
#attention a:hover{
	color:#C9C;
}