@charset "UTF-8";


/*---------------------------------------------------
reset
---------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{
	font-size: 14px;
	margin: 0;
	padding: 0;
/*	font-family: "ＭＳ Ｐゴシック", "MS P Gothic", Osaka, sans-serif; */
        font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック',sans-serif;

}

/*table {
	border-collapse: collapse;
	border-spacing: 0;
}*/

fieldset,img { border: 0; }

address,caption,cite,code,dfn,em,th,var {
	font-style: normal;
	font-weight: normal;
}

ol,ul,li { list-style: none; }
caption,th { text-align:left; }

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}

p,ul li{ line-height: 1.4; }

em{
	font-weight: bold;
	font-style: italic;
	margin-right: 3px;
}

a{
	color: #004d99;
	text-decoration: none;
}

a:hover{
	color: #252525;
	text-decoration: underline;
}

input, button, textarea, select { font: 11px tahoma,arial; }

/*---------------------------------------------------
clearfix
---------------------------------------------------*/
.clearfix:after{
	content: url('/media/z/2011/pixel.gif');
	display: block;
	clear: both;
	height: 0;
}
.clearfix{ display: inline-block; }
.clearfix{ display: block; }

/*---------------------------------------------------
html
---------------------------------------------------*/
html{ height: 100%; }

/*---------------------------------------------------
body
---------------------------------------------------*/
body{
	background: url('/media/z/2011/bg_body_highlight.png') repeat-x 0 135px #15293E;
	color: #252525;
  height: 100%;
}


/*---------------------------------------------------
header
---------------------------------------------------*/
#header{
	width: 980px;
	margin: 0 auto;
  background: url('/media/z/2011/bg_header_highlights.png') repeat-x scroll 0 0;
}

html>#header{/* IE6以外に適用 IE7も含む */
	background-image:url('/media/z/2011/bg_header_highlights.png');
}

*html #header{/* IE6以下に適用 */
  background: url('/media/z/2011/bg_header_highlights.jpg') no-repeat 0 0;
}

/*site_logo
---------------------------------------------------*/
#header h1{ margin:0; padding: 0; }
#header span#site_logo{
	text-indent: -9999px;
	width: 201px;
	height: 74px;
	padding: 15px 0 15px 30px;
	float: left;
	display: block;
  _display: inline;
}

#header span#site_logo a{
	display: block;
	width: 201px;
	height: 74px;
	background: url('/media/z/2011/logo_zdnet.png') 0 0 no-repeat;
	overflow: hidden;
}

html>#header span#site_logo a{/* IE6以外に適用 IE7も含む */
	background-image:url('/media/z/2011/logo_zdnet.png');
	cursor: pointer;
}

*html #header span#site_logo a{/* IE6以下に適用 */
	width: 203px;
	height: 76px;
	background-image:url('/media/z/2011/logo_zdnet.gif');
}

#header .header_cont_r{
	width: 700px;
	float: right;
}


/*search
---------------------------------------------------*/
.search{
    background: url('/media/z/2011/bg_header_lvl_search.png') no-repeat 0 bottom;
    padding: 15px 10px 15px 52px;
}

html>.search{/* IE6以外に適用 IE7も含む */
	background-image:url('/media/z/2011/bg_header_lvl_search.png');
}

*html .search{/* IE6以下に適用 */
	background: none;
}

.search_wrap_btm{
	background: url('/media/z/2011/bg_search_wrap_btm.gif') no-repeat 0 bottom;
	width: 310px;
	padding-bottom: 5px;
}


.search_wrap_top{
	background: url('/media/z/2011/bg_search_wrap_top.gif') repeat-x 0 0;
	width: 300px;
	padding: 5px 5px 0 5px;
}

.search form{
	width: 300px;
	background: url('/media/z/2011/bg_search_textarea.gif') no-repeat 0 0;
}

.search_text{
	border: none;
	background: none;
	width: 256px;
	margin-left: 5px;
	font-size: 12px;
	color: #787b7d;
}

*+html .search_text{/* for IE7 */
	margin-bottom: 5px;
}

*html .search_text{/* for IE6 */
	margin-bottom: 5px;
}

.search_btn{
	width: 34px;
	height: 25px;
	background: url('/media/z/2011/bg_search_btn.gif') no-repeat 0 0;
	border:0 none;
	color:transparent;
	cursor:pointer;
	text-indent:-2000px;
	outline: none;
	_width: 33px;
}


/*primary_nav
---------------------------------------------------*/
.primary_nav,
.primary_nav a{
	color: #FFFFFF;
    text-shadow: 0 1px 0 #15283E;
	text-decoration: none;
}

.primary_nav ul{
	float: left;
	width: 300px;
	margin-left: 50px;
}

.primary_nav ul li{
	float: left;
	display: inline;
	padding: 10px 10px 0 10px;
}

.primary_nav ul li a:hover{ color: #A2B5C5;; }
.primary_nav .home{ 	padding: 7px 10px 0 10px; }

/*map
---------------------------------------------------*/
.primary_nav .map{ float: right; width: auto }
.primary_nav .map li{ padding: 5px }
.primary_nav .map li:last-child{ padding-right: 0 }
.primary_nav .map img{ width: 25px }

/*secondary_nav_wrap
---------------------------------------------------*/
#secondary_nav_wrap{
	position: relative;
}

/*secondary_nav
---------------------------------------------------*/
.secondary_nav,
.secondary_nav a{
	color: #FFFFFF;
    text-shadow: 0 1px 0 #6D0C08;
    text-decoration: none;
}
.secondary_nav a:hover{	text-decoration: underline; color: #FFFFFF; }
.secondary_nav{	background: url('/media/z/2011/bg_header_sec.gif') repeat-x 0 bottom #D83621; position: relative; }
.secondary_nav ul{ float: left;display: inline; margin-left: 20px; }
.secondary_nav ul li{ float: left; }
.secondary_nav ul li a{	padding: 10px 17px; display: block;	background: url('/media/z/2011/bg_nav_sec_sep.gif') no-repeat right 50%; }
.secondary_nav ul li strong a{ background: url('/media/z/2011/bg_nav_sec_on.gif') repeat-x 0 50%; color: #A2B5C5; font-weight: normal; }
.secondary_nav ul li.no_border a{ background: none;	padding-right: 5px; }
.secondary_nav ul li.bg_tab img{ vertical-align: middle; margin-left: 3px; }

a#sp_menu{ cursor: pointer; }

/*channel_nav
---------------------------------------------------*/
#channel_nav {
background: #fff;
filter: progid:DXImageTransform.Microsoft.Gradient(Enabled=1,GradientType=0,StartColorStr=#F8FBFC,EndColorStr=#C6D3D9);
background: -moz-linear-gradient(top, #F8FBFC, #C6D3D9);
background: -webkit-gradient(linear, left top, left bottom, from(#F8FBFC),to(#C6D3D9));
border-bottom: 1px solid #b3c6d0;
}

#channel_nav li {
padding: 0 5px; margin: 3px 0; float: left; display: block;
width: auto; white-space: nowrap;
font-size: 80%; border-right: 1px solid #81949D;
}

#channel_nav li a { color: #6D7F88; }

li#sub-navi-title {
padding: 0;
}
#sub-navi-title span{
  padding-right: 15px; 
  margin: 0;
  font-weight: bold; font-size: 0.8em; color: #aaa;
  background: url('/media/z/2011/arrow_gray.gif') right center no-repeat;
  text-shadow: 1px 1px 1px #eee;
}

/*etc_btn
---------------------------------------------------*/
#etc_btn{
	cursor: pointer;
}

#etc_btn img{
	padding: 10px 10px 8px 10px;
	display: block;
	background: none;
	margin-top: 5px;
}


/*local_nav
---------------------------------------------------*/
.secondary_nav .local_nav{
	float: left;
	color: #FFFFFF;
	text-shadow: 0 1px 0 #6D0C08;
	cursor: pointer;
	margin: 10px;
	background: url('/media/z/2011/arrow_global_red_off.gif') no-repeat right 50%;
	padding-right: 20px;
	display: inline;
	font-style: italic;
	font-family: Georgia,serif;
}

.secondary_nav .local_nav span{
	margin: 0 5px;
}


/*cnet_nav
---------------------------------------------------*/
.cnet_nav{
	float: right;
	text-indent: -9999px;
}

.cnet_nav a{
	display: block;
	height: 40px;
	width: 94px;
	background: url('/media/z/2011/bg_cnet_nav_2.gif') no-repeat 0 0;
	overflow: hidden;
}


/*builder_nav
---------------------------------------------------*/
.builder_nav{
	float: right;
	text-indent: -9999px;
}

.builder_nav a{
	display: block;
	height: 40px;
	width: 94px;
	background: url('/media/z/2011/bg_builder_nav.gif') no-repeat 0 0;
	overflow: hidden;
}

/*---------------------------------------------------
wrapper
---------------------------------------------------*/
#wrapper{
	width: 980px;
	margin: 0 auto;
	background-color: #FFFFFF;
}



/*more
---------------------------------------------------*/
p.more{
	text-align: right;
	margin: 10px 0 15px;
	font-size: 12px;
	font-weight: bold;
}

p.more a{
	background: url('/media/z/2011/arrow_blue.gif') no-repeat 0 50%;
	padding-left: 16px;
}


/*h2
---------------------------------------------------*/
h2{
	font-size: 16px;
	color: #961515;
	font-weight: bold;
	line-height: 1.2;
	background: url('/media/z/2011/bg_h2_underline.gif') repeat-x 0 bottom;
	padding: 10px 0px 7px 0px;
	position: relative;
	margin-bottom: 10px;
}

h2 span{
	font-size: 12px;
	font-weight: normal;
	color: #000000;
    position: absolute;
    right: 5px;
    top: 10px
}

h2 a {
	color: #961515;
}

h2 a:hover {
	color: #961515;
}

h2.top_slider_link {
background: none;
margin: 0;
padding: 0;
line-height: 1.4em;
}
.top_slider_link  a {
  color: #004d99;
  text-decoration: none;
}

/*
.sub_story  h2 {
font-size: 16px;   !important;
font-weight: bold; !important;
line-height: 1.4em; !important;
}
*/



/*---------------------------------------------------
content_l
---------------------------------------------------*/
.content_l{
	margin: 10px 0 10px 10px;
	width: 640px;
	float: left;
}

/*h1(.content_l)
---------------------------------------------------*/
.content_l h1{
	font-size: 16px;
	color: #961515;
	font-weight: bold;
	line-height: 1;
	background: url('/media/z/2011/bg_h2_underline.gif') repeat-x 0 bottom;
	padding-bottom: 7px;
	margin-bottom: 10px;
}
.content_l h1.noline{
	font-size: 18px;
	line-height: 1.2;
	background: none;
}

/*h1.ttl-setting
---------------------------------------------------*/
h1.ttl_analysis{
	width: 640px;
	height: 70px;
	background: url('/media/z/2011/ttl_analysis.jpg') no-repeat 0 0;
	text-indent: -9999px;
	margin-bottom: 10px;
}

h1.ttl_sp{
	width: 640px;
	height: 70px;
	background: url('/media/z/2011/ttl_sp.jpg') no-repeat 0 0;
	text-indent: -9999px;
	margin-bottom: 10px;
}

h1.ttl_case-study{
	width: 640px;
	height: 70px;
	background: url('/media/z/2011/ttl_case-study.jpg') no-repeat 0 0;
	text-indent: -9999px;
	margin-bottom: 10px;
}

h1.ttl_blog{
	width: 640px;
	height: 70px;
	background: url('/media/z/2011/ttl_blog.jpg') no-repeat 0 0;
	text-indent: -9999px;
	margin-bottom: 10px;
}


/*breadcrumbs
---------------------------------------------------*/
.breadcrumbs{
	margin-bottom: 10px;
}

.breadcrumbs ul li.home {
    background: none;
    padding-left: 0;
}

.breadcrumbs ul li {
    background: url('/media/z/2011/arrow_breadcrumbs.gif') no-repeat 0 50%;
    float: left;
    line-height: 1;
    margin-right: 7px;
    padding-left: 10px;
    color: #999999;
    font-size: 12px;
}

.breadcrumbs ul li a{
	color: #999999;
}


*html .breadcrumbs ul li{
	padding-top: 5px;
}



/*headline_slide
---------------------------------------------------*/
.headline_slide{
	margin-bottom: 10px;
}

/*slide_tab
------------------------------*/
ul.slide_tub{
	float: left;
	margin: 0;
	padding: 0;
	width: 267px;
	height: 250px;
	background: #FFFFFF url('/media/z/2011/bg_slide_tab.gif') no-repeat 0 0;
}

ul.slide_tub li{
	font-weight: bold;
}


ul.slide_tub li a{
	display: block;
	height: 45px;
	width: 247px;
	padding: 5px 10px 0 10px;
	overflow: hidden;
}

ul.slide_tub li#on{
	background-color: #152A3F;
}

ul.slide_tub li#on a,
ul.slide_tub li#on a:hover{
	color: #FFFFFF;
}


/*slide_outline
------------------------------*/
.slide_outline{
	background-color: #152A3F;
	float: left;
	width: 353px;
	padding: 10px;
	height: 230px;
	overflow: hidden;
}

.slide_title{
	border-bottom: 2px solid #8B98A1;
	margin-bottom: 5px;
}

.slide_outline h3{
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 0.04em;
	line-height: 1.2;
}

.slide_outline p{
	font-size: 14px;
	margin-bottom: 14px;
	letter-spacing: 0.01em;
}

.slide_outline h4{
	background: url('/media/z/2011/arrow_gray.gif') no-repeat 0 2px;
	padding-left: 15px;
	font-size: 12px;
	margin-bottom: 5px;
}

.slide_outline h3 a,
.slide_outline p,
.slide_outline h4 a{
	color: #FFFFFF;
}

.slide_outline h3 a:hover{
	color: #FFFFFF;
	text-decoration: none;
}

.slide_outline h4 a:hover{
	color: #FFFFFF;
	text-decoration: underline;
}

.slide_outline p.more{
	margin: 0;
	margin-bottom: 3px;
}

.slide_outline p.more a{
	background-image: url('/media/z/2011/arrow_red.gif');
	color: #EFCC54;
	font-size: 12px;
	font-weight: normal;
}

.slide_outline p.more a:hover{
	color: #EFCC54;
}

/*---------------------------------------------------*/
/* ad_large
---------------------------------------------------*/
#ad_large{
  margin-top: 5px;
  padding: 5px 0 5px 0;
  text-align:center;
}

/*ad_text
---------------------------------------------------*/
/*text ad
---------------------------------------------------*/
.ad_text{
  border-top: 3px double #ccc;
  border-bottom: 3px double #ccc;
  margin-bottom: 10px;
}

.ad_bottom_text{ margin: 15px 0 20px 0;}
.ad_text li{ margin-top: 2px; line-height: 1.2; }
.ad_text li a { background: url('/media/z/2011/ico_pr.gif') no-repeat 0 50%; padding-left: 25px; line-height: 1.7; font-size: 14px; color: #252525;}
.ad_bottom_text li a {font-size: 12px;}
.tieup_sp{margin-bottom: 10px;}


#sp_list_z{ width: 640px; float: left; margin-left: 10px; }
#sp_list_x{ width: 300px; float: left; margin-left: 10px; }

/*headline(left_column & content_r)
---------------------------------------------------*/
.headline{
	font-size: 16px;
	color: #961515;
	font-weight: bold;
	line-height: 1;
	background: url('/media/z/2011/bg_h2_underline.gif') repeat-x 0 bottom;
	padding-bottom: 7px;
	position: relative;
	margin-bottom: 10px;
}
.headline.t_grayline{ padding-top: 4px }

.headline span{
	font-size: 12px;
	font-weight: normal;
	position: absolute;
	right: 5px;
	top: 5px
}


/*---------------------------------------------------
left_column
---------------------------------------------------*/
.left_column{
	width: 200px;
	float: left;
	letter-spacing: 0.05em;
}


/*main_headline (left_column)
---------------------------------------------------*/
.left_column ul.main_headline{ margin-bottom: 15px; }
.left_column .main_headline li{ font-size: 12px; padding: 5px 0; }

.main_headline li:after{
	content: url('/media/z/2011/pixel.gif');
	display: block;
	clear: both;
	height: 0;  
}
.main_headline li img{ float: right; margin: 0 0 5px 5px; }
.main_headline li:first-child{ padding-top: 0 }


/*silveregg_headline (left_column)
---------------------------------------------------*/
.silveregg_headline li {
position: relative;
margin-bottom: 3px;
padding: 3px 0 3px 10px;
}
.silveregg_headline li:before {
position: absolute;
content: ' ';
top: 30%;
left: 0;
border-style: solid;
border-width: 5px 0 5px 5px;
border-color: transparent transparent transparent #961515;
}
.silveregg_headline li h3 {
font-weight: bold;
white-space: nowrap; 
overflow: hidden; 
text-overflow: ellipsis;
-webkit-text-overflow: ellipsis; 
-o-text-overflow: ellipsis;
}

#silveregg_hidden_wp_area {
  display: none; 
}

#silveregg_wp_area{
  display: none;
}

#silveregg_right_parts_wp{
  display: none;
}
/*slideshow
---------------------------------------------------*/
.slideshow{
	margin-bottom: 15px;
	padding: 8px;
	background-color: #EDEDED;
	line-height: 1.3;
	font-size: 12px;
	font-weight: bold;
}

.slideshow span{
	display: block;
	width: 184px;
	background-color: #FFFFFF;
}

.slideshow img{
	display: block;
	margin: 0 auto;
	margin-bottom: 5px;
	text-align: center;

}

.slideshow a:hover,
.slideshow span:hover{
	text-decoration: underline;
}

/*more
---------------------------------------------------*/
.left_column p.more { margin: -10px 0 15px; }

/*link_list
---------------------------------------------------*/
.link_list{ margin-bottom: 15px; }
.link_list li{
	list-style-image: url('/media/z/2011/arrow_gray.gif');
	margin-left: 20px;
	font-size: 12px;
	margin-bottom: 5px;
}
.link_list li h3{ font-size: 14px; }

/*ranking
---------------------------------------------------*/
.ranking{ margin-bottom: 25px; }
.ranking li{
	padding-left: 20px;
	font-size: 12px;
	margin-bottom: 10px;
	line-height: 1.3em;
	min-height: 14px;
}
.ranking li.num01{ background: url('/media/z/2011/list_ranking_01.gif') no-repeat 0 0; }
.ranking li.num02{ background: url('/media/z/2011/list_ranking_02.gif') no-repeat 0 0; }
.ranking li.num03{ background: url('/media/z/2011/list_ranking_03.gif') no-repeat 0 0; }
.ranking li.num04{ background: url('/media/z/2011/list_ranking_04.gif') no-repeat 0 0; }
.ranking li.num05{ background: url('/media/z/2011/list_ranking_05.gif') no-repeat 0 0; }
.ranking li.num06{ background: url('/media/z/2011/list_ranking_06.gif') no-repeat 0 0; }
.ranking li.num07{ background: url('/media/z/2011/list_ranking_07.gif') no-repeat 0 0; }
.ranking li.num08{ background: url('/media/z/2011/list_ranking_08.gif') no-repeat 0 0; }
.ranking li.num09{ background: url('/media/z/2011/list_ranking_09.gif') no-repeat 0 0; }
.ranking li.num10{ background: url('/media/z/2011/list_ranking_10.gif') no-repeat 0 0; }

/*twitter
---------------------------------------------------*/
.twitter{
	margin-bottom: 15px;
	border: 1px solid #000;
	height: 500px;
}

.twtr-widget{ margin-bottom: 15px !important; }
.twtr-widget em{ font-size: 10px !important; }
.twtr-widget p{ font-size: 12px !important; }

/*---------------------------------------------------
main_column
---------------------------------------------------*/
.main_column{
	width: 420px;
	float: right;
	letter-spacing: 0.05em;
}


/*ad_text(main_column)
---------------------------------------------------*/
.main_column .ad_text{
	letter-spacing: normal;
	margin: 5px 0 15px;
}



/*main_headline
---------------------------------------------------*/
.main_headline h3{
	font-size: 16px;
	font-weight: 600;
	line-height: 1.4em;
  margin-bottom: 5px;
}

ul.main_headline{
	margin-top: -5px;
	margin-bottom: -1px;
	overflow: hidden;
}

.main_headline li{ padding: 15px 0; border-bottom: 1px dotted #CCCCCC; }
.main_headline li:last-child{ border-bottom: none }
.main_headline p.subtitle{
	color: #AA7733;
	font-weight: bold;
	font-size: 12px;
}

span.product{
	background: url('/media/z/2011/ico_product.gif') no-repeat 0 0;
	width: 50px;
	height: 11px;
	margin-right: 5px;
	text-indent: -9999px;
	display: block;
	float: left;
}

span.showcase{
	background: url('/media/z/2011/ico_showcase.gif') no-repeat 0 0;
	width: 50px;
	height: 11px;
	margin-right: 5px;
	text-indent: -9999px;
	display: block;
	float: left;
}

span.sp{
	background: url('/media/z/2011/ico_sp.gif') no-repeat 0 0;
	width: 50px;
	height: 11px;
	margin-right: 5px;
	text-indent: -9999px;
	display: block;
	float: left;
}

span.emergency{
	background: url('/media/z/2011/icon_emergency.jpg') no-repeat 0 0;
	width: 50px;
	height: 15px;
	margin-right: 5px;
	text-indent: -9999px;
	display: block;
	float: left;
}

span.slide{
	background: url('/media/z/2011/ico_slide.gif') no-repeat 0 0;
	width: 50px;
	height: 11px;
	margin-right: 5px;
	text-indent: -9999px;
	display: block;
	float: left;
}

p.date{
	color: #999;
	font-size: 12px;
	margin-top: 5px;
	line-height: 1;
}


/*pagenation
---------------------------------------------------*/
.pagination{
	margin-bottom: 20px;
	padding-top: 15px;
	font-size: 12px;
	text-align: center;
}

.pagination .this-page {
	color: #F7A62A;
	font-weight: bold;
	padding: 2px 6px;
	vertical-align: top;
}

.pagination a {
	background-color: #FFFFFF;
	border: 1px solid #DDDDDD;
	margin: 0 1px;
	padding: 6px;
	text-decoration: none;
}

.pagination a:hover{
	background-color: #FCD72D;
	border-color: #F7991C;
	color: #FFFFFF;
	text-decoration: none;
}

.pagination .next{
	background-color: #162C42;
	color: #FFFFFF;
	font-weight: bold;
	padding: 6px 12px;
	vertical-align: middle;
	font-size: 14px;
}

.pagination .next:hover{
	background-color: #162C42;
	border-color: #DDDDDD;
	color: #F7A62A;
}


/*to ZDNet Japan top button
---------------------------------------------------*/
.to_zdtop_btn {
margin-bottom: 20px;
padding-top: 15px;
text-align: left;
}
.to_zdtop_btn a {
padding: 5px 20px;
border-radius: 5px;
border: 1px solid #d7dee3;
background: #f6f8f9;
background: -moz-linear-gradient(top,  #f6f8f9 0%, #d7dee3 99%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f8f9), color-stop(99%,#d7dee3));
background: -webkit-linear-gradient(top,  #f6f8f9 0%,#d7dee3 99%);
background: -o-linear-gradient(top,  #f6f8f9 0%,#d7dee3 99%);
background: -ms-linear-gradient(top,  #f6f8f9 0%,#d7dee3 99%);
background: linear-gradient(to bottom,  #f6f8f9 0%,#d7dee3 99%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#d7dee3',GradientType=0 );
color: #333333;
font-weight: bold;
text-decoration: none;
background-repeat: repeat-x;
box-shadow: 0 1px 0 #ffffff inset;
-webkit-box-shadow: 0 1px 0 #ffffff inset;
-moz-box-shadow: 0 1px 0 #ffffff inset;
}

.to_zdtop_btn a:hover {
text-decoration: none;
background-position: 0 -45px;
background-color: #d7dee3;
-webkit-transition: background-position 0.1s linear;
-moz-transition: background-position 0.1s linear;
-o-transition: background-position 0.1s linear;
transition: background-position 0.1s linear;
}

/*tieup
---------------------------------------------------*/
.tieup_box{
	margin-bottom: 20px;
	padding-bottom: 1px;
	background-color: #F3F6F7;
}
.tieup_box h2{ padding: 5px 5px 7px 5px; background-image: url('/media/z/2011/bg_tieup_underline.gif'); }
.tieup li{ margin: 0 10px 5px; font-size: 12px; }

.tieup img{
  float: left;
  margin: 0 5px 10px 0;
  padding: 2px;
  background-color: #FFFFFF;
}

.tieup h3{font-weight: bold; font-size: 12px; }
.tieup p{
	font-size: 12px;
	overflow: hidden;
	_zoom: 1;
}
.tieup h3.right{
	font-weight: bold; 
	font-size: 12px; 
	background:none; 
	padding-bottom:0; 
	line-height:1.4 
}

#sp_list_x .tieup li{ margin-bottom: 15px; }

/*creative
---------------------------------------------------*/
.sp_main_column .box_creative {
    border: 1px solid #990000;
    padding: 10px;
    margin: 10px 0;
}

.sp_main_column .box_creative h2 {
    padding: 3px;
    margin-bottom: 10px;
    background: #EFEFEF none;
    color: #000;
    clear: both;
    font-weight: bold;
}
.sp_main_column .box_creative .center {
    text-align: center;
}
.sp_main_column .box_creative ul {
    background-color: #EFEFEF;
    clear: both;
    margin-top: 10px;
    padding: 10px !important;
}
.sp_main_column .box_creative ul li {
    background: url("/media/z/2011/arrow_gray.gif") no-repeat scroll left center transparent;
    font-size: 12px;
    line-height: 1.5;
    margin: 0;
    padding-left: 15px;
}

/*cnet_tieup
---------------------------------------------------*/
.cnet_tieup_box{
	margin-bottom: 20px;
	border: 1px solid #000000;
}

.cnet_tieup_box h2{
	height: 35px;
	margin-bottom: 0;
	padding: 5px;
	background: url('/media/z/2011/bg_h2_cnet_tieup.gif') no-repeat 0 0;
	text-indent: -9999px;
}
.cnet_tieup li{
	margin: 0 10px 5px;
	font-size: 12px;
}

.cnet_tieup img{
    float: left;
    margin: 0 5px 10px 0;
    padding: 2px;
    background-color: #FFFFFF;
}

.cnet_tieup h3{
	font-weight: bold;
	font-size: 12px;
}

.cnet_tieup p{
	font-size: 12px;
	overflow: hidden;
	_zoom: 1;
}

.cnet_tieup li.arrow{
	list-style-image: url('/media/z/2011/arrow_gray.gif');
	margin-left: 30px;
	font-weight: bold;
}


/*tieup_list
---------------------------------------------------*/
.tieup_list_box{
	margin-bottom: 20px;
	_padding-bottom: 15px;
}

.tieup_list_box h2{
	margin-bottom: 0;
	padding: 5px;
	background: url('/media/z/2011/bg_h2_tieup_detail.gif') repeat-x 0 0;
}

.tieup_list{
	width: 305px;
	margin: 10px 0 15px 10px;
	float: left;
	_display: inline;
}

.tieup_list h3{ background: url('/media/z/2011/bg_h3_tieup_detail.gif') repeat-x 0 50%; }
.tieup_list h3 span{ padding-right: 5px; background-color: #FFFFFF; }
.tieup_list ul{ margin-top: 5px; }
.tieup_list li{ margin-bottom: 2px; font-size: 12px; }

.tieup_list img{
  float: left;
  margin: 0 5px 10px 0;
  padding: 2px;
  background-color: #FFFFFF;
}

.tieup_list h3{ font-weight: bold; font-size: 12px; }
.tieup_list p{ font-size: 12px; overflow: hidden; _zoom: 1; }
.tieup_list li.arrow{
	list-style-image: url('/media/z/2011/arrow_gray.gif');
	margin-left: 20px;
	font-weight: bold;
}

#sp_list_z .tieup_list{ margin-top: 0; }




/*keyword
---------------------------------------------------*/
.keyword_list_box {
width: 640px;
margin: 0 0 20px 10px;
}
.box_white .keyword_list_box {
margin: 0 0 20px 0;
}
.keyword_list li {
float: left;
height: 20px;
margin: 0 3px 15px 0;
font-size: 12px;
}
.keyword_list li a {
padding: 3px 10px;
background-color: #efefef;
white-space: nowrap;
border-radius: 5px;
}
.keyword_list li strong {
font-size: 14px;
}
.keyword_list li strong a {
padding: 7px 10px;
}

/*---------------------------------------------------
content_r
---------------------------------------------------*/
.content_r{
	margin: 10px 10px 10px 0;
	width: 300px;
	float: right;
	letter-spacing: 0.04em;
}


/*h3
---------------------------------------------------*/
.content_r h3{
	font-size: 16px;
	color: #961515;
	font-weight: bold;
	line-height: 1;
	background: url('/media/z/2011/bg_h2_underline.gif') repeat-x 0 bottom;
	padding-bottom: 7px;
	position: relative;
	margin-bottom: 10px;
}

.content_r h3 span{
	font-size: 12px;
	font-weight: normal;
	color: #000000;
    position: absolute;
    right: 5px;
    top: 5px
}


/*h4
---------------------------------------------------*/
.content_r h4{
	font-weight: bold;
	font-size: 12px;
}


/*bnr_cnetid
---------------------------------------------------*/
.bnr_cnetid{
	margin-bottom: 10px;
}


/*ad_bnr
---------------------------------------------------*/
.ad_bnr{
	margin-bottom: 15px;
}

/*squarebadge
---------------------------------------------------*/
.squarebadge{
}


/*
.squarebadge img{
	background: url('/media/c/2006/img/adver.gif') no-repeat center top;
	padding-top: 11px;
	margin-bottom: 15px;
}
*/


.squarebadge object{
	background: url('/media/c/2006/img/adver.gif') no-repeat center top;
	padding-top: 11px;
	margin-bottom: 15px;
	display: block;
}


/*tieup(content_r)
---------------------------------------------------*/
.content_r .tieup{
	margin-bottom: 15px;
}

.content_r .tieup li{
	margin: 0 0 7px 0;
	font-size: 12px;
	border-bottom: 1px solid #DDDDDD;
	padding-bottom: 3px;
}

.content_r .tieup img{
    border: 1px solid #CCCCCC;
    float: left;
    margin: 0 5px 10px 0;
    padding: 0;
}

.content_r .tieup strong,
.content_r .tieup li.arrow strong{
	font-weight: bold;
	font-size: 14px;
	letter-spacing: 0.03em;
}

.content_r .tieup p{
	font-size: 12px;
	overflow: hidden;
	letter-spacing: 0.03em;
	_zoom: 1;
}

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

}



/*p.more(content_r)
---------------------------------------------------*/
.content_r p.more{
	margin: -10px 0 15px;
}


/*facebook
---------------------------------------------------*/
.facebook{
	margin-bottom: 15px;
}




/*company_info
---------------------------------------------------*/
.company_info{
	margin-bottom: 15px;
}

.company_info li{
	margin-bottom: 10px;
	padding-bottom: 10px;
	font-size: 12px;
	border-bottom: 1px dotted #CCCCCC;
}

span.release_info,
span.blog_info,
span.event_info{
	display: block;
	margin-bottom: 3px;
}

span.release_info a,
span.blog_info a,
span.event_info a{
	display: block;
	height: 12px;
	width: 65px;
	text-indent: -9999px;
	background: url('/media/z/2011/ico_recent_comp_info.gif') no-repeat 0 0;
	overflow: hidden;
}

span.release_info a:hover{
	background-position: 0 -12px;
}

span.event_info a{
	background-position: 0 -24px;
}

span.event_info a:hover{
	background-position: 0 -36px;
}

span.blog_info a{
	background-position: 0 -48px;
}

span.blog_info a:hover{
	background-position: 0 -60px;
}

.company_info h4{
	font-weight: bold;
	font-size: 12px;
}

p.company {
    color: #666666;
    font-size: 12px;
    font-weight: normal;
}

/*site_info
---------------------------------------------------*/
.site_info{
	margin-bottom: 15px;
}

.site_info p{
	color: #666666;
	margin-bottom: 5px;
	font-size: 12px;
	letter-spacing: 0.03em;
}

.site_info p strong{
	font-weight: normal;
}



/*---------------------------------------------------
footer
---------------------------------------------------*/
#footer{
	width: 980px;
	margin: 0 auto;
	background: #0f1d2b url('/media/z/2011/bg_footer.jpg') no-repeat 0 0;
	padding-top: 30px;
}

/*ad_footerlarge
---------------------------------------------------*/
#ad_footerlarge{
	margin-bottom: 15px;
	text-align: center;
}

/*footer_sitelink
---------------------------------------------------*/
.footer_sitelink{
	margin: 0 30px 10px 30px;
	color: #FFFFFF;
}

.footer_sitelink a{
	color: #FFFFFF;
	text-decoration: none;
}

.footer_sitelink a:hover{
	color: #FFFFFF;
	text-decoration: underline;
}

.footer_sitelink dl{
    margin-bottom: 3px;
}

.footer_sitelink dt,
.footer_sitelink dd{
	font-size: 12px;
}

.footer_sitelink dt{
    float: left;
    font-weight: bold;
    width: 200px;
}

.footer_sitelink dd{
    border-right: 1px solid #FFFFFF;
    float: left;
    padding: 0 5px;
}



/*about_zdnet
---------------------------------------------------*/
.about_zdnet{
    color: #FFFFFF;
    font-size: 10px;
    text-align: left;
    margin: 0 30px 10px;
}



/*about_ai
---------------------------------------------------*/
.about_ai{
    color: #FFFFFF;
    font-size: 12px;
    margin: 10px 0;
    text-align: center;
}

.about_ai a{
    color: #FFFFFF;
    text-decoration: none;
}

.about_ai a:hover{
	color: #FFFFFF;
	text-decoration: underline;
}

.about_ai dd {
    border-right: 1px solid #FFFFFF;
    display: inline;
    padding: 0 5px;
    font-size: 12px;
}



/*copyright_ai
---------------------------------------------------*/
.copyright_ai {
    background-color: #0A141E;
    color: #FFFFFF;
    font-size: 10px;
    margin: 0;
    padding: 5px;
    _padding-bottom: 0;
    text-align: center;
}

.copyright_ai a{
    color: #FFFFFF;
    text-decoration: none;
}

.copyright_ai a:hover{
	color: #FFFFFF;
	text-decoration: underline;
}





/*-----------------------------------------------------
sp tab
-----------------------------------------------------*/
#sp_tab{
	position: absolute;
	top: 40px;
	left: 265px;
	background-color: #fff;
	padding: 3px;
	border: 5px solid #303A44;
	width: 345px;
	z-index: 9999;
}
#sp_tab li{
	background: #FFFFFF url('/media/z/2011/arrow_gray.gif') 2px 3px no-repeat;
	padding-left: 15px;
	border-bottom: 1px dotted #CCCCCC;
	margin-right: 7px;
	margin-top: 5px;
}

#sp_tab .sp_menu{
	border-bottom: 1px solid #CCCCCC;
}

#sp_tab .sp_menu li,
#sp_tab .sp_menu02 li{
	float: left;
	width: 150px;
}

#sp_tab .sp_menu li.no_border,
#sp_tab .sp_menu02 li.no_border{
	border-bottom: none;
}

#sp_tab li a{
	display: block;
}


#sp_tab .builder_link{
	border-top: 1px solid #CCCCCC;
	background-color: #EEEEEE;
	margin-top: 5px;
	padding: 2px 0;
	padding-top: 0;
}

#sp_tab .builder_link li{
	background: url('/media/z/2011/arrow_gray03.gif') 2px 50% no-repeat;
	border: none;
	_border: 1px solid #EEEEEE;
}

#sp_tab .builder_link li span{
	font-size: 0.7em;
	color: #666666;
	margin-left: 5px;
}


/*-----------------------------------------------------
etc_tab
-----------------------------------------------------*/
#etc_tab{
	position: absolute;
	top: 40px;
	right: 0;
	background-color: #fff;
	padding: 3px;
	border: 5px solid #303A44;
	width: 345px;
    z-index: 9999;
}

#etc_tab li{
	background: #FFFFFF url('/media/z/2011/arrow_gray.gif') 2px 3px no-repeat;
	padding-left: 15px;
	float: left;
	width: 150px;
	margin-right: 7px;
	margin-top: 5px;
}

#etc_tab li a{
	display: block;
}

/*-----------------------------------------------------
zdnet link tab
-----------------------------------------------------*/
#zdnet_link_tab{
  width: 150px;
  position: absolute;
  top: 40px;
  left: 0;
  background-color: #AE4A3B;
  padding: 10px;
  z-index: 9999;
}

#zdnet_link_tab dt,
#zdnet_link_tab dd{
  text-align: center;
  font-style: italic;
  padding-bottom: 5px;
  font-family: Georgia,serif;
}

#znet_link_tab dt{
  text-decoration: none;
  text-shadow: #6D0C08 0px 1px 0px;
}

#zdnet_link_tab a{
  color: #fff;
  text-shadow: 0 1px 0 #6D0C08;
}

/*----------------------------------------------------
company_tab
----------------------------------------------------*/
#company_tab{
	position: absolute;
	top: 40px;
	left: 520px;
	background-color: #fff;
	padding: 3px;
	border: 5px solid #303A44;
	width: 345px;
    z-index: 9999;
}

#company_tab li{
	background: #FFFFFF url('/media/z/2011/arrow_gray.gif') 2px 3px no-repeat;
	padding-left: 15px;
	float: left;
	width: 150px;
	border-bottom: 1px dotted #CCCCCC;
	margin-right: 7px;
	margin-top: 5px;
}

#company_tab li.no_border{
	border-bottom: none;
}

#company_tab li a{
	display: block;
}

/*---------------------------------------------------
setting-for-IE6
---------------------------------------------------*/
.content_l,
.content_r,
.pagenation li,
.pagenation li a,
#sp_tab,
#etc_tab,
#company_tab{
	_display: inline;
}


/*---------------------------------------------------
eq311 new
---------------------------------------------------*/
div.blocka {
   float: left;
   width: 300px;
   padding: 0 20px 0 0; 
}

div.blocka.img {
   margin: 0;
   padding: 0;
   text-align:center;
}

div.blockb {
   float:left;
   width: 300px;
   padding: 0 20px 0 0;
}

div.blockb.img {
   margin: 0;
   padding: 0;
   text-align:center;
}

/*pr
---------------------------------------------------*/
#line{
    margin: 20px 0 20px 10px;
	padding: 10px;
	background-color:#f0f8ff;
}

.pr li{
	margin: 0 0 5px;
	font-size: 15px;
}

li.pr img {
float: left;
margin-right: 10px;
padding: 2px;
background-color: #FFFFFF;
}

.pr {
    padding: 10px;
}


/*---------------------------------------------------
content_l_eq311
---------------------------------------------------*/
.content_l_eq311{
	margin: 10px 0 10px 10px;
	width: 640px;
	float: left;
	position:relative;
}

/*h1(.content_l_eq311)
---------------------------------------------------*/
.content_l_eq311 h1{
	font-size: 16px;
	color: #961515;
	font-weight: bold;
	line-height: 1;
	background: url('/media/z/2011/bg_h2_underline.gif') repeat-x 0 bottom;
	padding-bottom: 7px;
	margin-bottom: 10px;
}


#foot{
	width: 940px;
	margin: 0 auto;
	padding:20px;
	background-color: #c0c0c0;
}

#foot_s{
	width: 900px;
	height: 100px;
	margin: 0 auto;
	padding:20px;
	background-color: #fff;
}

#foot_s img{ padding:10px; }

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

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



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


#social_bkm_wrap_bottom{
  height: 20px;
  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: 0;
  list-style: none;
  border: none;
}

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

.atode-wrap .expandable,
#social_bkm_wrap_top .expandable,
#social_bkm_wrap_extra .expandable{ position: relative; }

.atode-wrap .expandable .menuWrapper,
#social_bkm_wrap_top .expandable .menuWrapper,
#social_bkm_wrap_extra .expandable .menuWrapper{ display:none; position: absolute; top: 19px; right: 0; z-index: 999 }

.atode-wrap .expandable:hover .menuWrapper,
#social_bkm_wrap_top .expandable:hover .menuWrapper,
#social_bkm_wrap_extra .expandable:hover .menuWrapper{ display: block; }

.atode-wrap .expandable:hover,
#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;
}

.atode-wrap .menuWrapper .menu,
#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;
}

#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: 65px; 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; }

#sbm-bar{ width: 960px; height: 20px; background: #fff; padding: 15px 8px; margin: 0 2px; }
#sbm-bar.fixed{
  position: fixed;
  top: 0;
  left: 50%;
  margin-left: -488px;
  z-index: 101;
  box-shadow: 0 5px 6px -6px #333;
}

#sbm-bar ul li{ float: left; }
#sbm-bar-login-link{
  margin-right: 25px;
  line-height: 20px;
  font-size: 11px; 
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
  font-weight: 300;
}
#sbm-bar-login-link a{ color: #333; font-weight: bold; }

.social_bkm_gplus{ margin-right: 10px; }

#sbm-stories{ float: right; width: 300px; height: 20px; line-height: 20px; text-align: right;}
#sbm-stories.breaking{ text-align: left; }
#sbm-stories.breaking span{
  font-size: 11px; 
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
  font-weight: bold;
}
#sbm-story-desc{ color: #999; font-size: 10px; margin-right: 10px; }

.sbm-story-btn{
  width: 45px; height: 20px; float: right; color: #fff; font-size:12px; cursor: pointer;
  background: url("/media/z/2012/images/icons/sbm-arrow-sprite.png") no-repeat;
}
#sbm-next-btn{ text-align: left; background-position: -45px 0;}
#sbm-next-btn:hover{ background-position: -45px -20px; }
#sbm-next-btn span{ margin-left: 13px; }

#sbm-prev-btn{ text-align: right; margin-right: 5px; background-position: 0 0;}
#sbm-prev-btn:hover{ background-position: 0 -20px; }
#sbm-prev-btn span{ margin-right: 13px; }

.sbm-custom{ text-align: right; width: 70px; height: 20px; position: relative; margin-right: 15px; line-height: 20px; }
.sbm-custom span { position: absolute; right: 10px; color: #fff; z-index: 100; font-size: 11px; font-weight: 600; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;}

.sbm-fb{ background: url("/media/z/2012/images/icons/fb-custom.png") no-repeat; }
.sbm-twitter{ background: url("/media/z/2012/images/icons/twitter-custom.png") no-repeat;}
.sbm-gplus{ background: url("/media/z/2012/images/icons/gplus-custom.png") no-repeat;}
.sbm-linkedin{ background: url("/media/z/2012/images/icons/linkedin-custom.png") no-repeat;}
.sbm-hatena{ background: url("/media/z/2012/images/icons/hatena-custom.png") no-repeat;}

#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,
#social_bkm_wrap_bottom #atode_print:hover {
  border: 1px solid #868686;
  -webkit-box-shadow:inset 0 0 5px #ddd;
  -moz-box-shadow:inset 0 0 5px #ddd;
  box-shadow:inset 0 0 5px #ddd;
}

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

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

/*----------------------------------------------------------------------
 ATODE
 -----------------------------------------------------------------------*/
.atode-wrap{ float: right; }
#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{ height: 18px; background-image: url(/media/c/2012/images/atode/ato_sprite.png); background-repeat: no-repeat; padding: 0 10px 0 28px; border-right: 1px solid #C6C6C6; }
#atode_action, #atode_pulldown, #atode_pulldown_dl, #atode_print { 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, #atode_pulldown_dl .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; }
#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_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; }

#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;background-position: 0 0; }




#social_bkm_wrap_bottom #atode_print,
#social_bkm_wrap_bottom .atode_clip,
#social_bkm_wrap_bottom #atode_pulldown,
#social_bkm_wrap_bottom #atode_pulldown_dl,
#social_bkm_wrap_bottom #story_alert_btn
 {
height: 20px;
margin-right: 5px;
padding: 0 5px 0 35px;
line-height: 20px;
vertical-align: top;
position: relative;
background: #efefef url(/media/c/2012/images/atode/ato_sprite.png) no-repeat 0 0;
cursor: pointer;
font-size: 14px;
color: #666;
border: 1px solid #C6C6C6;
-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 #atode_pulldown:hover,
#social_bkm_wrap_bottom #atode_pulldown_dl:hover {border: 1px solid #666666;}
#social_bkm_wrap_bottom #story_alert_btn {
background-image: none;
padding-left: 5px;
}

#social_bkm_wrap_bottom #story_alert_btn:hover {border-color: #666666;}
#social_bkm_wrap_bottom #story_alert_desc {color: #666666; width:155px;}
#social_bkm_wrap_bottom .right_sbm:hover {
border: none;
box-shadow: none;
}


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

.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;
}
/* -------------------------------------------------------------------
 header ext
-------------------------------------------------------------------- */
.login_area {
  width: 200px;
  float: left;
  padding: 5px 0 5px 25px;
  border: 1px solid #112030;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background: #142b43;
  filter: progid:DXImageTransform.Microsoft.Gradient(Enabled=1,GradientType=0,StartColorStr=#1b3d61,EndColorStr=#0e1c2a);
  background: -moz-linear-gradient(top, #1b3d61, #0e1c2a);
  background: -webkit-gradient(linear, left top, left bottom, from(#1b3d61) ,to(#0e1c2a));

  -moz-box-shadow: 0px 1px 0px #415d78;
  -webkit-box-shadow: 0px 1px 0px #415d78;
  box-shadow: 0px 1px 0px #415d78;
}
.login_area a {
  width: 80px;
  float: left;
  margin: 0 10px 0 0;
  padding: 2px 0;
  display: block;
  text-align: center;
  color: #fff;
  -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: #c2cfd6;
  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;
}


/*h2
---------------------------------------------------*/
.t_grayline { padding-left: 10px; background: url(/media/z/2012/images/bg/t_grayline.gif) repeat-x left center; }
.t_grayline b { background-color: #fff; padding: 3px 5px; }
.t_grayline span {font-size: 12px;font-weight: normal;position: absolute;right: 5px;top: 5px;}
.followbox .left_column_head {font-size: 13px; }

/*ranking
---------------------------------------------------*/
.left_column h3 { font-size: 12px; font-weight: bold; margin-bottom: 10px; }
.left_column li { font-size: 12px; line-height: 1.4em; }



/*sp
---------------------------------------------------*/
/*.list_sp li {
margin-bottom: 2px;
padding: 5px;
border: 1px solid #B3C6D0;
background-color: #F8FBFC;
-moz-box-shadow: inset 0px 0px 8px #8aa2af;
-webkit-box-shadow: inset 0px 0px 8px #8aa2af;
box-shadow: inset 0px 0px 8px #8aa2af;
font-weight: bold;
}
*/
.list_sp li {
margin-bottom: 2px;
padding: 5px 5px 5px 25px;
background: #fefcfc url(/media/2013/zdnet/zd_sp_icon.png) 5px -600px no-repeat;
-moz-box-shadow: inset 0px 0px 8px #cea4a2;
-webkit-box-shadow: inset 0px 0px 8px #cea4a2;
box-shadow: inset 0px 0px 8px #cea4a2;
font-weight: bold;
}
.list_sp li.cio {background-position: 5px 0;}
.list_sp li.cloud {background-position: 5px -50px;}
.list_sp li.security {background-position: 5px -100px;}
.list_sp li.mobile {background-position: 5px -150px;}
.list_sp li.datacenter {background-position: 5px -200px;}
.list_sp li.business-application {background-position: 5px -250px;}
.list_sp li.os {background-position: 5px -300px;}
.list_sp li.virtualization {background-position: 5px -350px;}
.list_sp li.communication {background-position: 5px -400px;}
.list_sp li.development {background-position: 5px -450px;}
.list_sp li.it-management {background-position: 5px -500px;}
.list_sp li.web {background-position: 5px -550px;}


.list_rank li {
margin: 0 0 10px 20px;
list-style-type: decimal;
font-weight: bold;
}

.list_rank li.best3 { color: #c10000; }

/*list_tag
---------------------------------------------------*/
.list_tag {
    margin-bottom: 20px;
}

.list_tag li {
    margin-bottom: 2px;
    padding: 5px;
    border: 1px solid #B3C6D0;
    background-color: #F8FBFC;
    -moz-box-shadow: inset 0px 0px 8px #8aa2af;
    -webkit-box-shadow: inset 0px 0px 8px #8aa2af;
    box-shadow: inset 0px 0px 8px #8aa2af;
    font-weight: bold;
    text-align: center;
}

/*gray_box
---------------------------------------------------*/
.box_gray {
margin-bottom: 20px;
border: 5px solid #e8edf0;
background-color: #dde4e9;
-moz-box-shadow: inset 0px 0px 5px #ccc;
-webkit-box-shadow: inset 0px 0px 5px #ccc;
box-shadow: inset 0px 0px 5px #ccc;
}

.box_gray h2 {
color: #252525;
text-align: center;
border-bottom: 1px solid #ededed;
-moz-box-shadow: 0px 0px 2px #999;
-webkit-box-shadow: 0px 0px 2px #999;
box-shadow: 0px 0px 2px #999;
background:none;
}


.box-padding{ padding: 10px; }
.box-padding h2{
  text-align: left; box-shadow: none; border: none; color: #252525;
  font-weight: 600; text-shadow: 1px 1px 1px #fff;
  background: url('/media/z/2012/images/bg/graybox-header-bg.png') repeat-x 0 50%;
}

.box-padding h2 b{ background: #dde4e9; padding: 0 10px 0 0; }
.box-padding h3 a{ color: #3B5998; }

/*archive page
---------------------------------------------------*/
.box_gray h2.t_red {
padding: 0 5px;
text-align: left;
background: #d3321e; /* Old browsers */
background: -moz-linear-gradient(top,  #d3321e 0%, #700507 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d3321e), color-stop(100%,#700507)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #d3321e 0%,#700507 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #d3321e 0%,#700507 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #d3321e 0%,#700507 100%); /* IE10+ */
background: linear-gradient(to bottom,  #d3321e 0%,#700507 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3321e', endColorstr='#700507',GradientType=0 ); /* IE6-9 */
color: #fff;
text-shadow: 0 1px 0 #440906;
}
.calender_y li,.calender_m li,.calender_d li,.calender_d_wide li {
width: 50%;
float: left;
line-height: 2.0;
font-size: 16px;
font-weight: bold;
text-align: center;
}
.calender_y a,.calender_m a,.calender_d a,.calender_d_wide a {
display: block;
}
.calender_y li:hover,.calender_m li:hover,.calender_d li:hover,.calender_d_wide li:hover,
.calender_y li.selected,.calender_m li.selected,.calender_d li.selected,.calender_d_wide li.selected {
background-color: #c5d2dc;
box-shadow: 0 0 3px #97afbf inset;
-moz-box-shadow: 0 0 3px #97afbf inset;
-webkit-box-shadow: 0 0 3px #97afbf inset;
}
.calender_m li {
width: 33%;
}
.calender_d li {
width: 27px;
font-size: 12px;
}
.calender_d_wide li {
width: 41px;
font-size: 12px;
}
.calender_d_wide {
margin-left: 2px;
}

.box_calendar {
background: #dde4e9; /* Old browsers */
background: -moz-linear-gradient(left,  #dde4e9 0%, #dde4e9 72%, #d3e8f4 72%, #d3e8f4 86%, #e9dddd 86%, #e9dddd 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#dde4e9), color-stop(72%,#dde4e9), color-stop(72%,#d3e8f4), color-stop(86%,#d3e8f4), color-stop(86%,#e9dddd), color-stop(100%,#e9dddd)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #dde4e9 0%,#dde4e9 72%,#d3e8f4 72%,#d3e8f4 86%,#e9dddd 86%,#e9dddd 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #dde4e9 0%,#dde4e9 72%,#d3e8f4 72%,#d3e8f4 86%,#e9dddd 86%,#e9dddd 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #dde4e9 0%,#dde4e9 72%,#d3e8f4 72%,#d3e8f4 86%,#e9dddd 86%,#e9dddd 100%); /* IE10+ */
background: linear-gradient(to right,  #dde4e9 0%,#dde4e9 72%,#d3e8f4 72%,#d3e8f4 86%,#e9dddd 86%,#e9dddd 100%); /* W3C */
}

/*top story
---------------------------------------------------*/
#main_story {
width: 205px;
float: left;
padding: 0 10px 20px 0;
-moz-box-shadow: 2px 0px 5px #eee;
-webkit-box-shadow: 2px 0px 5px #eee;
box-shadow: 2px 0px 5px #eee;
}

#main_story .photo_area { padding-bottom: 10px; background: url(/media/z/2012/images/bg/main_photo_shadow.jpg) no-repeat center bottom; }
#main_story h3 { line-height: 1.4em; font-size: 18px; font-weight: bold; margin: 5px 0; }

.photo_frame {
padding: 10px;
border: 1px solid #b3c6d0;
background-color: #f8fbfc;
-moz-box-shadow: inset 0px 0px 8px #8aa2af;
-webkit-box-shadow: inset 0px 0px 8px #8aa2af;
box-shadow: inset 0px 0px 8px #8aa2af;
}

.text_time { color: #961515; font-weight: bold; }

#top_sub_stories{ width: 420px; float: right; }
.sub_story {
  background: url(/media/z/2012/images/bg/grade_w.png) repeat-y top right;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #ddd;
  line-height: 1.4em;
}
.sub_story h3{
background-color: #fff;
font-size: 16px;
font-weight: bold;
line-height: 1.4em;
}
.sub_story img{ width: 50px; float: right; }

/* page-wrap
--------------------------------------------------------*/
#left_col_wrap{ position: relative }

/* --------------------------------------------------------
  sns area
--------------------------------------------------------- */
.sns_area {
  clear: both;
  padding: 0 50px;
  background: #DAE3E8;
  filter: progid:DXImageTransform.Microsoft.Gradient(Enabled=1,GradientType=0,StartColorStr=#dae3e8,EndColorStr=#9fb0b9);
  background: -moz-linear-gradient(top, #DAE3E8, #9FB0B9);
  background: -webkit-gradient(linear, left top, left bottom, from(#DAE3E8),to(#9FB0B9));
}
.sns_area .photo_person {
  float: left;
  width: 70px;
  margin: 0 9px 20px;
}
.sns_area h2 img {
  vertical-align: middle;
  margin-right: 10px;
}
.sns_area .photo_person img {
  border: 5px solid #4c6f93;
  width: 60px;
}
.sns_area .photo_person .name{
  font-size: 9px;
  color: gray;
  padding-top: 2px;
  text-align: center;
  white-space: nowrap;
}

.sns_area .followers{
  padding: 10px;
}


.sns_area .photo_person_twitter_follow {
  float: left;
  margin: 3px 3px 0 0;

}
.sns_area .photo_person_twitter_follow img {
  width: 50px;
  height: 50px;
}
.sns_area .photo_person_twitter_follow .name{
  font-size: 9px;
  color: gray;
  padding-top: 2px;
  text-align: center;
  white-space: nowrap;
}


.sns_area .follow_button{
  padding: 10px;
  border: 1px solid #aaa;
  border-top-color: #315c99;

 }

/* badge
------------------------------------------------------------*/
.badge{
  padding: 2px 3px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
  background: #5668b2; color: #fff;
}

/* arrowlist1
------------------------------------------------------------*/
.arrow_list1{ margin-bottom: 20px }
.arrow_list1 li{
  background: url('/media/z/2011/arrow_gray.gif') no-repeat 2px center;
  padding-left: 20px;
  margin-bottom: 5px;
}
.arrow_list1 h3{ font-weight: 600 }

img.border{ border: 4px solid #E8EDF0; }

/* interview list
------------------------------------------------------------*/
#main_interview{ width: 205px; float: left; padding: 0 10px 20px 0; }
#main_interview h3{ font-weight: bold }
#sub_interviews{ width: 420px; float: left; }

#top_interview_listing{ margin-bottom: 10px; }
#top_interview_listing dd{ float: left; width: 140px; margin-right: 20px;}
#top_interview_listing img{ width: 132px; margin-bottom: 5px; }
#top_interview_listing h3{ font-weight: bold }



/* newsletter_box
------------------------------------------------------------*/
#right_newsletter_box {
padding-bottom: 20px;
}
#right_newsletter_box h2{ background: url('/media/z/2011/bg_header_sec.gif') repeat-x 0 bottom #D83621; color: #fff; text-shadow: 0 1px 0 #440906; }
#right_newsletter_box h3 {
font-family: Georgia,serif;
margin: 10px 10px 5px;
background: none;
font-size: 16px;
font-weight: normal;
font-style: italic;
text-shadow: 0 1px 0 #ffffff;
}
#right_newsletter_box p {
margin: 5px;
font-size: 12px;
text-shadow: 0 1px 0 #ffffff;
letter-spacing: -0.1em;
}
#right_newsletter_box input{
width: 85%;
padding: 5px 10px;
margin: 0 10px 15px;
border: 1px solid #becbd5;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
background-color: #fafafa;
font-size: 12px;
}
.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;
}

/* poll_box
------------------------------------------------------------*/
#right_poll_box {
padding: 10px 10px 20px;
}
#right_poll_box .t_grayline {
margin: 0 -10px;
}
#right_poll_box input {
float: left;
margin-right: 10px;
}
#right_poll_box ul {
margin-top: 20px;
}
#right_poll_box li {
clear: both;
margin-bottom: 10px;
}
#right_poll_box li div {
margin-left: 25px;
font-size: 12px;
}

.poll_result dt {
clear: both;
padding-top: 10px;
font-size: 12px;
}
.poll_result dd {
width: 85%;
float: left;
}
.poll_result .bar {
background-color: #ffffff;
overflow: hidden;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: 0 0 3px rgba(0,0,0,0.5) inset;
-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.5) inset;
box-shadow: 0 0 3px rgba(0,0,0,0.5) inset;
}

.poll_result .indicator {
height: 17px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
background: #018cc6;
background: -moz-linear-gradient(top,  #018cc6 0%, #015e86 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#018cc6), color-stop(100%,#015e86));
background: -webkit-linear-gradient(top,  #018cc6 0%,#015e86 100%);
background: -o-linear-gradient(top,  #018cc6 0%,#015e86 100%);
background: -ms-linear-gradient(top,  #018cc6 0%,#015e86 100%);
background: linear-gradient(to bottom,  #018cc6 0%,#015e86 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#018cc6', endColorstr='#015e86',GradientType=0 );
}
.poll_result .percent {
width: 13%;
float: right;
font-size: 12px;
font-weight: bold;
color: #015e86;
}

.half dt {
clear: both;
width: 50%;
float: left;
margin: 0 0 10px;
padding-top: 0;
}
.half dd {
width: 40%;
margin: 0;
}
.half .percent {
width: 8%;
}


/* cio-header
-------------------------------------------------------------*/
.cio-header{ text-align: center; margin-bottom: 0 !important; }
.cio-message{
  background: #F3F6F7; color: #252525; border: 1px solid #DDE4E9;
  font-size: 1.1em; text-shadow: 1px 1px 1px #ddd;
  width: 588px; margin: 0 auto 20px auto; padding: 10px;
}

/* cio-top-stories
-------------------------------------------------------------*/
#cio-top-stories{ margin: 15px 0 25px 15px }
#cio-top-stories li{ float: left; margin-right: 10px; padding: 4px; text-align: center; background: #E8EDF0 }
#cio-top-stories h3{ width: 169px; text-align: left; padding: 5px; font-weight: bold }

/* icon tags
-------------------------------------------------------------*/
.photo_area.taggable{ position: relative }
.taggable .photo-tag, .taggable span, .taggable .story-icon-tag{ position: absolute; top: -3px; left: 10px; }
.taggable .photo-tag, .taggable span,
.icon-tags span{
  font-family: 'Helvetica Condensed Bold', Helvetica, Arial, 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif;
  font-size: 10px; font-weight: bold; color: #fff;
  padding: 2px 15px; text-shadow: 0 1px 2px #444;
  background: #D83621;
  background: -moz-linear-gradient(top,  #D83621 0%, #700507 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#D83621), color-stop(100%,#700507));
  background: -webkit-linear-gradient(top,  #D83621 0%,#700507 100%);
  background: -o-linear-gradient(top,  #D83621 0%,#700507 100%);
  background: -ms-linear-gradient(top,  #D83621 0%,#700507 100%);
  background: linear-gradient(top,  #D83621 0%,#700507 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D83621', endColorstr='#700507',GradientType=0 );
  border: 1px solid #550305;
  -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;
}

.photo_area.large span{ font-size: 12px; }

.taggable .photo-tag::before,
.taggable span:before,
.taggable .story-icon-tag::before{
  background: url(/media/z/2012/images/bg/z-tagicon-right.png);
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: -4px;
  height: 3px;
  width: 3px;
}

.icon-tags{ line-height: normal; margin-bottom: 3px; }
.icon-tags.inline{ display: inline }
.icon-tags span{ position: relative; padding: 1px 12px; }

.taggable span:after,
.taggable .photo-tag::after,
.icon-tags span::after{
  background: url(/media/z/2012/images/bg/z-tagicon-mid.png) no-repeat 0 50%, url(/media/z/2012/images/bg/z-tagicon-mid.png) no-repeat right 50%;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.icon-tags span.product,
.icon-tags span.showcase,
.icon-tags span.sp{
  display: inline;
  text-indent: 0;
  float: none;
  background: #29527C;
  background: -moz-linear-gradient(top,  #29527C 0%, #1D3956 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#29527C), color-stop(100%,#1D3956));
  background: -webkit-linear-gradient(top,  #29527C 0%,#1D3956 100%);
  background: -o-linear-gradient(top,  #29527C 0%,#1D3956 100%);
  background: -ms-linear-gradient(top,  #29527C 0%,#1D3956 100%);
  background: linear-gradient(top,  #29527C 0%,#1D3956 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#29527C', endColorstr='#1D3956',GradientType=0 );
  border: 1px solid #1a344f;
  font-weight: normal; 
}

.icon-tags span.product:after,
.icon-tags span.showcase:after,
.icon-tags span.sp:after{ background: none; }
.icon-tags img,
.main_headline li .icon-tags img{ float: none; width: initial; vertical-align: middle; margin: 0; }

#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:22px !important;
        max-width:127px !important;
        height:20px  !important;
}
.leaf_sbm_button_space_googleplus1 {
	margin-left:0px !important;
        height:20px  !important;
}
.leaf_sbm_button_space_hatena {
        height:20px  !important;
}

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

}
#right_poll_box .poll_title b {
  background-color: #DDE4E9;
}
#rbWrap {
 width: 100%;
 background: url(/media/c/2012/images/base/bg-wrapper.png);
 background-repeat: repeat-y;
 background-position: center;
}

#wp_recommend h2{
  padding-top:0px;
}
#wp_recommend li{
  border-bottom: 1px dotted #CCCCCC;
  padding-bottom: 5px;
}



/* advertisement
-------------------------------------------------------------*/
.ad_interestmatch{ border: 1px solid #CCC; padding: 10px; margin: 20px 0;}
.ad_interestmatch ul.list_disc li{ list-style: disc inside;}
.ad_interestmatch .adby {text-align: right; font-size: 11px;}
.ad_interestmatch a {color: #252525;}