#contents_l .block_story h2,
#contents_l h3,
#contents_l h4{
	background:none;
	color:#111111;
	margin:1em 0 0.8em 0;
	padding-left:0;
        font-size: 100%;
	font-weight: bold;
}
#contents_l .block_story h2.sp {
padding: 5px 0 0 20px;
background: url(/media/c/2013/images/base/left_h2.gif) no-repeat 0 0;
/*
border-top: 3px solid #E3E7EA;
border-bottom: 1px solid #E3E7EA;
*/
}
#contents_l h3{
        margin: 0 0 5px 0;
}

#contents_l H5{
	font-weight:bold;
	margin:15px 0 5px 0;
	padding-bottom:1px;
	padding-right:6px;
	text-align:left;
	border-bottom:1px solid #666666;
}

#contents_l h6{
	font-size:12px;
	margin:15px 0 5px 0;
	font-weight:bold;
	line-height:1.2em;
}

/*
#contents_l p{
	letter-spacing:0.05em;
	line-height:1.5em;
	margin-bottom:15px;
}
*/

blockquote {
	border-left:4px solid #CCC8B8;
	margin-bottom:1em;
	margin-left:30px;
	padding-left:6px;
}

.block_story{
  font-size: 16px;
}

.block_story p a{
        color: #00437F;
        font-weight: bold;
	text-decoration:underline;
}

.block_story a,
.block_story a:active{
        color: #00437F;
        font-weight: bold;
	text-decoration:underline;
}

.block_story p a:hover,
.block_story a:hover{
        color: #880000;
}


.block_story a img , .block_story a:hover img{ /*--　画像下アンダーライン対策--*/
	border-bottom:3px solid #FFF;
	margin-bottom:-3px;
	padding-bottom:4px;
}

.block_story a.t_link{
	text-decoration:none;
}

.block_story a:hover.t_link{
	text-decoration:underline;
}

.block_story .t_link{
	padding-left:15px;
	margin-left:5px;
	background:url("/media/c/2010/image/bullets/arrow_r.gif") no-repeat 0 2px;
	text-decoration:none;
}

*html .block_story .t_link{
	margin-left: 0;
}

*+html .block_story .t_link{
	margin-left: 0;
}

.block_story blockquote{
	line-height:1.5;
	overflow: hidden;
	_zoom: 1;
}

.block_story ul li {
	line-height:1.5em;
	list-style-image:url("/media/c/2006/img/list_style_image_c.gif");
	list-style-type:disc;
	margin:10px 18px;
	padding:0;
}

#contents_l .block_story ol{
	clear:both;
	line-height:1.5em;
	margin:0 0 40px 30px;
	padding:0;
}

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

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

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

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

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

#contents_l hr{
	border:medium none;
	clear:both;
	content:".";
	display:block;
	float:none;
	height:1px;
	margin:0;
	padding:0;
	visibility:hidden;
	width:100%;
}

#contents_l em{
	font-style:normal;
	font-weight:bold;
}

#contents_l .right{
	float:right;
	margin:5px 0 5px 10px;
	clear:both;
	color:#666666;
	display:block;
	font-size:12px;
	line-height:1.2em;
	padding:0;
	text-align:left;
}

#contents_l .left{
	float:left;
	margin:5px 10px 5px 0;
	clear:both;
	color:#666666;
	display:block;
	font-size:12px;
	line-height:1.2em;
	padding:0;
	text-align:left;
}

#contents_l .center{
	margin:0 auto 2em;
	clear:both;
	color:#666666;
	display:block;
	font-size:12px;
	line-height:1.2em;
	padding:0;
	text-align:left;
}

#contents_l .center p{
	font-size: 100%;
}
#layout2media, #layout3media {
	width:100%;
}

#layout1media, #layout2media, #layout3media {
	clear:both;
	display:block;
	margin:0;
	padding:0;
	text-align:center;
}

 #layout3media {
	width:462px;
	margin: 0 auto;
}

#layoutmedia_wrap {
	clear:both;
	display:block;
	float:none;
	margin:0 auto 10px !important;
	padding:0 !important;
	position:relative;
	text-align:left;
	
}

#contents_l .block_story .right{
	clear:right;
	float:right;
	margin-left:5px;
	margin-right:0;
}


#layoutmedia_wrap ul#layoutmedia {
	clear:both;
	display:block;
	float:none;
	list-style:none outside none;
	margin:0 !important;
	padding:0 !important;
	text-align:center;
	width:100%
}


#layoutmedia_wrap ul#layoutmedia {
	margin:0 auto !important;
	text-align:center;
	width:auto;
}

#layout3media.item1 #layoutmedia_wrap {
width:154px;
}


#layout1media #layoutmedia_wrap ul#layoutmedia {
	width: 150px;
}

#layout1media {
	width: 158px;
}

#layout3media.item2 #layoutmedia_wrap {
width:308px;
}


#layout1media ul#layoutmedia li,
#layout1media ul#layoutmedia li img,
#layout3media ul#layoutmedia li,
#layout3media ul#layoutmedia li img {
	width:150px;
}

#layoutmedia_wrap ul#layoutmedia li {
	background:none repeat scroll 0 0 transparent !important;
	border:2px solid #FFFFFF;
	clear:none;
	display:block;
	float:left;
	list-style:none outside none;
	margin:0 !important;
	padding:0 0 10px !important;
	text-align:left;
	vertical-align:top;
}

.leaf_body ul li {
	line-height:1.5em;
	list-style-image:url("/media/c/2006/img/list_style_image_c.gif");
	list-style-type:disc;
	margin:10px 0;
	padding:0;
}

li {
	padding-bottom:4px;
}

#layoutmedia_wrap ul#layoutmedia li a.media_l {
	margin: 0;
	padding: 0;
	border: none;
	display: block;
	clear: none;
	position: relative;
}

* html #layoutmedia_wrap ul#layoutmedia li a.media_l{
	display: inline-block;
}

#layoutmedia_wrap ul#layoutmedia li a:hover img {
	opacity: 0.7;
	filter:progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=70);
}

#layout1media ul#layoutmedia li,
#layout1media ul#layoutmedia li img,
#layout3media ul#layoutmedia li,
#layout3media ul#layoutmedia li img {
	width:150px;
}

#layoutmedia_wrap ul#layoutmedia li img {
	clear:none;
	display:inline-block !important;
	margin:0;
	padding:0;
}


#layout2media ul#layoutmedia li,
#layout2media ul#layoutmedia li img {
	width:227px;
}

#layoutmedia_wrap ul#layoutmedia li img {
	clear:none;
	display:inline-block !important;
	margin:0;
	padding:0;
}

a img {
	border:0 none;
}

#layoutmedia_wrap ul#layoutmedia li a img.glass {
	visibility:visible;
}

#layoutmedia_wrap ul#layoutmedia li img.glass {
	width: 18px;
	height: 18px;
	margin: -18px 0 0 0 ! important;
	padding: 0 ! important;
	display: inline-block ! important;
	position: absolute;
	right: 0;
	bottom: 9px;
	_bottom: 6px;
	visibility: hidden;
	opacity: 0.7;
	filter:progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=70);
}

*:first-child+html #layoutmedia_wrap ul#layoutmedia li img.glass {
	display: block ! important;
}


#contents_l .block_story #layoutmedia_wrap ul#layoutmedia li p.credit,
#contents_l .block_story #layoutmedia_wrap ul#layoutmedia li p.credit a {
	color: #999999;
	font-size: 10px;
	line-height: 1.1em;
}

#contents_l .block_story #layoutmedia_wrap ul#layoutmedia li p {
	clear: both;
	display: block;
	font-size: 12px;
	line-height: 1.5em;
	margin: 0;
	padding: 5px 5px 0;
	text-align: left;
}

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

#contents_l .block_story .leaf_body_foot p {
	clear:both;
	color:#8C8C8C;
	display:block;
	font-size:12px;
	line-height:140%;
	margin:0;
	padding:0;
}

/*
#contents_l .block_story .leaf_body_foot p a {
	background:url("/media/z/05/img/tri_red.gif") no-repeat scroll 0 0.25em transparent;
	border:none;
	clear:both;
	display:block;
	margin:7px 0 0;
	padding:0 0 0 7px;
}
*/

#contents_l .block_story .leaf_body_foot p a {
	background:none;
	margin:0;
	padding:0;
	color:#8C8C8C;
}

#contents_l .block_story .leaf_body_foot p a:hover {
	color:#8C0000;
}


.textlink {
	border:2px solid #FF9900;
	display:block;
	margin:0 0 5px;
	padding:5px 8px;
}

#contents_l .block_story .textlink h4 {
	color:#111111;
	font-size:1em;
	line-height:1.5em;
	border-bottom:1px dotted #FF9900;
	font-size:12px;
	font-weight:bold;
	letter-spacing:0.1em;
	margin: 0;
}

.textlink h4 a:link,
.textlink h4 a:visited {
	color:#000000;
}

.textlink h4 a {
	background:url("/media/z/2006/img/list_marker_s3.gif") no-repeat scroll left center transparent;
	text-decoration:none;
	margin: 0;
	padding-left: 15px;
}


#contents_l .block_story .textlink div {
	color:#111111;
	font-size:1em;
	line-height:1.5em;
	border-bottom:1px dotted #FF9900;
	font-size:12px;
	font-weight:bold;
	letter-spacing:0.1em;
	margin: 0;
}

.textlink div a:link,
.textlink div a:visited {
	color:#000000;
}

.textlink div a {
	background:url("/media/z/2006/img/list_marker_s3.gif") no-repeat scroll left center transparent;
	text-decoration:none;
	margin: 0;
	padding-left: 15px;
}

.textlink p a:link,
.textlink p a:visited {
	color:#1E5B7E;
	text-decoration:none;
	font-size:14px;
}

.articleCommentFrame{
	margin:0 !important;
}

.articleCommentFrame .item {
	border-bottom:1px dotted #CCCCCC;
	margin-bottom:1em;
	margin-top:1em;
	min-height:60px;
	padding-bottom:1em;
	clear: both;
}

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

.articleCommentFrame .item .photo {
	display:block;
	float:left;
	margin:0 5px;
}

.articleCommentFrame .item .itemBody {
	background:url("/media/c/2009/image/base/comment_frame_460.png") no-repeat scroll 0 0 transparent;
	display:block;
	font-size:13px;
	overflow:hidden;
	padding:15px 0 15px 25px;
	width:510px;
}

.articleCommentFrame .item .author {
	font-size:14px;
	line-height:1.2em;
	margin:0 0 20px;
}

.articleCommentFrame .item .author .name {
	font-weight:bold;
}

.articleCommentFrame .item .author .org {
	color:#666666;
}

.cornerfoot08 {
	background:none repeat scroll 0 0 #FFFFFF;
	border-color:#CCCCCC -moz-use-text-color -moz-use-text-color;
	border-right:medium none;
	border-style:solid none none;
	border-width:3px medium medium;
	clear:both;
	display:block;
	height:auto;
	margin:0 0 10px;
	padding:0;
	width:auto;
}

.cornerfoot08 .title08 {
	border-bottom:1px solid #CCCCCC;
	font-size:14px;
	font-weight:bold;
	margin-bottom:10px;
	padding: 15px 15px 10px;
}


.cornerfoot08 p{
	background:none repeat scroll 0 0 transparent;
	border:medium none;
	clear:both;
	color:#333333 !important;
	display:block;
	font-size:12px;
	font-weight:normal;
	line-height:170%;
	margin:0;
	padding:0 10px 10px;
}

.cornerfoot08 a {
	border-bottom: 1px dotted #1E5B7E;
	clear:none;
	color:#1E5B7E !important;
	display:inline;
	font-weight:normal;
	text-decoration:none !important;
}

.cornerfoot08 a:hover{
	text-decoration: none;
	color: #880000 ! important;
	border-bottom: solid 1px #880000;
}

.column_rwweb .cornerfoot08,
.column_rwweb .cornerfoot08 .title08 {
	border-color:#ECE5D4;
}

.column_rwweb .cornerfoot08 {
	background:none repeat scroll 0 0 #FDF9F0;
}

.column_rwweb .cornerfoot08 span {
	background:url("/media/2006/rwweb/logo.gif") no-repeat scroll 0 0 transparent;
}

.cornerfoot08 span {
	background:none repeat scroll 0 0 transparent;
	border:medium none;
	clear:both;
	display:block;
	height:auto;
	margin:0;
	min-height:70px;
	padding:0 0 0 70px;
}

.profile08 {
	background:none repeat scroll 0 0 #EEEEEE;
	border:1px solid #CCCCCC;
	clear:both;
	display:block;
	height:auto;
	margin:0 0 20px;
	min-height:140px;
	padding:0;
}

.profile08 .name08,
.profile08 .companyname08,
.profile08 .position08,
.profile08 p {
	background:none repeat scroll 0 0 transparent;
	border:medium none;
	clear:both;
	color:#333333 !important;
	display:block;
	font-size:12px;
	font-weight:normal;
	line-height:120%;
	margin:0 0 5px;
	padding:0 10px;
}

.profile08 .name08 {
	font-size:14px;
	font-weight:bold;
	padding-top:15px;
}

.profile08 .companyname08{
	background:none repeat scroll 0 0 transparent;
	border:medium none;
	clear:both;
	color:#333333 !important;
	display:block;
	font-size:12px;
	font-weight:normal;
	line-height:120%;
	margin:0 0 5px;
	padding:0 10px;
}

#contents_l .block_story .profile08 h3.companyname08{
	margin:0 0 5px;
	padding:0 10px;
}

#contents_l .block_story .profile08 h3.companyname08 a{
	color:#1E5B7E !important;
}

#contents_l .block_story .profile08 h3.companyname08 a:hover{
	text-decoration: none;
	color: #C00 ! important;
	border-bottom: solid 1px #880000;
}


#contents_l .block_story .profile08 h4.position08 {
	border-bottom:1px solid #CCCCCC;
	margin:0 0 10px;
	padding:0 10px 10px;
}


#contents_l .block_story .profile08 p a{
	border-bottom: 1px dotted #1E5B7E;
	color:#1E5B7E !important;
	text-decoration: none;
}

#contents_l .block_story .profile08 p a:hover{
	text-decoration: none;
	color: #C00 ! important;
	border-bottom: solid 1px #880000;
}

#contents_l .block_story p.companyname08 a{
	font-weight: bold;
	text-decoration: none;
	border-bottom: none;
}

.column_rwweb .profile08,
.column_rwweb .profile08 .border08{
	border-color:#ECE5D4;
}

.column_rwweb .profile08{
	background:url("/media/2006/rwweb/prof.jpg") no-repeat top right #FEFBF6;
}

.column_rwweb .profile08 h2.name08 {
	color:#7B0A00 !important;
}



.profile09,
.profile10 {
background-color:#F3F7F8;
border:1px solid #CCCCCC;
clear:both;
margin:0 0 20px;
padding:10px;
font-size: 12px;
line-height: 1.5;
overflow: hidden;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-moz-box-shadow: inset 0px 0px 2px #ccc;
-webkit-box-shadow: inset 0px 0px 2px #ccc;
box-shadow: inset 0px 0px 2px #ccc;
}
.profile09 .authorarea {
margin-bottom: 10px;
border-bottom: 1px solid #cccccc;
-moz-box-shadow: 0px 1px 0 #ffffff;
-webkit-box-shadow: 0px 1px 0 #ffffff;
box-shadow: 0px 1px 0 #ffffff;
}


.profile09 .name,
.profile10 .name {
margin-bottom: 10px;
font-size: 140%;
font-weight: bold;
width: 100% !important;
float: none !important;
} 
.profile09 .company,
.profile10 .company {margin-bottom: 5px;}
.profile09 .position,
.profile10 .position {marign-bottom: 10px;}
.profile09 dl,
.profile10 dl {
clear: both;
padding: 10px 0;
}
.profile09 dt,
.profile10 dt {
margin-bottom: 5px;
padding-left: 5px;
font-size: 120%;
border-left: 3px solid #cccccc;
}
.profile09 dd,
.profile10 dd {
margin: 0 0 5px 8px;
list-style: disc;
}

.profile09 .center,
.profile10 .center {text-align: center !important;}
.profile09 .center img,
.profile10 .center img {margin: 0 5px 10px;}
.profile09 table,
.profile10 table {
width: 100%;
clear: both;
margin: 10px 0 !important;
border: none !important;
table-layout: fixed;
}
.profile09 td,
.profile10 td {
margin: 0 5px !important;
border: none !important;
text-align: center !important;
}
.profile09 .left div,
.profile09 .right div,
.profile10 .left div,
.profile10 .right div {margin-bottom: 5px;}




.profile10 {
padding: 0;
box-shadow: none;
border: none;
}
.profile10 .authorarea {
height: 100px;
background-repeat: no-repeat;
background-position: top center;
}
.profile10 .authorarea img {
position: relative;
top: 15px;
left: 5%;
border-radius: 50%;
border: 5px solid #ffffff;
}
.profile10 .profile_contents {
margin-top: 60px;
padding: 20px;
}






#layout3media ul#layoutmedia:after,
#layout2media ul#layoutmedia:after{
	content: ".";  /* 新しい要素を作る */
	display: block;  /* ブロックレベル要素に */
	clear: both;
	height: 0;
	visibility: hidden;
}

#layout3media ul#layoutmedia,
#layout2media ul#layoutmedia{
	min-height: 1px;
}

* html #layout3media ul#layoutmedia,
* html #layout2media ul#layoutmedia{
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}

.panel .panellist_item span.wrap_qrcode,
.panel .block_header span.wrap_qrcode{
	display: inline;
	background: none;
	height: auto;
	padding: 0;
	margin: 0;
}

.panel .panellist_item span.wrap_qrcode img,
.panel .block_header span.wrap_qrcode img{
	float: none;
	margin: 0;
}

.block_story table{
	margin:0 auto;
}

.block_story object , 
.block_story embed{
	display: block;
	text-align: center;
	margin: 0 auto;
}


.qrwrap:hover{ 
  position: relative;
  top: 0px; left: 0px;
}

.qrwrap .qrlink{ 
}

.qrwrap .qrimg{ 
  position: absolute;
  top: 25px; left:0px;
  text-decoration: none;
  display: none;
}
.qrwrap:hover .qrimg {
  display: block; 
}

/*headline_title
--------------------------------------------------------------*/
.headline_title{
	margin-bottom:5px;
	margin-top: 20px;
}

.headline_title img{
	float: left;
	margin-right: 10px;
	padding: 3px;
	border: 1px solid #CCCCCC;
}
#contents_l .headline_title h3{
	overflow: hidden;
	_zoom:1;
	margin-top: 0;
	margin-bottom: 0;
}

/* appch */

.app_info_temp{
margin: 20px 0;
padding: 15px 20px;
letter-spacing: 0.05em;
line-height: 1.5em;
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;
}

.app_info_temp .app_info_text{
  float: left;
}

.app_info_temp .download_btn{
  float: right;
}

/* appch */

/* app review page */
.app_info_area{
margin: 20px 0;
padding: 15px 20px;
letter-spacing: 0.05em;
line-height: 1.5em;
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;
}

.app_info_area dt{ line-height: 1.5;}
.app_info_area dd{ font-size: 85%; font-weight: bold;}
.app_info_area dd.profile { font-size: 85%; font-weight: normal;}

.app_info_area .app_review { width: 75px; height: 16px; margin: 3px 0 0; !important; background: url(/media/c/2012/images/app/app_review_star.gif) repeat-x bottom left;}
.app_info_area .app_review .star0_5,
.app_info_area .app_review .star1,
.app_info_area .app_review .star1_5,
.app_info_area .app_review .star2,
.app_info_area .app_review .star2_5,
.app_info_area .app_review .star3,
.app_info_area .app_review .star3_5,
.app_info_area .app_review .star4,
.app_info_area .app_review .star4_5,
.app_info_area .app_review .star5 { display:block; height: 16px; background: url(/media/c/2012/images/app/app_review_star.gif) repeat-x top left; text-indent: -9999px;}

.app_info_area .app_review .star0_5 { width: 8px;}
.app_info_area .app_review .star1 { width: 15px;}
.app_info_area .app_review .star1_5 { width: 22px;}
.app_info_area .app_review .star2 { width: 30px;}
.app_info_area .app_review .star2_5 { width: 37px;}
.app_info_area .app_review .star3 { width: 45px;}
.app_info_area .app_review .star3_5 { width: 52px;}
.app_info_area .app_review .star4 { width: 60px;}
.app_info_area .app_review .star4_5 { width: 67px;}
.app_info_area .app_review .star5 { width: 75px;}

.app_info_area ul { clear: both; padding-top: 10px;}
.app_info_area li { display: inline; white-space: nowrap; margin-left: 0 !important; list-style: none !important; font-size: 85%; }
.app_info_area li span{ font-weight: bold;}

.app_info_area .download_btn{ float: right;}
.app_info_area .download_btn img { border-bottom: none !important; }
.app_rank_tab_on{ font-weight:bold; }
.app_rank_tab { cursor: pointer; }


/* pickup */
.pickup_sponsored {
clear: both;
font-size: 85%;
color: #999999;
text-align: right;
}


/* leaf bar graph */
figure {margin: 10px 0;}
figure h2,h2.charttitle {
font-size: 14px;
color: #860000 !important;
background: #d2d3d3 !important;
height: 3px;
line-height: 5px;
margin: 30px 0 20px !important;
font-weight: 700;
}
figure h2 span,h2.charttitle span {
background: white;
padding: 0 10px 0 0;
}
.product {
clear: both;
margin-bottom: 10px;
text-align: left;
position: relative;
overflow: hidden;
}
.name {
width: 20%;
position: relative;
float: left;
margin: 0;
font-size: 13px;
line-height: 1.2em;
}
.barWrap {
display: block;
float: left;
width: 60%;
background-color: #eee;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.12) inset,0 1px 0 #fff;
-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.12) inset,0 1px 0 #fff;
box-shadow: 0 1px 2px rgba(0,0,0,0.12) inset,0 1px 0 #fff;
margin-top: 4px;
margin-bottom: 4px;
margin-left: 10px;
}

.test-0,
.test-1,
.test-2 {
background: #396803;
border: 1px solid #2b4f02;
-webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.4) inset;
-moz-box-shadow: 0 1px 0 rgba(255,255,255,0.4) inset;
box-shadow: 0 1px 0 rgba(255,255,255,0.4) inset;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
display: block;
height: 6px;
}

.test-1 {
  background: #549a04;
  border: 1px solid #478203;
}

.test-2 {
  background: #6FCC05;
  border: 1px solid #62B305;
}

.rating {
width: 15%;
color: #000!important;
position: absolute !important;
left: 90%;
padding-left: 10px;
font-size: 13px;
line-height: 1.2em;
}

figcaption.legend {
overflow: hidden;
border: 1px solid #cccccc;
padding: 10px;
}
figcaption.legend .test-0,
figcaption.legend .test-1,
figcaption.legend .test-2,
.legent_inner .test-0,
.legent_inner .test-1,
.legent_inner .test-2 {
border: none;
border-left: 30px solid #396803;
float: left;
margin: 10px 20px 10px 0;
padding-left: 5px;
width: auto;
height: auto;
display: inline;
background: none;
box-shadow: none;
border-radius: 0;
}
figcaption.legend .test-1,
.legent_inner .test-1 {border-left: 30px solid #549A04;}
figcaption.legend .test-2,
.legent_inner .test-2 {border-left: 30px solid #6FCC05;}


figcaption.editorial {clear: both;}


/*************************
wwdc14_layout_201405\
*************************/



/*counttimer setting*/

.timerarea{
background:url("/media/2014/cnet/sp/wwdc2014/img_count.gif") 0 0 no-repeat;
width:650px;
height:40px;
margin-bottom:20px;
}

.timerarea #WWDC2014CDT{
color:#FFF;
font-weight:bold;
font-size:16px;
padding-top:10px;
padding-left:240px;
display:block;
}

.timerarea #WWDC2014CDT span.day, .timerarea #WWDC2014CDT span.hour, .timerarea #WWDC2014CDT span.min, .timerarea #WWDC2014CDT span.sec{
color:#ffea00;
font-size:28px;
margin:0 4px;
}

#WWDC2014CDT span.txt{
color:#fff;
font-size:16px;
}


.head_timer{
width: 380px;
height: 40px; 
position: absolute; 
left: 300px; 
top: 3px; 
font-size:100%;
/*margin-top:5px;
margin-left:30px;*/
background:url(/media/2014/cnet/sp/wwdc2014/img_count_head.gif) 0 0 no-repeat;
}

.head_wwdc2014_live{
width: 380px;
height: 40px; 
position: absolute; 
left: 300px; 
top: 3px; 
font-size:100%;
background:url(/media/2014/cnet/sp/wwdc2014/img_live_head.gif) 0 0 no-repeat;
}

.head_wwdc2014_open{
width: 380px;
height: 40px; 
position: absolute; 
left: 300px; 
top: 3px; 
font-size:100%;
background:url(/media/2014/cnet/sp/wwdc2014/img_open_head.gif) 0 0 no-repeat;
}

.head_timer #WWDC2014CDT{
color: #333;
font-weight:bold;
font-size:16px;
padding-top:10px;
padding-left:100px;
display:block;
}

.head_timer #WWDC2014CDT span.day, .head_timer #WWDC2014CDT span.hour, .head_timer #WWDC2014CDT span.min, .head_timer #WWDC2014CDT span.sec{
color: #e93a02;
font-weight:bold;
font-size:26px;
margin:0 1px;
}

.head_timer #WWDC2014CDT span.txt{
color:#fff;
font-size:12px;
}

/*counttimer setting end*/






.maintitle{margin-bottom:15px;}

.listtitle{
background:url("/media/2014/cnet/sp/wwdc2014/icon_title.gif") 0 3px no-repeat;
margin-bottom:5px;
padding-left:20px;
font-size:16px;
}

.articlelist_title {
margin-bottom:5px;
padding-left:20px;
font-size:16px;
}

.spgraybox{
border:solid 1px #CCC;
background:#F5F5F5;
}

.summaryarea{padding:15px; font-size:14px;}


.spnewsbox{
overflow:hidden;
}

.spnewsbox_left{
float:left;
width:392px;
}

.spnewsbox_right{
float:right;
width:232px;
}

.spnewslist{
overflow:hidden;
margin-bottom:25px;
}

.spnewslist li{
border-top:solid 1px #CCC;
padding:12px;
}


.spnewslist li:nth-child(even) {
border-top:solid 1px #CCC;
padding:10px;
background:#F9F9F9;
}

.spnewslist img{
float:left;
}

.spnewslist span.date{
display:block;
}

.spnewslist p.summary{
padding-left:99px;
}


.spgraybg{
background:#F9F9F9;
}

.sprecommendnews{
margin-bottom:15px;
padding:15px 0 0 0;
border:solid 1px #CCC;
background:#F5F5F5;
list-style:none;
}

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

.sprecommendnews ul.news_list h3.title{
margin:10px auto 0!important;
text-align:left!important;
}


.playback_list{
padding:11px 11px 0 11px;
}

.playback_thum{
margin-right:5px;
/*margin-bottom:10px;*/
padding-bottom:5px;
float:left;
}

.fin{margin-right:0;}


#alertarea{
float:right;
margin:10px auto 15px;
/*border: 1px solid #CCC;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
background: #F5F5F5;*/
/*padding:2px;*/
}


#story_alert_btn_wwdc {
vertical-align: middle;
cursor: pointer;
/*background:url("/media/2014/cnet/sp/wwdc2014/icon_alert.gif") 1px 3px no-repeat;
font-size:12px;
color:#333;
padding-left:17px;*/
}

#social_bkm_wrap_wwdc {
  float: left;
  text-align: left;
  padding: 0;
  margin: 10px 0 15px;
  position: relative;
  z-index: 1;
}

#social_bkm_wrap_wwdc li {
  background: none;
  float: left;
  position: relative;
  z-index: 1001;
  padding: 0;
  margin-bottom: 10px;
  list-style: none;
  border: none;
}

/*
#social_bkm_wrap_wwdc li#leaf_sbm_button_space_facebook{heigt:0 !important;}

#social_bkm_wrap_wwdc li#leaf_sbm_button_space_twitter{heigt:0 !important;}

#social_bkm_wrap_wwdc li#leaf_sbm_button_space_googleplus1{heigt:0 !important;}

#social_bkm_wrap_wwdc li#leaf_sbm_button_space_hatena{heigt:0 !important;}

#social_bkm_wrap_wwdc li#leaf_sbm_button_space_pocket{heigt:0 !important;}

#social_bkm_wrap_wwdc li#leaf_sbm_button_space_pocket{
margin-left:5px !important;
heigt:0 !important;
}
*/