/*--------------------------------------------------------------------------
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; }

.bold { font-weight:bold; }
.pb10{padding-bottom : 10px}
.pb15{padding-bottom : 15px}
.pb20{padding-bottom : 20px}
.pt10{padding-top : 10px}
.pt15{padding-top: 15px}
.pt20{padding-top : 20px}


/* 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 { float: left; padding: 0 5px 0 0;}

/* 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;}

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

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




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

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


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


/* -----------------------------------------------------------------------
 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}


/*------------------------------------------------------------------------------
 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;
}

/* 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%;
}



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

/* 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 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-inner{margin:25px 0;}
.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: #0f0f0f !important;}

.inner-pr a:hover {
  color: #df6105 !important;
  text-decoration: none !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{
  color:#808080 !important;
  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*/


#ad_interestmatch { border: 1px solid #CCC; padding: 5px; }

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

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

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


/* -----------------------------------------------------------------------
  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;
}


/*201706 add*/
/* -----------------------------------------------------------------------
  ADD Style 2017 release event
--------------------------------------------------------------------------*/
.event-date,
.relase-date{
    color:#aa1801;
    margin-bottom:25px;
    padding-bottom:5px;
    font-size:110%;
    border-bottom:1px dotted #aa1801;
}

.event-list h3,
.relase-list h3{
    font-size:110%;
    color:#303030;
}
.event-list li,
.relase-list li{
    margin-bottom:20px;
    padding-bottom:5px;
    border-bottom:1px dotted #ccc;
}
.event-list p,
.relase-list p{
    color:#505050;
}
.event-alert{color:#aa1801 !important}


/* -----------------------------------------------------------------------
  ADD Style Parts
--------------------------------------------------------------------------*/

/*#pagination { 
clear: both;
font-size: 14px;
margin-bottom: 20px;
position: relative;
width: 100%;
text-align: center;
}

#pagination ul {
position: relative;
background: none;
display: inline-block;
margin: 0 auto;
text-align: center;
}

#pagination li {
height: 22px;
line-height: 16px;
float: left;
margin: 0 3px !important;
padding: 0;
text-align: center;
background: none;
border: none;
list-style: none
}
#pagination li a {
border: 1px solid #CCC; 
display: block; 
padding: 5px; 
font-weight: bold; 
text-decoration: none; 
color: black;
}
#pagination li.thispage {
height: auto; 
border: 1px solid #151515; 
color: #fff; 
display: block; 
font-weight: bold; 
padding: 5px; 
text-decoration: none; 
background-color: #151515;
}
#pagination li.thispage a {
border: 1px solid #CCC;
color: black;
display: block;
font-weight: bold;
padding: 2px 5px;
text-decoration: none;
background-color: #A4AEB7;
}
#pagination .pre, #pagination .next { border: none; }
#pagination .pre a, #pagination .next a {
background:#909090;
padding: 6px 15px;
border: none;
color:#fff;
position:relative;
}
#pagination .pre a, #pagination .next a::after{
  content: "";
  position: absolute;
  top: 0;
  right: -9px;
  border-left: 14px solid #909090;
  border-top: 14px solid transparent;
  border-bottom: 14px solid transparent;
  transform-origin: right top;
  transform: scaleX(.7);
}

#page-wrap ul.arrow-g li, #page-wrap ul.arrow-r li{
position:relative;
padding-left:20px;
}

#page-wrap ul.arrow-r.arrow-g 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%;
}

#page-wrap ul.arrow-r.arrow-g 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);
}


#page-wrap ul.arrow-r.arrow-r 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%;
}

#page-wrap ul.arrow-r.arrow-r 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);
}*/


#pagination { 
clear: both;
font-size: 14px;
margin-bottom: 20px;
position: static;
width: 100%;
text-align: center;
}

#pagination ul {
position: static;
left:0;
float:none;
/*left: 50%;*/
/*float: left;*/
background: none;
display: inline-block;
margin: 0 auto;
text-align: center;
}

#pagination li {
height: 22px;
line-height: 16px;
float: left;
margin: 0 3px !important;
padding: 0;
text-align: center;
position:static;
/*position: relative;
left: -50%;*/
background: none;
border: none;
list-style: none
}
#pagination li a {
border: 1px solid #CCC; 
display: block; 
padding: 5px; 
font-weight: bold; 
text-decoration: none; 
color: black;
}
#pagination li.thispage {
height: auto; 
border: 1px solid #151515; 
color: #fff; 
display: block; 
font-weight: bold; 
padding: 5px; 
text-decoration: none; 
background-color: #151515;
}
#pagination li.thispage a {
border: 1px solid #CCC;
color: black;
display: block;
font-weight: bold;
padding: 2px 5px;
text-decoration: none;
background-color: #A4AEB7;
}
#pagination .pre, #pagination .next { border: none; }
#pagination .pre a, #pagination .next a {
background:#909090;
padding: 6px 15px;
border: none;
color:#fff;
position:relative;
}
#pagination .pre a, #pagination .next a::after{
  content: "";
  position: absolute;
  top: 0;
  right: -9px;
  border-left: 14px solid #909090;
  border-top: 14px solid transparent;
  border-bottom: 14px solid transparent;
  transform-origin: right top;
  transform: scaleX(.7);
}


.feedback { border: 1px solid #909090; margin-bottom: 20px; }
.feedback #feedback_title { margin: 0; padding: 5px; color: white; font-weight: bold; background-color: #909090; }
.feedback p { margin: 10px; font-size: 14px; line-height: 1.4em; }
.feedback ul { margin: 5px; font-size: 14px; }

/*----------
  responsive
-----------*/
#page-wrap-resp,
#header-wrap-resp,
#nav-wrap-resp,
#footer-wrap-resp
{display: none;}