img { -ms-interpolation-mode: bicubic; } 


/* ----- layout ----- */
	/* ----- global-navi ----- */
	/* ----- extra-title ----- */
h1{
	margin:0;
	}
	
#contents{
	padding:10px 0 0 0;
	background: #fff url("http://www.watch.impress.co.jp/headline/extra/2009/windows7/img/test/local_navi_bg.jpg") repeat-y top left;
}

	/* ----- navi-pane ----- */
#navi-pane{
		display: inline;
		float: left;
		width: 166px;
	}
	
#navi-pane a{
	color:#000;
	}

#navi-pane .section {
			margin: 10px 4px 5px 2px;
		}

#navi-pane .section-box {
			margin: 10px 9px 5px 7px;
			font-size: small;
		}



#navi-pane ul {
	padding-left: 3px;
	}

#navi-pane ul li {
  	margin-bottom: 0.25em;
	padding-left: 0;
	list-style-type: none;
	}

#navi-pane input#search {
	width:110px;
	}







#navi-pane #widget-search h2{
	height: 33px;
	text-indent:-9999px;
	background:url(http://www.watch.impress.co.jp/headline/extra/2009/windows7/img/search_head.jpg) no-repeat;
	margin: 0;
}

#navi-pane #baitai h2{
	height: 32px;
	text-indent:-9999px;
	background:url(http://www.watch.impress.co.jp/headline/extra/2009/windows7/img/media_head.jpg) no-repeat;
	margin: 0;
}

#navi-pane #category h2{
	height: 32px;
	text-indent:-9999px;
	background:url(http://www.watch.impress.co.jp/headline/extra/2009/windows7/img/category_head.jpg) no-repeat;
	margin: 0;
}


#navi-pane form{
	background:url(http://www.watch.impress.co.jp/headline/extra/2009/windows7/img/search_body.jpg);
	padding: 5px 18px 3px 18px;
	}


#navi-pane #baitai ul{
	background:url(http://www.watch.impress.co.jp/headline/extra/2009/windows7/img/media_body.jpg);
	padding: 3px 18px 1px 18px;
	}

#navi-pane #category ul{
	background:url(http://www.watch.impress.co.jp/headline/extra/2009/windows7/img/category_body.jpg);
	padding: 3px 18px 1px 18px;
	}




#navi-pane #widget-search {
	background:url(http://www.watch.impress.co.jp/headline/extra/2009/windows7/img/search_foot.jpg) no-repeat bottom;
	padding-bottom:7px;
	}
#navi-pane #baitai {
	background:url(http://www.watch.impress.co.jp/headline/extra/2009/windows7/img/media_foot.jpg) no-repeat bottom;
	padding-bottom:8px;
	}
	
#navi-pane #category {
	background:url(http://www.watch.impress.co.jp/headline/extra/2009/windows7/img/category_foot.jpg) no-repeat bottom;
	padding-bottom:8px;
	}









	/* ----- main-pane ----- */
#main-pane{
		display: inline;
		float: left;
		width: 494px;
	}

		/* ----- section ----- */
#main-pane .section {
			clear: both;
			margin: 10px 13px 18px 13px;
		}


	/* ----- header ----- */
	#main-pane .section .heading {
		background-color: #0C3B91;
		border-bottom: 2px solid #0C3B91;
	}

	#main-pane .section h2 {
		color: #fff;
	}
	
		/* ----- h2 header ----- */
		#main-pane .section .heading {
			width: 468px;
			margin-bottom: 5px;
		}
			#main-pane .section .heading h2 {
				margin: 0;
				padding: 3px 0 3px 5px;
			}

		/* ----- section-section ----- */
		#main-pane .section .section {
			margin: 0 0 8px 0;
			padding-bottom: 5px;
			border-bottom: 1px solid #bbb;
		}

		#main-pane .section .section:after {
			height: 0;
			visibility: hidden;
			content: ".";
			display: block;
			clear: both;
		}
		#main-pane .section .section {
			width: 468px;
			/*\*//*/
			overflow: hidden;
			/**/
		}

		#main-pane .section .section-border-none {
			margin: 0 0 3px 0;
			border: none;
		}

		#main-pane .section .section-border-none:after {
			height: 0;
			visibility: hidden;
			content: ".";
			display: block;
			clear: both;
		}
	
		#main-pane .section .section-border-none {
			width: 468px;
			/*\*//*/
			overflow: hidden;
			/**/	
		}

		/* ----- section-post ----- */
		#main-pane .section .post {
			margin: 0 0 8px 0;
			padding-bottom: 5px;
			border-bottom: 1px solid #bbb;
		}

		#main-pane .section .post:after {
			height: 0;
			visibility: hidden;
			content: ".";
			display: block;
			clear: both;
		}
		#main-pane .section .post {
			width: 468px;
			/*\*//*/
			overflow: hidden;
			/**/
		}


	#main-pane .section .post a img,
	#main-pane .section .section a img{
		border:1px solid #999;
		}

	#main-pane .section .post .meta-data {
		text-align:right;
		color:#666;
		font-size: small;
		}

	#main-pane .section .post p,
	#main-pane .section .section p{
		font-size: small;
		}


	/* ----- oshiete ----- */
	#main-pane .section .section ul.oshiete {
		margin-left: 0;
		padding-left: 0;
		list-style-type: none;
		list-style-image: none;
	}
	
	#main-pane .section .section ul.oshiete li {
		margin-left: 0px;
		padding-left: 20px;
	}
	
		#main-pane .section .section ul.oshiete li:after {
			height: 0;
			visibility: hidden;
			content: ".";
			display: block;
			clear: both;
		}
	
		#main-pane .section .section ul.oshiete li {
			width: 443px;
			/*\*//*/
			overflow: hidden;
			/**/
		}


	#main-pane .section .section ul.oshiete li {
		background: #fff url("http://www.watch.impress.co.jp/headline/extra/2009/windows7/img/orangeball.gif") no-repeat top left;
	}

	#main-pane .section .section ul.oshiete {
	/* */ padding-top: 0.7em ;
	padding-bottom: 0.1em ;
	}



















	/* ----- sub-pane ----- */
#sub-pane{
		display: inline;
		float: left;
		width: 306px;
		font-size: small;
	}

#sub-pane h2#latest_h {
	height: 33px;
	text-indent:-9999px;
	background:url(http://www.watch.impress.co.jp/headline/extra/2009/windows7/img/latest_head.jpg) no-repeat;
	margin: 0;
}

#sub-pane h2#pickup_h {
	height: 33px;
	text-indent:-9999px;
	background:url(http://www.watch.impress.co.jp/headline/extra/2009/windows7/img/pickup_r_head.jpg) no-repeat;
	margin: 0;
}
#sub-pane #pickup,
#sub-pane #latest{
	background:url(http://www.watch.impress.co.jp/headline/extra/2009/windows7/img/latest_body.jpg);
	padding: 0 9px 1px 8px;
	}

#sub-pane .section {
	clear: both;
	margin: 10px 0 10px 0;
	padding:0 3px;
	}

#sub-pane .section-box {
	background:url(http://www.watch.impress.co.jp/headline/extra/2009/windows7/img/latest_foot.jpg) no-repeat bottom;
	padding-bottom:8px;
	}

#sub-pane .section-box {
		font-size: small;
		clear: both;
		margin-bottom:10px;
	}

#sub-pane .post{
	padding:10px 5px 10px 5px;
	clear:both;
	border-bottom:1px solid #ccc;
	}

#sub-pane .post:after {
		height: 0;
		visibility: hidden;
		content: ".";
		display: block;
		clear: both;
	}

#sub-pane .post a img{
	float:left;
	margin-right:10px;
	border:1px solid #999;
	width: 60px;
	}

#sub-pane .post p{
	margin-left:70px;
	}

#sub-pane .post .meta-data {
	margin-left:70px;
	color:#666;
	}

#sub-pane .post h3{
	margin-left:70px;
	font-weight:bold;
	}



#sub-pane .post-image-none{
	padding:10px 5px 10px 5px;
	clear:both;
	border-bottom:1px solid #ccc;
	}

#sub-pane .post-image-none:after {
		height: 0;
		visibility: hidden;
		content: ".";
		display: block;
		clear: both;
	}

#sub-pane .post-image-none p{
	margin-left:5px;
	}

#sub-pane .post-image-none .meta-data {
	margin-left:5px;
	color:#666;
	}

#sub-pane .post-image-none h3{
	margin-left:5px;
	font-weight:bold;
	}





















/* ----- video ----- */



#main-pane #video h2{
 margin:0;
}

#main-pane #video h3{
 text-align: center;
 margin: 20px 0;
}

#video_border {
  border-right:1px solid #2C55B1;
  border-left:1px solid #2C55B1;
  border-bottom:1px solid #2C55B1;
/* ----- 
  background:url(http://www.watch.impress.co.jp/headline/extra/2009/windows7/img/video_bg.jpg) repeat-x top;
 ----- */
  width: 466px;
}



#moviearea {
  text-align: center;
  padding-top:10px;
  margin: 0 auto 10px auto ;
}

#column_main_center{
  padding-top: 10px;
}

#movietitle {
  font-weight: bold;
  width: 400px; 
  border:1px solid #2C55B1;
  background-color:#FFF;
  margin: 0 auto;
}

#movietitle #kai{
background:#01278A url(http://www.watch.impress.co.jp/headline/extra/2009/windows7/img/video_kai.jpg) no-repeat center left; 
color:#FFFFFF;
font-weight: bold;
padding:5px 5px 5px 25px;
}

#movietitle #subtitle{
font-weight: bold;
padding:5px 5px 5px 25px;
}


.douga_txt {
  font-size:small;
  width: 390px; 
  border:1px solid #2C55B1;
  background-color:#FFF;
  padding:5px;
  margin: 10px auto 10px auto;
}

#video_yokoku {
  font-weight: bold;
font-size:small;
/* -----  ----- */  
  width: 390px; 
/* -----  ----- */
  border:1px solid #2C55B1;
  background-color:#FFF;
  margin: 10px auto 10px auto;
  padding:5px;
 text-align: center;
}
