@charset "utf-8";

/* 2014-11-10 subject Sayonara Naruto */
body{background:url(../images/subject/2014/sayonara_naruto/bg.png?v=002) 0 0 repeat;}
.mangaread_top{z-index:3;}
.bgleft, .bgright{display:block; position:absolute; width:50%; z-index:0; height:468px; top:48px;}
.bgleft{background:#fcff00; left:-500px;}
.bgright{background:#00a8ff; right:0;}
.subject-top{height:468px; margin:-25px auto 0; z-index:2; position:relative; width:1180px; 
	background: url(../images/subject/2014/sayonara_naruto/sayonara_narutotopbg_01.jpg?v=002) no-repeat left top,
	url(../images/subject/2014/sayonara_naruto/sayonara_narutotopbg_02.jpg?v=002) no-repeat left 161px,
	url(../images/subject/2014/sayonara_naruto/sayonara_narutotopbg_03.jpg?v=002) no-repeat left 320px;}
.subject-top .subject-topinfo{color:#000; position:absolute; left:100px; bottom:125px; width:800px; line-height:24px; font-size:20px; font-weight:bold; font-family: 'Indie Flower', cursive,arial,sans-serif;}
.subject-top .subject-topinfo p{text-indent:24px; margin-bottom:5px;}
.subject-top .share-btn{position:absolute; right:320px; bottom:15px; width:225px; height:26px; background:url(../images/subject/2014/sayonara_naruto/share.png?v=002) no-repeat 0 0;}
.share-btn span {position:absolute; height:26px; cursor:pointer; top:0;}
.share-btn .st_twitter_custom{left:0; width:60px;}
.share-btn .st_facebook_custom{left:64px; width:70px;}
.share-btn .st_googleplus_custom{left:140px; width:30px;}
.share-btn .st_sharethis_custom{left:175px; width:50px;}
.subject_main{margin:20px auto 0; width:980px; min-height:200px;}
.subject_main.one_part{background:#fff; padding:25px; width:930px;}
.naruto_cover{float:left; color:#008ed7; text-align:center; width:247px; line-height:28px;}
.naruto_info{float:left; margin:0 40px; width:380px; font-size:13px; color:#000; text-align:justify;}
.naruto_info .title{font-size:24px; font-weight:700; text-align:center; line-height:26px; margin-bottom:10px;}
.listsubject{float:right; width:220px;}
.listsubject li{margin:0 0 10px;}
.listsubject li img{border-radius:5px;}
.subject_main.two_part{position:relative; color:#fff; height:456px; font-size:14px; line-height:20px;}
.subject_main.two_part span{color:#fcff00; float:right;}
.two_part_1{width:240px; height:426px; padding:30px 0 0 12px; line-height:30px; position:absolute; left:0; top:0; font-weight:700; font-size:24px; background:url(../images/subject/2014/sayonara_naruto/two_partbg.png?v=002) center top no-repeat;}
.two_part_2{width:198px; height:76px; padding:20px; position:absolute; left:252px; top:0; background:#ff690e;}
.two_part_3{width:198px; height:76px; padding:20px; position:absolute; left:490px; top:0; background:#8d0198;}
.two_part_4{width:212px; height:192px; padding:20px; position:absolute; left:728px; top:0; background:#34cccd;}
.two_part_5{width:198px; height:76px; padding:20px; position:absolute; left:252px; top:116px; background:#24418f;}
.two_part_6{width:198px; height:76px; padding:20px; position:absolute; left:490px; top:116px; background:#007548;}
.two_part_7{width:198px; height:76px; padding:20px; position:absolute; left:252px; top:232px; background:#ffb80e;}
.two_part_8{width:198px; height:76px; padding:20px; position:absolute; left:490px; top:232px; background:#00a8ff;}
.two_part_9{width:343px; height:68px; padding:20px; position:absolute; left:252px; top:348px; background:#ff00b4;}
.two_part_10{width:305px; height:68px; padding:20px; position:absolute; left:635px; top:348px; background:#589b18;}
.two_part_11{width:232px; height:96px; padding:20px; position:absolute; left:728px; top:232px; background:#fcff00; color:#000; padding:10px}
.subject_main.two_part .two_part_11 span{color:#ff690e;}
.subject_main.list_part{}
.title-one{font-size:24px; margin-bottom:10px; height:73px; line-height:73px; padding-left:42px; position:relative; margin-left:-42px;}
.title-one span{font-size:34px; color:#fff; font-weight:700; margin-right:5px;}
.list_blue .title-one{color:#01aef0; background:url(../images/subject/2014/sayonara_naruto/title_blue.png?v=002) left top no-repeat;}
.subject_main.list_part ul{width:1000px;}
.subject_main.list_part ul li{width:232px; float:left; text-align:center; margin-right:17px;}
.subject_main.list_part ul li p{padding:10px 0; color:#777; white-space:nowrap; text-overflow:ellipsis; -moz-text-overflow:ellipsis; -webkit-text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; width:100%;}
.subject_main.list_part ul li a img{border:1px solid #777;}
.subject_main.list_part ul li a:hover p, .subject_main.list_part ul li a:hover{color:#01aef0;}
.subject_main.list_part ul li a:hover img{border:1px solid #01aef0;}
.list_pink .title-one{color:#ff00b4; background:url(../images/subject/2014/sayonara_naruto/title_pink.png?v=002) left top no-repeat;}
.subject_main.list_part.list_pink ul li a:hover p, .subject_main.list_part.list_pink ul li a:hover{color:#ff00b4;}
.subject_main.list_part.list_pink ul li a:hover img{border:1px solid #ff00b4;}
.list_green .title-one{color:#6ab228; padding-left:25px; background:url(../images/subject/2014/sayonara_naruto/title_green.png?v=002) left top no-repeat;}
.subject_main.list_part.list_green ul li a:hover p, .subject_main.list_part.list_green ul li a:hover{color:#6ab228;}
.subject_main.list_part.list_green ul li a:hover img{border:1px solid #6ab228;}
.list_orange .title-one{color:#eb9500; padding-left:35px; background:url(../images/subject/2014/sayonara_naruto/title_organe.png?v=002) left top no-repeat;}
.subject_main.list_part.list_orange ul li a:hover p, .subject_main.list_part.list_orange ul li a:hover{color:#eb9500;}
.subject_main.list_part.list_orange ul li a:hover img{border:1px solid #eb9500;}

.subject_comment{color:#000; background:#fff; width:980px; margin:20px auto; padding-bottom:20px;}
.subject_comment .title-one{color:#032e8d; background:url(../images/subject/2014/sayonara_naruto/title_deepblue.png?v=002) left top no-repeat;}
#back_top{margin-left:490px; width:140px; height:165px; padding:0; background:url(../images/subject/2014/sayonara_naruto/btop.png?v=002) center top no-repeat; border:none; box-shadow:none; text-align:left; text-indent:-9999px;}
#back_top span{display:none;}