@charset "utf-8";

/* =============================================
 work styles
============================================= */

/* basic */

a { color:#654; }
a:visited { color:#975; }
a:hover { background-color:#654; color:#fff; text-decoration:none; }


/* header */

#header {
	background: #574a4b url(../images/work0804/header_bg_work.gif) repeat-x 5px 0;
}


/* lnav */

#lnav1 li.hi a { color: #eba; }
#lnav1 li.hi a:hover { color:#333; }

#lnav2 li.hi a.sub { color:#eba; }
#lnav2 li a:hover { background-image:url(../images/work0804/l2_over_bg_work.gif); color:#eba; }
#lnav2 li.feed { background-image:url(../images/work0804/l2_feed_work.gif); }


/* content */
#content {
	padding-top: 0;
}

/* main */
body.article #main, body.backnumber #main {
	padding-top:10px;
}

#m_body {
	background-image:url(../images/work0804/article_work_border_btm.gif);
}

#mb_title {
	background-image:url(../images/work0804/article_work_border_top.gif);
}

#mbt_nav span.l, #mbt_nav span.l a,  #mbt_nav span.l a:hover {
	color:#630;
}

#m_body div.lead {
	background-repeat:repeat;
	background-image:url(../images/work0804/article_lead_bg_work.gif);
}

* html #m_body div.lead {
	border-top: 1px solid #fff;
}

#m_body h2 {
/*	border-left: 1px solid #036;*/
	border-left: none;
	background: url(../images/work0804/mbody_h2.gif) no-repeat;
	color:#654;
}

#m_body h3 {
	color: #963;
	border-top: 1px dotted #630;
}


#pages_v2 li.prev a {	background-image:url(../images/work0804/prev.gif); }
#pages_v2 li.next a {	background-image:url(../images/work0804/next.gif); }
#pages_v2 a.p1 { background-image:url(../images/work0804/p1.gif); }
#pages_v2 a.p2 { background-image:url(../images/work0804/p2.gif); }
#pages_v2 a.p3 { background-image:url(../images/work0804/p3.gif); }
#pages_v2 a.p4 { background-image:url(../images/work0804/p4.gif); }
#pages_v2 a.p5 { background-image:url(../images/work0804/p5.gif); }
#pages_v2 a.p6 { background-image:url(../images/work0804/p6.gif); }
#pages_v2 a.p7 { background-image:url(../images/work0804/p7.gif); }
#pages_v2 a.p8 { background-image:url(../images/work0804/p8.gif); }
#pages_v2 a.p9 { background-image:url(../images/work0804/p9.gif); }
#pages_v2 a.p10 { background-image:url(../images/work0804/p10.gif); }
#pages_v2 a.p11 { background-image:url(../images/work0804/p11.gif); }
#pages_v2 a.p12 { background-image:url(../images/work0804/p12.gif); }
#pages_v2 a.p13 { background-image:url(../images/work0804/p13.gif); }
#pages_v2 a.p14 { background-image:url(../images/work0804/p14.gif); }
#pages_v2 a.p15 { background-image:url(../images/work0804/p15.gif); }
#pages_v2 a.p16 { background-image:url(../images/work0804/p16.gif); }
#pages_v2 a.p17 { background-image:url(../images/work0804/p17.gif); }
#pages_v2 a.p18 { background-image:url(../images/work0804/p18.gif); }
#pages_v2 a.p19 { background-image:url(../images/work0804/p19.gif); }
#pages_v2 a.p20 { background-image:url(../images/work0804/p20.gif); }
#pages_v2 a.p21 { background-image:url(../images/work0804/p21.gif); }
#pages_v2 a.p22 { background-image:url(../images/work0804/p22.gif); }
#pages_v2 a.p23 { background-image:url(../images/work0804/p23.gif); }
#pages_v2 a.p24 { background-image:url(../images/work0804/p24.gif); }


div.ml_list h2 span.l, div.ml_block h2 span.l {
	/* border-left:6px solid #654;*/
	border-left: none;
	background:url(../images/work0804/mllist_h2_bg.gif) no-repeat;
	padding-left:10px;
	color:#654;
}

div.ml_list h2 span.l a, div.ml_block h2 span.l a {
	color:#654; background-image:url(../images/work0804/h2_link_arrow_work.gif);
}

div.ml_list ul {
	border-top:1px solid #999;
	border-bottom:1px solid #999;
}

div.ml_list ul li {
	background-image: url(../images/work0804/circle_cocoa08w.gif);
}

div.ml_list ul li a {
	color: #654;
}

div.ml_list ul li a:visited {
	color: #975;
}

div.ml_list ul li a:hover {
	color: #fff;
}

#mb_title h1 span {
	color:#654;
}


/* anchor buttons */
a.b_top { background-image:url(../images/work0804/btn_top_work.gif); }
a.b_link { background-image:url(../images/work0804/btn_link_work.gif); }
a.b_ranking { background-image:url(../images/work0804/btn_ranking_work.gif); }
a.b_ranking_up { background-image:url(../images/work0804/btn_ranking_up_work.gif); }
a.b_recent { background-image:url(../images/work0804/btn_recent_work.gif); }
a.b_recent_up { background-image:url(../images/work0804/btn_recent_up_work.gif); }
a.b_backnumber { background-image:url(../images/work0804/btn_backnumber_work.gif); }
a.b_backnumberpage { background-image:url(../images/work0804/btn_backnumberpage_work.gif); }
a.b_comment { background-image:url(../images/work0804/btn_comment_work.gif); }
a.b_comment_list { background-image:url(../images/work0804/btn_comment_list_work.gif); }


/* ranking */

#m_ranking {
	padding:0;
	margin:0.6em 0 20px 0;
	border-top:1px solid #333;
	border-bottom:1px solid #333;
	color:#666;
}

#m_ranking li {
	font-size: 12px; line-height:160%;
	margin:0.5em 0; padding:0;
	list-style-type:none; list-style-position:outside;
	padding-left:2em;
}

#m_ranking li a {
	font-size:13px;
	color:#432;
	text-decoration:none;
}

#m_ranking li a:visited {
	color:#975;
}

#m_ranking li a:hover {
	background-color:#654; color:#fff;
}


#rank1, #rank2, #rank3, #rank4, #rank5 {
	padding-left:20px;
	background-repeat:no-repeat;
	background-position:5px 4px;
}
#rank1 { background-image:url(../images/work0804/work_rank_1.gif); }
#rank2 { background-image:url(../images/work0804/work_rank_2.gif); }
#rank3 { background-image:url(../images/work0804/work_rank_3.gif); }
#rank4 { background-image:url(../images/work0804/work_rank_4.gif); }
#rank5 { background-image:url(../images/work0804/work_rank_5.gif); }



/* sub */

/* sub-in */
.sub-in h3 {
	color:#645;
 	background:#eee url(../images/work0804/sub_header_bg_0710_work.gif) no-repeat left top;
}

/* search box */
#searchsubmit {
	background:url(../images/work0804/search_btn_work.gif) no-repeat;
}

/* @group AD */

/* @group Sub Header (ad version) */
.sub-in.ad h3  {
	color:#fff;
	background:#654 url(../images/work0804/sub_ad_header_bg_0710_work.gif) no-repeat left top;
}
/* @end */


/* @group SPECIAL */
#sp_em a { background-image:url(../images/work0804/sp_em_work.jpg); }
#sp_itm a { background-image:url(../images/work0804/sp_itm_work.jpg); }
/* @end */


/* @group HOT TOPICS */
#ad_hot_0710 ul li a:hover {
	background-color:#654;
}
/* @end */

/* @end */


/* @group Cover */

#cover_recent h2 {
	border-left:6px solid #eba;
	color:#eba;
}

#cover_recent p a {
	color:#eba;
	background-image: url(../images/work0804/sqarrow_orange11k.gif);
}

#cover_recent p a:hover {
	background-color:#eba; color:#000;
}

#series ul li h3.c a {
	color:#654;
	background:#fff url(../images/work0804/h2_link_arrow_work.gif) no-repeat center right;
}

#series ul li h3.c a:hover {
	color:#654;
	background:#fff url(../images/work0804/h2_link_arrow_work.gif) no-repeat center right;
}


#series ul li ul li a {
	color:#432;
}

#series ul li ul li a:visited {
	color:#975;
}

#series ul li ul li a:hover {
	color:#fff;
	background-color:#654;
}

/* @end */