/* 
--------------------------------------------------------------------------
GLOBAL
--------------------------------------------------------------------------*/
/* RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { background:transparent; border:0; font-size: 100%; font-family: 'メイリオ',meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック',sans-serif; margin:0; outline:0; padding:0; vertical-align:baseline }
:focus { outline:0 }
blockquote, q { quotes:none }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none }
caption, td, th { font-weight:normal; text-align:left }
dt, strong, th { font-weight:bold }
em { font-style:italic }
ol, ul { list-style:none }
sub { vertical-align:sub }
sup { vertical-align:super }
table { border-collapse:collapse; border-spacing:0 }

/* DEFAULT */
a { color:#0066A0; cursor:pointer; text-decoration:none }
	a:hover { color: #860000; text-decoration: underline }

body { background:#55585B url(/media/c/2012/images/base/bg-body.jpg); color:#252525; font: 14px 'メイリオ',meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック',sans-serif; line-height: 1.5em; min-width:1000px; /* <- ipad fix */ position:relative }

button, input, select, textarea { font:normal 12px Arial, Helvetica, sans-serif }
/*
h1, h2, h3, h4 { font-weight:bold; line-height:1.25 }
	h1, h2 { font-size:2.5em }
	h2 { font-size:1.3em;}
	h3 { font-size:1.167em }
	h4 { font-size:1em }
*/
/*table { width:100% }*/
td, th { vertical-align:top }

h1{ font-size: 1.6em; }
h2{ font-size: 1.3em; }
h1 a, h2 a, h3 a, h4 a { color: inherit; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover{ color: #860000 }

/* 
--------------------------------------------------------------------------
STRUCTURAL
--------------------------------------------------------------------------*/
/* LAYOUT */
.column-1, .column-2, .column-3, .column-4, .column-5, .column-6, .column-7, .column-8, .column-9, .column-10, .column-11, .column-12, .column-13, .column-14, .column-15, .column-16 { display:inline; float:left; margin-left:10px; margin-right:10px; position:relative }
.column-1 { width:60px }
.column-2 { width:140px }
.column-3 { width:220px }
.column-4 { width:300px }
.column-5 { width:380px }
.column-6 { width:460px }
.column-7 { width:540px }
.column-8 { width:620px }
.column-9 { width:700px }
.column-10 { width:780px }
.column-11 { width:860px }
.column-12 { width:940px }
.first { margin-left:0 !important }
.last { margin-right:0 !important }
.left { float:left; }
.right { float:right; }

#contents_l{ width: 650px; float: left; margin: 0 10px 0 0; }
#contents_r{ width: 300px; float: right; margin: 0; }

/* CLEARFIX */
.clearfix:after { clear:both; content:" "; display:block; font-size:0; height:0; visibility:hidden }
.clearfix { display:inline-block }
/* start commented backslash hack \*/
* html .clearfix { height:1% }
.clearfix { display:block }
/* close commented backslash hack */
.clear { clear:both }

/* CONTAINER */
#main { background:#FFF; padding:15px; overflow: hidden; }
#rbSkin { background:url(/media/c/2012/images/base/bg-page.png) repeat-x; background:-moz-linear-gradient(top, #EEE 0, #FFF 75px, #FFF 130px, rgba(255,255,255,0.5) 500px, transparent 100%); background:-ms-linear-gradient(top, #EEE 0, #FFF 75px, #FFF 130px, rgba(255,255,255,0.5) 500px, transparent 100%); background:-o-linear-gradient(top, #EEE 0, #FFF 75px, #FFF 130px, rgba(255,255,255,0.5) 500px, transparent 100%); background:linear-gradient(top, #EEE 0, #FFF 75px, #FFF 130px, rgba(255,255,255,0.5) 500px, transparent 100%); border-top:1px solid #FFF; }

#rbWrap {
  width: 100%;
  background: url(/media/c/2012/images/base/bg-wrapper-long.png);
  padding: 0px 0px 20px 0px;
  background-repeat: repeat-y;
  background-position: center;
}

.wrapper { margin:0 auto; width:1000px; }

/* HEADER */
#rbHeader { background:#2a0000 url(/media/c/2012/images/base/header-cnet-jp.jpg) no-repeat 50% 0; }
	#rbHeader .int { height:47px; position:relative; z-index:10; /* <- must be higher than leaderboard + story slider */ }
	#rbHeader .rbLogo { background:url(/media/c/2012/images/base/rb-logo.png) no-repeat 0 100%; height:88px; left:-80px; position:absolute; top:0; width:256px; }
		#rbHeader .rbLogo a { display:block; height:88px; margin-left:86px; text-indent:-9999px; width:104px; }
#universalSearch { float:right; margin:10px 10px 0 0; width:190px; }
#universalSearchBox { background:none; border:none; color:#575757; float:left; padding:5px 0; width:150px; }
.searchBoxWrap { background:#FFF; border-bottom:1px solid #7A3228; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; box-shadow:0 1px 0 rgba(255,255,255,0.45), 0 1px 3px rgba(0,0,0,0.5) inset; -moz-box-shadow:0 1px 0 rgba(255,255,255,0.45), 0 1px 3px rgba(0,0,0,0.5) inset; -webkit-box-shadow:0 1px 0 rgba(255,255,255,0.45), 0 1px 3px rgba(0,0,0,0.5) inset; overflow:auto; padding-left:10px; position:relative; }
.searchGo { background:url(/media/c/2012/images/icon/icon-sprite.png) no-repeat 4px -560px; border:none; cursor:pointer; float:left; font-size:0; height:25px; line-height:0; text-indent:-9999px; width:25px; }
.sns-list {float:right; width: 110px; margin: 10px 0px 0 0;}
.sns-list ul {margin: 0;padding: 0}
/*.sns-list ul li {display: inline-block;text-align: left;padding: 0 3px 0 0;}*/
.sns-list ul li { float: left; padding: 0 5px 0 0;}

/* HEADER snow ver. */
.snow { background:#2a0000 url(/media/c/2012/images/base/header-cnet-jp-snow.jpg) no-repeat 50% 0 !important; }
.snow .rbLogo {background: url(/media/c/2012/images/base/rb-logo-snow.png) no-repeat 0 100% !important;}

/* google custom search */
.google_custom_search_form { float:right; margin:10px 10px 0 0; width:190px; }
.google_custom_search_wrap { background:#FFF; border-bottom:1px solid #7A3228; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; box-shadow:0 1px 0 rgba(255,255,255,0.45), 0 1px 3px rgba(0,0,0,0.5) inset; -moz-box-shadow:0 1px 0 rgba(255,255,255,0.45), 0 1px 3px rgba(0,0,0,0.5) inset; -webkit-box-shadow:0 1px 0 rgba(255,255,255,0.45), 0 1px 3px rgba(0,0,0,0.5) inset; overflow:auto; padding-left:10px; position:relative; }
.google_custom_search_box { background:none; border:none !important; color:#575757; float:left; height:19px; width:140px; margin-top: 2px;}
.google_custom_search_go { background:url(/media/c/2012/images/icon/icon-sprite.png) no-repeat 4px -560px; border:none; cursor:pointer; float:left; font-size:0; height:25px; line-height:0; text-indent:-9999px; width:25px; }

.google_custom_search_form_responsive { float:right; width:190px; margin: 0; }
.google_custom_search_wrap_responsive { background:#FFF; border-bottom:1px solid #7A3228; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; box-shadow:0 1px 0 rgba(255,255,255,0.45), 0 1px 3px rgba(0,0,0,0.5) inset; -moz-box-shadow:0 1px 0 rgba(255,255,255,0.45), 0 1px 3px rgba(0,0,0,0.5) inset; -webkit-box-shadow:0 1px 0 rgba(255,255,255,0.45), 0 1px 3px rgba(0,0,0,0.5) inset; overflow:auto; padding-left:10px; position:relative; height: 30px; overflow: hidden;}
.google_custom_search_box_responsive { background:none; border:none !important; color:#575757; float:left; height:19px; width:140px; margin-top: 2px;}
.google_custom_search_go_responsive { background:url(/media/c/2012/images/icon/icon-sprite.png) no-repeat 4px -560px; border:none; cursor:pointer; float:left; font-size:0; height:25px; line-height:0; text-indent:-9999px; width:25px !important; }


/* NAVIGATION */
#primaryNav { background:#39393B; background:-moz-linear-gradient(top, #626265, #39393B); background:-ms-linear-gradient(top, #626265, #39393B); background:-o-linear-gradient(top, #626265, #39393B); background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#626265), to(#39393B)); background:-webkit-linear-gradient(top, #626265, #39393B); background:linear-gradient(top, #626265, #39393B); box-shadow:0 1px 1px rgba(160,160,160,0.75) inset, 0 -2px 20px rgba(111,4,2,0.8); -moz-box-shadow:0 1px 1px rgba(160,160,160,0.75) inset, 0 -2px 20px rgba(111,4,2,0.8); -webkit-box-shadow:0 1px 1px rgba(160,160,160,0.75) inset, 0 -2px 20px rgba(111,4,2,0.8); height:41px; }
#primaryNavBar i { display:none; }
	#primaryNavBar > li { float:left; position:relative; padding-bottom: 0; } 
		#primaryNavBar > li > a, #subNavBar > li > a { color:#FFF; float:left; font:bold 0.92em/41px 'メイリオ',meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック',sans-serif; height:41px; left:-1px; text-shadow:0 -1px 0 rgba(0,0,0,0.8); -khtml-text-shadow:0 -1px 0 rgba(0,0,0,0.8); -moz-text-shadow:0 -1px 0 rgba(0,0,0,0.8); -webkit-text-shadow:0 -1px 0 rgba(0,0,0,0.8); padding:0 9px; position:relative; }
		#primaryNavBar > li > a:hover, #primaryNavBar > li > a.active { background:#252527; background:rgba(0,0,0,0.4); box-shadow:1px 0 1px #2A2A2A inset, -1px 0 1px #2A2A2A inset, 2px -1px 1px -1px #5B5B5E, -2px -1px 1px -1px #5B5B5E; -moz-box-shadow:1px 0 1px #2A2A2A inset, -1px 0 1px #2A2A2A inset, 2px -1px 1px -1px #5B5B5E, -2px -1px 1px -1px #5B5B5E; -webkit-box-shadow:1px 0 1px #2A2A2A inset, -1px 0 1px #2A2A2A inset, 2px -1px 1px -1px #5B5B5E, -2px -1px 1px -1px #5B5B5E; text-decoration:none; }		
	#primaryNavBar > li.expandable .menuHead { padding-right:5px; }
		#primaryNavBar > li.expandable .menuHead span { background:url(/media/c/2012/images/icon/icon-sprite.png) no-repeat -26px -653px; display:inline-block; height:10px; margin-left:1px; vertical-align:middle; width:10px; }
		#primaryNavBar > li.expandable .menuWrapper, #edition .menuWrapper { background:#D6D7D7; background:-moz-linear-gradient(top, #6B6D6E, #565758); background:-ms-linear-gradient(top, #6B6D6E, #565758); background:-o-linear-gradient(top, #6B6D6E, #565758); background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#6B6D6E), to(#565758)); background:-webkit-linear-gradient(top, #6B6D6E, #565758); background:linear-gradient(top, #6B6D6E, #565758); border-radius:0 3px 3px 3px; -moz-border-radius:0 3px 3px 3px; -webkit-border-radius:0 3px 3px 3px; display:none; left:0; padding:5px 5px 6px 5px; position:absolute; top:36px; z-index:9999; }
		#primaryNavBar > li.expandable .menuWrapper .nav, #edition .menuWrapper .nav { background:#F4F4F4; border:1px solid rgba(86,87,88,0.8); border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; box-shadow:0 1px 0 rgba(255,255,255,0.45); -moz-box-shadow:0 1px 0 rgba(255,255,255,0.45); -webkit-box-shadow:0 1px 0 rgba(255,255,255,0.45); line-height:1.333em; padding:15px 5px 20px; }
		#primaryNavBar > li.expandable .menuWrapper ul { float:left; font-size:1em; }
		#primaryNavBar > li.expandable .menuWrapper li a, #edition .menuWrapper li a, #edition .menuWrapper p { border-bottom:1px solid #DDD; box-shadow:0 1px 0 #FFF; -moz-box-shadow:0 1px 0 #FFF; -webkit-box-shadow:0 1px 0 #FFF; clear:left; color:#252525; display:inline-block; float:left; text-shadow:0 1px 0 #FFF; -khtml-text-shadow:0 1px 0 #FFF; -moz-text-shadow:0 1px 0 #FFF; -webkit-text-shadow:0 1px 0 #FFF; margin:0 10px; padding:5px 0 5px 2px; width:220px; }
		#primaryNavBar > li.expandable .menuWrapper li a:hover, #edition .menuWrapper li a:hover { background-color:#EEE; color:#860000; text-decoration:none; }
    #primaryNavBar > li.expandable:hover { z-index:10; /* <- must be higher than leaderboard + story slider */ }
		#primaryNavBar > li.expandable:hover .menuHead { background:#EDEDED; background:-moz-linear-gradient(top, #808182, #6D6D6E); background:-ms-linear-gradient(top, #808182, #6D6D6E); background:-o-linear-gradient(top, #808182, #6D6D6E); background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#808182), to(#6D6D6E)); background:-webkit-linear-gradient(top, #808182, #6D6D6E); background:linear-gradient(top, #808182, #6D6D6E); border:1px solid #414141; border-bottom:0; border-radius:3px 3px 0 0; -moz-border-radius:3px 3px 0 0; -webkit-border-radius:3px 3px 0 0; box-shadow:2px -1px 3px -3px rgba(0,0,0,0.8), 0 1px 0 rgba(255,255,255,0.35) inset; -moz-box-shadow:2px -1px 3px -3px rgba(0,0,0,0.8), 0 1px 0 rgba(255,255,255,0.35) inset; -webkit-box-shadow:2px -1px 3px -3px rgba(0,0,0,0.8), 0 1px 0 rgba(255,255,255,0.35) inset; height:37px; left:-1px; margin-top:-1px; padding:0 4px 0 8px; position:relative;}
		#primaryNavBar > li.expandable:hover .menuHead span { background-position:-27px -629px; }
		#primaryNavBar > li.expandable:hover .menuWrapper, #edition:hover .menuWrapper,
    #primaryNavBar > li.expandable .menuWrapper.visible{ display:block; box-shadow:0 4px 4px 1px rgba(0,0,0,0.25), 0 1px 0 rgba(255,255,255,0.35) inset; -moz-box-shadow:0 4px 4px 1px rgba(0,0,0,0.25), 0 1px 0 rgba(255,255,255,0.35) inset; -webkit-box-shadow:0 4px 4px 1px rgba(0,0,0,0.25), 0 1px 0 rgba(255,255,255,0.35) inset; }
  #primaryNavBar li.home { margin-left:160px; }
		#primaryNavBar li.home a { background:url(/media/c/2012/images/icon/icon-sprite.png) no-repeat 18px -842px; text-indent:-9999px; width:30px; }
		#primaryNavBar li.home a:hover, #primaryNavBar > li.home a.active { background-position:18px -586px; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; }
#primaryNavBar > li.expandable .display_l {
position: absolute;
right: 2px !important;
left: auto;
}
#primaryNavBar .menuinfo{ width: 450px; }
#primaryNavBar .menuinfo .nav,
#primaryNavBar .menuinfo #lateststories{ float: left; }
#lateststories{ width: 300px; margin-left: 10px; }
#lateststories a{ color: #fff; }
#lateststories dl{ margin-top: 15px; }
#lateststories dt{ color: #111; text-shadow: 1px 1px 1px #888; font-size: 1.25em; font-weight: bold; margin-bottom: 5px;}
#lateststories dt span{ color: yellow; text-shadow: none; }
#lateststories dd{
  margin: 0 10px; padding: 6px 0; border-bottom: 1px solid #444;
  box-shadow: 0 1px 0 #777;
}

#primaryNavBar > li.expandable .menuinfo li a, #edition .menuinfo li a, #edition .menuinfo p{ width: 100px; }

#tabmenu_01 {margin-left:160px; }
#tabmenu_02 a {font-size: 110% !important;}
#tabmenu_04 .menuWrapper .nav{width: 310px;}
#tabmenu_04 .menuWrapper ul,
#tabmenu_04 .menuWrapper li a{width: 150px !important}

#tabmenu_05 .menuWrapper .nav{width: 260px;}
#tabmenu_05 .menuWrapper ul,
#tabmenu_05 .menuWrapper li a{width: 120px !important;}
#tabmenu_08 img{ position: relative; top: 2px; }


#primaryNavBar li#zd_menubtn:hover .menuHead {
background: #15293E;
background: -moz-linear-gradient(top, #24476C, #15293E);
background: -ms-linear-gradient(top, #24476C, #15293E);
background: -o-linear-gradient(top, #24476C, #15293E);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#24476C), to(#15293E));
background: -webkit-linear-gradient(top, #24476C, #15293E);
background: linear-gradient(top, #24476C, #15293E); 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#24476C, endColorstr=#15293E);
}

#zd_menubtn .menuWrapper {
background: #15293E !important;
background: -moz-linear-gradient(top, #24476C, #15293E) !important;
background: -ms-linear-gradient(top, #24476C, #15293E) !important;
background: -o-linear-gradient(top, #24476C, #15293E) !important;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#24476C), to(#15293E)) !important;
background: -webkit-linear-gradient(top, #24476C, #15293E) !important;
background: linear-gradient(top, #24476C, #15293E) !important;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#24476C, endColorstr=#15293E) !important;
border-radius: 3px !important;
-moz-border-radius: 3px !important;
-webkit-border-radius: 3px !important;
}
#zd_menubtn .notification-area { width: 410px;}
#zd_menubtn .notification-area div { color: #ffffff;}
//#zd_menubtn .notification-area h3 { color: #ffffff;}

#primaryNavBar li#tr_menubtn a {padding: 0 4px;}

li.loginAction {
float: right !important;
}
li.loginAction a.menuHead {
background: #808182;
background: -moz-linear-gradient(top, #808182, #6D6D6E);
background: -ms-linear-gradient(top, #808182, #6D6D6E);
background: -o-linear-gradient(top, #808182, #6D6D6E);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#808182), to(#6D6D6E));
background: -webkit-linear-gradient(top, #808182, #6D6D6E);
background: linear-gradient(top, #808182, #6D6D6E);
border: 1px solid #414141;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
box-shadow: 2px -1px 3px -3px rgba(0,0,0,0.8), 0 1px 0 rgba(255,255,255,0.35) inset;
-moz-box-shadow: 2px -1px 3px -3px rgba(0,0,0,0.8), 0 1px 0 rgba(255,255,255,0.35) inset;
-webkit-box-shadow: 2px -1px 3px -3px rgba(0,0,0,0.8), 0 1px 0 rgba(255,255,255,0.35) inset;
height: 40px !important;
left: -1px;
margin: -1px 0 0 0;
padding: 0 4px 0 11px !important;
position: relative;
}

#login_btn {
width: 32px;
height: 32px;
margin-top: 3px;
margin-left: 12px;
border: 1px solid #333;
background: #aaa;
-moz-box-shadow: inset 0 0 3px #666;
-webkit-box-shadow: inset 0 0 3px #666;
box-shadow: inset 0 0 3px #666;
}

#subNav { background:#252527; background:-moz-linear-gradient(top, #252527, #444446); background:-ms-linear-gradient(top, #252527, #444446); background:-o-linear-gradient(top, #252527, #444446); background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#252527), to(#444446)); background:-webkit-linear-gradient(top, #252527, #444446); background:linear-gradient(top, #252527, #444446); text-align:center; }
#subNavBar li { display:inline; }
	#subNavBar li a { color:#CCC; display:inline-block; height:36px; float:none; font-size:1.167em; line-height:36px; }
	#subNavBar li a:hover, #subNavBar li a.active { color:#FFF; text-decoration:none; }
	#subNavBar li a.highlight { color:#F73; }

#edition .siteLogo { display:block; height:47px; left:180px; position:absolute; text-indent:-9999px; width:50px; }
	#edition:hover .siteLogo { background:url(/media/c/2012/images/base/menu-arrow.png) no-repeat 27px 30px; z-index:10000; }
	#edition .menuWrapper { border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; left:120px; top:40px; }
		#edition .menuWrapper li { font-size:1.167em; }
		#edition .menuWrapper li a, #edition .menuWrapper p { width:150px; }
		#edition .menuWrapper p { font-size:.917em; padding-top:0; }

/* FOOTER */
#rbFooter { font-size: 12px; background:url(/media/c/2012/images/base/rb-logo-footer.png) no-repeat 50% 100%; line-height:1.333em; padding:20px 0 178px 0; text-shadow:0 -1px 0 rgba(0,0,0,0.8); -khtml-text-shadow:0 -1px 0 rgba(0,0,0,0.8); -moz-text-shadow:0 -1px 0 rgba(0,0,0,0.8); -webkit-text-shadow:0 -1px 0 rgba(0,0,0,0.8); }
	#rbFooter a { color: #fff; }
#rbFooter ul, 
#rbFooter li. {font-size: 12px; }
  #rbFooter, .rbFooterMap h4 a { color:#B7B7B7 !important; }
.rbFooterMap, .rbFooterCopy { margin:0 auto; width:940px; }
	.rbFooterMap { border-bottom:1px solid #4f5354; box-shadow:0 1px 0 rgba(255,255,255,0.1); -moz-box-shadow:0 1px 0 rgba(255,255,255,0.1); -webkit-box-shadow:0 1px 0 rgba(255,255,255,0.1); margin-bottom:20px; }
	.rbFooterMap h4 { font-size:1.333em; }
	.rbFooterMap ul { margin:0 0 20px 0; overflow:auto; }
	.rbFooterMap li { font-size:1.083em; margin:10px 0 0 0; }
.rbFooterSponsors { background:#3d3d3d; background:rgba(0,0,0,0.24); border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; box-shadow:0 1px 0 rgba(255,255,255,0.25), 0 0 5px rgba(0,0,0,0.25) inset; -moz-box-shadow:0 1px 0 rgba(255,255,255,0.25), 0 0 5px rgba(0,0,0,0.25) inset; -webkit-box-shadow:0 1px 0 rgba(255,255,255,0.25), 0 0 5px rgba(0,0,0,0.25) inset; padding:10px; }
	.rbFooterSponsors h4 { font-size:1.083em; }
	.rbFooterSponsors ul { margin:0; }
.simple-footer li { display:inline; margin:0 10px 0 0; }
	.simple-footer li:after { content:"|"; position:relative; padding:0 0 0 10px; }
	.simple-footer li.last:after { content:""; padding:0; }
  
#rbFooter .about_ai { color: white; margin: 10px 0; font-size: 12px; text-align: center; }
#rbFooter .about_ai dd { display: inline; padding: 0 5px; border-right: solid 1px white; }
#rbFooter .copyright_ai{ font-size: 10px; color: white; margin: 0; text-align: center;  }

#contents_r .rcol_cont{ margin-bottom: 20px; }

/* -----------------------------------------------------------------------
  MARKETERS TOP AD
--------------------------------------------------------------------------*/
#marketers_header {
background: #E0E0E0;
background: -moz-linear-gradient(top, #F2F2F2, #E0E0E0);
background: -ms-linear-gradient(top, #F2F2F2, #E0E0E0);
background: -o-linear-gradient(top, #F2F2F2, #E0E0E0);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F2F2F2), to(#E0E0E0));
background: -webkit-linear-gradient(top, #F2F2F2, #E0E0E0);
background: linear-gradient(top, #F2F2F2, #E0E0E0);
box-shadow: 0 -6px 10px #E7E7E7 inset;
-moz-box-shadow: 0 -6px 10px #E7E7E7 inset;
-webkit-box-shadow: 0 -6px 10px #E7E7E7 inset;
clear: both;
padding: 20px 0;
text-align: center;
}
#marketers_header .marketers_header_inner { width: 1000px; margin: 0 auto;}
#marketers_header #leaderboard-top {
width: 728px;
height: 90px;
overflow: hidden;
float: right;
background: none;
clear: none;
padding: 0;
}

#marketers_header .leaderboard .ad {
width: 728px;
}

#marketers_header .sub_logo {
width: 245px;
float: left;
margin-top: 20px;
}



/* 
--------------------------------------------------------------------------
ADS
--------------------------------------------------------------------------*/
.leaderboard .ad { margin:0 auto; position:relative; width:980px; z-index:2; /* <- must be higher than follow bar */ }

#leaderboard-bottom { background:#E0E0E0; background:-moz-linear-gradient(top, #F2F2F2, #E0E0E0); background:-ms-linear-gradient(top, #F2F2F2, #E0E0E0); background:-o-linear-gradient(top, #F2F2F2, #E0E0E0); background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#F2F2F2), to(#E0E0E0)); background:-webkit-linear-gradient(top, #F2F2F2, #E0E0E0); background:linear-gradient(top, #F2F2F2, #E0E0E0); box-shadow:0 6px 10px #E7E7E7 inset; -moz-box-shadow:0 6px 10px #E7E7E7 inset; -webkit-box-shadow:0 6px 10px #E7E7E7 inset; clear:both; padding:10px 0; text-align:center; }
#leaderboard-top { background:#E0E0E0; background:-moz-linear-gradient(top, #F2F2F2, #E0E0E0); background:-ms-linear-gradient(top, #F2F2F2, #E0E0E0); background:-o-linear-gradient(top, #F2F2F2, #E0E0E0); background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#F2F2F2), to(#E0E0E0)); background:-webkit-linear-gradient(top, #F2F2F2, #E0E0E0); background:linear-gradient(top, #F2F2F2, #E0E0E0); box-shadow:0 -6px 10px #E7E7E7 inset; -moz-box-shadow:0 -6px 10px #E7E7E7 inset; -webkit-box-shadow:0 -6px 10px #E7E7E7 inset; clear:both; padding:10px 0; text-align:center; }

.ad a{ color: inherit }
.ad_large_footer_wrapper{ clear: both }
.ad_large_footer{ text-align: center; padding-top: 20px }

/* close up */
.close_up { padding: 0 10px; background-color: #e4e4e4; -moz-box-shadow: inset 0 0 2px #999; -webkit-box-shadow: inset 0 0 2px #999; box-shadow: inset 0 0 2px #999; }
.close_up li {float: left; width: 19%; text-align: center; padding-bottom: 0;}
.closeup_title {margin-right: 20px; font-weight: bold; background: url(/media/c/2012/images/icon/icon_arrow_k.png) no-repeat right 50%;}

.tieup_sp{ text-align: center; }
.tieup_sp h3{ padding: 5px 0; }
.tieup_sp p{ margin-bottom: 5px; }
.tieup li { border-bottom: 1px solid #DDD; padding: 7px 0 3px; }
.tieup img {
  border: 1px solid #CCC;
  float: left;
  margin: 0 5px 10px 0;
  padding: 0;
}
.tieup li a { color: #252525; }
.tieup li a:hover{ color: #860000 }
#contents_r ul.tieup li p { font-size: 12px; }

.tieup li.arrow{
	list-style-image: none;
	background: url('/media/z/2011/arrow_gray.gif') no-repeat 10px 12px;
	margin: 0 0 5px 0;
	padding-left: 10px;
}

#tieup_control .tieup li.arrow b{
	padding-left: 20px;
}

#tieup_control .tieup li.arrow p {
	padding-left: 20px;
}

#resource_info { margin-bottom: 10px; border: 1px #CCC solid; background: url("/media/c/2010/image/resource/bg_resource.gif") no-repeat; }
  #resource_info .paragraph { height: 83px; padding: 0 10px; }
  #resource_info .infolist { padding: 0 10px; }
  #resource_info .infolist li {
    border-bottom: 1px dotted #DDD;
    margin: 5px 0 10px;
    padding: 0 0 5px 20px;
    color: #363;
    display: block;
    background: url("/media/c/2010/image/resource/arw.gif") no-repeat 0 50% transparent;
    zoom: 1;
  }
  #resource_info .infolist li a{ color: #363; }
  #resource_info .infolist li a:hover { color: #363; text-decoration: underline; }
  #resource_info .imgbox-r { float: left; width: 110px; margin-top: 30px; }
  #resource_info .readtxt-r { font-size: 12px; float: right; width: 160px; margin-top: 15px; line-height: 1.4em; }
  #resource_info .readtxt-r a{ color: #252525;}

.ad_interestmatch{ border: 1px solid #CCC; padding: 10px; margin-bottom: 20px;}
  .ad_interestmatch li{ margin-bottom: 5px;}
  .ad_interestmatch a{ color: #252525; }
  .ad_interestmatch a:hover{ color: #860000 }
  .ad_interestmatch .title{ font-weight: bold; }
  .ad_interestmatch .desc{ margin-left: 10px;}
  .ad_interestmatch .about{ text-align: right; }
  .ad_interestmatch .about a{ font-weight: bold; }
  .ad_interestmatch ul.list_disc li{ list-style: disc inside;}
  .ad_interestmatch .adby {text-align: right; font-size: 11px;}

#ad_interestmatch { border: 1px solid #CCC; padding: 5px; }
  #ad_interestmatch ul, #ad_interestmatch400 ul { font-size: 14px; margin: 5px 0 0px 20px; padding: 5px 0; }
  #ad_interestmatch li, #ad_interestmatch400 li { list-style: url('/media/c/2010/image/bullets/arrow_g.gif'); padding-bottom: 5px; margin: 0; }
  #ad_interestmatch a, #ad_interestmatch400 a{ color: #252525; }
  #ad_interestmatch a:hover, #ad_interestmatch400 a:hover{ color: #860000 }
  #ad_interestmatch .title, #ad_interestmatch400 .title,
  #ad_interestmatch .host, #ad_interestmatch400 .host { font-size: 14px; font-weight: bold; }
  #ad_interestmatch .desc, #ad_interestmatch400 .desc { font-size: 0.9em; }
  #ad_interestmatch .about, #ad_interestmatch400 .about { font-size: 12px; margin-bottom: 2px; text-align: right; }
  #ad_interestmatch .about a, #ad_interestmatch400 .about a { font-weight: bold; }

#cnetid-lead {margin-top: -6px; }

.ad_square_leaf{ float :left; margin: 0 10px 10px 0; }
.block_story .ad_square_leaf object, .block_story .ad_square_leaf embed { display: block; margin: 0; text-align: left;}

.ad_text{ margin-bottom: 10px; padding-top: 5px; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; }
.ad_text_top,
.ad_text_bottom { margin: 0; padding: 0 0 4px 0; border: none; zoom: 1; font-size: 14px; }
.ad_text_top a,
.ad_text_bottom a{ color: #252525 !important; font-weight: normal !important; text-decoration: none !important;}
.ad_text_top a:hover,
.ad_text_bottom a:hover{ color: #860000 !important; text-decoration: underline !important;}
.ad_text_top a:before,
.ad_text_bottom a:before {content: "PR"; position: relative; color: #bbbbbb; border-right: 1px solid #bbbbbb; margin-right: 5px; padding-right: 5px; font-size: 85%;}

.ad_rect_top{ margin-bottom: 10px; }

.block_ad_reg_banner { margin-bottom: 10px; text-align: center; }

.adsense_mainbox01 { margin: 20px 0 0 0; padding: 5px 0 3px 3px; background: #E4E4E4; }
.adsense_3columnbox { background: url('/media/c/2010/image/bg/adsense-3columnbox-bg.gif') 2px bottom no-repeat; margin-bottom: 2px; }
.adsense_box01 { width: 202px; border-top: 1px solid #D5D5D5; margin: 0 0 0 2px; padding: 5px; float: left; }
.adsense_box01 img { border: 1px solid #CCC; float: left; padding: 2px; }
.adsense_box01 p { width: 110px; float: left; font-size: 12px; margin-left: 4px; line-height: 1.3; }
.adsense_box01 p a { font-weight: bold; }
p.note { color: #666; font-size: 12px; margin: 10px 15px; }



/* rakuten
---------------------------------------------------------*/
.ad_rakuten_wrapper{
  margin: 0 15px 10px 15px; padding: 5px 0 1px 0;
  background: #E4E4E4;
}

.ad_rakuten_3columnbox{
  background: url('/media/cnn/images/common/adsense-3columnbox-bg.gif') 5px 0 no-repeat;
  margin: 0 0 5px;
}

.ad_rakuten { width: 190px; margin-left: 5px; padding: 5px; float: left; display: inline; }
.ad_rakuten img { border: 1px solid #CCC; float: left; padding: 2px; }
.ad_rakuten p { width: 97px; float: left; margin-left: 4px; }
.ad_rakuten p a { font-weight: bold; }

.time,.txt_pr { font-size: 11px; color: #BBB; }
.txt_pr {margin-left: 5px;}
#contents_r h4 .txt_pr { float: right;}

.viewmore {
clear: both;
float: right;
margin-bottom: 10px;
padding-left: 15px;
background: url(/media/c/2012/images/icon/icon_arrow_k.png) no-repeat left 50%;
white-space: nowrap;
}

.newsletter img{ vertical-align: middle }
#tieup_control .tieup b{ display: block }
#tieup_control .tieup b,
#tieup_control .tieup p{padding-left: 45px;}
/* -----------------------------*-----------------------------------------
 LARGE IMAGE
--------------------------------------------------------------------------*/
#l_img_main { text-align: center; background: white; padding: 20px 0; }
#l_img_main img { max-width: 640px; margin: 10px 0; }
#l_img_main .link a { border: 1px #E8E8E8 solid; padding: 5px; font-weight: normal; font-size: 14px; text-decoration: none}
#l_img_main .caption { width: 80%; font-size: 16px; margin: 0 auto 10px auto; }

/* -----------------------------------------------------------------------
 TITLES
--------------------------------------------------------------------------*/
/* category title*/
.t_category {
clear: both;
margin: 20px 0 10px;
padding-left: 20px;
background: #3a3a3d;
/*filter: progid:DXImageTransform.Microsoft.Gradient(Enabled=1,GradientType=0,StartColorStr=#3a3a3d,EndColorStr=#5b5b5e); */
background: -moz-linear-gradient(top, #3a3a3d, #5b5b5e);
background: -webkit-gradient(linear, left top, left bottom, from(#3a3a3d),to(#5b5b5e));
border-top: 1px solid #999999;
border-right: 1px solid #999999;
border-left: 1px solid #999999;

border-top-left-radius: 3px;
-webkit-border-top-left-radius: 3px;
-moz-border-top-left-radius: 3px;

border-top-right-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-top-right-radius: 3px;

-moz-box-shadow: inset 1px 1px 1px #eeeeee;
-webkit-box-shadow: inset 0px 1px 1px #eeeeee;
box-shadow: inset 0px 1px 1px #eeeeee;

color: #fff;
-moz-text-shadow: 0 -1px 0 #000;
-webkit-text-shadow: 0 -1px 0 #000;
text-shadow: 0 -1px 0 #000;
}

h2.t_category {
  clear: both;
  margin: 20px 0 10px;
  /*padding-left: 20px;*/
  padding: 5px 0 5px 20px;
  background: #3A3A3D;
  /*filter: progid:DXImageTransform.Microsoft.Gradient(Enabled=1,GradientType=0,StartColorStr=#5b5b5e,EndColorStr=#3a3a3d); */
  background: linear-gradient(top, #5B5B5E, #3A3A3D);
  background: -ms-linear-gradient(top, #5B5B5E, #3A3A3D);
  background: -moz-linear-gradient(top, #5B5B5E, #3A3A3D);
  background: -webkit-gradient(linear, left top, left bottom, from(#5B5B5E),to(#3A3A3D));
  border-top: 1px solid #3C3C3E;
  border-right: 1px solid #3C3C3E;
  border-left: 1px solid #3C3C3E;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -moz-box-shadow: inset 0px 1px 0px #999999;
  -webkit-box-shadow: inset 0px 1px 0px #999999;
  box-shadow: inset 0px 1px 0px #999999;
  color: white;
  -moz-text-shadow: 0 -1px 0 #000;
  -webkit-text-shadow: 0 -1px 0 #000;
  text-shadow: 0 -1px 0 black;
  outline-width: 0;
  outline-style: none;
  outline-color: invert;
}

h2.t_category .header_icon{ float: right; margin-top: 4px;}
h2.t_category a { color: #fff; }
h2.t_category a:hover { color: inherit; }
h2.t_category a.next,
h2.t_category a.prev{
  display: block;
  width: 25px;
  height: 18px;
  line-height: 18px;
  float: right;
  background: url(/media/c/2012/images/icon/custom-sprite.png) no-repeat;
  text-indent: -9999px;
}
h2.t_category a.next { background-position: right -291px; border-left: 1px solid #ccc; padding-left: 4px;}
h2.t_category a.prev { background-position: 0 -270px; border-right: 1px solid #000; padding-right: 2px; }
h2.t_category a.disabled{ background: none; cursor: default; }

#contents_l h1,
#contents_l h3{ font-weight: bold }
#contents_r h3 a { font-weight: normal; color: #252525; }
#contents_r h3 a:hover { color: #860000; }

#contents_l h1 a,
#contents_l h3 a{ color: #111111; }
#contents_l h1 a:hover,
#contents_l h3 a:hover{ color: #860000; }

#contents_r h4 {
  clear: both;
  margin: 10px 0;
  padding: 5px 10px!important;
  background-color: #E4E4E4!important;
  -moz-box-shadow: inset 0 0 2px #999;
  -webkit-box-shadow: inset 0 0 2px #999;
  box-shadow: inset 0 0 2px #999;
}
h4.special_pr {
clear: both;
margin: 10px 0;
padding: 5px 10px!important;
background-color: #E4E4E4!important;
-moz-box-shadow: inset 0 0 2px #999;
-webkit-box-shadow: inset 0 0 2px #999;
box-shadow: inset 0 0 2px #999;
}

#digital_header{font-size: 1.6em; font-weight: bold; line-height: 1.8em; color: #4575A3; border-bottom: 2px solid #4575A3;
margin-bottom: 20px;}
#contents_l #digital_header a,#contents_l #digital_header a:visited{ color: #4575A3;}
#contents_l #digital_header a:hover { color: #860000;}

/* -----------------------------------------------------------------------
 STAMPS
--------------------------------------------------------------------------*/
/** top stamp ---------------*/
.top_stamp,
.top_stamp_square{
	height: 13px;
	line-height: 13px;
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 1px;
	padding: 2px 0px 0px 1px;
  outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font-size: 11px;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif, 'ＭＳ Ｐゴシック';
	font-weight:lighter;
}
.top_stamp:hover,
.top_stamp_square:hover{ text-decoration: none; }

.top_stamp:active,
.top_stamp_square:active{ position: relative; top: 1px; }

.top_stamp{
  -webkit-border-radius: .5em;
	-moz-border-radius: .5em;
  border-radius: .5em;
}

.top_stamp_square{
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
 
/* color styles 
---------------------------------------------- */
 
/* black */
.black {
	color: #d7d7d7;
	border: solid 1px #333;
	background: #333;
	background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
	background: -moz-linear-gradient(top,  #666,  #000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000');
}
.black:hover {
	background: #000;
	background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#000));
	background: -moz-linear-gradient(top,  #444,  #000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#000000');
}
.black:visited { color: #d7d7d7; }
.black:active {
	color: #666;
	background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#444));
	background: -moz-linear-gradient(top,  #000,  #444);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#666666');
}
 
/* gray */
.gray {
	color: #e9e9e9;
	border: solid 1px #555;
	background: #6e6e6e;
	background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
	background: -moz-linear-gradient(top,  #888,  #575757);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');
}
.gray:visited { color: #e9e9e9; }
.gray:hover {
	background: #616161;
	background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b));
	background: -moz-linear-gradient(top,  #757575,  #4b4b4b);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b');
}
.gray:active {
	color: #afafaf;
	background: -webkit-gradient(linear, left top, left bottom, from(#575757), to(#888));
	background: -moz-linear-gradient(top,  #575757,  #888);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#888888');
}
 
/* white */
.white {
	color: #606060;
	border: solid 1px #b7b7b7;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top,  #fff,  #ededed);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}
.white:visited {color: #606060;}
.white:hover {
	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
	background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
}
.white:active {
	color: #999;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
	background: -moz-linear-gradient(top,  #ededed,  #fff);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
}
 
/* orange */
.orange {
	color: #fef4e9;
	border: solid 1px #da7c0c;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.orange:visited {color: #fef4e9;}
.orange:hover {
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.orange:active {
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}
/* red */
.red {
	color: #faddde;
	border: solid 1px #980c10;
	background: #d81b21;
	background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317));
	background: -moz-linear-gradient(top,  #ed1c24,  #aa1317);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317');
}
.red:visited {color: #faddde;}
.red:hover {
	background: #b61318;
	background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115));
	background: -moz-linear-gradient(top,  #c9151b,  #a11115);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115');
}
.red:active {
	color: #de898c;
	background: -webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24));
	background: -moz-linear-gradient(top,  #aa1317,  #ed1c24);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa1317', endColorstr='#ed1c24');
}
/* blue */
.blue {
	color: #d9eef7;
	border: solid 1px #0076a3;
	background: #0095cd;
	background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
	background: -moz-linear-gradient(top,  #00adee,  #0078a5);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}
.blue:visited {	color: #d9eef7;}
.blue:hover {
	background: #007ead;
	background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
	background: -moz-linear-gradient(top,  #0095cc,  #00678e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}
.blue:active {
	color: #80bed6;
	background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
	background: -moz-linear-gradient(top,  #0078a5,  #00adee);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
}
 
/* rosy */
.rosy {
	color: #fae7e9;
	border: solid 1px #b73948;
	background: #da5867;
	background: -webkit-gradient(linear, left top, left bottom, from(#f16c7c), to(#bf404f));
	background: -moz-linear-gradient(top,  #f16c7c,  #bf404f);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f16c7c', endColorstr='#bf404f');
}
.rosy:visited {	color: #fae7e9;}
.rosy:hover {
	background: #ba4b58;
	background: -webkit-gradient(linear, left top, left bottom, from(#cf5d6a), to(#a53845));
	background: -moz-linear-gradient(top,  #cf5d6a,  #a53845);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#cf5d6a', endColorstr='#a53845');
}
.rosy:active {
	color: #dca4ab;
	background: -webkit-gradient(linear, left top, left bottom, from(#bf404f), to(#f16c7c));
	background: -moz-linear-gradient(top,  #bf404f,  #f16c7c);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#bf404f', endColorstr='#f16c7c');
}
 
/* green */
.green {
	color: #e8f0de;
	border: solid 1px #538312;
	background: #64991e;
	background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e));
	background: -moz-linear-gradient(top,  #7db72f,  #4e7d0e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e');
}
.green:visited {color: #e8f0de;}
.green:hover {
	background: #538018;
	background: -webkit-gradient(linear, left top, left bottom, from(#6b9d28), to(#436b0c));
	background: -moz-linear-gradient(top,  #6b9d28,  #436b0c);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c');
}
.green:active {
	color: #a9c08c;
	background: -webkit-gradient(linear, left top, left bottom, from(#4e7d0e), to(#7db72f));
	background: -moz-linear-gradient(top,  #4e7d0e,  #7db72f);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e7d0e', endColorstr='#7db72f');
}
 
/* pink */
.pink {
	color: #feeef5;
	border: solid 1px #d2729e;
	background: #f895c2;
	background: -webkit-gradient(linear, left top, left bottom, from(#feb1d3), to(#f171ab));
	background: -moz-linear-gradient(top,  #feb1d3,  #f171ab);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#feb1d3', endColorstr='#f171ab');
}
.ping:visited {color: #feeef5;}
.pink:hover {
	background: #d57ea5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f4aacb), to(#e86ca4));
	background: -moz-linear-gradient(top,  #f4aacb,  #e86ca4);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4aacb', endColorstr='#e86ca4');
}
.pink:active {
	color: #f3c3d9;
	background: -webkit-gradient(linear, left top, left bottom, from(#f171ab), to(#feb1d3));
	background: -moz-linear-gradient(top,  #f171ab,  #feb1d3);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f171ab', endColorstr='#feb1d3');
}

/* Yellow */
.yellow {
	color: #000033;
	border: solid 1px #cc6600;
	background: #ffff33;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffff33), to(#ffff99));
	background: -moz-linear-gradient(top,  #ffff33,  #ffff99);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff33', endColorstr='#ffff99');
}
.yellow:visited {color: #000033;}
.yellow:hover {
	background: #ffcc33;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffcc33), to(#ffcc99));
	background: -moz-linear-gradient(top,  #ffcc33,  #ffcc99);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcc33', endColorstr='#ffcc99');
}
.yellow:active {
	color: #000033;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffcc33), to(#ffcc99));
	background: -moz-linear-gradient(top,  #ffcc33,  #ffcc99);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcc33', endColorstr='#ffcc99');
}

/* Purple */
.purple {
	color: #F0F8FF;
	border: solid 1px #660066;
	background: #9900cc;
	background: -webkit-gradient(linear, left top, left bottom, from(#9900cc), to(#9966cc));
	background: -moz-linear-gradient(top,  #9900cc,  #9966cc);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#9900cc', endColorstr='#9966cc');
}
.purple:visited {color: #F0F8FF;}
.purple:hover {
	background: #cc00cc;
	background: -webkit-gradient(linear, left top, left bottom, from(#cc00cc), to(#cc99cc));
	background: -moz-linear-gradient(top,  #cc00cc,  #cc99cc);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc00cc', endColorstr='#cc99cc');
}
.purple:active {
	color: #F0F8FF;
	background: -webkit-gradient(linear, left top, left bottom, from(#cc00cc), to(#cc99cc));
	background: -moz-linear-gradient(top,  #cc00cc,  #cc99cc);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc00cc', endColorstr='#cc99cc');
}

/*---------------------------------------------------------------------
 SOCIAL BOOKMARK
 ----------------------------------------------------------------------*/
#social_bkm_wrap_top{
  height: 20px;
  border-top: 1px dotted #ddd;
  text-align: left;
  padding: 5px 0;
  margin: 5px 0 0 0;
  position: relative;
  z-index: 2;
}

#social_bkm_wrap_under_leaf{
  min-height: 20px;
  float: right;
  padding: 5px 0;
  margin: 5px 0 0 0;
  position: relative;
  z-index: 2;
}



#social_bkm_wrap_under_leaf li{
  background: none;
  position: relative;
  z-index: 1001;
  float: left;
  padding: 0;
  margin-bottom: 5px;
  list-style: none;
  border: none;
  margin-left: 10px !important; 
  height: 20px;
}


#social_bkm_wrap_bottom{
  height: 25px !important;
  text-align: left;
  padding: 5px 0;
  margin: 5px 0 0 0;
  position: relative;
  z-index: 1;
}

#social_bkm_wrap_extra{
  height: 20px;
  text-align: left;
  padding: 5px 0;
  margin: -20px 0 20px 0;
  position: relative;
  z-index: 1;
}

#social_bkm_wrap_top li,
#social_bkm_wrap_bottom li,
#social_bkm_wrap_extra li{
  background: none;
  float: left;
  position: relative;
  z-index: 1001;
  padding: 0;
  margin-bottom: 5px;
  list-style: none;
  border: none;
}

#social_bkm_wrap_top li.right_sbm{ float: right; margin-right: 10px;}
#social_bkm_wrap_top li.last{margin: 0}
#social_bkm_wrap_top a{ font-weight: normal }

#social_bkm_wrap_top .expandable,
#social_bkm_wrap_extra .expandable{ position: relative; }
#social_bkm_wrap_top .expandable .menuWrapper,
#social_bkm_wrap_extra .expandable .menuWrapper{ display:none; position: absolute; top: 19px; right: 0; z-index: 999 }
#social_bkm_wrap_top .expandable:hover .menuWrapper,
#social_bkm_wrap_extra .expandable:hover .menuWrapper{ display: block; }
#social_bkm_wrap_top .expandable:hover,
#social_bkm_wrap_extra .expandable:hover{
  border: 1px solid #868686;
  -webkit-box-shadow:inset 0 0 5px #ddd;
  -moz-box-shadow:inset 0 0 5px #ddd;
  box-shadow:inset 0 0 5px #ddd;
}

#social_bkm_wrap_top .menuWrapper .menu,
#social_bkm_wrap_extra .menuWrapper .menu{
  background: #fff;
  border: 1px solid #868686;
  -webkit-box-shadow:inset 0 0 5px #ddd;
  -moz-box-shadow:inset 0 0 5px #ddd;
  box-shadow:inset 0 0 5px #ddd;
  padding: 10px;
  margin-top: 5px;
}

#social_bkm_wrap_bottom li.right_sbm{ float: right;}
#social_bkm_wrap_bottom li.last{margin: 0}
#social_bkm_wrap_bottom a{ font-weight: normal }

#social_bkm_wrap_bottom .expandable,
#social_bkm_wrap_extra .expandable{ position: relative; }
#social_bkm_wrap_bottom .expandable .menuWrapper,
#social_bkm_wrap_extra .expandable .menuWrapper{ display:none; position: absolute; top: 19px; right: 0; z-index: 999 }
#social_bkm_wrap_bottom .expandable:hover .menuWrapper,
#social_bkm_wrap_extra .expandable:hover .menuWrapper{ display: block; }
#social_bkm_wrap_bottom .expandable:hover,
#social_bkm_wrap_extra .expandable:hover{
  border: 1px solid #868686;
  -webkit-box-shadow:inset 0 0 5px #ddd;
  -moz-box-shadow:inset 0 0 5px #ddd;
  box-shadow:inset 0 0 5px #ddd;
}

#social_bkm_wrap_bottom .menuWrapper .menu,
#social_bkm_wrap_extra .menuWrapper .menu{
  background: #fff;
  border: 1px solid #868686;
  -webkit-box-shadow:inset 0 0 5px #ddd;
  -moz-box-shadow:inset 0 0 5px #ddd;
  box-shadow:inset 0 0 5px #ddd;
  padding: 10px;
  margin-top: 5px;
}

#story_alert_btn{
  height: 18px;
  line-height: 18px;
  vertical-align: top;
  color: #666;
  background: #fff;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#DFDFDF'); 
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#DFDFDF)); 
  background: -moz-linear-gradient(top,  #fff,  #DFDFDF);
  cursor: pointer;
  font-size: 0.85em;
  border: 1px solid #C6C6C6;
}

#atode_print,#atode_action,#atode_pulldown,#atode_pulldown_dl{
  height: 18px;
  line-height: 18px;
  vertical-align: top;
  color: #666;
  background: #fff;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#DFDFDF'); 
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#DFDFDF)); 
  background: -moz-linear-gradient(top,  #fff,  #DFDFDF);
  cursor: pointer;
  border: 1px solid #C6C6C6 !important;
  margin-right: 10px !important;
}

/*
#story_alert_icon {
  background: url("/media/c/2012/images/icon/icon_bkm.png") left center no-repeat;
  padding: 0 5px 0 20px;
}
*/

#sbm_btn{
  height: 18px;
  line-height: 18px;
  vertical-align: top;
  color: #666;
  background: #fff;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#DFDFDF'); 
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#DFDFDF)); 
  background: -moz-linear-gradient(top,  #fff,  #DFDFDF);
  cursor: pointer;
  font-size: 0.85em;
  border: 1px solid #C6C6C6;
}
#sbm_btn .menu{ width: 190px; line-height: 25px;}
#sbm_btn .sbm_button{ float: left; display: block; width: 90px; line-height: 25px; height: 25px;}

#sbm_icon{ background: url("/media/c/2012/images/icon/icon_bkm.png") left center no-repeat; padding: 0 5px 0 20px; }

/*----------------------------------------------------------------------
 ATODE
 -----------------------------------------------------------------------*/
#atode{
  height: 20px;
  line-height: 20px;
  vertical-align: top;
  position: relative;
  background: #fff;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#DFDFDF'); 
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#DFDFDF)); 
  background: -moz-linear-gradient(top,  #fff,  #DFDFDF);
  cursor: pointer;
  font-size: 14px;
  color: #666;
}

#atode a{ font-size: 0.85em; vertical-align: top; }

#atode_action, #atode_pulldown, #atode_pulldown_dl{ border: 1px solid #C6C6C6; float: left; }
#atode_action:hover{
  border: 1px solid #868686;
  -webkit-box-shadow:inset 0 0 5px #ddd;
  -moz-box-shadow:inset 0 0 5px #ddd;
  box-shadow:inset 0 0 5px #ddd;
}
#atode_action a{color: #666; text-decoration: none}

#atode_pulldown{ height: 18px; cursor: pointer }
#atode_pulldown .desc, #atode_pulldown .btn{ height: 18px; line-height: 18px; float: left;}
#atode_pulldown .desc{ font-size: 12px;}
#atode_pulldown .desc img{ vertical-align: middle; }
#atode_pulldown .btn{ width: 18px; padding: 0; border: none; }
#atode_pulldown.active .desc{ display: none} 

#atode_pulldown_actions{ width: 80px; }
#atode_pulldown_actions dd{ height: 20px; padding: 0 0 0 28px; margin: 0 0 10px 0; background-image: url(/media/c/2012/images/atode/ato_sprite.png); background-repeat: no-repeat;}
#atode_pulldown_actions dd:hover{ background-color: #ddd; }

#atode_pulldown_dl{ height: 18px; cursor: pointer }
#atode_pulldown_dl .desc, #atode_pulldown .btn{ height: 18px; line-height: 18px; float: left;}
#atode_pulldown_dl .desc{ font-size: 12px;}
#atode_pulldown_dl .desc img{ vertical-align: middle; }
#atode_pulldown_dl .btn{ width: 18px; padding: 0; border: none; }
#atode_pulldown_dl.active .desc{ display: none} 

#atode_pulldown_actions_dl{ width: 80px; }
#atode_pulldown_actions_dl dd{ height: 20px; padding: 0 0 0 28px; margin: 0 0 10px 0; background-image: url(/media/c/2012/images/atode/ato_sprite.png); background-repeat: no-repeat;}
#atode_pulldown_actions_dl dd:hover{ background-color: #ddd; }

#atode_pulldown_actions_clip { width: 110px; }

.atode_clip{ background-position: 0 0; }
.atode_print{ background-position: 0 -20px; }
.atode_ml_pdf{ background-position: 0 -40px; }
.atode_ml_html{ background-position: 0 -60px; }
.atode_ml_epub{ background-position: 0 -80px; }
.atode_ml_text{ background-position: 0 -100px; }
.atode_dl_pdf{ background-position: 0 -120px; }
.atode_dl_epub{ background-position: 0 -140px; }
.atode_dl_text{ background-position: 0 -160px; }


#social_bkm_wrap_bottom #atode_print,
#social_bkm_wrap_bottom .atode_clip,
#social_bkm_wrap_bottom #atode_pulldown,
#social_bkm_wrap_bottom #atode_pulldown_dl,
#social_bkm_wrap_bottom #story_alert_btn {
height: 20px;
margin-right: 3px !important;
padding: 0 5px 0 35px;
background: #efefef url(/media/c/2012/images/atode/ato_sprite.png) no-repeat 0 0;
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false) !important;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

#social_bkm_wrap_bottom #atode_print {background-position: 6px -20px;}
#social_bkm_wrap_bottom #atode_print a {color: #666666;}
#social_bkm_wrap_bottom #atode_print a:hover {text-decoration: none;}
#social_bkm_wrap_bottom #atode_pulldown {background-position: 5px -60px;}
#social_bkm_wrap_bottom #atode_pulldown_dl {background-position: 5px -140px;}
#social_bkm_wrap_bottom .atode_clip {background-position: 5px 0; padding-right: 10px;}
#social_bkm_wrap_bottom .btn {
background: transparent;
line-height: auto;
}

#social_bkm_wrap_bottom #atode_print:hover,
#social_bkm_wrap_bottom .atode_clip:hover,
#social_bkm_wrap_bottom #atode_pulldown:hover,
#social_bkm_wrap_bottom #atode_pulldown_dl:hover {
border: 1px solid #868686 !important;
}

#social_bkm_wrap_bottom #story_alert_btn {padding: 0 10px 0 25px; background:#efefef url(/media/c/2012/images/icon/icon_bkm.png) 5px center no-repeat;}
#social_bkm_wrap_bottom #story_alert_btn:hover {border-color: #666666;}
#social_bkm_wrap_bottom #story_alert_desc {color: #666666; width:155px;}
#social_bkm_wrap_bottom .right_sbm:hover {
border: none;
box-shadow: none;
}


/*------------------------------------------------------------------------------
 TOOLTIP
 -------------------------------------------------------------------------------*/
.ctooltip{
  position: absolute;
  left: 0;
  top: 0;
  z-index: 999;
  background-color: #f8f8f8;
  padding: 3px 5px;
  border: 2px solid #c6c6c6;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -moz-box-shadow: 0 -1px 10px #ddd;
  -webkit-box-shadow: 0 -1px 10px #ddd;
  box-shadow:  0 -1px 10px #ddd;
  letter-spacing: -0.1em;
}

.ctooltip .ctooltip-pointer-down, .ctooltip .ctooltip-pointer-down-inner {
	position: absolute; 
	width:0; 
	height:0; 
	border-bottom-width: 0;
	background: none;
}

.ctooltip .ctooltip-pointer-down {	
	border-left: 7px solid transparent; 
	border-right: 7px solid transparent;
	border-top-width: 14px;
	bottom:	-14px;
	right: auto;
	left: 50%;
	margin-left: -7px;
}

.ctooltip .ctooltip-pointer-down-inner {
	border-left: 5px solid transparent; 
	border-right: 5px solid transparent;
	border-top: 10px solid #c6c6c6;
  bottom:	auto;
	top: -14px;
	left: -5px;
}

/*------------------------------------------------------------------------------
 JQUERY UI
 -------------------------------------------------------------------------------*/
#nologin_window{ overflow: hidden; }
.ui-dialog{
  background: #F9F7F0;
  padding: 5px;
  border: 2px solid #c6c6c6;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -moz-box-shadow: 0 0 15px #bbb;
  -webkit-box-shadow: 0 0 15px #bbb;
  box-shadow:  0 0 15px #bbb;
}

.ui-dialog-titlebar{text-align: right}
.ui-dialog-titlebar a{color: #333}

/*------------------------------------------------------------------------------
 IE BANNER
 -------------------------------------------------------------------------------*/
#ie6banner{ display:none; margin-bottom: 20px; }
#ie6banner a{margin-right: 10px;}

/*------------------------------------------------------------------------------
 POPUP
 -------------------------------------------------------------------------------*/
.popupWrap{
  height: 24px;
  line-height: 24px;
  width: auto;
  background: #808182;
  padding: 3px;
  border-width: 2px !important;
  position: absolute;
  bottom: -5px;
  right: 0;
  border: 1px solid #414141;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-box-shadow: 0 0 6px 0 rgba(0,0,0,0.65),0 1px 0 rgba(255,255,255,0.35) inset;
  -moz-box-shadow: 0 0 6px 0 rgba(0,0,0,0.65),0 1px 0 rgba(255,255,255,0.35) inset;
  box-shadow: 0 0 6px 0 rgba(0,0,0,0.65),0 1px 0 rgba(255,255,255,0.35) inset;
}

.popupContent{background: #F4F4F4; padding: 0 5px; font-size: 0.8em; color: #555}

.popupArrow{
  border-color: transparent transparent transparent #565758 ;
  border-style: solid;
  border-width: 10px;
  height: 0;
  position: absolute;
  width: 0;
  left: 100%;
  top: 5px;
}

/* affiliate box
-----------------------------------------------------------------**/
.affiliate-container {
width: 650px;
margin: 0;
padding: 5px 0 3px 3px;
background: #E4E4E4;
}

.affiliate-row {
background: url('/media/c/2010/image/bg/adsense-3columnbox-bg.gif') 2px bottom no-repeat;
margin-bottom: 2px;
}

.affiliate-box {
width: 202px;
border-top: 1px solid #D5D5D5;
margin: 0 0 0 2px;
padding: 5px;
float: left;
}

.affiliate-box img {
border: 1px solid #CCC;
float: left;
padding: 2px;
}

.affiliate-box p {
width: 110px;
float: left;
font-size: 12px;
margin-left: 4px;
line-height: 1.3;
}
.affiliate-box p a { font-weight: bold; }

/* read it later
------------------------------------------------------------------**/
#readitlater a{
  width: 83px;
  height: 14px;
  line-height: 14px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #6C6C6C;
  background: #5E5E5E url(/media/c/2012/images/bg/roundedBg.png) 0px 0px repeat-x;
  color: white;
  text-align: center;
  position: relative;
  top: 3px;
  display: block;
}
.ad_about {
  margin: 3px 0 0 0;
  text-align: right;
  color: #666;
  background: url(/media/c/2012/images/icon/icon_arrow_k.png) no-repeat 190px 50%;
}

/* sitesnapi ranking
---------------------------------------------------------*/
.sitesnapi-ranking{ text-align: right }
#breadcrumbs .sitesnapi-ranking{ float: right; }
#leaf_related_info .sitesnapi-ranking{ float: right; margin-top: 3px; }

#blogger_profile .author_img{ max-width: 138px; }
#blogger_profile .author_name a{ color: #0066A0; font-size: 1.2em; }

#blog_profile_title img{ float: left; margin: 0 10px 10px 0;}
#blog_profile_title h1{ font-size: 1.4em; line-height: 1.2em; margin-bottom: 5px; }
#blog_profile_title h3 a{ color: #0066A0; font-size: 1.1em;}

/* press release img fix
---------------------------------------------------------*/
#contents_l p img{ max-width: 650px; }

/* breaking news
---------------------------------------------------------*/
#breaking-news{
  height: 27px; line-height: 27px;
  margin-bottom: 10px;
  background: #DA3405;
  background: -moz-linear-gradient(top,  #DA3405 0%, #B32C0F 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#DA3405), color-stop(100%,#B32C0F));
  background: -webkit-linear-gradient(top,  #DA3405 0%,#B32C0F 100%);
  background: -o-linear-gradient(top,  #DA3405 0%,#B32C0F 100%);
  background: -ms-linear-gradient(top,  #DA3405 0%,#B32C0F 100%);
  background: linear-gradient(to bottom,  #DA3405 0%,#B32C0F 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#DA3405', endColorstr='#B32C0F',GradientType=0 );
  border: 1px solid #8E200D;
  box-shadow: inset 0 0 8px rgba(255, 255, 255, 0);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

#breaking-news h2{
  font-size: 1em;
  float: left; padding: 0 15px 0 10px; color: #5A1103; margin-right: 5px;
  background: url("/media/c/2012/images/base/br-arrow.png") center right no-repeat;
  padding-right: 35px; text-shadow: 0 1px 1px #DA3D0D;
}
#breaking-news img{ vertical-align: top; }
#breaking-news a{ color: #fff; font-weight: bold; text-shadow: 0 -1px #7B1D05; }

/* latest news number
--------------------------------------------------------------*/
#primaryNavBar > li.expandable .menuHead span.latest_num { height: 41px; background-image: none; margin-left: 1px; }
#primaryNavBar > li.expandable .menuHead span.latest_num b {
  display: block;
  position: absolute;
  top: -5px;
  right: 13px;
  line-height: 16px;
  height: 16px;
  padding: 0 5px;
  color: #222;
  text-shadow: 0 1px rgba(0, 0, 0, 0.25);
  border: 1px solid #F4A306;
  border-radius: 10px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), inset 0 1px rgba(255, 255, 255, 0.3);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), inset 0 1px rgba(255, 255, 255, 0.3);
  background-color: #FABA3E;
}
#primaryNavBar > li.expandable:hover .menuHead span.latest_num b { right: 12px; }

span.latest_num.badge-yellow b{
  background: #FC0;
  background: -moz-linear-gradient(top, #FC0 0%, #E5BF00 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FC0), color-stop(100%,#E5BF00));
  background: -webkit-linear-gradient(top, #FC0 0%,#E5BF00 100%);
  background: -o-linear-gradient(top, #FC0 0%,#E5BF00 100%);
  background: -ms-linear-gradient(top, #FC0 0%,#E5BF00 100%);
  background: linear-gradient(top, #FC0 0%,#E5BF00 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcc00', endColorstr='#e5bf00',GradientType=0 );
  border: 1px solid #D0A700;
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset;
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset;
  font-family: 'Helvetica Condensed Bold', Helvetica, Arial, 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif;
  font-size: 13px;
}

#primaryNavBar > li.expandable .menuWrapper .notification-menu li a{ width: 110px; float: none; }
#primaryNavBar > li.expandable .menuWrapper .notification-menu ul{ float: none; }
#notification-news{ width: 440px; }
#notification-news .nav{ width: 130px; }
.notification-menu, .notification-area{ float: left; }
.notification-area{ padding: 15px 0 0 15px; width: 270px; }
.notification-area div{ margin:0 0 5px 0 !important; text-shadow: 0 1px 0 #999; font-size: 1.4em;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
font-weight: bold;}
.notification-area div span{ float: left; font-size: 2em; color: #FC0; margin: 0 10px 0 -5px; text-shadow: 1px 1px 1px #000; }
//.notification-area h3{ margin-bottom: 5px; text-shadow: 0 1px 0 #999; font-size: 1.4em;}
//.notification-area h3 span{ float: left; font-size: 2em; color: #FC0; margin: 0 10px 0 -5px; text-shadow: 1px 1px 1px #000; }
.notification-area li{ 
  border-bottom: 1px solid #5b5b5b; padding: 4px 0;
  box-shadow: 0 1px 0 #737373;
  background: url("/media/c/2012/images/bullet/notification-arrow.png") no-repeat 0 2px;
}
.notification-area .datetime{ color: #ccc; font-size: 11px; font-weight: normal; }

#primaryNavBar > li.expandable .menuWrapper .notification-area li{ color: #FC0; font-weight: bold; }
#primaryNavBar > li.expandable .menuWrapper .notification-area li a{
  float: none; display: inline; color: #fff;
  box-shadow: none; border: none;
  text-shadow: none;
  font-weight: normal;
  padding-left: 8px;
}
#primaryNavBar > li.expandable .menuWrapper .notification-area li a:hover{ background: none; }

#primaryNavBar > li.expandable .notification-area li.read{ color: #aaa; }
#primaryNavBar > li.expandable .notification-area li.read a{ color: #8f8f8f; }

#notification-stories-top,
#notification-stories-bottom{ margin-bottom: 5px; }

#notifications-more{ text-align: center; color: #FC0; font-size: 11px; cursor: pointer; float: right; }

#notification-ee{ width: 300px; position: absolute; top: 50px; left: 125px; z-index: 9998; }
#notification-ee img,
#notification-ee p{ float: left; }
#notification-ee p{
  background: #fff;
  width: 150px;
  border-radius: 5px;
  border: 3px solid #FC0;
  padding: 5px;
  position: relative;
  margin-top: 25px;
}

#notification-ee p::before{
  content: "";
  position: absolute;
  display: block;
  width: 0;
  top: 10px;
  bottom: auto;
  left: -15px;
  border-width: 7px 15px 7px 0;
  border-color: transparent #FC0;
  border-style: solid;
}

#notification-ee p::after{
  content: "";
  position: absolute;
  display: block;
  border-style: solid;
  top: 11px;
  bottom: auto;
  left: -11px;
  border-width: 6px 17px 6px 0;
  border-color: transparent white;
}

#cnetid_alert_header{
        display:		none; 
        background-color:		#efefef; 
	min-height:				30px; 
	line-height:		25px; 
        text-align:			center; 
	color:				#ff0000; 
	font-size: 			14px; 
	font-family:		Verdana, Arial, Helvetica, sans-serif;
        top:0px;
        left:0px;
        width:100%;
}

.cnetid_alert_header_fixed {
position: fixed;
top: 0;
width: 100%;
z-index: 10000;
}

.leaf_sbm_button_space_facebook {
        height:20px !important;
}
.leaf_sbm_button_space_twitter {
	margin-left:5px !important;
        height:20px  !important;
}
.leaf_sbm_button_space_googleplus1 {
	margin-left:5px !important;
        height:20px  !important;
}
.leaf_sbm_button_space_hatena {
	margin-left:5px !important;
         height:20px  !important;
}

.leaf_sbm_button_space_pocket {
	margin-left:5px !important;
        height:20px  !important;
}

.pocket-btn {
width:100px;
}

#social_bkm_wrap_bottom .leaf_sbm_button_space_twitter,
#social_bkm_wrap_bottom .leaf_sbm_button_space_googleplus1 {margin-right: 20px;}

#right_poll_box input {
  float: left;
  margin-right: 10px;
}

.box_gray .btn_newsletter,#right_newsletter_box .btn_newsletter {
text-align: center;
}
.box_gray .btn_newsletter a,#right_newsletter_box .btn_newsletter a {
/*display: block;*/
margin: 20px;
padding: 5px 20px;
text-align: center;
color: #eeeeee;
-moz-text-shadow: 1px -1px 1px #798c96;
-webkit-text-shadow: 1px -1px 1px #798c96;
text-shadow: 1px -1px 1px #798c96;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: inset 0px 1px 1px #fff;
-webkit-box-shadow: inset 0px 1px 1px #fff;
box-shadow: inset 0px 1px 1px #fff;
background: #9AA8B0;
filter: progid:DXImageTransform.Microsoft.Gradient(Enabled=1,GradientType=0,StartColorStr=#c2cfd6,EndColorStr=#798c96);
background: -moz-linear-gradient(top, #c2cfd6, #798c96);
background: -webkit-gradient(linear, left top, left bottom, from(#c2cfd6),to(#798c96));
border: 1px solid #647680;
zoom:1;
}
.box_gray .btn_newsletter a:hover,#right_newsletter_box .btn_newsletter a:hover {
text-decoration:none;
color: #ffffff;
background: #798c96;
}

#right_poll_box .poll_title {
  border-bottom: 1px solid #444;
}
#right_poll_box .poll_title b {
  color: #961515;

}

.social_bkm_pocket {
	display: inline-block;
	_display: inline;
}


/************************************
 * スマホの場合に画面のトップに表示 *
 ************************************/
/**
 *
 */
#SpTopBg {
  font-family: Helvetica, Arial, sans-serif;
  width: 100%;
  display: block;
  background: -webkit-gradient(linear, left top, left bottom, from(#C5C5C2), to(#bdbdb9));
  background-color: #a5a59f;
  padding: 13px 0 12px;
  border-bottom: 2px solid #E1E1DA;
  text-align: center;
}
/**
 *
 */
a#SpTopLink {
  width: 940px;
  color: #32322B;
  display: block;
  margin: 0 auto;
  position: relative;
  text-align: left;
  background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#ebebe4));
  background-color: white;
  border: 4px solid #a5a59f;
  border-radius: 15px;
  text-decoration: none;
  padding: 0 20px;
}
/**
 *
 */
#SpTopLinkInner {
  background: transparent url(/media/c/avalon/images/mini/icon_phone.png) no-repeat left center;
  background-size: 140px 200px;
  height: 230px;
}
/**
 *
 */
p.SpTopLinkSub {
  font-size: 56px;
  line-height: 82px;
  font-weight: bold;
  text-shadow: 0 4px 0 #FFF;
  display: inline-block;
  background: url(/media/c/avalon/images/mini/sptop_arrow.png) no-repeat right center;
  background-size: 50px 100px;
  width: 940px;
  height: 220px;
}
/**
 *
 */
p.SpTopLinkSub span {
  display: block;
  margin-left: 170px;
}
/**
 *
 */
p.SpTopLinkSub .FirstLine {
  margin-top: 35px;
}
/**
 *
 */
p.SpTopLinkSub .SecondLine {
  color: #b90000;
}