/*
 * listings.css 一覧ページ・パーツに関係スタイル
 *
 * @author Lee Marqueses <lee.marqueses@aiasahi.jp>
 * @package cnetj
 * @subpackage css
 *
 * 2011/10/26 Lee: 作成
 */

.summary{ font-size: 12px; }

/* -----------------------------------------------------------------------
  TOP PAGE
--------------------------------------------------------------------------*/
.fromz{font-size: 0.8em; color: #bbb}

.article_box { margin: 10px 10px 0 10px; }
.article_box h2.main { font-size: 1.6em; line-height: 1.2em; margin-bottom: 10px}
.article_box ul { width: 315px; float: right; margin-top: 10px; }
.article_box_digital .photo_l, .article_box_digital .photo_s { background: none; filter: none; border: none; }
.article_box li, .article_box_digital li { margin-bottom: 10px; border-bottom: 1px solid #ccc; }

.article_box_digital { margin: 10px 10px 0 10px; }
.article_box_digital ul { width: 430px; float: right; }

.article_box ul.list_wide { width: 435px; float: left; margin-top: 10px; }
.article_box ul.list_wide li { list-style-image :url(/media/c/2012/images/icon/icon_arrow_k.png);
margin: 0 10px 0 15px; border: none; }

#top_story h2,#top_story p{ padding-left: 194px; }
#top_story ul.list_wide{width: auto; float: none; padding-left: 194px;}
#top_story .photo_l img{ max-height: 138px; max-width: 184px; }

.article_box ul.rel_stories{font-size: 12px; margin-top: 5px; float:left;}
.article_box ul.rel_stories li{ margin-left: 15px; padding-bottom: 0}

.rel_stories li a{color:#0b8ebf !important;}/*201702 add*/

.article_box li.last_btn{ text-align: right; border: none }
.last_btn a{
  padding: 5px 8px; border: 1px solid #aaa; font-size: 0.9em;
  background: #d7d8d9;
  background: -moz-linear-gradient(top,  #d7d8d9 0%, #aaaaab 100%); 
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d7d8d9), color-stop(100%,#aaaaab));
  background: -webkit-linear-gradient(top,  #d7d8d9 0%,#aaaaab 100%); 
  background: -o-linear-gradient(top,  #d7d8d9 0%,#aaaaab 100%);
  background: -ms-linear-gradient(top,  #d7d8d9 0%,#aaaaab 100%); 
  background: linear-gradient(top,  #d7d8d9 0%,#aaaaab 100%); 
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  color: #39434C;
  -moz-text-shadow: 0 1px 0 rgba(255,255,255,0.65);
  -webkit-text-shadow: 0 1px 0 rgba(255,255,255,0.65);
  -khtml-text-shadow: 0 1px 0 rgba(255,255,255,0.65);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.65);
  -webkit-box-shadow: 0 1px 0 #8b8b90,0 1px 0 0 rgba(255,255,255,0.4) inset;
  -moz-box-shadow: 0 1px 0 #8b8b90,0 1px 0 0 rgba(255,255,255,0.4) inset;
  box-shadow: 0 1px 0 #8b8b90,0 1px 0 0 rgba(255,255,255,0.4) inset;
}

.photo_l{
  width: 184px;
  float: left;
  margin-right: 10px;
  padding-bottom: 5px;
}

.photo_s {
  width: 80px;
  float: left;
  margin-right: 10px;
  padding-bottom: 0;
}

.photo_exm {
    width: 120px;
    float: left;
    margin-right: 10px;
    padding-bottom: 10px;
    /*background: #FFF8E1;
    filter: progid:DXImageTransform.Microsoft.Gradient(Enabled=1,GradientType=0,StartColorStr=#999999,EndColorStr=#ffffff);
    background: linear-gradient(top, #999, white);
    background: -ms-linear-gradient(top, #999, white);
    background: -moz-linear-gradient(top, #999, white);
    background: -webkit-gradient(linear, left top, left bottom, from(#999),to(white));
    */
}

.article_box {margin: 10px 0; padding-bottom: 5px;}
.article_box .side_l { width: 315px; float: left; clear: both; margin: 0; }
.article_box .side_r { width: 315px; float: right; margin: 0; }
.article_box .time {text-align: right; line-height: 1.0;}
.article_box ul.rel_stories {clear: both;}

.side   { width: 650px; clear: both; margin: 10px 0;}
.side_l { width: 315px; float: left; clear: both; margin: 10px 0; }
.side_r { width: 315px; float: right; margin: 10px 0; }
.line_u { border-bottom: 1px solid #CCC; }

.box_gray {
  clear: both;
  margin: 0 0 20px 0;
  padding-bottom: 10px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  /*background-color: #F4F4F4;*/
  background-color: #f5f5f5;
  -moz-box-shadow: inset 0px 0px 2px #ccc;
  -webkit-box-shadow: inset 0px 0px 2px #ccc;
  box-shadow: inset 0px 0px 2px #ccc;
}

.box_haze{ background-color: #f9f7f0; }
.box_haze .box_title{ margin: 0 10px; }
.box_blue{ background-color: #e9f3f7; }

.box_gray .viewmore { padding: 0 10px 0 15px; }
#contents_r .box_gray .viewmore { margin: 0; }
.box_gray p { margin: 10px 10px 0; }
.box_gray h2.t_category {
  border-bottom-left-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-bottom-right-radius: 0;
}
.box_gray h2.t_category a:hover{color: inherit}
.box_gray td {
  padding: 10px 0;
  text-align: center;
  vertical-align: middle;
}

#contents_r .box_gray dd{ padding: 5px 10px; border-bottom: 1px solid #ddd; }
#contents_r .box_gray dd.last{ padding-bottom: 0; border: none; }

.box_white {
  margin-bottom: 10px;
  border: 1px solid #CCC;
  background: white;
  filter: progid:DXImageTransform.Microsoft.Gradient(Enabled=1,GradientType=0,StartColorStr=#f4f4f4,EndColorStr=#ffffff);
  background: -moz-linear-gradient(top, #eeeeee, white 40%, white);
  background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee),color-stop(0.40,white), to(white));
}

.box_white h2 {
  margin: 0;
  background: white;
  -moz-box-shadow: 0 1px 0 #fff;
  -webkit-box-shadow: 0 1px 0 #fff;
  box-shadow: 0 1px 0 #fff;
  border-bottom: 1px solid #CCC;
}

.box_white li h3{
  background: none;
  border-bottom: none;
}

.box_white .list_arrow_k a{ font-size: 14px; }
.box_listing{ padding: 10px; }
.box_listing li{ margin-bottom: 10px; border-bottom: 1px solid #ccc }
.box_listing li.last{border:none; margin-bottom: 0}
.box_listing img {float: left; margin-right: 10px;}
.box_listing h3{ margin-bottom: 5px; }
.box_listing p{ margin: 0}
.box_listing .bold{font-weight: bold !important}


.external_media_row{ margin-bottom: 10px; }
.external_media_row .side,
.external_media_row .side_l,
.external_media_row .side_r{ margin: 0; height: 100%; }
.external_media_row h3{ font-weight: normal !important; }

table#docchi_box{ width: 100%; margin-bottom: 10px; }
.docchi_imgs td{ padding: 10px 0 0 0; }
.docchi_desc td,
.docchi_desc p{ padding: 0; margin: 0; }

h2.t_category_silveregg {
position: relative;
margin-top: 20px;
padding: 3px 0;
color: #ffffff;
background-color: #fdcb00;
text-align: center;
}
h2.t_category_silveregg:after {
content: ' ';
position: absolute;
top: 25px;
left: 48%;
width: 0px;
height: 0px;
border-style: solid;
border-width: 15px 20px 0 20px;
border-color: #fdca00 transparent transparent transparent;
}
.line_u_yellow {
border-bottom: 3px solid #fdcb00;
}
.article_box .box_silveregg {
margin: 5px 0 0 !important;
}

.silveregg_recommend_selection_msg {
  text-align:right;
  color: #BBB;
  font-size: 85%;
}

#silveregg_hidden_wp_area {
  display: none; 
}

#silveregg_wp_area{
  display: none;
}

#digital_topbox h2.t_category{
  background: #3579b6;
  background: linear-gradient(top, #5c99cf, #3579b6);
  background: -ms-linear-gradient(top, #5c99cf, #3579b6);
  background: -moz-linear-gradient(top, #5c99cf, #3579b6);
  background: -webkit-gradient(linear, left top, left bottom, from(#5c99cf),to(#3579b6));
  border-left: 1px solid #2e689c;
  border-right: 1px solid #2e689c;
  border-top: 1px solid #2e689c;
  -moz-box-shadow: inset 0px 1px 0px #5c99cf;
  -webkit-box-shadow: inset 0px 1px 0px #5c99cf;
  box-shadow: inset 0px 1px 0px #afdbec;
}
#digital_topbox .viewmore{ margin: 10px 0 0 0 }

#digital_topstories{ width: 592px; margin: auto; text-align: center; }
#digital_topstories dd{
  float: left;
  height: 138px;
  width: 184px;
  margin: 10px 20px 10px 0;
  position: relative;
}

#digital_topstories .last{
  margin-right: 0;
}

#digital_topstories h3{
  width: 184px;
  display: block;
  background: black !important;
  opacity: 0.7;
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 0 !important;
  text-align: left;
}

#digital_topstories span{
  display: block;
  padding: 5px;
}

#digital_topstories a{
  font-weight: normal;
  color: #fff !important;
}

#info_box.box_white h2{
  background: #A20505;
  background: -moz-linear-gradient(top, #A20505, #7F0404);
  background: -webkit-gradient(linear, left top, left bottom, from(#A20505), to(#7F0404));
  color: #fff;
  font-size: 14px;
  padding: 5px 0;
  text-align: center;
}

#info_box li a{color: #252525;}
#info_box li a:hover{color: #860000;}


h2.t_keyword_list {
border: none;
font-size: 120%;
}
.keyword_list_box {
border: 1px solid #8C0000;
margin: 20px 0;
padding: 10px 10px 0;
}

.keyword_list_box .t_category {
background: none;
color: #8C0000;
margin: 0;
padding: 0;
box-shadow: none;
text-shadow: none;
border: none;
line-height: 1.5;
font-size: 110%;
}

.keyword_list {
padding-top: 20px;
}

.keyword_list li {
float: left;
height: 20px;
margin: 0 3px 8px 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;
}

.keyword_article_list li {
padding: 10px 0;
border-bottom: 1px dotted #cccccc;
}
.keyword_article_list li p.summary {
margin: 5px;
line-height: 1.5;
}

/*
--------------------------------------------------------------------------
TAB BOX
--------------------------------------------------------------------------*/
/* tab area start */
.tab_category {margin-top: 10px;}
.tab_category li {
display: block;
width: 160px;
float: left;
padding: 0;
font-size: 12px;
font-weight: bold;
text-align: center;
color: #fff;
-moz-text-shadow: 0 -1px 0 #000;
-webkit-text-shadow: 0 -1px 0 #000;
text-shadow: 0 -1px 0 #000;
background: #999999;
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-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 0px 1px 1px #999999;
-webkit-box-shadow: inset 0px 1px 1px #999999;
box-shadow: inset 0px 1px 1px #999999;
}

.tab_category li.on,.tab_category li:hover {
-moz-text-shadow: 0 -1px 0 #fff;
-webkit-text-shadow: 0 -1px 0 #fff;
text-shadow: 0 -1px 0 #fff;
background: #ffffff;
background: linear-gradient(top, #bbb, #ccc 20%, #ddd 50%, #ccc 80%,  #bbb);
background: -ms-linear-gradient(top, #bbb, #ccc 20%, #ddd 50%, #ccc 80%,  #bbb);
background: -moz-linear-gradient(top, #bbb, #ccc 20%, #ddd 50%, #ccc 80%,  #bbb);
background: -webkit-gradient(linear, left top, left bottom, from(#bbb),color-stop(0.20,#ccc),color-stop(0.50,#ddd),color-stop(0.80,#ccc),to(#bbb));
border-top: 1px solid #dcdcdc;
border-right: 1px solid #dcdcdc;
border-left: 1px solid #dcdcdc;
-moz-box-shadow: inset 0px 1px 0 #fff;
-webkit-box-shadow: inset 0px 1px 0 #fff;
box-shadow: inset 0px 1px 0 #fff;
}

.tab_category li.on {
background: linear-gradient(top, #cccccc, #dddddd 20%,  #eeeeee);
background: -ms-linear-gradient(top, #cccccc, #dddddd 20%,  #eeeeee);
background: -moz-linear-gradient(top, #cccccc, #dddddd 20%,  #eeeeee);
background: -webkit-gradient(linear, left top, left bottom, from(#cccccc),color-stop(0.20,#dddddd),to(#eeeeee));
}

.tab_category a {
display: block;
width: 160px;
padding: 5px 0;
float: left;
background-image: url(/media/c/2012/images/icon/custom-sprite.png);
background-repeat: no-repeat;
color: #ffffff;
text-decoration: none;
}

.tab_category a:hover, .tab_category .on a {
color: #333333;
text-decoration: none;
}

.tab_category a.latestnews { background-position: right -120px; }
.tab_category a.hotcontents { background-position: right -153px;}
.tab_category a.mostread { background-position: right -182px;}
.tab_category a.photo { background-position: right -212px;}
.tab_category .on a.latestnews,.tab_category a:hover.latestnews { background-position: right 0px;}
.tab_category .on a.hotcontents,.tab_category a:hover.hotcontents { background-position: right -32px;}
.tab_category .on a.mostread,.tab_category a:hover.mostread { background-position: right -61px;}
.tab_category .on a.photo,.tab_category a:hover.photo { background-position: right -90px;}

#latestnews .article_box .side_l h3,
#latestnews .article_box .side_r h3,
#hotcontents h3,
#mostread h3 {margin-left: 90px !important;}


#hotcontents,
#mostread {margin-bottom: 30px;}


/* tab article list */
.tab_content { 
background-color: #eeeeee;
margin: 0 2px 0 0;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
border-bottom-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-moz-border-bottom-right-radius: 3px;
}

.article_ladder {
clear: both;
margin: 0 10px;
padding: 10px;
background-color: #eeeeee;
/*filter: progid:DXImageTransform.Microsoft.Gradient(Enabled=1,GradientType=0,StartColorStr=#eeeeee,EndColorStr=#e3e3e3);
background: -moz-linear-gradient(top, #eeeeee, #eeeeee 80%, #e3e3e3);
background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee),color-stop(0.80,#eeeeee),to(#e3e3e3));
-moz-box-shadow: 0px 1px 0 #ccc;
-webkit-box-shadow: 0px 1px 0 #ccc;
box-shadow: 0px 1px 0 #ccc;
*/
border-bottom: 1px solid #ccc;
}

.article_ladder_first { margin-top: 0; }

.article_ladder span {
margin-right: 5px;
padding-right: 5px;
color: #bbbbbb;
}

.article_ladder .photo_s{ background: none; }
.article_ladder .photo_s img{border:none}

.article_ladder .logo_techrepublic {text-align: right; margin-bottom: -10px;}

.article_ladder_broad {
margin: 0px;
}

#tab_items .last { border-bottom: none;}
#tab_items .photo_s{padding-bottom: 0; height: 60px;}

#archive_link .viewmore{ margin: 0 }

/** photo tab -----------------------------------------**/
#phototab.tab_content dd{ float: left; position: relative; margin: 10px 20px 10px 0;}
#phototab.tab_content dd.row_end{ margin-right: 0; }
#phototab.tab_content h3{
  display: block;
  background: #000;
  opacity: 0.7;
  width: 184px;
  position: absolute;
  bottom: 5px;
  left: 0;
  margin: 0;
}

#phototab.tab_content h3 span{
  display: block;
  padding: 5px;
  margin: 0;
}

#phototab.tab_content a{ font-weight: normal; color: #fff; }
#phototab.tab_content a:hover{ color: #fff }
#phototab_wrapper{ width: 592px; margin: auto; }

#phototab {overflow: hidden;}
#phototab ul {overflow: hidden; width: 660px;}
#phototab li {
width: 155px;
float: left;
margin: 0 10px 10px 0;
}
#phototab li.row_end {margin-right: 0;}
#phototab li img {width: 155px;}
#phototab li a:hover img {opacity: 0.6;}
#phototab li h3 {font-size: 12px; font-weight: normal; line-height: 1.5;}


/*---------------------------------------------------------
 RIGHT COLUMN
 ----------------------------------------------------------*/
.contmainbox2{ margin: 0 0 20px 0; }
ul.list_arrow_k {
  float: none;
  width: 100%;
  margin-top: 10px;
}

.list_horison{ margin: 0 0 20px 0; }
.list_horison li {
display: block;
width: 140px;
float: left;
margin-right: 10px;
line-height: 2.0;
}

.list_pr li, ul.list_arrow_k li {
list-style-image :url(/media/c/2012/images/icon/icon_arrow_k.png);
margin: 0 10px 0 25px;
border: none;
}

.list_horison_arrow li{
display: inline;
margin-right: 10px;
padding-left: 10px;
background:url(/media/c/2012/images/icon/icon_arrow_k.png) no-repeat left 50%;
line-height: 2.0;
}

#panel_box.box_haze h3{ background: #F9F7F0 url(/media/c/2012/images/bg/icon_quote.png) no-repeat 0 50%; padding-left: 40px; }
#river_box .contmainbox2{ margin: 0 !important;}
#stream_box .contmainbox2{ margin: 0 !important;}
#contents_r #stream_box dd {
position: relative;
}
#contents_r #stream_box dd .icon-tags {
position: absolute;
margin: 0;
top: -5px;
}
#stream_box .countdown {
margin-left: 90px;
background-color: #ffffff;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-ms-border-radius: 3px;
border-radius: 3px;
text-align: center;
color: #999999;
}

#right_daily_ranking li { margin: 5px; padding: 0 0 0 25px; line-height: 1.3; list-style: none}
#contents_r li.num1 { background: url('/media/c/2010/image/bullets/list_num1.gif') no-repeat; zoom:1; }
#contents_r li.num2 { background: url('/media/c/2010/image/bullets/list_num2.gif') no-repeat; zoom:1; }
#contents_r li.num3 { background: url('/media/c/2010/image/bullets/list_num3.gif') no-repeat; zoom:1; }

.right_ranking li {
  margin: 5px;
  padding: 0 0 0 25px;
  line-height: 1.3;
  list-style: none;
  border-bottom: 1px solid #DDD;
}

.rtaglist li,.adingo_keywords 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;}
/*---------------------------------------------------------
 Membership (OLD)
 ----------------------------------------------------------*/

.member .essential {
	color: #FF0000;
	font-weight: normal;
	font-size: x-small;
	margin:0 0 0 5px;
}

.member .example{
	font-weight: normal;
	font-size: x-small;
}

.member{
	margin: 20px 0 50px 0;
	font-size:14px;
}

.member label.bold_label {
	font-size:14px;
	font-weight:bold;
}

.member fieldset {
	border:1px solid #CCCCCC;
	margin: 15px 0 0 0 ;
	padding:10px;
}

.member fieldset p span {
	font-size:12px;
	font-weight:normal;
}

.member fieldset p {
	font-size:12px;
	font-weight:bold;
	margin-bottom:15px;
	margin-left:0;
}

.member p {
	font-size:14px;
	line-height:1.2em;
	margin:10px 7px 0;
}

.member .heading{
	background: url(/media/2006/member/zdnet/member_heading_bg_repeat.gif) repeat-x;
	border: 1px solid #cbcbcb;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	height: 30px;
}

.member .menu2 fieldset{
	height: auto! important;
	float: none; 
}

.member dt, .member dd{ margin: 0; } 
.member .menu2 fieldset input.text{	width: 70%; }
.member .menu2 fieldset dl.login dt{ 	width: 10em; }

.member h4{
	display: block;
	color:#8c0000;
	border-bottom:2px solid #8C0000;
	font-weight:bold;
	padding-bottom:2px;
	margin:30px 0 10px;
	width:100%;
}

.member .mail_send {
	background:#FEF5D3 url(/media/2006/member/mail_bg.gif) no-repeat scroll right 60%;
	padding:40px 100px 40px 20px;
}

.member .contract pre{
	width: auto;
	max-width: 930px;
	width: 930px;
}

.member .caution{
	color:#8c0000;
}

.link01{
	font-size:12px;
	margin-right:10px;
	padding-left:10px;
	background:url("/media/c/2010/image/bullets/arrow_r.gif") no-repeat scroll 0 0;
}

.ssl{
	font-size:14px;
	text-align:right;
}

.center{ text-align:center; }
/*移植*/

.member button.long { width:195px; }
.member button {
	background:url("/media/2006/member/button.gif") repeat-x scroll right top transparent;
	border:1px solid #B0B0B0;
	color:#333333;
	font-size:14px;
	font-weight:bold;
	height:35px;
	margin:10px 0 3px;
	padding:0 10px 2px;
}

.member .button_regist {
	margin-top:5px;
	text-align:center;
}

.member button:hover {
	background-image:none;
	background-color:#b0b0b0;
	color:#fff;
	cursor: pointer;
}

.member button.regist {
	color:#FFF;
	background:#8c0000 url(/media/c/2010/image/bg/button2.gif) repeat-x scroll right top;
	width:220px;
	height: 40px;
	font-size: 16px;
	border:none;
	border:1px solid ;
	line-height: 1em;
}

.member button.regist:hover {
	background-image:none;
	background-color:#9a2b2b;
	color:#fff;
	cursor: pointer;
}

.member fieldset legend {
	font-size:16px;
	color:#cc0000;
	font-weight:bold;
	padding:0 5px 0 5px;
}

.member fieldset.account dt,
.member fieldset.nickname dt,
.member fieldset.profile dt,
.member fieldset.login dt {
	float:left;
	font-size:12px;
	font-weight:bold;
	width:120px;
	margin-bottom:10px;
	margin-top:5px;
}

.member fieldset.profile dt { width:80px; }
.member fieldset dd {
	font-size:14px;
	margin:0 0 13px 0;
	overflow:hidden;
}

.member fieldset input.text {
	font-size: 18px;
	width: 340px;
	height: 25px;
}

.member fieldset.profile dd.txtshort { width:140px;}
.member fieldset.profile dd input.text { width:135px; }
.member fieldset.profile dd input.txtlong {
	width:290px;
	height:16px;
}

.member fieldset.profile dd input.zip {
	width:50px;
	height:16px;
}

.member fieldset.profile dl { padding-bottom:15px; }
.member fieldset.profile dl dt{margin-right: 15px;}
.member fieldset.newsletter dt {
	margin-bottom:5px;
	float:none;
	width:100%;
}

.member fieldset.profile dl.research {
	border-bottom:none;
	margin-top:13px;
	padding-bottom:0px;
}

.member fieldset.profile .research dt {
	float:none;
	width:100%;
	margin-bottom:5px;
}

.member fieldset.profile .research input { margin-bottom:0; }

.member fieldset.newsletter dd,
.member fieldset.profile .research dd {
	font-size:12px;
	margin-bottom:13px;
	line-height:1.2em;
	margin-left:1.5em;
}

.member .itemrow{
        margin-left:250px;
}
.member .itemtitle{
        float      :left;
        font-size  :12px;
        font-weight:bold;
        margin-bottom :10px;
        margin-top :2px;
        width: 120px;
}
.member .itemvalue{
        margin-bottom:10px;
}
.member .comment{
        font-size: 11px;
        margin-bottom: 13px;
        padding: 2px 0 0 2px;
        overflow: hidden;
        line-height: 1.2em;
        margin-left: 120px;
}

/* menu */
.member .mem_menu fieldset,
.member .mem_menu2 fieldset { width: 420px; background:transparent url(/media/c/2010/image/bg/fieldset_bg.gif) repeat-x scroll right bottom; height:275px; overflow:hidden; margin: 20px}

.member .mem_menu fieldset dd,
.member .mem_menu2 fieldset dd{ text-align:center; }
.member .mem_menu2 fieldset input.text { 	width:190px; }

.member .mem_menu fieldset dl.login dt {
	font-weight:bold;
	padding-left:40px;
	margin-bottom:5px;
}

/* login */
.member fieldset.login,
.member fieldset.join { background:transparent url(/media/c/2010/image/bg/fieldset_bg.gif) repeat-x scroll right bottom; }
.member fieldset.join dd {	text-align:center; margin-top:10px; }
.member fieldset.join a {
padding: 10px 35px;
margin: 20px auto;
color: #ffffff;
font-size: 14px;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #006dcc;
background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
background-image: -o-linear-gradient(top, #0088cc, #0044cc);
background-image: linear-gradient(to bottom, #0088cc, #0044cc);
background-repeat: repeat-x;
border-color: #0044cc #0044cc #002a80;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.member fieldset.join p {
margin-top: 20px !important;
font-weight: normal;
}

.member fieldset.login .cookie { font-size:11px; text-align:center; }
.member fieldset.login .login_button { text-align:right; 	margin-top:5px; }
.member fieldset.login .login_button span{margin-right:5px; font-size:11px; }
.member fieldset.login dl { margin-left:100px; }

/* mail_send */
.member .mail_send {
	margin: 0pt 7px;
	padding: 40px 10px 40px 50px;
	background: #fef5d3 url(/media/2006/member/mail_bg.gif) no-repeat scroll 470px 60%;
	font-weight: bold;
}

/* massage */
.member .normal_msg {
		border:3px double #fc0;
	color:#4b4b4b;
	font-size:14px;
	font-weight:bold;
	line-height:1.4em;
	margin:0pt 7px 20px;
	padding:15px;
}

.member .error_msg {
	background-color:#FDDFCA;
	border:3px double #cc0000;
	color:#FF0000;
	font-size:14px;
	font-weight:bold;
	margin:0pt 7px 20px;
	padding:15px;
}

.member fieldset.profile dt { width:80px; }
.member fieldset .right { clear:none; margin-left:50px; }

.member .menu_menu2 fieldset dl.login dt {
	font-weight:bold;
	margin-bottom:5px;
	padding-left:40px;
}

/* service */
.member .service { margin: 20px 0 0 0; padding: 0 35px; }
.member .service dd{ width: 270px; float: left; margin: 15px}
.member .service img{	margin-bottom: 10px; }
.member .service p{ margin : 0; line-height: 1.5em;}
.member .service strong{ display: block; margin-bottom: 5px;}

.member .contract pre {
	border:1px solid #CCCCCC;
	font-size:13px;
	height:140px;
	overflow:scroll;
	padding:10px;
	margin-left:7px;
	margin-top:13px;
}
.member div.agree {
	margin-top: 10px; 
	padding-top: 10px;
	border-top: 1px solid #ccc;
	text-align:center;
}

.member div.agree label{ font-size: 120%; }

.member .error {
	color:#FF0000;
	font-size:12px;
	font-weight:bold;
	margin-bottom:5px;
}

/* private_info */
.member .private_info dl { margin: 1em 7px 0 7px;}
.member .private_info dt { font-weight:bold;}

/* newsletter */
.newsletter {}
	.frame_col_left_type3 h3 {
	width: auto;
	height: auto;
	margin: 0;
	padding: 3px 0 2px 17px;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	line-height: 130%;
	text-shadow: black 2px 2px 2px;
	background: #C1C2C3;
	border: none;
	border-bottom: solid 1px #000000;
	display: block;
	clear: both;
	position: relative;
	z-index: 25;
	zoom: 1;
	}
	.frame_col_left_type3 h3:after {
	height: 0;
	content: ".";
	visibility: hidden;
	display: block;
	clear: both;
	}
	.block_nlinfo .header {
	height: 87px;
	margin: 5px 0 10px;
	padding: 0;
	}
	.block_nlinfo .header h1 {
	width: 270px;
	height: 87px;
	text-indent: -9999px;
	background: url(/media/c/2012/images/bg/icon_nl.png) no-repeat;
	float: left;
	}
	.block_nlinfo .header h2 {
	width: 376px;
	height: 87px;
	text-indent: -9999px;
	background: url("/media/2007/info/newsletter/cnet_nl_headline.gif") no-repeat;
	float: left;
	}
	.block_nlinfo .block_content {margin: 0 50px;}
	*html .block_nlinfo .block_content {
	width: 560px;
	margin: 0;
	padding: 0 30px;
	}
	.block_nlinfo hr {
	margin: 0;
	padding: 0;
	}
	.block_nlinfo h3 {
	height: auto;
	margin: 0;
	padding: 0;
	color: #000;
	font-weight: normal;
	font-size: 14px;
	line-height: 1.7em;
	text-shadow: none;
	background: none;
	border: none;
	}
	.block_nlinfo .block_content .sample {margin: 15px 0 0;}
	.block_nlinfo .block_content .sample p {margin: 0 0 10px;}
	.block_nlinfo .nl_info {margin: 20px 0 0;}
	.block_nlinfo .nl_info .item {
	margin: 10px 0 0 20px;
	float:left;
	}
	.block_nlinfo .nl_info .name {
	margin: 0 10px 0 0 ;
	padding: 3px 5px 3px 5px;
	color : #fff;
	font-weight: bold;
	line-height: 1.0;
	background: #65519c;
	border: 1px solid #999;
	float: left;
	}
	.block_nlinfo .nl_info .content {font-size: 12px;}
	.block_nlinfo .sample {margin: 3em 0 0;}
	.block_nlinfo .sample p.strong {font-weight: bold:}
	.block_nlinfo .sample pre {
	width: 100%;
	height: 450px;
	padding: 10px;
	font-size: 13px;
	background: #fafafa;
	border: #ccc 1px solid;
	overflow: scroll;
	}
	.block_nlinfo .regist {
	margin: 30px 0 0;
	text-align: center;
	}
	.block_nlinfo .regist p {
	margin: 0 0 10px;
	font-size: 14px;
	line-height: 120%;
	}
	.block_nlinfo .regist .inner {
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	background: #8C0000;
	border: 1px solid #aaa;
	}
	.block_nlinfo .regist .inner .button_wrap {
	width: 526px;
	margin: 0 auto;
	}
	.block_nlinfo .login_button a {
	width: 221px;
	height: 35px;
	margin-left: 10px;
	text-indent: -9999px;
	background: url("/media/2007/info/newsletter/cnet_nl_loginbutton.gif") no-repeat;
	display: block;
	float: left;
	}
	.block_nlinfo .login_button a:hover {background-position: 0px -35px;}
	.block_nlinfo .regist_button a {
	width: 255px;
	height: 35px;
	margin-left: 10px;
	text-indent: -9999px;
	background: url("/media/2007/info/newsletter/cnet_nl_registbutton.gif") no-repeat;
	display: block;
	float: left;
	}
	.block_nlinfo .regist_button a:hover {background-position: 0px -35px;}
	*html body .block_nlinfo .login_button {margin-left: 5px;}
	.block_nlinfo .headline {
	padding: 0 0 5px;
	border-bottom: 1px solid #999;
	}
	.block_nlinfo .other_nl .arrow {
	height: 73px;
	text-indent: -9999px;
	background: url(/media/2007/info/newsletter/arrow.gif) no-repeat center bottom;
	}
	.block_nlinfo .other_nl a.zdnet {
	width: 650px;
	height: 57px;
	text-indent: -9999px;
	margin: 1em 0 0;
	background : url(/media/2007/info/newsletter/zdnet_nl_banner.gif) no-repeat;
	display: block;
	}
	.frame_col_right_type3 {
	margin: 0 4px 0 0;
	_margin-right: 0;
	}

/* new member profile */

.member_profile_table  tbody tr td{
  text-align: left;
  padding: 0 20px 0 0;
  font-size:12px;
}

/*---------------------------------------------------------
 Membership Form
 ----------------------------------------------------------*/
h5 {
clear: both;
font-weight: bold;
margin: 10px 0 0;
}

.resister_flow {
padding: 10px 0;
margin-bottom: 10px;
border: 1px solid #cccccc;
}

.resister_flow li {
display: inline;
padding: 5px 20px 5px 12px;
background: url(/media/c/2012/images/icon/icon_redarrow.gif) no-repeat center left;
}

.resister_flow li.none {
background: none;
padding: 5px 20px 5px 5px;
}

.resister_flow li.on {
font-weight: bold;
background-color: #fff6d1;
}

.form_table { width: 100%; margin: 10px 0; }

.form_table th {
width: 291px;
padding: 5px;
font-weight: bold;
background-color: #cccccc;
border-bottom: 1px solid #ffffff;
border-right: 1px solid #ffffff;
}

.form_table td {
  padding: 5px;
  background-color: #efefef;
  border-bottom: 1px solid #ffffff;
  width:291px;
}

.form_table .req {
padding: 0 3px;
margin: 0 5px;
color: #ffffff;
font-size: 80%;
background-color: #8c0000;
}

.form_table input { width: 90%; padding: 5px; }
.form_table option {width: 90%; padding: 3px 5px; }
.form_table input.radio { width: 1em; padding: 5px; }
.form_table .short input { width: 60%; padding: 5px; }
.form_table .short select { width: 60%; }
.form_table .notice { font-size: 80%; }

.form_table .input_block { width: 320px; float:left; }
.form_table .input_block2 { width: 300px; float:left; }
.form_table .notice_block {
  width: 300px;
  font-size: 80%;
  margin-left:10px;
  float:left;
}
.td_width_auto td {width: auto !important;}


.list_mail {
width: 640px;
}

.list_mail li {
width: 210px;
height: 1.3em;
float: left;
margin-top: 3px;
overflow: hidden;
}

.list_member {
  width: 640px;
  margin: 5px;
}

.list_member li{
  float:left;
  height:1.3em;

  margin-bottom:5px;
  width:210px;
  list-style-type:none;
}

.member .contract pre {
max-width: 930px !important;
width: 930px !important;
overflow: auto !important;
}

/* member dialog */
#dialog {
width: 90%;
}

/* --------------------------
 Mypage
____________________________ */
.frame_col_left h2.t_category{margin-top: 0;}
.section { margin-bottom: 35px; padding-bottom: 10px; }
.section .article_ladder img{ background: #fff; float: left; padding: 2px; border: 1px solid #bbb; margin-right: 10px; }
.section h2{ color: #39434C; font-weight: bold; font-size: 1.6em; line-height: 1.6em; padding-bottom: 7px; margin-bottom: 10px; border-bottom: 3px solid #8C0000}
.section h2 img{ vertical-align: middle; margin-right: 10px; }
.section h3 img{ margin-right: 15px; vertical-align: middle; }
.btn_navi {  text-align: left;}
.btn_navi li {
  display: inline;
  background: #FFECA8;
  filter: progid:DXImageTransform.Microsoft.Gradient(Enabled=1,GradientType=0,StartColorStr=#F9F7F0,EndColorStr=#ffeca8);
  background: -moz-linear-gradient(top, #F9F7F0, #FFECA8);
  background: -webkit-gradient(linear, left top, left bottom, from(#F9F7F0),to(#FFECA8));
  border: 1px solid #FFECA8;
  -moz-box-shadow: inset 0px 1px 0px #ffeca8;
  -webkit-box-shadow: inset 0px 1px 0px #ffeca8;
  box-shadow: inset 0px 1px 0px #ffeca8;
  padding: 3px 10px;
}
.btn_navi li a{color: #333 }

/*

.btn_black a:hover,.btn_gray a:hover,.btn_navi li {
background: #ffeca8;
filter: progid:DXImageTransform.Microsoft.Gradient(Enabled=1,GradientType=0,StartColorStr=#F9F7F0,EndColorStr=#ffeca8);
background: -moz-linear-gradient(top, #F9F7F0, #ffeca8);
background: -webkit-gradient(linear, left top, left bottom, from(#F9F7F0),to(#ffeca8));
border: 1px solid #ffeca8;
-moz-box-shadow: inset 0px 1px 0px #ffeca8;
-webkit-box-shadow: inset 0px 1px 0px #ffeca8;
box-shadow: inset 0px 1px 0px #ffeca8;
}
*/

.login_btn{
  margin: 10px 40px;
  padding: 10px;
  text-align: center;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}

#login_btns{background: #f5f5f5; border: 1px solid #E4E4E4; padding: 10px 0;}
.login_btn{-moz-box-shadow: 0px 1px 0 #000;
  -webkit-box-shadow: 0px 1px 0 #000;
  box-shadow: 0px 1px 0 #000;}
.login_btn a{ color: #fff; }
.login_btn a:hover{ text-decoration: none }

#newsletter_list { margin: 0 0 20px 0; }
#newsletter_list li{ height: 25px; line-height: 25px; border-bottom: 1px dotted #ccc; padding: 5px 0; font-weight: bold; }
#newsletter_list .status{ text-align: right; float: right; width: 150px; font-weight: normal }

#atode_list .article_ladder{
  filter: progid:DXImageTransform.Microsoft.Gradient(Enabled=1,GradientType=0,StartColorStr=#eeeeee,EndColorStr=#e3e3e3);
  background: -moz-linear-gradient(top, #eeeeee, #eeeeee 80%, #e3e3e3);
  background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee),color-stop(0.80,#eeeeee),to(#e3e3e3));
  -moz-box-shadow: 0px 1px 0 #ccc;
  -webkit-box-shadow: 0px 1px 0 #ccc;
  box-shadow: 0px 1px 0 #ccc;
}

#atode_list_title{ color: #39434C !important}
#atode_list li{ margin: 0 }
#atode_list h3{ margin: 0 !important; }
#atode_list .news_type{ color: #999999; font-size: 0.85em; height:0.85em; line-height: 0.85em; font-style: italic; margin-bottom: 10px;}
#atode_list .summary{ margin-bottom: 15px; }

.notice_box{ padding: 10px 0; text-align: center; border: 1px solid #D6D6D6; background-color: #eaf7ff; }
.notice_box a{ color: #1E5B7E; font-weight: bold }

#mypage_navi ul{margin: 0 10px;}
#mypage_navi li{padding: 5px 0; margin-left: 5px; border-bottom: 1px dotted #ccc}
#mypage_navi li.last{border:none}

.btn_mini_area { width: 325px; clear:both; float:right; text-align: right; }
  .btn_mini_area li{ float: right; display: block; margin: 0 0 0 10px !important;
  padding: 0 10px 0 0; cursor: pointer; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;}
  
.btn_mini_area a{
  height: 20px; display: block;
  color: #fff; font-weight: normal; font-size: 0.9em;
  vertical-align: top;
  padding-left: 28px;
}
.btn_mini_area a.adobe { background: url(/media/c/2012/images/atode/ato_sprite.png) no-repeat 0 -140px; }
  .btn_mini_area a.epub { background: url(/media/c/2012/images/atode/ato_sprite.png) no-repeat 0 -160px; }
  .btn_mini_area a.print { background: url(/media/c/2012/images/atode/ato_sprite.png) no-repeat 0 -20px;}
  .btn_mini_area a.delete { background: url(/media/c/2012/images/icon/icon_delete.gif) no-repeat left 50%; }

.btn_mini_area a:hover{text-decoration: none}

.btn_mini_area li.gray{
  background: #ccc;
  filter: progid:DXImageTransform.Microsoft.Gradient(Enabled=1,GradientType=0,StartColorStr=#e2e2e2,EndColorStr=#a2a2a2);
  background: -moz-linear-gradient(top, #e2e2e2, #a2a2a2);
  background: -webkit-gradient(linear, left top, left bottom, from(#e2e2e2),to(#a2a2a2));
  border: 1px solid #666666;
  -moz-box-shadow: inset 0px 1px 0px #ffffff;
  -webkit-box-shadow: inset 0px 1px 0px #ffffff;
  box-shadow: inset 0px 1px 0px #ffffff;
  -moz-text-shadow: 0 -1px 0 #cccccc;
  -webkit-text-shadow: 0 -1px 0 #cccccc;
  text-shadow: 0 -1px 0 #cccccc;
}
.btn_mini_area li.gray a{ color: #333; }
.btn_mini_area li.gray:hover{
  background: #ddd;
  filter: progid:DXImageTransform.Microsoft.Gradient(Enabled=1,GradientType=0,StartColorStr=#e2e2e2,EndColorStr=#cccccc);
  background: -moz-linear-gradient(top, #e2e2e2, #cccccc);
  background: -webkit-gradient(linear, left top, left bottom, from(#e2e2e2),to(#cccccc));
  border: 1px solid #000;
}

.btn_mini_area li.black{
  background: #3a3a3d;
  filter: progid:DXImageTransform.Microsoft.Gradient(Enabled=1,GradientType=0,StartColorStr=#666666,EndColorStr=#333333);
  background: -moz-linear-gradient(top, #666666, #333333);
  background: -webkit-gradient(linear, left top, left bottom, from(#666666),to(#333333));
  border: 1px solid #333333;
  -moz-box-shadow: inset 0px 1px 0px #999999;
  -webkit-box-shadow: inset 0px 1px 0px #999999;
  box-shadow: inset 0px 1px 0px #999999;
  -moz-text-shadow: 0 -1px 0 #333;
  -webkit-text-shadow: 0 -1px 0 #333;
  text-shadow: 0 -1px 0 #333;
}
.btn_mini_area li.black:hover{ background: #666; }



/* MY PAGE TOP 2013.09 reviese */
#mypage_top .section {
margin-bottom: 0;
}

#mypage_top .link_right a {
border-left: 1px solid #cccccc;
margin-left: 10px;
padding-left: 5px;
}
#mypage_top .topics,#mypage_sub .topics {
padding: 5px;
background-color: #fffceb;
border: 1px solid #ffe177;
}
#mypage_top .box_service {
width: 225px;
float: left;
margin: 0 3px 10px 3px;
padding: 5px 4px;
border: 1px solid #cccccc;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
text-align: center;
color: #252525;
background: #ffffff;
background: -moz-linear-gradient(top,  #ffffff 0%, #f5f5f5 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f5f5f5));
background: -webkit-linear-gradient(top,  #ffffff 0%,#f5f5f5 100%);
background: -o-linear-gradient(top,  #ffffff 0%,#f5f5f5 100%);
background: -ms-linear-gradient(top,  #ffffff 0%,#f5f5f5 100%);
background: linear-gradient(to bottom,  #ffffff 0%,#f5f5f5 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0 );
transition: background 1s linear 0;
}
#mypage_top .box_service:hover {
background: #ffe177;
}

#mypage_top .box_service img {
border: 1px solid #cccccc;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
#mypage_top .box_service h3 {
text-align: left;
margin: 5px 0;
}
#mypage_top .box_service h3:hover {
text-decoration: underline;
}
#mypage_top .box_service p {
text-align: left;
font-size: 12px;
line-height: 1.3;
min-height: 50px;
}

#mypage_top .box_service2 {
width: 224px;
float: left;
margin: 0 3px 10px 3px;
padding: 5px;
border: 1px solid #cccccc;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
text-align: center;
color: #252525;
background: #efefef;
transition: background 1s linear 0;
}

#mypage_top .box_service2 img {
border: 1px solid #cccccc;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
#mypage_top .box_service2 h3 {
text-align: left;
margin: 5px 0;
}
#mypage_top .box_service2 h3:hover {
text-decoration: underline;
}
#mypage_top .box_service2 p {
text-align: left;
font-size: 12px;
line-height: 1.3;
min-height: 50px;
}


/* MY PAGE SUB 2013.09 reviese */
.sub_nav {
/*height: 75px;*/
height: 101px;
margin-bottom: 20px;
border-bottom: 1px solid #cccccc;
}
.sub_nav li {
float: left;
width: 105px;
/*height: 75px;*/
height: 102px;
margin-right: 5px;
padding: 0;
}
.sub_nav li a {
display: block;
width: 105px;
/*height: 74px;*/
/*text-indent: -9999px;*/
border: 1px solid #cccccc;
border-bottom: none;
-moz-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
padding-top: 80px;
font-size: 12px;
text-align: center;
}

.sub_nav li.home a {background: #efefef url(/media/c/2012/images/membership/icon_home_s_off.png) no-repeat center top;}
.sub_nav li.setting a {background: #efefef url(/media/c/2012/images/membership/icon_setting_s_off.png) no-repeat center top;}
.sub_nav li.wp a {background: #efefef url(/media/2014/cnet/membership/icon_wp_s_off.png) no-repeat center top;}
.sub_nav li.mail a {background: #efefef url(/media/c/2012/images/membership/icon_mail_s_off.png) no-repeat center top;}
.sub_nav li.event a {background: #efefef url(/media/c/2012/images/membership/icon_event_s_off.png) no-repeat center top;}
.sub_nav li.atode a {background: #efefef url(/media/2014/cnet/membership/icon_atode_s_off.png) no-repeat center top;}
.sub_nav li.poll a {background: #efefef url(/media/c/2012/images/membership/icon_poll_s_off.png) no-repeat center top;}
.sub_nav li.docchi a {background: #efefef url(/media/2014/cnet/membership/icon_docchi_s_off.png) no-repeat center top; margin-bottom: 0;}
.sub_nav li.serial a {background: #efefef url(/media/2014/cnet/membership/icon_serial_s_off.png) no-repeat center top; margin-bottom: 0;}

.sub_nav li.home a:hover,.sub_nav li.home a.on,
.sub_nav li.setting a:hover,.sub_nav li.setting a.on,
.sub_nav li.wp a:hover,.sub_nav li.wp a.on,
.sub_nav li.mail a:hover,.sub_nav li.mail a.on,
.sub_nav li.event a:hover,.sub_nav li.event a.on,
.sub_nav li.atode a:hover,.sub_nav li.atode a.on,
.sub_nav li.poll a:hover,.sub_nav li.poll a.on,
.sub_nav li.docchi a:hover,.sub_nav li.docchi a.on,
.sub_nav li.serial a:hover,.sub_nav li.serial a.on {
/*height: 75px;*/
background-color: #ffffff;
}

.sub_nav li.home a:hover,.sub_nav li.home a.on {background: #ffffff url(/media/c/2012/images/membership/icon_home_s.png) no-repeat center top;}
.sub_nav li.setting a:hover,.sub_nav li.setting a.on {background:#ffffff url(/media/c/2012/images/membership/icon_setting_s.png) no-repeat center top;}
.sub_nav li.wp a:hover,.sub_nav li.wp a.on {background:#ffffff url(/media/2014/cnet/membership/icon_wp_s.png) no-repeat center top;}
.sub_nav li.mail a:hover,.sub_nav li.mail a.on {background: #ffffff url(/media/c/2012/images/membership/icon_mail_s.png) no-repeat center top;}
.sub_nav li.event a:hover,.sub_nav li.event a.on {background: #ffffff url(/media/c/2012/images/membership/icon_event_s.png) no-repeat center top;}
.sub_nav li.atode a:hover,.sub_nav li.atode a.on {background: #ffffff url(/media/2014/cnet/membership/icon_atode_s.png) no-repeat center top;}
.sub_nav li.poll a:hover,.sub_nav li.poll a.on {background: #ffffff url(/media/c/2012/images/membership/icon_poll_s.png) no-repeat center top;}
.sub_nav li.docchi a:hover,.sub_nav li.docchi a.on {background: #ffffff url(/media/2014/cnet/membership/icon_docchi_s.png) no-repeat center top; margin-bottom: 0;}
.sub_nav li.serial a:hover,.sub_nav li.serial a.on {background: #ffffff url(/media/2014/cnet/membership/icon_serial_s.png) no-repeat center top; margin-bottom: 0;}

.attention {
background-color: #fff3eb;
border: 1px solid #cccccc;
padding: 10px;
text-align: center;
}

.btn {
display: inline-block;
padding: 4px 12px;
margin-bottom: 0;
font-weight: bold;
font-size: 16px;
line-height: 20px;
color: #333333;
text-align: center;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
vertical-align: middle;
cursor: pointer;
background-color: #f5f5f5;
background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
background-repeat: repeat-x;
border: 1px solid #cccccc;
border-color: #e6e6e6 #e6e6e6 #bfbfbf;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
border-bottom-color: #b3b3b3;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn:hover, .btn:focus {
color: #333333;
text-decoration: none;
background-position: 0 -15px;
-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;
}
.btn-large {
padding: 11px 19px;
font-size: 17.5px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}

.btn-red {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #da4f49;
background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
background-repeat: repeat-x;
border-color: #bd362f #bd362f #802420;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-red:hover, .btn-red:focus, .btn-red:active, .btn-red.active, .btn-red.disabled, .btn-red[disabled] {
color: #ffffff;
background-color: #bd362f;
}

.text-center {
text-align: center;
}

.undo {
background-color: #efefef;
color: #999999 !important;
}

/* mail */
.table_mail {width: 100%; margin-bottom: 20px;}
.table_mail th,.table_mail td {padding: 10px; border: 1px solid #cccccc;}
.table_mail th {width: 30%; background-color: #efefef;}

/* mail */
.table_story_alert {width: 100%; margin-bottom: 20px;}
.table_story_alert th,.table_story_alert td {padding: 10px; border: 1px solid #cccccc;}
.table_story_alert th {width: 12%; background-color: #efefef;}

/* docchi */
.list_docchi {
margin-bottom: 20px;
}
.list_docchi li {
clear: both;
padding: 10px 0;
border-bottom: 1px solid #cccccc;
overflow: hidden;
}
.list_docchi li:nth-child(even) {
background-image: url(/media/c/2012/images/base/grade_list.png),url(/media/c/2012/images/base/grade_list.png);
background-repeat: repeat-x,repeat-x;
background-position: top left,bottom left;
}
.list_docchi li div {
width: 80px;
float: left;
text-align: center;
margin-right: 15px;
font-weight: bold;
}
.list_docchi li div.versus {
width: auto;
padding-top: 30px;
}
.pull-left {
float: left;
}
.list_docchi p {
margin: 10px;
font-size: 85%;
}

/* poll */
.main_headline h3 {
font-size: 16px;
font-weight: 600;
line-height: 1.4em;
margin-bottom: 5px;
}
.main_headline {
margin-bottom: 20px;
}
.main_headline li {
clear: both;
padding: 15px 0;
border-bottom: 1px dotted #CCCCCC;
}

.main_headline li:first-child {
padding-top: 0;
}

.poll_list {
padding: 5px;
margin-bottom: 10px;
background-color: #fffceb;
border: 1px solid #ffe177;
}
.poll_result dt {
clear: both;
padding-top: 10px;
font-size: 12px;
font-weight: normal;
}
.poll_result dd {
width: 85%;
float: left;
}
.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%;
}
.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 );
}


/* -----------------------------------------------------------------------
  Sub Windows Layout
--------------------------------------------------------------------------*/
#subwin{min-width: inherit}
#subwin_header,
#subwin_footer{ background: #000; }
#subwin_footer{ font-size: 0.8em; padding: 3px 5px; color: #fff; text-align: center}
#subwin_footer a{ color: inherit }
#subwin_header{ padding: 10px 10px 5px 10px }
#subwin_contents{ background: #fff; padding: 20px 0;}
#userpost_wrap{ width: 650px; margin: auto;}

/* -----------------------------------------------------------------------
  CNET_ID Guide
--------------------------------------------------------------------------*/

.cnet_id_guide .area_campaign {
background:url(/media/c/2012/images/guide/img_campaign4.jpg) no-repeat top left;
padding: 210px 50px 0;
}

.cnet_id_guide .area_cnetpoint{
margin: 20px 50px;
border-bottom: 1px solid #cccccc;
}

.cnet_id_guide .box_point {
margin: 10px 0;
padding: 10px 0;
border-top: 1px solid #cccccc;
}

.cnet_id_guide .nav_point li {float: left; margin-right: 15px; padding-right: 15px; border-right: 1px solid #cccccc;}
.cnet_id_guide .nav_point li img {width: 30px;}

.cnet_id_guide .box_point h3 {
margin-bottom: 10px;
font-size: 120%;
}
.cnet_id_guide .box_point h4 {margin: 10px 0;}
.cnet_id_guide .lead {
margin-bottom: 20px;
line-height: 1.5;
font-size: 120%;
font-weight: bold;
}
.cnet_id_guide .left,.cnet_id_guide .right {
width: 45%;
margin-bottom: 20px;
}
.cnet_id_guide .notice {
font-size: 85%;
font-weight: normal;
}

.cnet_id_guide .txt_new {
margin-right: 10px;
padding: 2px 5px;
background-color: #A80902;
color: #ffffff;
font-weight: bold;
}
.cnet_id_guide .txt_red {color: #ff0000;}
.cnet_id_guide .txt_green {color: green;}

.cnet_id_guide .center { text-align: center; }

.cnet_id_guide table {
width: 100%;
margin: 20px 0;
}
.cnet_id_guide th,.cnet_id_guide td {
padding: 5px;
border: 1px solid #cccccc;
}
.cnet_id_guide th {
background-color: #efefef;
white-space: nowrap;
}

.cnet_id_guide dt {
margin-bottom: 5px;
padding: 5px;
background-color: #efefef;
}
.cnet_id_guide dd {
margin-bottom: 20px;
padding: 5px;
}

.cnet_id_guide .viewmore, .viewmore_close {
float: none;
background-image: none;
background-color: #efefef;
padding: 5px 10px;
cursor: pointer;
}

.cnet_id_guide .viewmore:before {content: "+　";color: #ffb400;font-weight: bold;}
.cnet_id_guide .viewmore_close:before {content: "- 　";color: #ffb400;font-weight: bold;}

.box_mail_lineup {margin-top: 10px;}
.mail_lineup {margin: 10px 0 0 3em;}

/*------------------------------------------------------------------------------
 NEWS SLIDER
 -------------------------------------------------------------------------------*/
#news_slider,#sp_slider,#opinion_slider{position: relative}

.viewmore_wrapper{position: relative; height: 25px;}
.viewmore_wrapper .viewmore{
  position: absolute; right: 0; margin: 0; z-index: 100;
  background-position: 5px 50%; margin-bottom: 0; padding: 3px 10px 3px 20px
}

.viewmore_wrapper .viewmore.highlighted{
  background-color: #e7e7e7; border-radius: 3px; z-index: 101;
  -moz-box-shadow: 0 0 3px #e7e7e7;
  -webkit-box-shadow: 0 0 3px e7e7e7;
  box-shadow: 0 0 3px #e7e7e7;
}

.viewmore_wrapper ul{
  position: absolute;
  right: 0;
  z-index: 100;
}
.viewmore_wrapper li{background-position: 5px 50%; margin-bottom: 0; padding: 5px 10px 5px 20px;}
.viewmore_wrapper ul.highlighted{z-index: 101;}
.viewmore_wrapper ul.highlighted li{
  background-color: #e7e7e7; border-radius: 3px; z-index: 101;
  -moz-box-shadow: 0 0 3px #e7e7e7;
  -webkit-box-shadow: 0 0 3px e7e7e7;
  box-shadow: 0 0 3px #e7e7e7;
}



/*
 * app_style.css アプリチャネルページ・パーツの関係スタイル
 */


/* -----------------------------------------------------------------------
  TOP PAGE
--------------------------------------------------------------------------*/
.app_channel h1 {
height: 50px;
width: 650px;
margin-bottom: 10px;
background: url(/media/c/2012/images/app/t_app.gif) no-repeat top left;
text-indent: -9999px;
}

.app_channel_android h1 {
height: 50px;
width: 650px;
margin-bottom: 10px;
background: url(/media/c/2012/images/app/t_app_android.gif) no-repeat top left;
text-indent: -9999px;
}

.app_channel_h h4  {
  clear: both;
  margin: 20px 0 10px;
  padding: 5px 0 5px 20px;
  background: #efefef;
  filter: progid:DXImageTransform.Microsoft.Gradient(Enabled=1,GradientType=0,StartColorStr=#efefef,EndColorStr=#cbcbcb); 
  background: -moz-linear-gradient(top, #efefef, #cbcbcb);
  background: -webkit-gradient(linear, left top, left bottom, from(#efefef),to(#cbcbcb));
  border: 1px solid #cbcbcb;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -moz-box-shadow: inset 0px 1px 0px #fff !important;
  -webkit-box-shadow: inset 0px 1px 0px #fff !important;
  box-shadow: inset 0px 1px 0px #fff !important;
  color: #333;
  -moz-text-shadow: 0 1px 0 #efefef;
  -webkit-text-shadow: 0 1px 0 #efefef;
  text-shadow: 0 1px 0 #efefef;
  outline-width: 0;
  outline-style: none;
  outline-color: invert;
}

/* left menu */
#col3_left { width: 145px;float: left; }

#col3_left .menu_l { margin-bottom: 20px;}

#col3_left .menu_l li {
padding-bottom: 0;
line-height: 2.0;
border-top: 1px solid #dddddd;
background: white;
filter: progid:DXImageTransform.Microsoft.Gradient(Enabled=1,GradientType=0,StartColorStr=#f4f4f4,EndColorStr=#ffffff);
background: -moz-linear-gradient(top, #f4f4f4, white 40%, white);
background: -webkit-gradient(linear, left top, left bottom, from(#f4f4f4),color-stop(0.40,white), to(white));
box-shadow: 0 1px 1px #ffffff inset;
clear: both;
zoom: 1;
}

#col3_left .menu_l li li {
padding-left: 1em;
border: none;
background: none;
filter: none;
box-shadow: none;
}

#col3_left .menu_l li dd { line-height: 1.5; margin-bottom: 10px;}
#col3_left .menu_l li a { display: block; color: #252525;}
#col3_left .menu_l li a img { margin: 3px 3px 3px 0; vertical-align: middle; }
#col3_left .menu_l li a:hover {
   color: #860000;
   background-color: #eeeeee;
}

/* 3col center area */
#col3_center { width: 495px; float: right; }
#col3_center .article_box { margin: 0; }
#col3_center .side_l,#col3_center .side_r { width: 240px !important; }
#col3_center .side_l .summary,#col3_center .side_r .summary { margin-left: 80px; }

#col3_center .article_box .box3 {
width: 139px;
float: left;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border: 1px solid #dddddd;
filter: progid:DXImageTransform.Microsoft.Gradient(Enabled=1,GradientType=0,StartColorStr=#ffffff,EndColorStr=#eeeeee);
background: -moz-linear-gradient(top, #ffffff, #ffffff 80%, #eeeeee);
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff),color-stop(0.80,#ffffff),to(#eeeeee));
-moz-box-shadow: 0px 0px 2px #ccc;
-webkit-box-shadow: 0px 0px 2px #ccc;
padding: 10px;
margin: 0 2px;
text-align: center;
}

#col3_center .article_box .box3 h3 { text-align: left;}

#col3_center .app_photo_area { margin-left: 10px; padding-top: 10px;}
#col3_center .app_photo_area li {
width: 150px;
float: left;
margin-right: 10px;
text-align: center;
}
#col3_center .app_photo_area li h3 { text-align: left;}

.tabs2 li { width: 244px; margin-top: 20px;}
.tabs2 li a { width: 244px; background-image: none;}


/* app ranking */
.place1,.place2,.place3,.place4,.place5 { padding:10px 0 10px 45px !important; margin-bottom: 10px; background-position: 0 50% !important; zoom:1;
}
.place1 { background :url(/media/c/2012/images/app/icon_place1.gif) no-repeat;}
.place2 { background :url(/media/c/2012/images/app/icon_place2.gif) no-repeat;}
.place3 { background :url(/media/c/2012/images/app/icon_place3.gif) no-repeat;}
.place4 { background :url(/media/c/2012/images/app/icon_place4.gif) no-repeat;}
.place5 { background :url(/media/c/2012/images/app/icon_place5.gif) no-repeat;}

.apprank li { border-bottom: 1px solid #DDDDDD;}
.apprank img { margin-right: 10px; vertical-align: middle;}

.app_icon { float: left;}


/* img mask */
.icon115 { 
position: relative;
font-size: 0;
display: block;
height: 100px;
width: 115px;
margin: 0 auto;
}

.icon115:after {
background: url("/media/c/2012/images/app/mask_115.png") no-repeat scroll 0 0 transparent;
content: "";
height: 100px;
width: 115px;
position: absolute;
top: 0;
left: 0;
}

.icon75 { 
position: relative;
font-size: 0;
display: block;
height: 90px;
width: 75px;
margin: 0 auto;
}

.icon75:after {
background: url("/media/c/2012/images/app/mask_75.png") no-repeat scroll 0 0 transparent;
content: "";
height: 90px;
width: 75px;
position: absolute;
top: 0;
left: 0;
}

.icon65 { 
position: relative;
font-size: 0;
display: block;
}

.icon65:after {
background: url("/media/c/2012/images/app/mask_65.png") no-repeat scroll 0 0 transparent;
content: "";
height: 80px;
width: 65px;
position: absolute;
top: 0;
left: 0;
}


.icon65 img { margin:0 !important;}

.icon35 { 
position: relative;
top: 0;
float: left;
font-size: 0;
display: block;
}

.icon35:after {
background: url("/media/c/2012/images/app/mask_35.png") no-repeat scroll 0 0 transparent;
content: "";
height: 45px;
width: 35px;
position: absolute;
top: 0;
left: 0;
}


/* list */
.list_blue_area {
background-color: #eeeeee;
margin-bottom: 20px;
-moz-box-shadow: 0px 1px 1px #ccc;
-webkit-box-shadow: 0px 1px 1px #ccc;
box-shadow: 0px 1px 1px #ccc;
}

.list_blue_sq li { 
/*border-bottom: 1px solid #CCCCCC;*/
clear: both;
/*margin: 0 10px;*/
margin-bottom: 1px;
padding: 5px 10px 0 25px;
background: #efefef;
background-image: url(/media/c/2012/images/app/icon_bluesq.png);
background-image: filter: progid:DXImageTransform.Microsoft.Gradient(Enabled=1,GradientType=0,StartColorStr=#efefef,EndColorStr=#e3e3e3);
background-image: url(/media/c/2012/images/app/icon_bluesq.png), -moz-linear-gradient(top, #efefef, #efefef 70%, #e3e3e3);
background-image: url(/media/c/2012/images/app/icon_bluesq.png), -webkit-gradient(linear, left top, left bottom, from(#efefef),color-stop(0.70,#efefef),to(#e3e3e3));
background-repeat: no-repeat;
background-position: 5px 10px;
border-bottom: 1px solid #fff;
-moz-box-shadow: 0px 1px 1px #ccc;
-webkit-box-shadow: 0px 1px 1px #ccc;
box-shadow: 0px 1px 1px #ccc;
zoom: 1;
}

.list_blue_dot li { 
clear: both;
margin-bottom: 1px;
padding: 0 10px 0 20px;
background: #eeeeee;
background-image: url(/media/c/2012/images/app/icon_bluedot.gif);
background-image: filter: progid:DXImageTransform.Microsoft.Gradient(Enabled=1,GradientType=0,StartColorStr=#eeeeee,EndColorStr=#e3e3e3);
background-image: url(/media/c/2012/images/app/icon_bluedot.gif), -moz-linear-gradient(top, #eeeeee, #eeeeee 60%, #e3e3e3);
background-image: url(/media/c/2012/images/app/icon_bluedot.gif), -webkit-gradient(linear, left top, left bottom, from(#eeeeee),color-stop(0.60,#eeeeee),to(#e3e3e3));
background-repeat: no-repeat;
background-position: 5px 10px;
border-bottom: 1px solid #fff;
-moz-box-shadow: 0px 1px 1px #ccc;
-webkit-box-shadow: 0px 1px 1px #ccc;
box-shadow: 0px 1px 1px #ccc;
zoom: 1;
}

.list_title {
clear: both;
margin-bottom: 10px !important;
padding: 0 0 5px 10px;
font-weight: bold;
color: #777777;
border-bottom: 1px solid #cccccc;
-moz-box-shadow: 0px 1px 1px #fff;
-webkit-box-shadow: 0px 1px 1px #fff;
}


/* link text color */
.link_blue a { color: #0066A0 !important;}
.link_blue a:hover { color: #860000 !important;}


.app_rank_tab {
display: block;
width: 75px;
float: left;
padding: 0;
font-size: 12px;
text-align: center;
}

.app_rank_tab a {
display: block;
color: white;
background: #333;
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-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 0px 1px 0 #999999;
-webkit-box-shadow: inset 0px 1px 0 #999999;
box-shadow: inset 0px 1px 0 #999999;
}

.app_rank_tab_on a,.app_rank_tab a:hover {
text-decoration: none;
color: #252525;
background: #fff;
background: -moz-linear-gradient(top, #efefef, #ffffff);
background: -webkit-gradient(linear, left top, left bottom,
from(#efefef),to(#ffffff));
border-top: 1px solid #cccccc;
border-right: 1px solid #cccccc;
border-left: 1px solid #cccccc;
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 0px 1px 0 #ffffff;
-webkit-box-shadow: inset 0px 1px 0 #ffffff;
box-shadow: inset 0px 1px 0 #ffffff;
}

.app_ad_text_wrap{
  font-size: 0.82em;
}

.app_ad_text_wrap .ad_text_top{
  padding: 0 0 0 10px;
}

/*------------------------------------------------------------------------------
 RELATED LEAF
 -----------------------------------------------------------------------------*/
#leaf_related_info {
  margin: 10px 0 10px 0;
  padding-top: 1px;
  border-top: 1px dotted #ddd;
}

#leaf_related_padding,#leaf_relatedwp_padding {
  margin-top: 1px;
  background: -moz-linear-gradient(top,  rgba(246,246,246,1) 0%, rgba(255,255,255,0.95) 10%, rgba(255,255,255,0) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(246,246,246,1)), color-stop(10%,rgba(255,255,255,0.95)), color-stop(100%,rgba(255,255,255,0)));
  background: -webkit-linear-gradient(top,  rgba(246,246,246,1) 0%,rgba(255,255,255,0.95) 10%,rgba(255,255,255,0) 100%);
  background: -o-linear-gradient(top,  rgba(246,246,246,1) 0%,rgba(255,255,255,0.95) 10%,rgba(255,255,255,0) 100%);
  background: -ms-linear-gradient(top,  rgba(246,246,246,1) 0%,rgba(255,255,255,0.95) 10%,rgba(255,255,255,0) 100%);
  background: linear-gradient(top,  rgba(246,246,246,1) 0%,rgba(255,255,255,0.95) 10%,rgba(255,255,255,0) 100%);
}

#leaf_related_stories{ margin-bottom: 25px; }
#leaf_related_stories h2{ color: #8C0000; padding: 5px 0 10px 0; }
#leaf_related_stories li{
  line-height: 25px;
  font-size: 16px;
  list-style-image: url(/media/c/2012/images/icon/icon_arrow_k.png);
  margin: 0 10px 0 15px;
  padding: 0;
}
#leaf_related_stories h3{ font-weight: normal !important; margin: 0 !important; }
#leaf_related_stories a { color: #0066A0 !important; }
#leaf_related_stories h3 span{ color: #999; font-size: 12px;}

#leaf_subrelated{ margin-bottom: 5px; }
.subrelated_list{ float: left; font-size: 12px; }
.subrelated_divider{ color: #999; margin-right: 20px; }
.subrelated_list span{ margin-right: 5px; }
.subrelated_title{ color: #999; letter-spacing: 1px; }


.leaf_related_wp  {
  margin: 10px 0 10px 0;
  padding-top: 1px;
  border-top: 1px dotted #ddd;
}

.leaf_related_wp h2 { color: #8C0000; padding: 5px 0 10px 0; }


.leaf_related_wp li {
line-height: 25px;
font-size: 16px;
list-style-image: url(/media/c/2012/images/icon/icon_arrow_k.png);
margin: 0 10px 0 15px;
padding: 0;
}
.leaf_related_wp li h3 {font-weight: normal !important;}
.leaf_related_wp li a {color: #004d99 !important;}

.leaf_related_wp .keyword {clear: both;}
.leaf_related_wp .keyword li {
display: block;
float:left;
width: auto;
margin: 0 8px 5px 0;
clear: none;
}
.leaf_related_wp .keyword li a {
font-weight: normal;
font-size: 12px;
color: #252525 !important;
}
.leaf_related_wp .keyword li span {
width:auto;
height: auto;
background-color:#E4E9EC;
font-weight: bold;
margin-right: 0;
padding: 3px 5px;
font-size: 11px;
border: none;
}





/*------------------------------------------------------------------------------
 FACEBOOK
 -----------------------------------------------------------------------------*/
#fb-header{
  background: #e4e4e4;
  border: 1px solid #cbcbcb;
  padding: 3px;
  font-weight: bold;
}


.fb-comments{ margin-bottom: 25px; }

/* icon
------------------------------------------------------*/
.photo_l.taggable{ position: relative }
.taggable .photo-tag{ position: absolute; top: -3px; left: 10px; }
.taggable .photo-tag,
.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: #333;
  padding: 2px 15px; text-shadow: 0 1px 2px #fff;
  background: #ffcc00;
  background: -moz-linear-gradient(top,  #ffcc00 0%, #e5bf00 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffcc00), color-stop(100%,#e5bf00));
  background: -webkit-linear-gradient(top,  #ffcc00 0%,#e5bf00 100%);
  background: -o-linear-gradient(top,  #ffcc00 0%,#e5bf00 100%);
  background: -ms-linear-gradient(top,  #ffcc00 0%,#e5bf00 100%);
  background: linear-gradient(top,  #ffcc00 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;
}

.photo-tag.large{ font-size: 12px; }

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

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

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


/*------------------------------------------------------------------------------
 EVENT
 -----------------------------------------------------------------------------*/
.seminar_list li { font-size: 14px; line-height: 1.1em; list-style-image: url("/media/c/2010/image/bullets/arrow_r.gif");
                   padding-bottom:10px;margin: 0 0 15px 20px; border-bottom: 1px solid #ddd; }
//.seminar_list li:last-child {border-bottom:none; }
.seminar_list li h3 {
  font-size: 12px !important;
  font-weight: normal !important;
  margin: 0;
  padding : 2px 0 0 5px;
  background: none;
  display: inline;
}

.seminar_list li a{ color: #200;}
.seminar_list li a:hover { color: #860000;}

.seminar_info { width:630px; color: #666; }
.seminar_info li { width:175px; float: left;  overflow: hidden;
                   margin: 5px 0 0 5px; padding:2px; font-size: 12px ;border-bottom:none;
                 }
.seminar_info li.head { width:40px; background-color: #666; color: #FFFFFF; text-align:center;vertical-align:middle;}
.seminar_info li.mini{ width:70px;}

/* sp */
.list_wide_shadow {
margin-bottom: 20px;
border: none;
-webkit-border-radius: 100% / 33px;
-moz-border-radius: 100% / 33px;
border-radius: 100% / 33px;
-webkit-box-shadow: 0 6px 2px -5px rgba(0,0,0,.2);
-moz-box-shadow: 0 6px 2px -5px rgba(0,0,0,.2);
box-shadow: 0 6px 2px -5px rgba(0,0,0,.2);
}
.list_wide_inner {
padding-bottom: 10px;
border-bottom: 1px solid #cccccc;
background-color: #ffffff;
overflow: hidden;
}
.list_wide_inner .pic_184 {
margin: 0;
float: left;
}
.list_wide_inner h3,
.list_wide_inner p,
.list_wide_inner ul {
    padding-left: 194px !important;
}

.list_wide_inner li {
    border: medium none;
    list-style-image: url("/media/c/2012/images/icon/icon_arrow_k.png");
    margin: 0 10px 0 15px;
font-size: 85%;
}

.list_wide_inner li a{color:#0b8ebf;}/*201702 add*/

.sp_borderbtm {
background: url(/media/c/2012/images/sp/sp_borderbtm.gif) bottom center no-repeat;
margin-bottom: 20px;
padding-bottom: 15px;
}
.pic_184 {
margin: 10px 0 5px 21px;
    display: block;
    font-size: 0;
    height: 138px;
    position: relative;
    width: 184px;
}

.pic_184:after {
    background: url("/media/c/2012/images/base/mask_184.png") no-repeat scroll 0 0 transparent;
    content: "";
    height: 138px;
    left: 0;
    position: absolute;
    top: 0;
    width: 184px;
}

/*mypage btn
-------------------------------------------------*/
.member button.totoppage_btn,.member button.toprepage_btn {
background: #3A3A3D;
background: -moz-linear-gradient(top, #5B5B5E, #3A3A3D);
background: -webkit-gradient(linear, left top, left bottom, from(#5B5B5E),to(#3A3A3D));
border: 1px solid #555555;
color: #E9E9E9;
box-shadow: none;
margin: 10px 20px;
padding: 10px;
text-align: center;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
height: auto;
}

.member button.totoppage_btn:hover {
cursor: pointer;
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');
}


.member button.toprepage_btn {
background: #790000;
background: -webkit-gradient(linear, left top, left bottom, from(#AC6161),to(#790000));
background: -moz-linear-gradient(top, #AC6161, #790000);
border: 1px solid #790000;
color: #E9E9E9;
}


.member button.toprepage_btn:hover {
cursor: pointer;
background: #790000;
background: -webkit-gradient(linear, left top, left bottom, from(#790000), to(#AC6161));
background: -moz-linear-gradient(top, #790000, #AC6161);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#790000', endColorstr='#AC6161');
}

.member .resign_field{
  width:55%;
  margin-left:auto;
  margin-right:auto;

}

.member .resign_info {
  width:55%;
  margin-left:auto;
  margin-right:auto;
  text-align:left;
}

.resign_info textarea {
  width: 250px;
  height: 10em;
  line-height: 1em;
}

#field_blog_bio {
  width: 300px;
  height: 12em;
  line-height: 1em;
}