/* 
--------------------------------------------------------------------------
GLOBAL
--------------------------------------------------------------------------*/

@font-face {
  font-family: "YuGothicM";
  src: local("Yu Gothic Medium");
  font-weight: 100;
}
@font-face {
  font-family: "YuGothicM";
  src: local("Yu Gothic Medium");
  font-weight: 200;
}
@font-face {
  font-family: "YuGothicM";
  src: local("Yu Gothic Medium");
  font-weight: 300;
}
@font-face {
  font-family: "YuGothicM";
  src: local("Yu Gothic Medium");
  font-weight: 400;
}

@font-face {
  font-family: "YuGothicM";
  src: local("Yu Gothic Medium");
  font-weight: 500;
}

@font-face {
  font-family: "YuGothicM";
  src: local("Yu Gothic Bold");
  font-weight: bold;
}



/* 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 UI", "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック Medium", Yu Gothic Medium, YuGothicM, "游ゴシック体", YuGothic, sans-serif; margin:0; outline:0; padding:0; vertical-align:baseline; /*position:relative;*/ letter-spacing:0.05em;}
: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 UI", "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック Medium", Yu Gothic Medium, YuGothicM, "游ゴシック体", YuGothic, sans-serif; line-height: 1.5em; position:relative }
body {
  -webkit-text-size-adjust: 100%;
}
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; }

/*17add*/
#leaderboard-top { background:#ffffff !important; clear:both; padding:10px 0; text-align:center; box-shadow:none;}

.leaderboard{ background:#ffffff !important;}
/*17add*/

.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;*/ margin-bottom:0 !important;}
  .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; }
.ad_rect_top >div >div{font-size:0px;}

.ad_large >div >div{font-size:0px;}

.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: 20px;
/*background: url(/media/c/2012/images/icon/icon_arrow_k.png) no-repeat left 50%;*/
white-space: nowrap;
position:relative;
}


.viewmore::before{
content:"";
position:absolute;
top:3px;
left:0;
box-sizing: border-box;
width: 16px;
height: 16px;
border: 1px solid #aa1801;
-webkit-border-radius: 50%;
border-radius: 50%;
}

.viewmore::after{
content:"";
position:absolute;
top:8px;
left: 5px;
width: 4px;
height: 4px;
border-top: 1px solid #aa1801;
border-right: 1px solid #aa1801;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}




.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;*/ color:#df6105;}

#contents_l h1 a,
#contents_l h3 a{ /*color: #111111;*/ color:#0f0f0f; }
#contents_l h1 a:hover,
#contents_l h3 a:hover{ /*color: #860000;*/ color:#df6105;}

#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: 10px 0;*/
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: 0 0 10px 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;
}

#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;
}

#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 {
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 .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;
min-width:1240px !important;
}
/**
 *
 */
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: 70px 100px;
  height: 115px;
}
/**
 *
 */
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: 30px 60px;
  width: 940px;
}
/**
 *
 */
p.SpTopLinkSub span {
  display: block;
  text-align: center;
}
/**
 *
 */
p.SpTopLinkSub .FirstLine {
  margin-top: 20px;
}
/**
 *
 */
p.SpTopLinkSub .SecondLine {
  color: #b90000;
}


/*
--------------------------------------------------------------------------
New design
--------------------------------------------------------------------------*/
/*
--------------------------------------------------------------------------
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 UI", "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック Medium", Yu Gothic Medium, YuGothicM, "游ゴシック体", YuGothic, sans-serif; margin:0; outline:0; padding:0; vertical-align:baseline; /*position:relative;*/ letter-spacing:0.05em;}
: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 UI", "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック Medium", Yu Gothic Medium, YuGothicM, "游ゴシック体", YuGothic, sans-serif; line-height: 1.5em; 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; }

/*17add*/
#rbSkin{background:#ffffff; border-top:none !important;}
/*17add*/

#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; }

/*17add*/
#leaderboard-top { background:#ffffff !important; clear:both; padding:10px 0; text-align:center; box-shadow:none;}

.leaderboard{ background:#ffffff !important;}
/*17add*/

.ad a{ color: inherit }
.ad_large_footer_wrapper{ clear: both }
.ad_large_footer{ text-align: center; /*padding-top: 20px*/ }
.ad_container{font-size:0;line-height:0}
/* 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{background: url(/media/c/2012/images/responsive/icon_arrow_red.png) no-repeat left 50%; padding-left:20px;}*/

.newsletter img{ vertical-align: middle margin:20px 0;}
#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: 10px 0;*/
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: 0 0 10px 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;
}

#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;
}

#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 {
    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 .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;
min-width:1240px !important;
}
/**
 *
 */
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: 70px 100px;
    height: 115px;
}
/**
 *
 */
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: 30px 60px;
    width: 940px;
}
/**
 *
 */
p.SpTopLinkSub span {
    display: block;
    text-align: center;
}
/**
 *
 */
p.SpTopLinkSub .FirstLine {
    margin-top: 20px;
}
/**
 *
 */
p.SpTopLinkSub .SecondLine {
    color: #b90000;
}


/* -----------------------------------------------------------------------
 ADD Style 2017
--------------------------------------------------------------------------*/

/* DEFAULT -------------------------------------------------------------*/

body{
    background:none;
    background-color:#ffffff;
}

@media screen and (max-width:1240px) {
body{
min-width:1240px;
/*min-width:100%;*/
}
} /* <- tablet ipad fix */


a {
    /*color:#0066A0;*/
    cursor:pointer;
    text-decoration:none;
    transition:0.3s;
    -webkit-transition:0.3s;
    color:#0f0f0f;
}
a:hover {
    /*color:#aa1801;*/
    color:#df6105 !important;
    text-decoration: none !important;
}

.clearfix:after {
    clear:both;
    content:" ";
    display:block;
}



.center{text-align:center; margin:0 auto;}



/* CONTAINER -------------------------------------------------------------*/


#wrap{
    margin:0;
    padding:0;
}

#page-wrap{
    margin:0 auto;
    width:1240px;
}




/* HEADER ----------------------------------------------------------------*/

#header-wrap{
    width:100%;
    min-width:1240px;
}

#header-wrap .header-social-block{
    background-color:#ffffff;
    width:100%;
}

#header-wrap .header-social-block .social-inner{
    display:-webkit-box;/*Android browser*/
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:end;/*Android browser*/
    -webkit-justify-content:flex-end;
    -ms-justify-content:flex-end;
    justify-content:flex-end;
    padding:8px;
}

#header-wrap .header-social-block .social-inner li{padding-bottom:0 !important;}


.header-social-block .social-inner li.icon-fb a{
    background:url(/media/c/2012/images/responsive/spritesheet.png) no-repeat;
    background-position: -41px -5px;
    width: 28px;
    height: 28px;
    display:block;
}

.header-social-block .social-inner li.icon-tw a{
    background:url(/media/c/2012/images/responsive/spritesheet.png) no-repeat;
    background-position: -43px -43px;
    width: 28px;
    height: 28px;
    display:block;
}

.header-social-block .social-inner li.icon-rss a{
    background:url(/media/c/2012/images/responsive/spritesheet.png) no-repeat;
    background-position: -5px -43px;
    width: 28px;
    height: 28px;
    display:block;
}

.header-social-block .social-inner li.icon-mail a{
    background:url(/media/c/2012/images/responsive/spritesheet.png) no-repeat;
    background-position: -79px -5px;
    width: 28px;
    height: 28px;
    display:block;
}

.header-social-block .icon-zdnet a{
    background:url(/media/c/2012/images/responsive/spritesheet.png) no-repeat;
    background-position: -95px -80px;
    width: 70px;
    height: 25px;
    display:block;
}

.header-social-block .icon-techrepublic a{
    background:url(/media/c/2012/images/responsive/spritesheet.png) no-repeat;
    background-position: -81px -45px;
    width: 80px;
    height: 25px;
    display:block;
}


.header-social-block .social-inner li a{
    margin:0 6px;
}

.header-social-block .social-inner li a:hover{
    opacity: 0.7;
    filter: alpha(opacity=70);
}




#header-wrap .header-main-block{
    background-color:#aa1801;
    display:-webkit-box;/*Android browser*/
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    width:100%;
height:58px;
/*position:relative;*/
min-width: 1240px;
}


#header-wrap .header-main-block{
position:relative;
}

#header-wrap .header-main-block .logo{
    display:block;
    position:absolute;
    top:-18px;
    left:20px;
z-index:100;
}


.header-social-block ul, .header-navigation-block ul{
    display:-webkit-box;
    display: -webkit-flex;
    display:-ms-flexbox;
    display:flex;
}


#header-wrap .header-branding-block{
    height:auto;
    display:-webkit-box;/*Android browser*/
    display: -webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    min-width:370px;
    position:relative;
}


.header-branding-block .header_search_box {
    /*margin-left:190px;*/
padding-left:190px;
}


.fix .header-branding-block .header_search_box{
    margin-left:10px;
}




/*.google_custom_search_wrap*/
.header_search_box .searchBtnD{
overflow:hidden;
position:relative;
margin:12px 0 0 0;
}

/*.google_custom_search_box*/
.searchBtnD .searchBtn{
border-radius:20px;
-webkit-border-radius:20px;
background:#ffffff;
border:none !important;
/*color:#cccccc;*/
padding:10px 15px;
background: url("https://www.google.com/cse/static/ja/google_custom_search_watermark.gif") 3px center no-repeat rgb(255, 255, 255);
}


/*.google_custom_search_go*/
.searchBtnD .hcd_btn_scope{
background:url(/media/c/2012/images/responsive/spritesheet.png) no-repeat;
background-potision:-5px -5px;
border:none;
cursor:pointer;
line-height:0;
text-indent:-9999px;
position:absolute;
top:0px;
right:8px;
width: 26px;
height: 26px;
}

.hcd_btn_scope a{/*transition delete*/
transition:none !important;
}


.header-main-block .header-navigation-block{
    /*width:100%;*/
    display:-webkit-box;/*Android browser*/
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-direction:row;
    -ms-direction:row;
    flex-direction: row;
    /*-webkit-justify-content:flex-end;
    -ms-justify-content:flex-end;
    justify-content:flex-end;*/
    -webkit-justify-content:flex-start;
    -ms-justify-content:flex-start;
    justify-content:flex-start;
    background-color:#aa1801;
    /*min-width:933px;*/
    margin-left:10px;
}


.header-main-block .header-navigation-block ul{
    position:relative;
    background-color:#aa1801;

}

.header-main-block .header-navigation-block ul li{
    padding-bottom: inherit;
}

.header-main-block .header-navigation-block ul li a{
    color:#ffffff;
    display:block;
    height:58px;
    line-height:58px;
    padding:0 12px;
font-size:14px;
font-weight:bold;
}


.header-main-block .header-navigation-block li.menu a{
    border-left:1px solid #881300;
}

.header-main-block .header-navigation-block li.menu a:hover{
    /*background-color:#981500;*/
    background-color:#881300;
    color:#ffffff !important;
}


/*メニュー入れ子*/
.header-main-block .header-navigation-block ul ul{
    display:block;
}

.header-main-block .header-navigation-block ul ul.menu_category{
    position: absolute;
    top: 58px;
    z-index:1000;
    border-left:none;
}

.header-main-block .header-navigation-block ul ul.menu_category li a{
    background-color: #ffffff;
    color:#808080;
    border-left:none;
    height:48px;
    line-height:48px;
width:250px;
}

.header-main-block .header-navigation-block ul ul.menu_category li a:hover{
    background-color: #f0f0f0;
    color:#df6105 !important;
}
/*メニュー入れ子 end*/


.header-main-block .header-navigation-block li.member a{
    background-color:#999999;
    font-size:inherit;
}

.header-main-block .header-navigation-block li.member a:hover{
    background-color:#353535;
    color:#ffffff !important;
}


/*メニュー入れ子*/
.header-main-block .header-navigation-block ul ul.menu_member{
    position: absolute;
    top: 58px;
    z-index:1000;
    border-left:none;
}

.header-main-block .header-navigation-block ul ul.menu_member li a{
    background-color: #ffffff;
    color:#808080;
    border-left:none;
    height:48px;
    line-height:48px;
width:250px;
}

.header-main-block .header-navigation-block ul ul.menu_member li a:hover{
    background-color: #f0f0f0;
    color:#F36A02 !important;
}
/*メニュー入れ子 end*/


.header-main-block .header-navigation-block li.edition{
    background-color:#d55201;
    width:160px;
}

.header-main-block .header-navigation-block li.edition a{
    border-left:none;
    display:block;
    /*background:url(/media/c/2012/images/responsive/japan_edition.png) left center no-repeat transparent;*/
    padding:0 22px;
}


.header-main-block .header-navigation-block li.edition a:hover{
    background-color:#F36A02;
}

.header-main-block .header-navigation-block li.edition span{
    display:block;
    margin:18px 0 18px 12px;
    padding-left:25px;
    color:#ffffff;
font-weight:bold;
position:relative;
}

.header-main-block .header-navigation-block li.edition span:before{
content:"";
position:absolute;
top:1px;
left:0;
box-sizing: border-box;
width: 20px;
height: 20px;
border: 1px solid #ffffff;
-webkit-border-radius: 50%;
border-radius: 50%;
}

.header-main-block .header-navigation-block li.edition span:after{
content:"";
position:absolute;
top:6px;
left: 6px;
width: 6px;
height: 6px;
border-bottom: 1px solid #ffffff;
border-left: 1px solid #ffffff;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}


.header-main-block .header-navigation-block li.edition span img{
    float:left;
    margin-right:5px;
}



/*メニュー入れ子*/
.header-main-block .header-navigation-block ul ul.edition_menu{
    position: absolute;
    top: 58px;
    z-index:1000;
background-color: #ffffff;
}

.header-main-block .header-navigation-block ul ul.edition_menu li a{
    color:#808080;
    display:block;
width:160px;
height:48px;
line-height:48px;
}

.header-main-block .header-navigation-block ul ul.edition_menu li a:hover{
    background-color: #f0f0f0;
    color:#F36A02;
}
/*メニュー入れ子 end*/


/*メニュー入れ子 action*/
.header-main-block .header-navigation-block ul.menu_category, .header-main-block .header-navigation-block ul.menu_member, .header-main-block .header-navigation-block ul.edition_menu {
    /*visibility: hidden;*/
    display:none;
    /*opacity: 0;*/
    transition:0.3s ease-in-out;
    /*ransform: translateY(10px);*/
    box-shadow:0px 0px 5px #cccccc;
}

.header-main-block .header-navigation-block li.menu:hover > ul.menu_category, .header-main-block .header-navigation-block li.member:hover > ul.menu_member, .header-main-block .header-navigation-block li.edition:hover > ul.edition_menu{
    /*visibility: visible;*/
    display:block;
    /*opacity: 1;*/
    /*transform: translateY(0);*/
}
/*メニュー入れ子 action end*/







/* FOOTER ----------------------------------------------------------------*/


#pageTop {
    position: fixed;
    bottom: 15px;
    right: 15px;
    z-index:1000;
}

#pageTop a {
    display: block;
    z-index: 1000;
    padding: 8px 0 0 8px;
    border-radius: 30px;
    width: 40px;
    height: 40px;
    background-color: #c0c0c0;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
}

#pageTop a::after {
    position: absolute;
    top: 50%;
    left: 50%;
    content: '';
    width: 12px;
    height: 12px;
    margin: -3px 0 0 -6px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    box-sizing: border-box;
}

#pageTop a:hover {
    text-decoration: none;
    opacity: 0.7;
}


#footer-wrap{
    background-color:#e2e2e2;
    border-top:1px solid #9c9c9c;
    color:#151515;
    padding:15px 0;
    font-size:14px;
    width:100%;
    min-width:1240px;
/*box-sizing: border-box;*/
}


#footer-wrap .footer-info-block{
    background-color:#e2e2e2;
    border-bottom:1px solid #cccccc;
    box-shadow:0 1px 0 #ffffff !important;
    margin:0 auto 1px;
    padding:0 0 25px 0;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
min-width:1240px;
/*overflow:hidden;*/
}

.footer-info-block .info-left{
    font-size:10px;
    padding:0 0 0 40px;
    /*min-width:820px;*/
    color:#505050;
}

footer-info-block{width:1240px;\9;}
.footer-info-block .info-left{
    width: 820px\9;
    word-break:break-all\9;
    display:block\9;
}


.footer-info-block .info-left span{display:block;}

.footer-info-block .info-right{
    padding:0 0 0 60px;
    display:-webkit-box;
    display: -webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack: start;
    font-size:12px;
    min-width:380px;
}

.footer-info-block .info-right span{
display:block;
}

#footer-wrap .map-block{
    margin:0 auto;
    background-color:#e2e2e2;
    min-width:1240px;
    display:-webkit-box;/*Android browser*/
    display: -webkit-flex;
    display:-ms-flexbox;
    display:flex;
}


#footer-wrap .map-block div{
    padding:15px 0;
}

#footer-wrap .map-block .footer-logo{
    text-align:center;
}


#footer-wrap .map-block ul{
    margin:0 auto;
    clear:both;
    display:-webkit-box;/*Android browser*/
    display: -webkit-flex;
    display:-ms-flexbox;
    display:flex;
min-width:1240px;
background-color:#e2e2e2;
}

#footer-wrap .map-block li{
    width:198px;
    border-right:1px solid #cccccc;
    box-shadow:1px 0 0 #ffffff;
}

#footer-wrap .map-block li:last-child{
    border-right:none;
    box-shadow:none;
}


#footer-wrap .map-block .map-topics{
    margin:10px 0 0 20px;
    font-size:16px;
}

#footer-wrap .map-block .map-contents{
    margin:15px 0 0 20px;
    font-size:14px;
}

#footer-wrap .footer-copy-block{
    /*border-top:1px solid #cccccc;*/
    background-color:#e2e2e2;
    margin:20px auto 10px;
    font-size:10px;
    min-width:1240px;
    text-align:center;
    color:#505050;
}


/* SLAIDER ----------------------------------------------------------------*/


#slider-wrap{
    height:420px;
    width:100%;
    margin:0;
    position: relative;
    background-color:#151515;
}

.topics-item-box{
    position: relative;
    float: left;
    overflow: hidden;
    text-align: left;
    height: 100%;
    color:#ffffff;
}

.topics-item-box a{
    font-weight:bold;
    color:#ffffff;
    display:block;
}

.topics-item-box a:hover{
    color:#ff721d !important;
}

.topics-item-box-vertical{
    display:block;
    height:50%;
    position:relative;
}

.item-01{
    width:50%;
    height:100%;
    line-height:1.2;
    background-size:100%;
    z-index:0;
potisiton:relative;
}

.item-02{
    width:25%;
    height:100%;
    line-height:1.2;
    background-size:100%;
    z-index:0;
position:relative;
overflow:hidden;
}

.item-03{
    width:25%;
    height:100%;
    line-height:1.2;
    background-size:100%;
    z-index:0;
}


.topics-img{
    position:relative;
    display:block;
/*overflow:hidden;*/
}

.topics-img:after{
    content: "";
    position:absolute;
    top:0;
    left:0;
    background: linear-gradient(rgba(0,0,0,0.0) 20%, rgba(0,0,0,0.9) 100%);
    width:100%;
    height:100%;
}

.topics-img img{min-width:100%;}

.topics-img img.small{width:80%;}



.item-02 .topics-img img{
text-align:center;
margin-left:-40%;
}

@media screen and (min-width:1600px) {
.item-02 .topics-img img{
text-align:center;
margin-left:-20%;
}
} 



.item-01 .topics-media{
    position:absolute;
    top:260px;
    left:30px;
    font-size:11px;
    font-weight:bold;
    text-align:left;
    margin:5px 0;
    display:block;
    color:#ceee20;
    text-shadow:0 0 7px #444444;
}

.item-01 .topics-media, .item-02 .topics-media{
    position:absolute;
    top:260px;
    left:25px;
    font-size:11px;
    font-weight:bold;
    text-align:left;
    margin:5px 0;
    display:block;
    color:#ceee20;
    text-shadow:0 0 7px #444444;
}


.item-03 .topics-media{
    position:absolute;
    top:105px;
    left:20px;
    font-size:11px;
    font-weight:bold;
    text-align:left;
    margin:5px 0;
    display:block;
    color:#ceee20;
    text-shadow:0 0 7px #444444;
}


.topics-text-01{
    font-size:28px;
    width:100%;
    display:block;
    position:absolute;
    bottom:0;
}

.topics-item-box .topics-text-01 a{
    padding:30px;
}

.topics-text-02{
    font-size:22px;
    width:100%;
    display:block;
    position:absolute;
    bottom:0;
}

.topics-item-box .topics-text-02 a{
    padding:25px;
}

.topics-text-03{
    font-size:18px;
    width:100%;
    display:block;
    position:absolute;
    bottom:0;
}

.topics-item-box .topics-text-03 a{
    padding:20px;
}

.item-01 .topics-text-summary, .item-02 .topics-text-summary{
    /*padding:0 25px;*/
    width:90%;
    display:block;
    position:absolute;
    top:350px;
    left:25px;
    font-size:14px;
    font-weight:bold;
}

.topics-item-box-vertical .topics-text-summary{
    font-size:14px;
    /*padding:0 25px;*/
    width:90%;
    display:block;
    position:absolute;
    top:160px;
    left:25px;
}






/*Swiper Setting*/

.swiper-container{min-width:1240px;}

.swiper-slide{
    width:100%;
    height:420px;
}

.swiper-pagination{display:none;}

.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white{
background-color:rgba(0,0,0,0.6);
padding:25px;
}


/*Swiper Setting end*/






/* NAVIGATION ----------------------------------------------------------------*/


#content-navigation-block{
    width:100%;
}

#content-navigation-block ul{
    display:-webkit-box;/*Android browser*/
    display: -webkit-flex;
    display:-ms-flexbox;
    display:flex;
    margin:10px 0;
}

#content-navigation-block ul li{
    border-right:1px solid #a0a0a0;
    padding-bottom:0;
}


#content-navigation-block ul li a, #content-navigation-block .content-menu-more{
    /*font-size:12px;*/
    width:140px;
    text-align:center;
    padding:10px 0;
    display:block;
    font-size:14px;
    font-weight:bold;
    color:#252525;
}

#content-navigation-block ul li:last-child{
    border-right:none;
}


#content-navigation-block .content-menu-more:hover{
    color:#df6105 !important;
    text-decoration: none !important;
    cursor:pointer;
}



#content-navigation-block .more-navigation{
    margin-top:10px;
}


#content-navigation-block ul li.content-menu10 a{
font-size:12px !important;
}


/* COLUMN ----------------------------------------------------------------*/


#column-content-block{
    display:-webkit-box;/*Android browser*/
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    padding:0 0 25px 0;
}


#leftside-column{
    width:170px;
    -webkit-box-ordinal-group:1;/*Android browser*/
    -ms-flex-order:1;
    -webkit-order:1;
    order:1;
    margin-right:35px;
    margin-left:20px;
}

#center-column{
    /*width:640px;*/
    width:580px;
    -webkit-box-ordinal-group:2;/*Android browser*/
    -ms-flex-order:2;
    -webkit-order:2;
    order:2;
}


#rightside-column{
    /*width:400px;*/
    width:380px;
    -webkit-box-ordinal-group:3;/*Android browser*/
    -ms-flex-order:3;
    -webkit-order:3;
    order:3;
    margin-right:20px;
    margin-left:35px;
}

#content-top-block{
    width:100%;
    margin:0 auto;
    padding:20px 0;
    text-align:center;
}

#content-top-block .ad{line-height:0 !important;}

#content-bottom-block{
    clear:both;
    width:100%;
min-width:1240px;
    margin:0 auto;
    padding:30px 0;
    text-align:center;
    border-top:1px solid #cccccc;
}

#content-bottom-block .ad_large_footer_wrapper{line-height:0 !important;}

#content-top-block .item, #content-bottom-block .item{text-align:center;}

#center-column .inner-bg, #center-column .inner-pr{margin-top:15px;}



/* CONTENT ----------------------------------------------------------------*/


.content-ttl{
    border-top: 3px solid #E0e0e0;
    border-bottom: 1px solid #E0e0e0;
    padding:10px 0;
    color:#aa1801;
    font-size:16px;
}

.content-ttl .pr{text-align:right; float:right;}



.c-white{color:#fff;}

.c-black{color:#000;}


/*ニュース記事一覧*/

.content-article-inner{margin-bottom:40px;}


.content-article-pr{
    border-top:1px solid #cccccc;
    border-bottom:1px solid #cccccc;
    padding:10px 0;
}

.content-article-pr .special-ttl{
    text-align:center;
}

.content-article-pr .pr{
    display:block;
    color:#a0a0a0;
    text-align:center;
font-size:14px;
font-weight:bold;
}

.content-article-pr .leaf_pr{
    display:block;
    color:#252525;
    text-align:left;
padding:5px 10px;
font-size:14px;
font-weight:bold;
background-color:#e4e4e4;
}

.content-article-pr .leaf_pr p{font-size:18px !important;}

.content-article-inner:after {
    clear:both;
    content:" ";
    display:block;
}
.content-article-inner .content-article-full{
    width:100%;
    margin:15px 0;
    position:relative;
}

.content-article-inner .content-article-left{
    width:270px;
    float:left;
    margin-top:15px;
    position:relative;
}
.content-article-inner .content-article-right{
    width:270px;
    float:right;
    margin-top:15px;
    position:relative;
}

.content-article-inner .content-article-center{
    width:270px;
    text-align:center;
    float:none !important;
    margin:10px auto;
}


.content-article-full .content-article-img{
    /*width:640px;
    height:360px;*/
    width:580px;
    height:326px;
    overflow:hidden;
    position:relative;
}

.content-article-full .content-article-img a::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(rgba(0,0,0,0.0) 20%, rgba(0,0,0,0.9) 100%);
    width: 100%;
    height: 100%;
}


.content-article-left .content-article-img, .content-article-right .content-article-img, .content-article-center .content-article-img{
    /*width:310px;
    height:174px;*/
    width:270px;
    height:152px;
    overflow:hidden;
    position:relative;
}

.content-article-img img{
    position: relative;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    height: auto;
}


.content-article-full .content-article-text{
    position:relative;
   /*margin:-20% auto 0;*/
    /*background-color:#ffffff;*/
    /*padding:20px;*/
    width:100%;
position:absolute;
bottom:0;
/*background:rgba(0,0,0,0.6);*/
color:#ffffff;
}

.content-article-left .content-article-text, .content-article-right .content-article-text, .content-article-center .content-article-text{
    position:relative;
    /*margin:-15% auto 0;*/
    padding:5px;
    background-color:#ffffff;
    width:100%;
}

.content-article-center .content-article-text{
    text-align:left !important;
}
.content-article-full .content-article-text span.pr, .content-article-center .content-article-text span.pr{
    text-align:center !important;
    display:block;
}


.content-article-full .content-article-text .text-main{
    font-size:28px;
    padding:20px;
    line-height:1.2;
    color:#ffffff;
letter-spacing:0.05em;
}


.content-article-full .content-article-text .text-summary{
    font-size:18px;
    /*margin-bottom:10px;*/
    line-height:1.4;
    font-weight:normal;
    color:#252525;
}

.content-article-left .content-article-text .text-main, .content-article-right .content-article-text .text-main, .content-article-center .content-article-text .text-main{
    font-size:18px;
    /*margin-bottom:5px;*/
    line-height:1.4;
    color:#252525;
letter-spacing:0.05em;
}

.content-article-left .content-article-text .text-summary, .content-article-right .content-article-text .text-summary, .content-article-center .content-article-text .text-summary{
    font-size:14px;
    line-height:1.4;
    font-weight:normal;
    color:#252525;
}


.content-article-text span.date{
    display:block;
    color:#a0a0a0 !important;
    font-size:12px;
    text-align:right;
margin-right:0 !important;
}

.content-article-full .content-article-text span.date{
    display:block;
    position:absolute;
    right:0;
    bottom:-20px;
}


.content-article-more a{
    border-radius:8px;
    text-align:center;
    background-color:#ffffff;
    /*background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #eeeeee));
    background-image:-webkit-linear-gradient(#ffffff,#eeeeee);
    background-image:-moz-linear-gradient(#ffffff,#eeeeee);
    background-image:-o-linear-gradient(#ffffff,#eeeeee);
    background-image:linear-gradient(#ffffff,#eeeeee);*/
    /*text-shadow:0 1px rgba(255,255,255,0.9);*/
    border:1px solid #cccccc;
    box-shadow:0 0 1px rgba(0,0,0,0.1);
    color:#444444;
    font-size:18px;
    font-weight:bold;
    cursor:pointer;
    margin-bottom:50px;
    padding:25px 0;
    display:block;
}

.content-article-more a:hover{
    background-color:#efefef;
}


span.date{
    color:#a0a0a0 !important;
}



/*グループメディア・Yahoo*/
.content-media-inner:after {
    clear:both;
    content:" ";
    display:block;
}

.content-media-inner{
    background-color:#ffffff;
    margin:15px 0;
    padding:15px;
    /*box-shadow: 0 0 5px #ccc;*/
    border:1px solid #d7d7d7;
}

.content-media-inner .media-ttl{
    border-bottom:1px dotted #cccccc;
    padding-bottom:3px;
}


.content-media-inner .icon-zdnet{
    background:url(/media/c/2012/images/responsive/spritesheet.png) no-repeat;
    background-position: -95px -80px;
    width: 70px;
    height: 25px;
    display:block;
}


.content-media-inner .icon-techrepublic{
    background:url(/media/c/2012/images/responsive/spritesheet.png) no-repeat;
    background-position: -81px -45px;
    width: 80px;
    height: 25px;
    display:block;
}


.content-media-inner .icon-builder{
    background:url(/media/c/2012/images/responsive/spritesheet.png) no-repeat;
    background-position: -117px -5px;
    width: 75px;
    height: 30px;
    display:block;
}


.content-media-inner .icon-asahi{
    background:url(/media/c/2012/images/responsive/spritesheet.png) no-repeat;
    background-position: -5px -81px;
    width: 80px;
    height: 25px;
    display:block;
}





.content-media-inner ul li{
    /*background:url(/media/c/2012/images/responsive/icon_arrow_gray.png) 0 center no-repeat transparent;*/
    margin:10px 0 0 0;
    padding:0 0 0 22px;
    position:relative;
    font-size:14px;
}

.content-media-inner ul li::before{
content:"";
position:absolute;
top:3px;
left:0;
box-sizing: border-box;
width: 16px;
height: 16px;
border: 1px solid #b8b8b8;
-webkit-border-radius: 50%;
border-radius: 50%;
}
.content-media-inner ul li::after{
content:"";
position:absolute;
top:8px;
left: 5px;
width: 4px;
height: 4px;
border-top: 1px solid #b8b8b8;
border-right: 1px solid #b8b8b8;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}

.content-media-inner ul li a{color:#252525;}

.content-media-inner .ad_interestmatch{border:none !important;}

/*グループメディア・Yahoo end*/




.left-article-block{
    margin-bottom:20px;
}


.left-article-block ul li a{
    margin:20px 0 0 0;
    position:relative;
    font-size:14px;
    color:#444444;
    display:block;
}


.left-article-block ul li span{
    /*background:url(/media/c/2012/images/responsive/icon_arrow_time.png) 0 center no-repeat transparent;*/
    color:#a0a0a0;
    display:block;
font-size:12px;
position:relative;
}


.left-article-block .icon-time{
    color: #a0a0a0;
    width: 15px;
    height: 15px;
    border: solid 1px currentColor;
    border-radius: 8px;
float:left;
margin-top:2px;
margin-right:5px;
}


.left-article-block .icon-time::before {
  content: '';
  position: absolute;
  top: 7px;
  left: 3px;
  width: 5px;
  height: 1px;
  background-color: currentColor;
  -webkit-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
}

.left-article-block .icon-time::after {
  content: '';
  position: absolute;
  top: 2px;
  left: 7px;
  width: 1px;
  height: 6px;
  background-color: currentColor;
  -webkit-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
}


/*ad banner*/
.right-ad-block{
    margin-bottom:5px;
    text-align:center;
    width:380px !important;
}

.right-ad-block div{
    margin-bottom:15px;
}
    


/*企画特集*/
.right-tieup-block{}
.tieup-inner{ margin:15px 0;}
.tieup-inner img{float:left; margin:3px 10px 0 0;}
.tieup-inner li{padding:15px 0;}
.tieup-inner li:last-child{border-bottom:none;}
.tieup-inner li a { color: #444444; font-size:16px;}
.tieup-inner li a:hover{ color: #860000 }
.tieup-inner li p {font-size: 14px; padding-left:90px;}
}


.right-tieup-block .view-more {
    clear: both;
    float: right;
    text-align:right;
    margin-bottom: 10px;
    padding-left: 15px;
    /*background: url(/media/c/2012/images/responsive/icon_arrow_red.png) no-repeat left center;*/
    white-space: nowrap;
    position:relative;
}

.right-tieup-block a.view-more::before{
content:"";
position:absolute;
top:2px;
left:0;
box-sizing: border-box;
width: 16px;
height: 16px;
border: 1px solid #aa1801;
-webkit-border-radius: 50%;
border-radius: 50%;
}
.right-tieup-block a.view-more::after{
content:"";
position:absolute;
top:7px;
left: 5px;
width: 4px;
height: 4px;
border-top: 1px solid #aa1801;
border-right: 1px solid #aa1801;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}


/*企画特集 end*/


/*フォトレポート*/
.right-photorepo-block{}
.photorepo-inner{
    width:270px;
    margin:15px auto;
}
.photorepo-inner li{margin-bottom:20px;}
.photorepo-inner img{
    text-align:center;
    margin:0 auto 3px;
    width:270px;
}
.photorepo-inner .photorepo-text{
    display:block;
    font-size:14px;
}
/*フォトレポート end*/



/*ホワイトペーパー*/
.right-wp-block{}

.right-wp-block ul{padding:15px 0;}

.right-wp-block ul li{
    float: left;
    display: block;
    width: auto;
    line-height: 1em;
    margin: 0 20px 7px 0;
    padding-left: 5px;
    border-left: 4px solid #e4e4e4;
    white-space: nowrap;
font-size:14px;
}

/*ホワイトペーパー end*/


/*お知らせ*/
.right-info-block{}

.right-info-block ul, .right-info-block .item{padding:15px 0;}
.right-info-block ul li{font-size:14px;}

.right-info-block .item a img{text-align:center; display:block; margin:0 auto;}




/* -----------------------------------------------------------------------
 ADD Style 2017 category page
--------------------------------------------------------------------------*/


/* CONTENT ----------------------------------------------------------------*/

.page-layer{padding-top:30px;}

.content-category-inner{margin:25px 0;}

.content-category-inner ul li{
    margin:10px 0;
    padding-bottom:2px;
    border-bottom:1px dotted #cccccc;
    /*background:url(/media/c/2012/images/responsive/icon_arrow_red.png) no-repeat left 10%;*/
    position:relative;
font-size:14px;
}

.content-category-inner ul li::before{
content:"";
position:absolute;
top:3px;
left:0;
box-sizing: border-box;
width: 16px;
height: 16px;
border: 1px solid #aa1801;
-webkit-border-radius: 50%;
border-radius: 50%;
}

.content-category-inner ul li::after{
content:"";
position:absolute;
top:8px;
left: 5px;
width: 4px;
height: 4px;
border-top: 1px solid #aa1801;
border-right: 1px solid #aa1801;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}

.content-category-inner ul li a{
    /*background:url(/media/c/2012/images/responsive/spritesheet.png) no-repeat -5px -65px;*/
    padding-left:22px;
    color:#252525;
}

.content-category-inner li span{display:block; text-align:right;}

.content-category-inner li:last-child{
    border-bottom:none;
    margin-bottom:20px;
}

.inner-bg, .inner-pr{
    background-color:#f4f4f4;
    margin-bottom:30px;
    padding:15px;
}

.inner-zdnet{
    /*background-color:#e7eef6;*/
background-color:#f4f4f4;
}

.inner-zdnet .content-ttl{
    border-top: 3px solid #c9d7e4;
    border-bottom: 1px solid #c9d7e4;
    padding:10px 0;
    color:#1E3C5B;
    font-size:16px;
}

.more-s a{
    border-radius:5px;
    padding:12px 0;
    font-size:14px;
    font-weight:bold;
}

.inner-pr .pr{margin-bottom:5px;}

.inner-pr .pr:last-child{margin-bottom:0;}

.inner-pr .pr a{color:#444444;}

.inner-pr a{color:#808080 !important;}


.inner-pr span{
    margin-right:5px;
    text-align: left;
    border-right:1px solid #cccccc;
    color:#cccccc;
    padding-right:10px
}

/*ad text*/
#center-column .ad_text_top, #center-column .ad_text_bottom{
    font-size:12px !important;
}



.left-navigation-block li a{
    border-bottom:1px solid #e0e0e0;
    height:48px;
    line-height:48px;
/*font-weight:bold;*/
display:block;
}

.left-navigation-block li img{
    float:left;
    margin-right:5px;
}

.left-navigation-block li:last-child{
    border-bottom:none;
}



.right-pickup-block{}

.right-pickup-block .pickup-inner{
    margin:15px 0 30px;
}

.right-pickup-block .pickup-inner li{
    border-bottom:1px dotted #cccccc;
    margin-bottom:15px;
    padding-bottom:20px;
    padding-left:22px;
    /*background:url(/media/c/2012/images/responsive/icon_arrow_gray.png) no-repeat left 10%;*/
    position:relative;
font-size:14px;
}

.right-pickup-block .pickup-inner li::before{
content:"";
position:absolute;
top:3px;
left:0;
box-sizing: border-box;
width: 16px;
height: 16px;
border: 1px solid #b8b8b8;
-webkit-border-radius: 50%;
border-radius: 50%;
}

.right-pickup-block .pickup-inner li::after{
content:"";
position:absolute;
top:8px;
left: 5px;
width: 4px;
height: 4px;
border-top: 1px solid #b8b8b8;
border-right: 1px solid #b8b8b8;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}




.right-pickup-block .pickup-inner li.story-rank{
    background:none;
    padding-left:0;
}

.right-pickup-block .pickup-inner li.story-rank a{
padding-left:0;
}

.right-pickup-block .pickup-inner li.story-rank::before, .right-pickup-block .pickup-inner li.story-rank::after{
display:none;
}


.right-pickup-block .pickup-inner li.story-rank span.rank{
    border-radius:50%;
    width:30px;
    height:30px;
    color:#ffffff;
    background:none;
    display:block;
    float:left;
    text-align:center;
    line-height:30px;
    margin-right:10px;
}


.right-pickup-block .pickup-inner li.story-rank span.rank1{
    background-color:#b3ad0e;
}

.right-pickup-block .pickup-inner li.story-rank span.rank2{
    background-color:#6f9193;
}

.right-pickup-block .pickup-inner li.story-rank span.rank3{
    background-color:#a45545;
}



/* -----------------------------------------------------------------------
 ADD Style 2017 story leaf page
--------------------------------------------------------------------------*/

#page-wrap .ad-item{
    text-align:center;
}

.breadcrumbs-block{
    overflow:hidden;
    margin:0 0 15px 0;
}

.breadcrumbs-block span{
    margin-right:5px;
}

.breadcrumbs-block .point{
    color:#aa1801;
}

#leaf-column{
    width:785px;
    order:1;
    margin-left:20px;
}


#leaf-column .leaf-headline-block{
    margin-bottom:25px;
    border-bottom: 3px solid #e0e0e0;
}

#leaf-column .leaf-headline-ttl{
    font-size:28px;
    line-height:1.3;
    color:#252525;
    letter-spacing:0.03em;
}


#leaf-column .leaf-headline-thumb{
    float:left;
    width:160px;
    height:90px;
    overflow:hidden;
    display:block;
    position:relative;
    margin-right:15px;
}

.leaf-headline-thumb img{
    position:absolute;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: auto;
}

#leaf-column .leaf-icon-tags{/*tagbadge*/
    background-color:#aa1801;
    border-radius:2px;
    font-size:12px;
    font-weight:bold;
}

#leaf-column .leaf-icon-tags span{/*tagbadge*/
    vertical-align:top;
    text-align:center;
    color:#ffffff;
    padding:3px 10px;
}


#leaf-column .leaf-icon-tags a span{/*tagbadge*/
    color:#ffffff !important;
    margin-right:3px !important;
}

#leaf-column .leaf-icon-tags a:hover{/*tagbadge*/
    background-color:#d55201;
    border-radius:2px;
    color:#ffffff !important;
}



#leaf-column .leaf-headline-inner{
    clear:both;
    padding:5px 0 15px;
    color:#a0a0a0;
    font-size:14px;
    font-weight:bold;
}

#leaf-column .leaf-headline-inner .writer{
    margin-right:10px;
    color:#808080;
    font-size:12px;
    font-weight:normal !important;
}

#leaf-column .leaf-headline-inner .date a{
    color:#808080 !important;
    font-size:12px;
}

#leaf-column .leaf-headline-inner .date a:hover{
color:#df6105 !important;
}

#leaf-column .leaf-social-inner{
margin-bottom:15px;
    display:-webkit-box;/*Android browser*/
    display: -webkit-flex;
    display:-ms-flexbox;
    display:flex;
    border-top: 1px dotted #dddddd;
}

#leaf-column .leaf-social-inner .social-item{
    display:-webkit-box;/*Android browser*/
    display: -webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-justify-content:flex-end;
    -ms-justify-content:flex-end;
    justify-content:flex-end;
    text-align: left;
    padding: 5px 0;
    margin: 5px 0 0 0;
z-index:100;
}

#leaf-column .leaf-social-inner .social-item li{
    color:#ffffff;
    margin-right:7px;
    font-size:12px;
    color:#ffffff;
    display:block;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    /*width:75px;*/
    height: 20px;
    padding:0 7px 0 2px;
    position:relative;
}

#leaf-column .social-item li:hover{
    color:#ffffff !important;
    opacity:0.7;
}

#leaf-column .leaf-social-inner .social-item .css-icon{
    display:block;
}

/*icon-print*/
    #leaf-column .social-item li.icon-print .text{
    padding-left:24px;
}
#leaf-column .social-item li.icon-print{
    border:none !important;
    background-color:#256fad;
}
li.icon-print .css-icon{
    color: #ffffff;
    position: absolute;
    margin-left: 4px;
    margin-top: 5px;
    width: 15px;
    height: 6px;
    border: solid 1px currentColor;
    border-radius: 1px 1px 0 0;
    display:block;
}
li.icon-print .css-icon::before{
    content: '';
    position: absolute;
    left: 2px;
    top: -3px;
    height: 13px;
    width: 9px;
    border: solid 1px currentColor;
    background-color: transparent;
}
li.icon-print .css-icon::after{
    content: '';
    position: absolute;
    left: 1px;
    top: -1px;
    width: 13px;
    height: 3px;
    border-top: solid 1px currentColor;
    border-bottom: solid 1px currentColor;
    background-color: transparent;
}
/*icon-print*/

/*icon-mail*/
    #leaf-column .social-item li.icon-mail .text{
    padding-left:24px;
}
#leaf-column .social-item li.icon-mail{
    background-color:#368e10 !important;
}
li.icon-mail .css-icon{
    color: #ffffff;
    position: absolute;
    margin-left: 4px;
    margin-top: 4px;
    width: 15px;
    height: 10px;
    border-radius: 1px;
    border: solid 1px currentColor;
}
 li.icon-mail .css-icon::before{
    content: '';
    position: absolute;
    left: 7px;
    top: -4px;
    width: 1px;
    height: 10px;
    background-color: currentColor;
    -webkit-transform-origin: bottom;
          transform-origin: bottom;
    -webkit-transform: rotate(-54deg);
    transform: rotate(-54deg);
}
 li.icon-mail .css-icon::after {
    content: '';
    position: absolute;
    left: 7px;
    top: -4px;
    width: 1px;
    height: 10px;
    background-color: currentColor;
    -webkit-transform-origin: bottom;
          transform-origin: bottom;
    -webkit-transform: rotate(54deg);
          transform: rotate(54deg);
}
/*icon-mail*/


/*icon-save*/
    #leaf-column .social-item li.icon-save .text{
    padding-left:22px;
}
#leaf-column .social-item li.icon-save{
    background-color:#17a185;
}
li.icon-save .css-icon{
    color: #fff;
    position: absolute;
    margin-left: 4px;
    margin-top: 4px;
    width: 12px;
    height: 12px;
    border: solid 1px currentColor;
    border-radius: 1px;
}
li.icon-save .css-icon::before {
    content: '';
    position: absolute;
    top: -4px;
    left: 5px;
    width: 1px;
    height: 10px;
    background-color: currentColor;
    border-left: solid 1px white;
    border-right: solid 0px white;
}
li.icon-save .css-icon::after{
    content: '';
    position: absolute;
    left: 3px;
    top: 1px;
    width: 4px;
    height: 4px;
    border-top: solid 2px currentColor;
    border-right: solid 2px currentColor;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}
/*icon-save*/

/*icon-clip*/
#leaf-column .social-item li.icon-clip .text{
    padding-left:24px;
    font-size:12px;
}
#leaf-column .social-item li.icon-clip{
    background-color:#f67f30 !important;
}
li.icon-clip .css-icon{
    color: #fff;
    position: absolute;
    margin-left: 9px;
    margin-top: 2px;
    width: 6px;
    height: 12px;
    border-radius: 4px 4px 0 0;
    border-left: solid 1px currentColor;
    border-right: solid 1px currentColor;
    border-top: solid 1px currentColor;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
li.icon-clip .css-icon::before {
    content: '';
    position: absolute;
    top: 11px;
    left: -1px;
    width: 4px;
    height: 6px;
    border-radius: 0 0 3px 3px;
    border-left: solid 1px currentColor;
    border-right: solid 1px currentColor;
    border-bottom: solid 1px currentColor;
}
li.icon-clip .css-icon::after {
    content: '';
    position: absolute;
    left: 1px;
    top: 1px;
    width: 2px;
    height: 10px;
    border-radius: 4px 4px 0 0;
    border-left: solid 1px currentColor;
    border-right: solid 1px currentColor;
    border-top: solid 1px currentColor;
}

#leaf-column #atode_action{
    background:#f67f30 !important;
    border:1px solid #f67f30 !important;
    color:#ffffff !important;
    height:18px;
}

#leaf-column #atode_action a, #leaf-column #atode_action a:hover{
color:#ffffff;
box-shadow:none !important;
}
#leaf-column #atode_action:hover{
box-shadow:none !important;
}
/*icon-clip*/



#leaf-column .social-item li span a:hover{
    color:#ffffff !important;
}

#leaf-column .social-item li span.text::before, #leaf-column .social-item li span.text::after{
display:none;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  selector:not(:target) {
#leaf-column .social-item li span.text:padding-top:2px;
  }
}

#atode_print, #atode_print a{
    background:none;
    border:none !important;
    margin-right:0 !important;
    color:#ffffff !important;
}



#leaf-column .leaf-social-inner li ul{
    visibility: hidden;
    opacity: 0;
    transition:0.3s ease-in-out;
    box-shadow:0px 0px 5px #cccccc;
    background-color:#ffffff;
}


/*メニュー入れ子*/
#leaf-column .leaf-social-inner li:hover > ul{
    visibility: visible;
    opacity: 1;
}

#leaf-column .leaf-social-inner ul{
    position:relative;
}

#leaf-column .leaf-social-inner ul ul.pull{
    display:block;
    position: absolute;
    top: 20px;
    background:#ffffff !important;
}

#leaf-column .leaf-social-inner ul ul.pull li{
    border-bottom:1px solid #cccccc;
    margin:0 !important;
    padding:2px;
    width:90px;
    border-radius:0px;
background-color: #ffffff;
}
/*メニュー入れ子 end*/




#leaf-column .leaf-article-inner{
    margin-bottom:20px;
}

#leaf-column .leaf-article-inner .leaf-article-ttl{
    font-size:24px;
    color:#252525;
    margin:50px 0 25px 0;
    padding-bottom:10px;
    text-align:left;
    border-bottom:1px solid #ccc;
}

#leaf-column .leaf-article-inner h2{
    font-size:24px;
    margin:30px 0 20px;
    /*clear:both;*/
}

#leaf-column .leaf-article-inner h2.sp{border-bottom:1px solid #444444;}

#leaf-column .leaf-article-inner em{font-weight:bold;}

#leaf-column .leaf-article-inner h4{
    margin:0 0 15px 0;
}

#leaf-column .leaf-article-inner p{
    margin-bottom:20px;
    font-size:18px;
    color:#252525;
    line-height:1.6;
    letter-spacing: 0.08em;
}

#leaf-column .leaf-article-inner p a{
    color:#0b8ebf;
text-decoration:underline;
font-weight:bold;
}

#leaf-column .leaf-article-inner .leaf-caption, #leaf-column .leaf-article-inner .caption{
    color:#505050;
    font-size:14px;
    font-weight:normal;
    margin-bottom:5px;
line-height:1.2;
}

#leaf-column .leaf-article-inner .credit{
    color:#a0a0a0;
    font-size:12px;
    font-weight:normal;
    margin-bottom:5px;
line-height:1.2;
}


#leaf-column .leaf-article-inner .left,#leaf-column .leaf-article-inner .right, #leaf-column .leaf-article-inner .center, #leaf-column .leaf-article-inner .left a,#leaf-column .leaf-article-inner .right a, #leaf-column .leaf-article-inner .center a{
    line-height:1.2;
    color:#666666;
    margin-top:10px;
    margin-bottom:10px;
    font-size:14px !important;
text-align:left;
}


#leaf-column .leaf-article-inner .left{
    margin:10px 10px 10px 0;
    clear:left;
    float:left;
}

#leaf-column .leaf-article-inner .right{
    margin:10px 0 10px 10px;
    clear:right;
    float:right;
}

#leaf-column .leaf-article-inner .center{
    margin:0 auto 25px;
    text-align:center;
}

#leaf-column .leaf-article-inner .img-l { max-width: 184px; }
#leaf-column .leaf-article-inner .img-l img { max-width: 100%; }

#leaf-column .leaf-article-inner .img-xl { max-width: 240px; }
#leaf-column .leaf-article-inner .img-xl img { max-width: 100%; }

#leaf-column .leaf-article-inner .img-xxxl { max-width: 640px;}
#leaf-column .leaf-article-inner .img-xxxl img { max-width: 100%; }

#leaf-column .leaf-article-inner .img-xxxl{
    line-height: 1.2;
    color: #666666;
    font-size: 14px !important;
}

#leaf-column .leaf-article-inner .leaf_body_foot p{/*注釈*/
    clear:both;
    color:#8C8C8C;
    text-align:right;
    display:block;
    font-size:12px;
}



#leaf-column .leaf-article-inner .note{
    text-align:right;
    color:#a0a0a0;
    font-size:14px;
    font-weight:bold;
}

#leaf-column .leaf-article-inner .note a{
    color:#a0a0a0;
    font-weight:bold;
}

#leaf-column .leaf-article-inner .note a:hover{
    text-decoration:underline;
}


#leaf-column .leaf-article-inner .leaf-article-related{
    border-top:1px solid #e0e0e0;
    border-bottom:3px solid #e0e0e0;
    padding:10px;
}

.leaf-article-related a{
    display:block;
    text-align:center;
}



.leaf-item-inner{margin:15px 0;}

.leaf-item-inner ul li{
    margin:10px 0;
    padding-bottom:5px;
    border-bottom:1px dotted #cccccc;
position:relative;
font-size:14px;
}

.leaf-item-inner ul li a{color:#252525;}

.leaf-item-inner ul li::before{
content:"";
position:absolute;
top:4px;
left:0;
box-sizing: border-box;
width: 16px;
height: 16px;
border: 1px solid #b8b8b8;
-webkit-border-radius: 50%;
border-radius: 50%;
}
.leaf-item-inner ul li::after{
content:"";
position:absolute;
top:9px;
left: 5px;
width: 4px;
height: 4px;
border-top: 1px solid #b8b8b8;
border-right: 1px solid #b8b8b8;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}

.leaf-item-inner ul li a{
padding-left:20px;
}

.leaf-item-inner ul li span{
display:block;
text-align:right;
font-size:12px;
color:#a0a0a0;
float:right;
}

.leaf-item-inner ul li:last-child{
    border-bottom:none;
    margin-bottom:5px;
}


.item-word{
    display:-webkit-box;/*Android browser*/
    display: -webkit-flex;
    display:-ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    background:#f5f5f5;
    margin:0 0 10px 0;
    padding:10px;
}

.leaf-item-inner .item-word li{
    color: #aa1801;
    background:none;
    border-bottom:none;
    margin:0;
    padding:0 20px 0 0;
}

.leaf-item-inner  .item-word li a{
    color: #666666 !important;
    padding-left:0 !important;
}

.item-word li::before, .item-word li::after{
display:none;
}


.leaf-keyword-block .keyword-inner{
    margin:15px auto;
    display:-webkit-box;/*Android browser*/
    display: -webkit-flex;
    display: -ms-flexbox;
    display:flex;
}

.leaf-keyword-block .keyword-inner li{
    margin-right:5px;
}

.leaf-keyword-block .keyword-inner li span{
    display:block;
    background-color:#e0e0e0;
    color:#252525;
}





/* -----------------------------------------------------------------------
 ADD Style 2017 tieup page
--------------------------------------------------------------------------*/


#block_story, html > body .article_body{font-size:18px !important; line-height:1.6 !important;}
.adspecial_type1 .frame_col_left #block_story p{font-size:18px !important;}


.adspecial_type1 .article_body .left, .adspecial_type1 .article_body .right, .adspecial_type1 .article_body .center{
font-size:14px !important;
color:#505050;
}

.adspecial_type1 h5.adspecial{font-size:14px !important;}

.adspecial_type1 .block_right_info .info a .txt{font-size:14px !important;}

.adspecial_type1 .block_right_wp .wp a h6.title{font-size:14px !important;}

.adspecial_type1 .bottomwp h4{font-size:14px !important;}


.adspecial_type1 .block_right_plink ul li a{transition:none !important;}/*transition delete*/




/* -----------------------------------------------------------------------
  ADD Style 2017 production.css
--------------------------------------------------------------------------*/

.block_story h2{
    font-size:24px;
    margin:30px 0 20px;
}
.block_story h2.sp{border-bottom:1px solid #444444;}


#leaf-column .leaf-article-inner  h5{
font-weight: bold;
    margin: 15px 0 5px 0;
    padding-bottom: 1px;
    padding-right: 6px;
    text-align: left;
    border-bottom: 1px solid #666666;
}

#leaf-column .leaf-article-inner  h6{
    font-size: 14px;
    margin: 15px 0 5px 0;
    font-weight: bold;
    line-height: 1.2em;
}

#leaf-column .leaf-article-inner .cornerfoot08 .title08{font-size:16px !important; margin-bottom:10px;}
#leaf-column .leaf-article-inner .cornerfoot08 p{font-size:14px !important; margin-bottom:10px;}
#leaf-column .leaf-article-inner .cornerfoot08 a{color:#0b8ebf !important;}

#leaf-column .leaf-article-inner .profile08 p{font-size:14px !important; margin-bottom:5px !important;}
#leaf-column .leaf-article-inner .profile08{min-height:170px !important;}

#leaf-column .leaf-article-inner .profile09 p{font-size:14px !important; margin-bottom:5px !important;}

#leaf-column .leaf-article-inner .profile09 p.name{font-size:18px !important; margin-bottom:5px !important;}

#leaf-column .leaf-article-inner table th {
    background: #808080;
    color: #FFFFFF !important;
    font-weight: bold;
    line-height: 1.2em;
    text-align: center;
    border: 1px solid #999999;
    padding: 5px;
    font-size:12px !important;
}

#leaf-column .leaf-article-inner table td {
    border: 1px solid #999999;
    padding: 5px;
    font-size:12px !important;
}

#leaf-column .leaf-article-inner pre {
    background: #E7F0F4;
    border: 1px solid #C7DAE2;
    font-size: 12px;
    line-height: 1.4em;
    margin: 0 auto 1em;
    overflow: scroll;
    padding: 5px;
    width: 460px;
}

#leaf-column .leaf-article-inner .company, #leaf-column .leaf-article-inner .position{
    font-size: 14px !important;
    margin-bottom:10px;
}

#leaf-column .leaf-article-inner .profile10 .profile_contents p{
    font-size: 14px !important;
    margin-bottom:10px;
}


/*add201704*/
.block_story ol{
	clear:both;
	line-height:1.5em;
	margin:0 0 20px 30px;
	padding:0;
}

.block_story ol li {
	list-style-type:decimal;
	margin:10px 0;
	padding:0;
}

.block_story table thead th {
	background:#760000;
	color:#FFFFFF;
	font-weight:bold;
}

.block_story table th {
	background:#B33030;
	color:#FFFFFF !important;
	font-weight:bold;
	line-height:1.2em;
	text-align:center;
	border: 1px solid #999999;
	padding:5px
}

.block_story table td {
	border: 1px solid #999999;
	padding:5px
}

.block_story .person1, .block_story .person2, .block_story .person3, .block_story .person4, .block_story .person5, .block_story .person6{
border-left:1px solid #b33030;
color:#b33030;
padding-left:10px;
font-weight:bold;
}

.block_story .person2{border-left:1px solid #306ab2;color:#306ab2;}
.block_story .person3 {border-left: 1px solid #45b230; color: #45b230;}
.block_story .person4 {border-left: 1px solid #D3671E; color: #D3671E;}
.block_story .person5 {border-left: 1px solid #434CB3; color: #434CB3;}
.block_story .person6 {border-left: 1px solid #449090; color: #449090;}

.block_story .person1,
.block_story .person2,
.block_story .person3,
.block_story .person4,
.block_story .person5,
.block_story .person6 {
border-left: 5px solid #B33030;
color: #B33030;
padding-left: 10px;
font-weight: bold;
}
.block_story .person2 {border-left: 5px solid #306AB2; color: #306AB2;}
.block_story .person3 {border-left: 5px solid #45b230; color: #45b230;}
.block_story .person4 {border-left: 5px solid #D3671E; color: #D3671E;}
.block_story .person5 {border-left: 5px solid #434CB3; color: #434CB3;}
.block_story .person6 {border-left: 5px solid #449090; color: #449090;}

.block_story .articleCommentFrame li.item{
	margin: 15px 0;
	padding-bottom: 15px;
	list-style:none outside none;
}
/*add201704*/



/* -----------------------------------------------------------------------
  ADD Style 2017 listings.css
--------------------------------------------------------------------------*/

.box_mail_lineup .viewmore::before, .box_mail_lineup .viewmore::after{
display:none !important;
}


/* --------------------------------------------------------------------------------
  Old News List page Style
---------------------------------------------------------------------------------- */
ul.news_list_2011 li p.summary{
    font-size: 14px !important;
}

#marketers_header {
    background: #FFFFFF;
    background: -moz-linear-gradient(top, #FFFFFF, #FFFFFF);
    background: -ms-linear-gradient(top, #FFFFFF, #FFFFFF);
    background: -o-linear-gradient(top, #FFFFFF, #FFFFFF);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#FFFFFF));
    background: -webkit-linear-gradient(top, #FFFFFF, #FFFFFF);
    background: linear-gradient(top, #FFFFFF, #FFFFFF);
    box-shadow: 0 -6px 10px #FFFFFF inset;
    -moz-box-shadow: 0 -6px 10px #FFFFFF inset;
    -webkit-box-shadow: 0 -6px 10px #FFFFFF inset;
  }

  #rightside-column .right-digital-apple-block,
  #rightside-column .right-digital-news-block {
    width: 300px;
    margin: auto;
  }

.opinion_main .l_headline {
    padding-bottom: 5px;
}

.news-sub-story .column-4 {
    width: 275px;
}