*{
margin:0;
padding:0;
}
img{
border:none;
}
/*-----------------------------------------------
 	float
-----------------------------------------------*/
.fl{
float:left;
}

.fr{
float:right;
}

.clear{
clear:both;
}

/*-----------------------------------------------
	naiyou
-----------------------------------------------*/
body{
background:url(./img/top/bg.gif) repeat !important;
color:#666;
font-size:16px;
text-align:center;
line-height:1.4;
}
* html body{font-size:medium;}
*:first-child+html body{font-size:midium;}

a{
text-decoration: none;
}

p{
font-size:78%;
}

#header{
background-color:#FFF;
}

#banner{
margin:0 auto 11px;
width:630px;
}

#menu{
margin:0 auto 2px;
width:630px;
}

#mainfla{
margin:-3px auto;
margin-bottom:10px;
height:376px;
width:626px;
}

#main{
margin:0 auto;
width:616px;
}

#low{
margin:10px auto;
width:616px;
height:85px;
}
/*-----------------------------------------------
 	content All
-----------------------------------------------*/
.content{
margin:0 auto 22px;
padding:5px 0;
position:relative;
width:616px;
background:#FFF url(./img/top/middle.gif) repeat-y;
text-align:left;
}

.content p{
padding:0 8px;
}

p.upper,
p.lower{
padding:0;
position:absolute;
left:0;
width:616px;
height:7px;
}

p.upper{
top:-7px;
background:transparent url(./img/top/up_n.gif) no-repeat;
}

p.lower{
bottom:-7px;
background:transparent url(./img/top/low_n.gif) no-repeat;
}
* html p.lower{bottom:-14px;}
/*-----------------------------------------------
 	content2 (360px)
-----------------------------------------------*/
.con2{
width:360px;
background:#FFF url(./img/top/middle_360.gif) repeat-y;
}
.con2 p.upper{
width:360px;
background:transparent url(./img/top/up_360.gif) no-repeat;
}
.con2 p.lower{
width:360px;
background:transparent url(./img/top/low_360.gif) no-repeat;
}

/*-----------------------------------------------
 	content3 (250px)
-----------------------------------------------*/
.con3{
width:250px;
background:#FFF url(./img/top/middle_250.gif) repeat-y;
}
.con3 p.upper{
width:250px;
background:transparent url(./img/top/up_250.gif) no-repeat;
}
.con3 p.lower{
width:250px;
background:transparent url(./img/top/low_250.gif) no-repeat;
}

/*-----------------------------------------------
 	content4 (280px)
-----------------------------------------------*/
.con4{
width:280px;
background:#FFF url(./img/top/middle_280.gif) repeat-y;
}
.con4 p.upper{
width:280px;
background:transparent url(./img/top/up_280.gif) no-repeat;
}
.con4 p.lower{
width:280px;
background:transparent url(./img/top/low_280.gif) no-repeat;
}

/*-----------------------------------------------
 	content5 (330px)
-----------------------------------------------*/
.con5{
margin-bottom:0;
width:330px;
background:#FFF url(./img/top/middle_330.gif) repeat-y;
}
.con5 p.upper{
width:330px;
background:transparent url(./img/top/up_330.gif) no-repeat;
}
.con5 p.lower{
width:330px;
background:transparent url(./img/top/low_330.gif) no-repeat;
}

/*-----------------------------------------------
 	content mob
-----------------------------------------------*/
.mob_label{
padding:0;
margin-top:-7px;
position:absolute;
left:0px;
top:50%;
width:67px;
}

.content p.mob_txt{
float:left;
width:255px;
padding-left:80px;
}

/*-----------------------------------------------
 	content story
-----------------------------------------------*/
.con_ycomic ul,
.con_story ul{
list-style:none;
}

.con_ycomic .story-list,
.con_story .story-list{
padding:12px 10px 0 10px;
}

.con_story .story-list ul li{
clear:both;
height:42px;
padding:0 4px 0 4px;
font-size:78%;
line-height:1.5em;
}

.con_ycomic .story-list .list-l,
.con_story .story-list .list-l{
width:190px;
float:left;
}

.con_story .story-list .list-c{
width:215px;
float:left;
}

.con_ycomic .story-list .list-r,
.con_story .story-list .list-r{
width:180px;
float:left;
}

.con_interview a,
.con_story .story-list a{
color:#696969;
}
.con_interview a:hover,
.con_story a:hover{
color:#ff5e94;
}

.con_story .story-list .icon{
float:left;
padding-bottom:3px;
padding-right:5px;
}

.con_ycomic .story-list ul li{
clear:both;
height:15px;
font-size:60%;
line-height:1.5em;
}

.con_ycomic .story-list .list-l{
width:185px;
float:left;
}

.con_ycomic .story-list .list-c{
width:230px;
float:left;
}

.con_ycomic .story-list .list-r{
width:180px;
float:left;
}

.con_ycomic p.ycom_txt{
float:left;
width:490px;
padding:4px 0 4px 10px;
}

.con_interview p.int_txt{

width:490px;
padding:11px 0 4px 90px;
}

.ybanner{
	text-align:right;
	margin-right:10px;
}

.ibanner{
	float:left;
	margin-top:10px;
	margin-left:10px;
}

/*-----------------------------------------------
 	rayout
-----------------------------------------------*/
.position_nana_mob{
padding:0 5px 0 0;
}

.position_center{
width:auto;
text-align:center;
}

p.m5{
margin:5px 0;
}

p.m_up4{
margin:4px 0 0;
}

p.m_up10{
margin:10px 0 0;
}

/*-----------------------------------------------
 	text
-----------------------------------------------*/
p.n1{
font-size:x-small;
}

span.m1{
color:#F40;
}

span.t1{
color:#000;
font-weight:bold;
}

span.t2{
color:#F40;
font-size:141.6%;
font-weight:bold;
}

p.low1{
color:#00F;
font-size:x-small;
font-weight:bold;
}

p.low2{
margin-top:20px;
font-size:x-small;
font-weight:bold;
}

/*-----------------------------------------------
 link
-----------------------------------------------*/
p.low1 a{color:#00F;}
p.low1 a:hover{color:#F00;}

/*-----------------------------------------------
	mouse over 
-----------------------------------------------*/
.mob_list{
width:261px;
list-style-type:none;
height:35px;
}

.con_mob .mob_list{
padding-right:5px;
float:right;
}

.con_nana .mob_list{
margin:0 0 0 auto;
}

.mob_list .btn{
float:left;
width:87px;
height:35px;
background-repeat:no-repeat;
}

.i_b{background-image:url(./img/top/mobile_i_of.gif);}
.y_b{background-image:url(./img/top/mobile_vl_of.gif);}
.e_b{background-image:url(./img/top/mobile_ez_of.gif);}
.i_p{background-image:url(./img/top/mobile_nana_i_of.gif);}
.y_p{background-image:url(./img/top/mobile_nana_vl_of.gif);}
.e_p{background-image:url(./img/top/mobile_nana_ez_of.gif);}

.btn a{
display:block;
padding:35px 87px 0 0;
width:0;
height:0;
overflow:hidden;
background-repeat:no-repeat;
}

.i_b a:hover{background-image:url(./img/top/mobile_i_on.gif);}
.y_b a:hover{background-image:url(./img/top/mobile_vl_on.gif);}
.e_b a:hover{background-image:url(./img/top/mobile_ez_on.gif);}
.i_p a:hover{background-image:url(./img/top/mobile_nana_i_on.gif);}
.y_p a:hover{background-image:url(./img/top/mobile_nana_vl_on.gif);}
.e_p a:hover{background-image:url(./img/top/mobile_nana_ez_on.gif);}

/*-----------------------------------------------
 clearfix
-----------------------------------------------*/

div:after,
dl:after,
.c:after{
content:url(./img/spacer.gif);
display:block;
clear:both;
height:0;
overflow:hidden;
}
div,dl,.c{display:inline-block;}
div,dl,.c{display:block;}
* html div,* html dl,* html .c{height:1%;}