body {
	padding: 0;
	margin: 0;
	font-family:"ＭＳ Ｐゴシック",Tahoma;
	font-size: 15px;
	-webkit-text-size-adjust: none;
}
ul,li {
	list-style-type:none;
	margin: 0;
	padding: 0;
}

img,fieldset {border:0}
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;
}

.prev_link{
	display: none;
}

.next_link{
	display: none;
}

.permalink{
	display: none;
}

.story_id{
	display: none;
}

.clbth{
	clear: both;
}

.search_hilight{
	background-color: #ffff66;
}


/*----- ▼clearfix ▼ -----*/

.clearfix:after {
	content: ".";  /* 新しい要素を作る */
	display: block;  /* ブロックレベル要素に */
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}
/*----- ▲clearfix ▲ -----*/



/* masthead
---------------------------------------*/
.masthead{
	background: #000000;
	border-bottom: 2px solid #666;
	padding: 3px 3px 0px 0px ;
	height: 50px;
	width:100%;
	overflow: hidden;
}
	.masthead .logo{
		float: left;
	}

	.masthead .beta{
		float:right;
		color:#FFFFFF;
		font-size:12px;
		margin:5px;
		text-align:right;
	}


/* footer
---------------------------------------*/
.change_viewer{
	display: block;
	height:35px;
	background: #333 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: #000000;
	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:#FFFFFF;
}


/* article
------------------------------------*/
#block_article_header{
	color: #000;
	padding: 10px 10px;
	border-bottom: 1px solid #ccc;
}
	#block_article_header .title{
		font-size: 16px;
	}
	#block_article_header .property{
		font-size: 10px;
		color: #333;
	}
	#block_article_header .date{
		margin-bottom: 5px;
	}
	#block_article_header .summary{
		clear: both;
		font-size: 15px;
		line-height: 1.5em;
		margin-bottom:20px;
	}

	#block_article_header .top_img{
		float: left;
		margin: 3px 5px 0 0px;
		padding:0 5px 5px 0px;
/*		-webkit-animation-name: article-img;
		-webkit-animation-delay: 0s;
		-webkit-animation-duration: 1s;  
*/
	}

#block_article{
	padding: 0;
}
	#block_article .property{
		
		color: #4f4f4f;
	}

.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 ul{
		margin: 0;
		padding:0;
	}


	.article_body .photoreport li{
		margin: 0;
		padding: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{
	overflow: hidden;
	}
	.block_tools ul{
		float: right;
		margin: 0;
		padding: 2px 0;
	}
	.block_tools li{
		float: left;
		margin-right:5px;
	}
	.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: 0;
		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;
	font-size: 14px;
	font-weight: bold;

	height: 20px;
	padding: 0 0 0 5px;
}
	.section_title:before{
		content: "■";
		color: #fc0;
		margin-right: 3px;
	}


/* story_list
--------------------------------*/
.story_list {
	margin: 0;
	padding: 0 0 0 0;
}
	.story_list li {
		list-style:none;
		position: relative;
		zoom: 1;
		margin: 0;
	}
	.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;
		margin: 0;
	}
	.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: 14px;
		margin: 0;
	}
	.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;
		float: left;
		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;
		font-weight: bold;
		font-size: 16px;
		background: #fafafa;
		color: #000;
		text-decoration: none;
		text-align: center;
		border-top: 1px solid #ccc;
		margin:0px 0 5px 0;
		padding:10px 0;
	}


/*  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.1em;
	width: 100%;
	overflow: hidden;
	border: 1px solid #ccc;
	padding: 1px 2px;
}



/* 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;
	}



/* 新規追加分
-------------------------------------*/
.top_list{
	background:#e8e8e8 url("/media/2010/mobile/w/img/list_bg.png") repeat-x;
}

.top_list a{
	display:block;
	background:url("/media/2010/mobile/w/img/arrow_r.gif") no-repeat scroll right;
	padding:5px;
	border:1px solid #666666;
	margin-bottom:1px;
	padding-right:20px;
}

.top_list img{
	float:left;
	padding-right:5px;
	_zoom: 1;     
	overflow: hidden;  
}

.top_list .property{
	font-size:12px;
}

.top_list .list_ttl{
	_zoom: 1;
	overflow: hidden;
}


h1.ttl{
	font-size:16px;
	margin:0;
	padding:0;
	float:left;
}

blockquote{
	border-left:4px solid #CCC8B8;
	margin-bottom:1em;
	margin-left:5px;
	padding-left:4px;
}


/*article_body
-------------------------------------*/

.article_body {
font-size:medium;
letter-spacing:0.04em;
line-height:1.5em;
margin-bottom:40px;
}

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 {
background:none repeat scroll 0 0 transparent;
border:medium none;
color:#000000;
font-size:18px;
font-weight:bold;
height:auto;
line-height:1.4em;
margin:0 0 15px;
padding:0;
}

.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;
}

.notes, .leaf_body_foot {
clear:both;
color:#666666;
font-size:12px;
line-height:1.1em;
}

.notes a, .leaf_body_foot a {
background:url("/media/z/2006/img/list_marker_s1.gif") no-repeat scroll left center transparent;
padding-left:10px;
}

.article_body blockquote {
border-left:4px solid #CCC8B8;
margin-bottom:1em;
margin-left:30px;
padding-left:4px;
}

.article_body .left img, .article_body .right img, .article_body .center img {
clear:both;
margin:5px auto 7px;
padding:0;
}

.article_body .left, .article_body .right, .article_body .center {
clear:both;
color:#666666;
display:block;
font-size:12px;
line-height:1.3em;
padding:0;
}

.article_body .left {
float:left;
margin:5px 10px 5px 0;
text-align:left;
}

.article_body .right {
float:right;
margin:5px 0 5px 10px;
text-align:left;
}

.article_body .center {
margin:0 auto;
text-align:center;
}

.article_body .center img {
text-align:center;
}

.article_body table {
background-color:#CCCCCC;
border:0 solid #CCCCCC;
clear:both;
color:#666666;
font-size:14px;
line-height:1.2em;
margin:0;
padding:0;
}

.article_body table caption {
background-color:#FFFFFF;
color:#999999;
font-size:14px;
font-weight:bold;
line-height:1.2em;
margin:0;
padding:0 0 5px;
text-align:left;
}

.article_body table th, .article_body table td {
margin:0;
padding:2px 5px 3px;
}

.article_body table th {
background-color:#003399;
color:#FFFFFF;
font-size:14px;
font-weight:bold;
line-height:1.2em;
text-align:center;
}

.article_body table thead th {
background:none repeat scroll 0 0 #003399;
color:#FFFFFF;
font-weight:bold;
}

.article_body table tbody th {
background-color:#0058AF !important;
color:#FFFFFF;
font-weight:bold;
}

.article_body table td {
background-color:#FFFFFF;
color:#666666;
font-size:14px;
font-weight:normal;
line-height:1.2em;
text-align:center;
}

.article_body ul {
clear:both;
margin:0 0 30px 20px;
padding:0;
}

.article_body .center ul {
margin-left:20px;
}

.article_body ul li {
line-height:1.5em;
list-style-image:url("/media/z/2006/img/list_style_image_zd.gif");
list-style-type:disc;
margin:10px 0;
padding:0;
}

.article_body ol {
clear:both;
line-height:1.5em;
list-style-type:decimal;
margin:0 0 30px 50px;
padding:0;
}

.article_body ol li {
list-style-type:decimal;
margin:10px 0;
padding:0;
}

.article_body .textlink {
border:2px solid #1E5C99;
display:block;
margin:0 0 5px;
padding:5px 8px;
}

.article_body .textlink h4 {
border-bottom:1px dotted #1854A4;
font-size:12px;
font-weight:bold;
letter-spacing:0.1em;
margin:0 0 5px;
padding:0 0 5px;
}

.article_body .textlink h4 a {
background:url("/media/z/2006/img/list_marker_s3.gif") no-repeat scroll left center transparent;
margin:0;
padding:0 0 0 10px;
text-decoration:none;
}

.article_body .textlink h4 a:link, .article_body .textlink h4 a:visited {
color:#000000;
}

.article_body .textlink h4 a:hover {
color:#660000;
text-decoration:underline;
}

.article_body .textlink p {
font-size:14px;
margin:0;
padding:0;
}

.article_body .textlink p a:link, .article_body .textlink p a:visited {
color:#1854A4;
text-decoration:none;
}

.article_body .textlink p a:hover {
color:#660000;
text-decoration:underline;
}

.article_body code {
margin:0;
padding:0
}

