body {
	padding: 0;
	margin: 0;
	font-family:verdana;
	font-size: 15px;
	-webkit-text-size-adjust: none;
}
ul,li {list-style-type:none}
img,fieldset {border:0}
input,button,textarea,select{font:14px tahoma, arial}
button{font-weight:bold}

h1,h2,h3,h4,h5,h6{display: inline; font-size: 100%; font: inherit; color: inherit; }



.contents {
	padding: 0;
	margin: 0;
	min-height: 480px;
	position:relative;
	width: 100%;
}

.contents_body{
	line-height: 20px;
}

img{
	max-width: 100%;
}

.prev_link{
	display: none;
}

.next_link{
	display: none;
}

.permalink{
	display: none;
}

.story_id{
	display: none;
}

.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix{
	zoom:1;
} 
.clbth{
	clear: both;
}

.search_hilight{
	background-color: #ffff66;
}

/* loading
---------------------------------------------*/
.loading{
	margin: 15px 0;
	width: 100%;
	text-align: center;
	line-height: 32px;
	font-size: 14px;
}
.loading img{
	vertical-align:middle;
	margin-right: 10px;
}


/* masthead
---------------------------------------*/
.masthead{
        background: url("/media/c/2012/images/mini/header.jpg") no-repeat 80% 0 #2a0000;
//	background: #000;
//	border-bottom: 2px solid #666;
//	padding: 3px 3px 0px 0px ;
	height: 60px;
	overflow: hidden;
}
	.masthead .logo{
		float: left;
	}
	.masthead .search{
		float: left;
		margin: 0 5px;
	}
	.masthead .search form{
		position:relative;
	}
	.masthead .search input[type=text]{
		font-size:12px;
		height:20px;
		width: 100px;
		position: absolute;
		top: 17px;
		left: 0;
	}
	.masthead .search input[type=submit]{
		display: none;
                position: absolute;
                right: 0;
                border: none;
                background: transparent;
                text-indent: -9999px;
	}
	.masthead .search button{
		height: 28px;
		width: 28px;
		background: url(/media/2009/mobile/200909/img/sprite_common_image.png) no-repeat -90px -3px;
		border: none;
		position: absolute;
		top: 10px;
		left: 90px;
	}

	.masthead .nav{
		float: right;
		line-height: 30px;
		position: relative;
		top: 12px;
		width: 77px;
	}
	.masthead .masthead_pagination{
		display: block;
		float: left;
		background: #ccc url(/media/2009/mobile/200909/img/white_gross.png) repeat-x 0 -3px;
		border: 1px solid #666;
		width: 35px;
		cursor: pointer;
	}
	.masthead #masthead_next.masthead_pagination{
		-moz-border-radius-topright:5px;
		-moz-border-radius-bottomright:5px;
		-webkit-border-top-right-radius:5px;
		-webkit-border-bottom-right-radius:5px;
		border-left: none;
	}
	.masthead #masthead_prev.masthead_pagination{
		-moz-border-radius-topleft:5px;
		-moz-border-radius-bottomleft:5px;
		-webkit-border-top-left-radius:5px;
		-webkit-border-bottom-left-radius:5px;
	}
	.masthead .masthead_pagination .nav_box {
		display: block;
		width: 35px;
		background: url(/media/2009/mobile/200909/img/sprite_common_image.png) no-repeat;
		text-indent: -9999px;
	}
	.masthead #masthead_next.masthead_pagination .nav_box {
		background-position: 10px 5px;
	}
	.masthead #masthead_next.masthead_pagination.nonactive .nav_box,
	.masthead #masthead_prev.masthead_pagination.nonactive .nav_box {
		opacity: 0.30;
	}
	.masthead #masthead_prev.masthead_pagination .nav_box {
		background-position: -23px 5px;
	}

/* footer
---------------------------------------*/
.change_viewer{
	display: block;
	height:35px;
	background: #000 url(/media/2009/mobile/200909/img/white_gross.png) repeat-x bottom center;
	text-decoration: none;
	color: #fff;
	text-shadow: #222 1px 1px 1px;
	line-height: 35px;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	border-top: 1px solid #666;
	cursor: pointer;
}
.footer{
	background: #000;
	position:relative;
	border-top: 2px solid #999;
	padding: 5px;
	}
	.footer .copyright{
		font-size: 8px;
		color:#FFF;
	}
	.footer .copyright img{
		float: left;
		margin: 0 5px 5px 0;
	}
	.footer .copyright .center{
		text-align: center;
		font-size: 12px;
		margin: 5px 0;
	}

	.footer .copyright a{
		color:#FFF;
	}



/* article
------------------------------------*/
#block_article_header{
	color: #000;
	padding: 10px 10px;
	border-bottom: 1px solid #ccc;
}
	#block_article_header .title{
		font-size: 18px;
		font-weight: bold;
	}
	#block_article_header .property{
		font-size: 12px;
		color: #333;
	}
	#block_article_header .date{
		margin-bottom: 5px;
	}
	#block_article_header .summary{
		clear: left;
		font-size: 15px;
		line-height: 1.5em;
		letter-spacing: -0.2px;
	}

	#block_article_header img{
		float: left;
		margin: 3px 5px 25px 0px;
/*		-webkit-animation-name: article-img;
		-webkit-animation-delay: 0s;
		-webkit-animation-duration: 1s;  
*/
	}

#block_article{
	padding: 0 10px;
}
	#block_article .property{
		color: #4f4f4f;
	}
/*---------- 記事　タイトル ----------*/
.article_header {
	clear: both;
	position: relative;
	margin: 0;
	padding-bottom:15px;
	zoom:1;
	}
	.article_header:after {
		content:""; display:block; height:0px; clear:both;
		}
	.article_header img {
		float:left;
		margin-right:10px;
		border: 1px solid #666;
		}
	.article_header h1 {
		height: auto;
		margin:0;
		padding: 0;
		padding-bottom:5px;
		background: none;
		color: #000;
		font-size:18px;
		line-height:1.2em;
		font-weight:bold;
		}
		.article_header h1 a {
			color: #000;
			}
		.article_header h1 a:hover {
			color: #600;
			text-decoration: none;
			}
		.article_header h1 a:visited {
			color: #000;
			}


/*---------- 記事　本文 ----------*/
.article_body {
	margin-bottom: 40px;
	font-size:medium;
	line-height: 1.5em;
	letter-spacing: 0.04em;
	}
	html > body .article_body {
		font-size: 16px;
		}
	.article_body p {
		margin-bottom:1em;
		}

.article_body h2,
.article_body h3,
.article_body h4,
.article_body h5,
.article_body h6 {
        display: block;
	height: auto;
	margin:0;
	padding: 0;
	margin-bottom: 15px;
	background: none;
	color: #000;
	font-size:18px;
	line-height:1.4em;
	font-weight:bold;
	border: none;
}
.article_body h4,
.article_body h5,
.article_body h6 {
	font-size:medium;
	}
html > body .article_body h4, 
html > body .article_body h5, 
html > body .article_body h6 {
		font-size: 16px;
		}

*html body .frame_bnet .article_body p br {
		letter-spacing: 0;
		}

/*---------- 記事　本文　フッター要素 ----------*/
.notes, 
.leaf_body_foot {
	clear:both;
	font-size:12px;
	line-height:1.1em;
	color:#666;
	}
	.notes a, 
	.leaf_body_foot a{
		padding-left: 10px;
		background:url("/media/z/2006/img/list_marker_s1.gif") left center no-repeat;
		}

.leaf_body_story_alert {
	font-size:12px;
	line-height:1.1em;
	color:#666;
}
.leaf_body_story_alert a{
	padding-left: 10px;
	background:url("/media/z/2006/img/list_marker_s1.gif") left center no-repeat;
}

.article_body blockquote {
	margin-left:30px;
	border-left:4px solid #ccc8b8;
	padding-left:4px;
	margin-bottom:1em;
	} 

/* Media -------------------- */
.article_body .left img,
.article_body .right img,
.article_body .center img {
	margin: 5px auto 7px auto;
	padding: 0px;
	/*display: block;*/
	clear: both;
	}
.article_body .left,
.article_body .right,
.article_body .center {
	padding: 0px;
	color: #666;
	font-size: 12px;
	line-height: 1.3em;
	display: block;
	clear: both;
	}
.article_body .left {
	margin: 5px 10px 5px 0px;
	float: left;
	text-align: left;
	}
.article_body .right {
	margin: 5px 0px 5px 10px;
	float: right;
	text-align: left;
	}
.article_body .center {
	margin: 0px auto;
	text-align: center;
	}
.article_body .center img {
	text-align: center;
	}

/* Table -------------------- */
.article_body table {
	margin: 0px;
	padding: 0px;
	color: #666;
	font-size: 14px;
	line-height: 1.2em;
	background: #CCC;
	border: 0px solid #CCC;
	clear: both;
	}
.article_body table caption {
	margin: 0px;
	padding: 0px 0px 5px 0px;
	color: #999;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.2em;
	text-align: left;
	background: #FFF;
	}
.article_body table th,
.article_body table td {
	margin: 0px;
	padding: 2px 5px 3px 5px;
	}
.article_body table th {
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.2em;
	text-align: center;
	background: #039;
	}
.article_body table thead th {
	color: #FFF;
	font-weight: bold;
	background: #039;
	}
.article_body table tbody th {
	color: #FFF;
	font-weight: bold;
	background: #0058af ! important;
	}
.article_body table td {
	color: #666;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.2em;
	background: #FFF;
	}

/* List -------------------- */
.article_body ul {
	margin: 0px 0px 30px 20px;
	padding: 0px;
	clear: both;
	}
.article_body .center ul {
	margin-left:20px;
	}
.article_body ul li {
	margin: 10px  0px;
	padding: 0px;
	list-style-type: disc;
	list-style-image : url("/media/z/2006/img/list_style_image_zd.gif");
	line-height: 1.5em;
	}
.article_body ol {
	list-style-type: decimal;
	margin: 0px 0px 30px 50px;
	padding: 0px;
	line-height: 1.5em;
	clear: both;
	}
.article_body ol li {
	margin: 10px  0px;
	padding: 0px;
	list-style-type: decimal;
	}

/* Textlink -------------------- */
.article_body .textlink {
	margin: 0 0 5px 0;
	padding: 5px 8px 5px 8px;
	border: 2px solid #1e5c99;
	display: block;
	}
.article_body .textlink h4 {
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
	font-weight: bold;
	font-size: 12px;
	letter-spacing: .1em;
	border-bottom: 1px dotted #1854A4;
	}
.article_body .textlink h4 a {
	margin: 0;
	padding: 0 0 0 10px;
	text-decoration: none;
	background: url(/media/z/2006/img/list_marker_s3.gif) no-repeat left center;
	}
.article_body .textlink h4 a:link,
.article_body .textlink h4 a:visited {
	color: #000;
	}
.article_body .textlink h4 a:hover {
	text-decoration: underline;
	color: #600;
	}
.article_body .textlink p {
	margin:0;
	padding:0;
	font-size: 14px;
	}
.article_body .textlink p a:link,
.article_body .textlink p a:visited {
	text-decoration: none;
	color: #1854A4;
	}
.article_body .textlink p a:hover {
	text-decoration: underline;
	color: #600;
	}

/* inline source code for article
-------------------- */
.article_body code {
	margin: 0;
	padding: 0;
	}
.article_body pre {
	width: 460px;
	clear: both;
	margin: 0 auto 1em auto;
	border: 1px solid #c7dae2;
	padding: 5px;
	overflow: auto;
	font-face: monospace;
	font-size: 12px;
	background: #e7f0f4;
	line-height:1.4em;
	}

/* Profile -------------------- */
.frame_col_left .profile {
	width: 470px;
	margin: 0 0 20px 0;
	padding: 0;
	background: #ECECEC;
	border: solid 2px #999;
	display: block;
	clear: right;
	}
.frame_col_left .profile h5 {
	margin: 0;
	padding: 15px 20px 10px 20px;
	font-size: 14px;
	font-waight: bold;
	color: #333;
	border-bottom: solid 1px #999;
	background: none;
	}
.frame_col_left .profile h5 span {
	font-size: 12px;
	display: block;
	clear: both;
	}
.frame_col_left .profile p {
	margin: 0;
	padding: 5px 20px;
	font-size: 12px;
	color: #333;
	}
.frame_col_left .profile img {
	margin: 10px;
	padding: 0;
	border: solid 2px #999;
	}

/*---------- 記事　右コラム ----------*/

.frame_col_article_right ul,
.frame_col_corp_right ul {
	border-right: 1px solid #1854A4;
	}
.frame_col_article_right li, 
.frame_col_corp_right li {
	font-size:12px;
	line-height:1.1em;
	padding-top: 4px;
	padding-bottom: 4px;
	background: url("/media/z/2006/img/list_marker_s1.gif") 0px 7px no-repeat;
	}
	.frame_col_article_right li.last {
		}
.frame_col_article_right li a, 		
.frame_col_corp_right li a {
	color: #036;
	font-size:12px;
	line-height:1.1em;
	padding-left: 10px;
	display: block;
	}
.frame_col_article_right h6,
.frame_col_corp_right h6 {
	color:#fff;
	font-size:10px;
	line-height:1.8em;
	height:18px;
	overflow: hidden;
	margin:0;
	padding: 0 0 0 22px;
	background: url("/media/z/2006/img/heding_background_related.gif") top left no-repeat;
	}

.frame_col_corp_right .property {
	display: block;
	}



/*---------- 記事　右コラム　ホワイトペーパー ----------*/
.frame_col_article_right .navi_paper li {
	background-image: none;
	zoom:1;
	}
	.frame_col_article_right .navi_paper li :after {
		content:""; display:block; height:0px; clear:both;
		}
.frame_col_article_right .navi_paper li a {
	padding-left:0;
	}
.frame_col_article_right .navi_paper li a img {
	float:left;
	margin-right:5px;
	border: 1px solid #666;
	}



/*----------  記事　右コラム上　ページ送り ----------*/
.navi_paging_top h6 {
	padding: 0 0 0 5px;
	background: url("/media/z/2006/img/heding_background3.gif") top left no-repeat;
	}
.navi_paging_top ul {
	padding: 2px 0 5px 0;
	text-align: center;
	}
.navi_paging_top li {
	display: inline;
	font-size:14px;
	font-weight: bold;
	line-height:1.1em;
	background: none;
	}
	.navi_paging_top li a {
		display: inline;
		padding: 4px 1px;
		color: #036;
		font-size:14px;
		background: none;
		font-weight: normal;
		}
	.navi_paging_top li a:hover {
		background-color: #374769;
		color: #fff;
		text-decoration: none;
		}

/*----------  記事下　ページ送り ----------*/
hr.no_paging {
	clear: both;
	height: 1px;
	margin-top: 35px;
	margin-bottom: 40px;
	border: none;
	border-top: 1px solid #1854A4;
	}
.article_leaf_paging {
	clear: both;
	position: relative;
	height: 16px;
	overflow: hidden;
	margin-top: 35px;
	margin-bottom: 2px;
	border: 1px solid #ccc;
	border-top: 1px solid #1854A4;
	background-color: #eee;
	line-height:1em;
	}
.article_leaf_paging ul {
	padding: 2px 0;
	text-align: center;
	}
.article_leaf_paging li {
	display: inline;
	font-size:14px;
	font-weight: bold;
	}
	.article_leaf_paging li a {
		padding: 4px 3px;
		background: none;
		color: #036;
		font-size:14px;
		font-weight: normal;
		}
		.article_leaf_paging li a:hover {
			color: #fff;
			text-decoration: none;
			background-color: #374769;
			}

a.article_leaf_paging_next,
a.article_leaf_paging_prev {
	display: block;
	position: absolute;
	padding: 1px 8px;
	font-size:12px;
	font-weight: bold;
	}
	.article_leaf_paging_next_sc,
	.article_leaf_paging_prev_sc,
	a.article_leaf_paging_next:hover,
	a.article_leaf_paging_prev:hover {
		color: #fff;
		text-decoration: none;
		background-color: #374769;
		}

a.article_leaf_paging_prev {
	left: 0; top: 0;
	border-right: 1px solid #ccc;
	}
a.article_leaf_paging_next {
	right: 0; top: 0;
	border-left: 1px solid #ccc;
	}
.article_leaf_paging_key{
	margin-bottom: 40px;
	text-align: center;
	font-size: 10px;
	color: #666;
	}

/*----------  記事下　企業 ----------*/
.block_ch_article_relate_org {
	position: relative;
	width:468px;
	margin:0 0 15px 16px;
	padding:0;
	text-align:left;
	}
.block_ch_article_relate_org h5 {
	margin-bottom: 1px;
	}
.block_ch_article_relate_org ul {
	zoom: 1;
	background: #fff url("/media/z/2006/img/background_stripe1.gif") top left repeat;
	border:1px solid #1854A4;
	border-top: none;
	padding: 5px 10px;
	}
	.block_ch_article_relate_org ul:after {
		content:""; display:block; height:0px; clear:both;
		}
.block_ch_article_relate_org li {
	float: left;
	padding-left:10px;
	padding-right:15px;
	background:url(/media/z/2006/img/list_marker_s1.gif) left center no-repeat;
	font-size:12px;
	font-weight:bold;
	line-height:1.4em;
	white-space: nowrap;
	}
 
/*----------  記事下　バックナンバーと関連記事 ----------*/
.block_article_left_related{
        border: 1px solid #ccc;
        padding: 8px;
        margin-bottom: 20px;
        background: url(/media/z/2006/img/background_related_article.gif) bottom repeat-x;
        font-size: 12px;
				}

.block_article_left_related h6 {
        text-align: left;
        margin-bottom: 10px;
        padding-bottom: 5px;
        border-bottom: 1px dashed #ccc;
        } 

.block_article_left_related li{
	font-size:12px;
	line-height:1.1em;
	padding-top: 4px;
	padding-bottom: 4px;
	background: url("/media/z/2006/img/list_marker_s1.gif") 0px 7px no-repeat;
	}
	.block_article_left_related li.last {
		}
.block_article_left_related li a{
	color: #036;
	font-size:12px;
	line-height:1.1em;
	padding-left: 10px;
	display: block;
	}

/* commentFrame -------------------------- */
.articleCommentFrame{
	margin: 0 !important;
	}
	.articleCommentFrame .item{
		list-style: none;
		margin-top: 1em;
		margin-left: 0;
		padding-bottom: 1em;
		border-bottom: 1px dotted #ccc;
		margin-bottom: 1em;
		min-height:60px;
		_height: 60px; /* for ie6 */
	}

	.articleCommentFrame .item .photo{
		display:block;
		margin:0 5px 0 5px;
		float: left;
	}
	.articleCommentFrame .item .photo img{
		border: 1px solid #999999
	}
	.articleCommentFrame .item .author{
		margin: 0 0 20px 0;
		font-size: 13px;
		line-height: 1.2em;
	}
	.articleCommentFrame .item .author .name{
		font-weight: bold;
	}
	.articleCommentFrame .item .author .org{
		color: #666;
	}

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

/*--- 2003.1-2006.3までの過去記事互換CSS start ----*/

	/* margin */
	.ml5 {margin-left:5px;}
	.ml10 {margin-left:10px;}
	.ml15 {margin-left:15px;}
	.ml20 {margin-left:20px;}
	.mr5 {margin-right:5px;}
	.mr10 {margin-right:10px;}
	.mr15 {margin-right:15px;}
	.mr20 {margin-right:20px;}
	.mt3 {margin-top:3px;}
	.mt5 {margin-top:5px;}
	.mt10 {margin-top:10px;}
	.mt15 {margin-top:15px;}
	.mt20 {margin-top:20px;}
	.mb3 {margin-bottom:3px;}
	.mb5 {margin-bottom:5px;}
	.mb10 {margin-bottom:10px;}
	.mb15 {margin-bottom:15px;}
	.mb20 {margin-bottom:20px;}

	.mall5 {margin:5px;}
	.mall10 {margin:10px;}
	.mall15 {margin:15px;}
	.mall20 {margin:20px;}

	/* padding  */
	.pl5 {padding-left:5px;}
	.pl10 {padding-left:10px;}
	.pl15 {padding-left:15px;}
	.pl20 {padding-left:20px;}
	.pr5 {padding-right:5px;}
	.pr10 {padding-right:10px;}
	.pr15 {padding-right:15px;}
	.pr20 {padding-right:20px;}
	.pt5 {padding-top:5px;}
	.pt10 {padding-top:10px;}
	.pt15 {padding-top:15px;}
	.pt20 {padding-top:20px;}
	.pb5 {padding-bottom:5px;}
	.pb10 {padding-bottom:10px;}
	.pb15 {padding-bottom:15px;}
	.pb20 {padding-bottom:20px;}

	.pall5 {padding:5px;}
	.pall10 {padding:10px;}
	.pall15 {padding:15px;}
	.pall20 {padding:20px;}

	.g1 {color: #EEE;}
	.g2 {color: #CCC;}
	.g3 {color: #999;}
	.g4 {color: #777;}
	.g5 {color: #666;}
	.g6 {color: #333;}

	.bd1 {border:solid 1px; border-color: #CCC;}
	.bd2 {border:solid 1px; border-color: #999;}
	.bd3 {border:solid 1px; border-color: #666;}
	.bd5 {border:solid 1px; border-color: #FC0;}
	.bd6 {border:solid 1px; border-color: #900;}
	.bd7 {border:solid 1px; border-color: #C00;}
	.bd-sub {border:solid 1px; border-color:#EEE #CCC #CCC #CCC;}

	.bk1 {background-color: #CCC;}
	.bk3 {background-color: #EEE;}

	.gbox{
		background-color: #EEE;
		border:1px solid #ccc;
		padding:5px;
	}

	.j1, j1 td {font-Size:10px; letter-spacing:0.05em; line-height:1.1em;}
	.j2, j2 td {font-Size:10px; letter-spacing:0.03em; line-height:1.1em;}
	.j3, j3 td {font-Size:12px; line-height:1.1em;}
	.j3w, j3w td {font-Size:12px; line-height:1.3em;}
	.j4, j4 td {font-Size:16px; line-height:1.1em;}
	.j5, j5 td {font-Size:18px; line-height:1.1em;}
	.j6, j6 td {font-Size:20px; line-height:1.1em;}

/*--- 2003.1-2006.3までの過去記事互換CSS end ----*/

/*-- 2013.6.13 Vine additional css --*/
.vine-embed{
   width: 300px;
   max-width: 300px;
}/* app review page */
.app_info_area{
  margin: 10px 0;
  padding: 7px 10px;
  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 .app_review { display:inline-block; 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:inline-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; 
  margin: 5px;
}
.app_info_area li { 
  display: block; 
  margin: 5px 5px 5px 0 !important; 
  list-style: none !important; 
  font-size: 85%; 
}


.app_info_area .download_btn{
}

.app_info_area .download_btn img {
  border-bottom: none !important;
}

.app_info_temp {
  display: none;
}.article_body{}
	html > body .article_body{
		letter-spacing: -0.2px;
		font-size: 15px;
		margin-bottom: 0;
	}
	.article_body .photoreport{
		margin: 10px 0;
		border-top: 1px solid #ccc;
	}
	.article_body .photoreport li{
		margin: 10px 0;
		border-bottom: 1px solid #ccc;
		list-style: none;
	}
	.article_body .photoreport .credit,
	.article_body .photoreport .preface{
		color: #666;
		font-size: 14px;
		line-height: 1.3em;
		margin: 5px 0;
	}

.block_tools{ z-index: 0 }
.block_tools ul{ float: right; margin: 0; padding: 2px 0; }
.block_tools li{ height: 20px; line-height: 20px;  font-weight: bold; float: left; margin:0 2px 2px 0; color: #666; padding: 5px 3px; font-size: 0.9em; }
.block_tools li.btn{
  -moz-border-radius:3px;
	-webkit-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #C6C6C6;
  background: white;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#DFDFDF');
  background: -webkit-gradient(linear, left top, left bottom, from(white), to(#DFDFDF));
  background: -moz-linear-gradient(top, white, #DFDFDF);
}
.block_tools li a{ color: inherit; text-decoration: none; }

.block_tools li.sbm_count_box{
  height: 61px; 
  line-height: 61px;
  margin:0 5px 0 0px;
}

/*
	.block_tools li a,
	.block_tools li .button{
		color: #fff;
		background: #081838 url(/media/2009/mobile/200909/img/gradient_white_to_transparent.png) repeat-x center bottom;
		display: block;	
		-moz-border-radius:3px;
		-webkit-border-radius: 3px;
		-moz-box-shadow: -1px -1px 2px #666;
		-webkit-box-shadow: -1px -1px 2px #666;
		text-shadow: #222 1px 1px 1px;
		padding: 4px 7px;
		font-size: 12px;
		font-weight: bold;
		text-decoration: none;
		float: left;
	}
*/

/*-----------------------------------------
 news_clip  see below japan.cnet.com/clip/
--------------------------------------------*/

.news_clip{
	clear: both;
	margin: 1em 0;
	margin-top: 10px;
	border-top: 1px dotted #ccc;
	padding-top: 10px;
	overflow: hidden;

}
	.news_clip .news_clip_source .right img{ border: 1px solid #ccc; }
	.news_clip .news_clip_source .icon_clipcitation{
		text-indent: -9999px;
		background: url(/media/c/2006/img/icon_tobecontinued.gif) no-repeat;
		width: 30px;
		height: 16px;
		display: block;
	}
	.news_clip a.backlink{
		line-height: 1.3em;
	}
	.news_clip blockquote{
		font-size: 12px;
		line-height: 1.4em;
		border-left: 3px solid #ccc;
		padding-left: 5px;
		margin: 5px 0 0 0;
		color: #666;
	}


.article_pagination{
	margin: 10px 0;
	text-align: center;
}
	.article_pagination a{
		background: #000;
		color: #fff;
		padding: 2px 5px;
		display: inline-block;
		text-decoration: none;
		border: 1px solid #333;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	}


.section_title {
	border-top: 1px solid #ced5db;
	border-bottom: 1px solid #666;
	color: #fff;
	background: #919293;
	text-shadow: #999 1px 1px 2px;
	font-size: 14px;
	font-weight: bold;
	line-height: 30px;
	height: 30px;
	padding: 0 0 0 5px;
}
	.section_title:before{
		content: "■";
		color: #8c0000;
		margin-right: 3px;
	}


/* story_list
--------------------------------*/
.story_list { margin: 0; padding: 0 0 0 0; }
	.story_list li {
		list-style:none;
		position: relative;
		zoom: 1;
	}
	.story_list li a{
		display: block;
		background: #eee url(/media/2009/mobile/200909/img/list_bullet.png) no-repeat center right;
		min-height: 65px;
		border-top: 1px solid #fff;
		border-bottom: 1px solid #aaa;
		clear: both;
		display: block;
		padding: 5px 2px 5px 2px;
		color: #000000; 
		text-decoration: none;
	}
	.story_list li a:hover{
		background-color: #fafafa;
	}
	.story_list li a:active{
		background-color: #ccc;
	}
	.story_list li span.title{
		display: block;
		xdisplay: -moz-box;
		display: -webkit-box;
	        -moz-box-align: center;
        	-webkit-box-align: center;
		
		height: 100%;
		padding: 2px 20px 2px 2px;
		font-weight: bold;
		font-size: 16px;
	}
	.story_list li a:visited span.title{
		font-weight: normal;
	}
	.story_list li span.image{
		display: -moz-box;
		display: -webkit-box;
	        -moz-box-align: center;
        	-webkit-box-align: center;
		height: 100%;
		float: left;
		margin: 5px 3px 3px 0;
	}
	.story_list li img{
		display: block;
		background: #666;
		border: 1px solid #999;
		-moz-border-radius:5px;
		-webkit-border-radius: 5px;
		-moz-box-shadow: 0px 2px 2px #666;
		-webkit-box-shadow: 0px 3px 2px #666;
	}

	.story_list li span.property{
		color: #666;
		font-size: 12px;
		font-weight: normal;
	}
	.story_list li span.summary{
		padding: 2px 20px 2px 2px;
		text-overflow: ellipsis; 
		overflow: hidden; 
		white-space: nowrap;
		font-size: 14px;
		height: 1em;
		display:block;
	}
.story_list2{margin: 0; padding: 0 0 0 0; }
.story_list2 li { list-style:none; padding: 5px; border-bottom: 1px solid #ddd; overflow: auto; }
.story_list2 li:first-child{ border-top: 1px solid #eee; }
.story_list2 li .text{ display: block; overflow: auto; }
.story_list2 li .image{ float: left; margin: 0 5px 5px 0; }
.story_list2 li .title{ font-weight: bold; }

/* pagination
------------------------------------*/
.pagination{}
	.pagination a,
	.pagination span{
		display: block;
		height: 65px;
		line-height: 65px;
		font-weight: bold;
		font-size: 18px;
		background: #fafafa;
		color: #000;
		text-decoration: none;
		text-align: center;
		border-top: 1px solid #ccc;
	}

/*  ad
--------------------------------------*/
.admob { z-index: 10; }
.ad_header, .ad_bottom{ clear: both;}
.ad_header{ text-align: center;}
.ad_header img{ max-width:none}
	ul.story_list li div.ad_header iframe{
		border: 0px none;
		background: none;
		display: block;
		-moz-border-radius: none;
		-webkit-border-radius: 0px;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		margin: 0 auto;
	}


	ul.story_list li div.ad_header a{
		min-height: inherit;
		background: #fff;
		border: none;
		padding: 0;
	}
	ul.story_list li .ad_header a img{
		border: 0px none;
		background: none;
		display: block;
		-moz-border-radius: none;
		-webkit-border-radius: 0px;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		margin: 0 auto;
                
	}

.ad_bottom{
	text-align: center;
	height: 65px;
	}
	.ad_bottom a{
		display: block;
	}
	.ad_bottom a img{
		display: block;
		margin: 0 auto;
	}
	.ad_bottom iframe{
		display: block;
		margin: 0 auto;
	}
.ad_superbanner{
	background: url(/media/2009/mobile/200909/img/advertisement.png) no-repeat top center;
	margin-top: 2px;
	padding-top: 7px;
}

.ad_rect {
text-align: center;
}

/*  omniture iframe
--------------------------------------*/
.omniture_iframe { display: none; }

/*  column footer style
--------------------------------------*/
.profile08{
	width: 100% ! important;
}


/* etc
---------------------------------------*/
.reflect{
}
.block_origurl_top{
	margin: 10px 0 0 0;	
	padding: 0 5px;
	font-size: 12px;
	}
.block_origurl_bottom{
	margin: 0 0 10px 0;	
	padding: 0 5px;
	font-size: 12px;
	}
.block_origurl_bottom .url{
	height: 1.25em;
	width: 300px;
	overflow: hidden;
	border: 1px solid #ccc;
	padding: 1px 2px;
}


/*  block_asahi
-------------------------------------*/
.block_asahi{ border: 1px solid #909999; }
.block_asahi h3 a{
background: #e2e3e4 url(/media/2009/cnet/sp/motorshow2009/h3_bg_asahicom_motorshow.gif) no-repeat center 3px;
padding-left: 0;
height: 25px;
border-bottom: 1px solid #cacaca;
display: block;
text-indent: -9999px;
text-decoration: none;
}

/* tab
--------------------------------------*/
.style_tab{
clear: both;
overflow:hidden;
padding: 5px 0;
}
.style_tab ul{
padding:0;
margin:0 auto;
list-style-type:none;
float:left;
position:relative;
left:50%;
}
.style_tab ul li{
float:left;
position:relative;
right:50%;
line-height: 30px;
}
.style_tab ul li span{
display: block;
border: 1px solid #666;
cursor: pointer;
padding: 0px 9px;
background: #c48a00 url(/media/2009/mobile/200909/img/white_gross.png) repeat-x 0 -3px;
}
.style_tab ul li span a{
font-weight: bold;
font-size: 13px;
text-shadow: #222 1px 1px 1px;
color: #fff;
text-decoration: none;
}
.style_tab ul li .active_tab{}
.style_tab ul li .inactive_tab{background-color: #795500; }
.style_tab ul li:last-child span{
-moz-border-radius-topright:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-right-radius:5px;
border-left: none;
}
.style_tab ul li:first-child span{
border-right:none;
-moz-border-radius-topleft:5px;
-moz-border-radius-bottomleft:5px;
-webkit-border-top-left-radius:5px;
-webkit-border-bottom-left-radius:5px;
}

/* twitter_header
-------------------------------------*/
.twitter_header{
background: #eee;
border-bottom: 1px solid #ccc;
padding: 5px 20px;
}
.twitter_header img{
float: left;
margin: 0 5px 5px 0;
}
.twitter_header span.name{
font-size: 16px;
font-weight: bold;
}


/* button
-------------------------------------*/
.style_buttons{ overflow: hidden; }
	.style_buttons span.button_title{
		display:block;
		float:left;
		padding: 3px 3px;
		margin-right: 5px;
		font-weight: bold;
	}
	.style_buttons a.button, .style_buttons button{
		width:auto;
		display:block;
		float:left;
		border: 1px solid #a7a7a7;
		padding: 5px 10px;
		margin-right: 10px;
		background: #795500 url(/media/2009/mobile/200909/img/white_gross.png) repeat-x 0 -3px;
		font-weight: bold;
		color: #fff;
		text-decoration: none;
		text-shadow: #222 -1px -1px 1px;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-box-shadow: -1px -1px 2px #666;
		-webkit-box-shadow: -1px -1px 2px #666;

	}
	.style_buttons a.button:hover, .style_buttons button:hover{
		background: #bf9e55;
	}
	.style_buttons a.button.next, .style_buttons button.next{
		background-color: #c48a00;
	}
	.style_buttons ul.centering{
		text-align:center;
		float:left;
		position:relative;
		left:50%;
		margin: 0 auto;
		padding: 0;
	}
	.style_buttons ul.centering li{
		float:left;
		position:relative;
		right:50%;
		list-style:none;
	}
	.style_buttons ul.centering li a.button, .style_buttons ul.centering li button{float :none;}
/* global tab
------------------------------------*/

.global_menu{
	border-top: 1px solid #333;
        background:none #39393b;
        background:-moz-linear-gradient(top, #626265 0, #39393b 100%);
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #626265), color-stop(100%, #39393b));
        background:-webkit-linear-gradient(top, #626265 0, #39393b 100%);
        background:-o-linear-gradient(top, #626265 0, #39393b 100%);
        background:-ms-linear-gradient(top, #626265 0, #39393b 100%);
        background:linear-gradient(top, #626265 0, #39393b 100%);
        -webkit-box-shadow:0 1px 1px rgba(160, 160, 160, 0.75) inset,0 -2px 20px rgba(111, 4, 2, 0.8);
        -moz-box-shadow:0 1px 1px rgba(160, 160, 160, 0.75) inset,0 -2px 20px rgba(111, 4, 2, 0.8);
        box-shadow:0 1px 1px rgba(160, 160, 160, 0.75) inset,0 -2px 20px rgba(111, 4, 2, 0.8);
        -moz-text-shadow:0 -1px 0 rgba(0, 0, 0, 0.75);
        -webkit-text-shadow:0 -1px 0 rgba(0, 0, 0, 0.75);
        -khtml-text-shadow:0 -1px 0 rgba(0, 0, 0, 0.75);
        text-shadow:0 -1px 0 rgba(0, 0, 0, 0.75);
//	background: #555 url(/media/2009/mobile/200909/img/globaltab_bg.gif) repeat;
	border-bottom: 1px solid #333;
	height: 68px;
	clear: both;
	}
	.global_menu ul{
		margin: 0;
		padding: 0;
	}
	.global_menu ul li{
		float: left;
		margin: 0 0 0 20px;
	}
	.global_menu ul li:first{
		margin: 0 0 0 8px;

	}
	.global_menu ul li a{
		color: #fff;
		font-weight: bold;
		text-decoration: none;
		font-size: 14px;
		letter-spacing: 0;
		text-shadow: #333 0px -1px 0px;
		block: inline-block;
		line-height: 32px;
		padding: 2px 6px 2px 5px;
	}
	.global_menu ul li.active_tab a{
		background: #444 url(/media/2009/mobile/200909/img/gradient_white_to_transparent_h30.png) repeat-x center bottom;
		-moz-border-radius:3px;
		-webkit-border-radius: 3px;
		-moz-box-shadow: 1px 1px 1px #666;
		-webkit-box-shadow: 1px 1px 1px #666;
	}
	.global_menu ul li a.narrow{
//		letter-spacing: -2px;
	}

#sub-navi{ madding: 6px 0; }
#sub-navi-form{ text-align: center }
#sub-navi-form select{ width: 240px; height: 32px; line-height: 32px;}
#channel_slt{margin-left: 10px}
#login_btn{float: right; margin-right: 10px}
#login_btn div{
  width: 32px; height: 32px; border:1px solid #333; background: #aaa;
  -moz-box-shadow: inset 0 0 3px #666;
  -webkit-box-shadow: inset 0 0 3px #666;
  box-shadow: inset 0 0 3px #666;
}
#login_btn img{width: 32px }

#login_menu{ background: #333;}
#login_navi{margin: 0; padding: 0}
#login_navi li{
  width: 50%;
  float: left;
  text-align: center;
  margin-right: -2px;
  padding: 0.75em 0;
  background: #b5bdc8; /* Old browsers */
  background: -moz-linear-gradient(top,  #b5bdc8 0%, #828c95 18%, #28343b 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b5bdc8), color-stop(18%,#828c95), color-stop(100%,#28343b)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #b5bdc8 0%,#828c95 18%,#28343b 100%); /* Chrome10+,Safari5.1+ */
  background: linear-gradient(top,  #b5bdc8 0%,#828c95 18%,#28343b 100%); /* W3C */
  border-right: 1px solid black;
  -moz-box-shadow: inset 0 0 1px #bbb;
  -webkit-box-shadow: inset 0 0 1px #bbb;
  box-shadow: inset 0 0 1px #bbb;
}
#login_navi li.last{margin: 0}
#login_navi a{color: #fff; text-decoration: none}

/* animation
-------------------------------------*/
/*
@-webkit-keyframes article-img {  
	from {  
		opacity: 0;  
		-webkit-transform: scale(3);  
		-webkit-animation-timing-function: ease-out;  
		-webkit-box-reflect: below 1px -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), color-stop(0.5, rgba(0,0,0,0)), to(rgba(0,0,0,1)));

	}
	50%{
		opacity: 0;  
		-webkit-transform: scale(3);  
		-webkit-animation-timing-function: ease-out;  
		-webkit-box-reflect: below 1px -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), color-stop(0.5, rgba(0,0,0,0)), to(rgba(0,0,0,1)));
	}
	to {  
        	opacity: 1;  
        	-webkit-transform: scale(1);  
        	-webkit-animation-timing-function: ease-in;
		-webkit-box-reflect: below 1px -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), color-stop(0.5, rgba(0,0,0,0)), to(rgba(0,0,0,1)));
	}  
}
*/
/*---------------------------------------------------
 ATODE
 ----------------------------------------------------*/
.atode{ position: relative; }
.atode img{ margin: 0 !important }
.atode_action, .atode_pulldown{ float: left; }
.atode_action{
  background-image: url(/media/c/2012/images/atode/ato_sprite.png);
  background-repeat: no-repeat;
  padding: 0 10px 0 25px;
  margin-right: 5px;
  border-right: 1px solid #c6c6c6;
}
.atode_action.desc{ background-position:0 -180px; padding: 0 5px 0 20px }

.atode_pulldown div{float: left;}
.atode_pulldown.active{}

#atode_overlay{width: 100%; height: 100%; background: #fff; position: fixed; top: 0; left: 0; opacity: 0.6; z-index: 998}
#atode_actions{
  width: 240px;
  background: #fff;
  border: 2px solid #bbb;
  -webkit-box-shadow: 0 0 15px #ccc;
  -moz-box-shadow: 0 0 15px #ccc;
  box-shadow: 0 0 15px #ccc;
  position: absolute;
  left: 50%;
  margin-left: -120px;
  z-index: 999;
}

#atode_actions dl{ padding: 10px; margin: 0 }
#atode_actions dt{ background: #eee; text-align: center; color: #444; font-weight: bold; padding: 3px 0; margin-bottom: 15px; cursor: pointer;}
#atode_actions dd{ margin: 0 0 15px 0; padding-left: 30px; height: 20px; background-image: url(/media/c/2012/images/atode/ato_sprite.png); background-repeat: no-repeat }
#atode_actions a{ color: #666; text-decoration: none }
.atode_clip{ background-position: 0 0; }
.atode_print{ background-position: 0 -20px; }
.atode_ml_pdf{ background-position: 0 -40px; }
.atode_ml_html{ background-position: 0 -60px; }
.atode_ml_epub{ background-position: 0 -80px; }
.atode_ml_text{ background-position: 0 -100px; }
.atode_dl_pdf{ background-position: 0 -120px; }
.atode_dl_epub{ background-position: 0 -140px; }
.atode_dl_text{ background-position: 0 -160px; }

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

.ctooltip .ctooltip-pointer-down, .ctooltip .ctooltip-pointer-down-inner {
  position: absolute; 
  width:0; 
  height:0; 
  border-bottom-width: 0;
  background: none;
}

.ctooltip .ctooltip-pointer-down {	
  border-left: 7px solid transparent; 
  border-right: 7px solid transparent;
  border-top-width: 14px;
  bottom:	-14px;
  right: auto;
  left: 50%;
  margin-left: -7px;
}

.ctooltip .ctooltip-pointer-down-inner {
  border-left: 5px solid transparent; 
  border-right: 5px solid transparent;
  border-top: 10px solid #c6c6c6;
  bottom:	auto;
  top: -14px;
  left: -5px;
}


/*------------------------------------------------------------------------------
 STREAM
 -------------------------------------------------------------------------------*/

.article_body ul.list_streamnews li {
list-style: none;
border-top: 1px solid #cccccc;
}
.list_streamnews li p.icon-tags {
/*position: absolute;*/
position :relative;
top: -10px;
line-height: 0;
}
.list_streamnews p.icon-tags span {
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;
}


/*---------- アップルイベント用スタンプ ----------*/
.welcomeStamp{
  z-index: 9000;
  min-width: 290px;
  margin: 10px auto;
  text-align: center;
  background-color: #ced5db;
  border: 1px solid #666;
  height: 30px!important;
  display: inline-block;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  left: 10px; 
  position: absolute;


  -webkit-animation-name: stamAnime;
  -webkit-animation-duration: 10s;
  -webkit-animation-delay: 1s;

}
@-webkit-keyframes stamAnime{
  0%  {
    bottom: -100px;
    opacity: 0;
  }
  10%  {
    bottom:0px;
    opacity: 1.0;
  }

  80%  {
    bottom: 0px;
    opacity: 1.0;
  }
  100%  {
    bottom: 500px;
    opacity: 0;
  }
}

.closeStamp {
  position: absolute;
  right: -10px;
  top: -10px;
  text-align: center;
  width: 30px;
  height: 30px;
}
.textBlock {
  float:left;
  display: inline-block;
}

/*---------- アップルイベント用スタンプ ----------*/