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