@charset "Shift_JIS";

/* === Variety+ Style

site      : Variety+
file      : common.variety.css
imagepath : "../img/"

update    : 2008/10/31
update    : 2008/11/14 phase2
==== */

/* === CSS Hack List
* html
*:first-child+html

==== */

/* -- / html_recustomize --- */
html,
body {
	margin: 0px;
	padding: 0px;
	height: 100%;
	color: #333;
}
table#tableFix {
	width:100%;
}
h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, div, dl, dd, dt, hr, form, blockquote, address {
	margin: 0px;
	padding: 0px;
	line-height:100%;
	font-size:100%;
}
img{
	border-style: none;
}
ol li, ul li {
	list-style-type:none;
}
a:link {
	text-decoration: none;
	color: #003366;
}
a:visited {
	text-decoration: none;
	color: #003366;
}
a:hover {
	text-decoration: underline;
	color: #72417d;
}
hr {
	display: none;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
table td,
table th {
	vertical-align: top;
	margin:0;
	padding:0;
}
form label {
	cursor: pointer;
}

/* -- / general_purpose_style --- */
.pT00 { padding-top: 0px !important;}
.pT05 { padding-top: 5px !important;}
.pT10 { padding-top: 10px !important;}
.pT15 { padding-top: 15px !important;}
.pT20 { padding-top: 20px !important;}
.pL00 { padding-left: 0px !important;}
.pL05 { padding-left: 5px !important;}
.pL10 { padding-left: 10px !important;}
.pL15 { padding-left: 15px !important;}
.pL20 { padding-left: 20px !important;}
.pR00 { padding-right: 0px !important;}
.pR05 { padding-right: 5px !important;}
.pR10 { padding-right: 10px !important;}
.pR15 { padding-right: 15px !important;}
.pR20 { padding-right: 20px !important;}
.pB00 { padding-bottom: 0px !important;}
.pB05 { padding-bottom: 5px !important;}
.pB10 { padding-bottom: 10px !important;}
.pB15 { padding-bottom: 15px !important;}
.pB20 { padding-bottom: 20px !important;}
.mT00 { margin-top: 0px !important;}
.mT05 { margin-top: 5px !important;}
.mT10 { margin-top: 10px !important;}
.mT15 { margin-top: 15px !important;}
.mT20 { margin-top: 20px !important;}
.mL00 { margin-left: 0px !important;}
.mL05 { margin-left: 5px !important;}
.mL10 { margin-left: 10px !important;}
.mL15 { margin-left: 15px !important;}
.mL20 { margin-left: 20px !important;}
.mR00 { margin-right: 0px !important;}
.mR05 { margin-right: 5px !important;}
.mR10 { margin-right: 10px !important;}
.mR15 { margin-right: 15px !important;}
.mR20 { margin-right: 20px !important;}
.mB00 { margin-bottom: 0px !important;}
.mB05 { margin-bottom: 5px !important;}
.mB10 { margin-bottom: 10px !important;}
.mB15 { margin-bottom: 15px !important;}
.mB20 { margin-bottom: 20px !important;}
.fB { font-weight: bold !important; }
.fN { font-weight: normal !important; }
.textR { text-align: right !important; }
.textL { text-align: left !important; }
.textC { text-align: center !important; }

.text110{ font-size:110%; line-height:150%; }
.text82{ font-size:88%; line-height:130%; }
.text82{ font-size:82%; line-height:130%; }
.floatR { float: right; margin: 0px 0px 5px 10px; }
* html .floatR { margin-left: 5px; }
.floatL { float: left; margin: 0px 10px 5px 0px; }
* html .floatL { margin-right: 5px;  }
.cfix:after { content:" "; display:block;height:0px; clear:both; visibility:hidden; line-height: 0px;}
* html .cfix {height:1%; } * html .cfix {display:block;}
*:first-child+html .cfix{ min-height:1%;}
.cfix {overflow:hidden;}
.clear_dot { margin:0px; padding:0px; clear:both; line-height:0%; height:1px; width:1px;}
.clear { clear: both; }
.colorGray { color: #333; }
.borderTop { border-top: 1px dotted #999; padding:5px 0;}
.borderBottom { border-bottom: 1px dotted #999; margin:0 0 5px 0;}
* html .borderBottom { border-bottom: 1px dotted #999; padding:0 0 5px 0;}
*:first-child+html .borderBottom { border-bottom: 1px dotted #999; padding:0 0 5px 0;}
/*.img img { border: 1px solid #cccccc; }*/
.borderNone { border-style: none !important; }
.camera {
	background: transparent url(http://parts.nikkei.co.jp/parts/net4/pict_camera.gif) no-repeat scroll right top;
	font-size: 88%;
	padding: 1px 0px 3px 15px;
	vertical-align: top;
}

/* html_custom ==================*/
hr {
	clear: both;
	border: none;
	height: 1px;
	visibility: hidden;
	margin: 3px 0px;
}
/* header ======================*/
div#jump {
	width:996px;
	position:absolute;
	left:-996px;
}
div#gnavi{
	width:1002px;
	margin:0 auto;
}
div#header {
	background-color:#FFF;
	width:986px;
	margin:10px auto;
}
div#header h1 {
	float:left;
	margin:0 7px 0 5px;
}
* html div#header h1 {/* for IE6 */
	float:left;
	margin:0 5px 0 2px;
}
/* frame ==================*/
table#tblfrm{
	width:100%;
	margin:0;
	padding:0;
}
div#frame_bg {
	width: 996px;
	height:100%;
	margin:0 auto;
	background:#FFF url(../img/bg_main_line.gif) repeat-y left top;
}
div#frame_container {
	margin:0 11px;
	text-align: left;
	background:#FFF url(../img/bg_main.gif) repeat-x left top;
}
div#frame_main_left {
	width:654px;
	margin-left: 10px;
	float: left;
}
* html div#frame_main_left {/* for IE6 */
	width:650px;
	margin-left: 5px;
}
div#frame_right {
	width: 300px;
	margin-right: 10px;
	float: right;
}
* html div#frame_right {/* for IE6 */
	margin-right:5px;
}

/* mainmenu navi ==================*/
div#mainmenu {
	width:100%;
	height:35px;
	margin-bottom: 15px;
	border-top:1px solid #999;
	background:#313131 url(../img/bg_localnavi.gif) repeat-x 100% 100%;
}
div#mainmenu ul {
	padding-top: 0px;
}
div#mainmenu ul li {
	float: left;
	overflow: hidden;
}
div#mainmenu ul li.rss {
	float: right;
	overflow: hidden;
}
div#mainmenu ul li a {
	display: block;
}
div#mainmenu ul li a:hover img{
	visibility:hidden;
}
div#mainmenu ul li.bt01 a:hover {
	background:#313131 url(../img/navi_top_on.gif);
}
div#mainmenu ul li.bt02 a:hover {
	background:#313131 url(../img/navi_news_on.gif);
}
div#mainmenu ul li.bt03 a:hover {
	background:#313131 url(../img/navi_newsp_on.gif);
}
div#mainmenu ul li.bt04 a:hover {
	background:#313131 url(../img/navi_column_on.gif);
}
div#mainmenu ul li.bt05 a:hover {
	background:#313131 url(../img/navi_interv_on.gif);
}
div#mainmenu ul li.bt06 a:hover {
	background:#313131 url(../img/navi_infor_on.gif);
}
div#mainmenu ul li.bt07 a:hover {
	background:#313131 url(../img/navi_rss_on.gif);
}
/* title ==================*/
h2.ttlbg{
	display:block;
	width:317px;
	height:29px;
	background:#CCC url(../img/bg_ttlbar01.gif) no-repeat;
}
h2.ttlbg span{
	display:block;
	padding:6px 0 5px 13px;
	color:#590100;
	font-size:94%;
}
h2.ttlbglong{
	display:block;
	width:644px;
	height:29px;
	margin-bottom:10px;
	background:#CCC url(../img/bg_ttlbar02.gif) no-repeat;
}
h2.ttlbglong span.ttl{
	float:left;
	padding:6px 0 5px 13px;
	color:#590100;
	font-size:94%;
}
h2.ttlpr{
	display:block;
	border:solid 1px #CCC;
	background:#FFF url(../img/bg_hottopics.gif) repeat-x;
}
/* box etc ==================*/
div.boxfrmleft{
	width:317px;
	float:left;
	margin-right:10px;
}
div.boxfrmleft2{
	width:317px;
	float:left;
}
div.boxfrm{
	width:317px;
}
div#boxtopnews{
	padding-bottom:10px;
}
div.boxtop{
	padding:10px 10px 0 10px;
	margin-bottom:20px;
	border-left:solid 1px #CCC;
	border-right:solid 1px #CCC;
	background:#F6F3F0 url(../img/bg_box_bottom.gif) no-repeat left bottom;
}
div.boxtop div.imgmargin{
	padding-bottom:5px;
}
div#boxnews{
	width:644px;
	background:#FFF url(../img/bg_ttlbar03.gif) no-repeat left top;
	margin-bottom:20px;
}
div#boxnewsfrm{
	padding:0 10px;
}
div#boxarchivefrm{
	padding:20px 10px 0;
}
div.boxnewscnt{
	margin:0 0 10px 0;
	border-bottom: 1px dotted #999999;
}
* html div.boxnewscnt{
	padding-bottom: 10px;
}
div.boxnewscnt2{
	margin:0 0 10px 0;
	padding-bottom:5px;
}
div.newslist{
	padding-bottom:5px;
	margin-bottom:10px;
}
div#boxfrmpr{
	margin-right:10px;
	margin-bottom:20px;
}
* html div#boxfrmpr{/* for IE6 */
	margin-bottom:0;
}
*:first-child+html div#boxfrmpr{/* for IE7 */
	margin-bottom:0;
}
div.relationfrm{
	margin-left:15px;
	padding-bottom:10px;
}
div.newcontlist{
	margin-left:15px;
}
div.boxpr{
	padding:10px;
	margin-bottom:20px;
	border-left:solid 1px #CCC;
	border-right:solid 1px #CCC;
	border-bottom:solid 1px #CCC;
	background:#FFF;
}
div#boxphlist{
	padding-top:20px;
	margin:5px 0 0 15px;
}
div.boxlisttop{
	padding-top:20px;
	margin-bottom:10px;
	height:100%;
	border-bottom:1px dotted #999;
}
div#boxrss{
	padding:20px 10px 10px;
}
div.boxrssbt{
	margin:10px 0;
	text-align:center;
}
div.moviefrm{
	float:left;
}
/* contents ==================*/
div.contents {
}
div.contents h3{
	line-height:130%;
}
div.contents h3.newsttl {
	border-bottom:1px solid #9A9A9A;
	padding:15px 10px 10px 0;
}
div.contents h3.newsttl2 {
	padding:15px 10px 0 0;
}
div.contents h3.newsttl3 {
	padding:0 10px 0 0;
}
div.contents h3.newsttl span.smalltxt {
	padding:10px 10px 0 0;
	font-size: 92%;
	line-height: 130%;
}
div.contents h3.subcont{
	padding:10px 0;
	font-size: 92%;
	line-height: 130%;
}
div.contents h3.ttlredl{
	margin-bottom:10px;
	font-size:94%;
	border-bottom:2px solid #590100;
}
div.contents h4 {
	font-size: 94%;
	line-height: 130%;
}
div.contents h4.linktext {
	margin:0 0 5px 5px;
	padding-left:10px;
	font-size: 88%;
	line-height: 130%;
	background:#FFF url(../img/icon_red_bar.gif) no-repeat left center;
}
div.contents p.article {
	font-size: 88%;
	line-height: 150%;
	padding-bottom:5px;
}
div.contents p.datetxt {
	margin-bottom: 0.5em;
	font-size: 92%;
	line-height: 150%;
	text-align:right;
}
div.contents p.readmore {
	font-size:82%;
	line-height: 150%;
	text-align:right;
}
div.contents ul.linklist {
	margin-left: 2px;
}
div.contents ul.linklist li {
	background: url(../img/icon_arrow01.gif) no-repeat 0px 4px;
	padding-bottom:0.3em;
	padding-left:17px;
	font-size: 88%;
	line-height: 130%;
}
div.contents ul.linklist li span.date {
	font-size: 88%;
	margin: 0px 5px;
}
div.contents div.linkmore {
}
div.contents div.linkmore ul{
}
div.contents div.linkmore ul li{
	float:right;
	padding:0 3px 10px 15px;
	background:url(../img/icon_arrow02.gif) no-repeat left 20%;
	line-height: 130%;
	font-size:82%;
	white-space:nowrap;
}
div.contents ul.listcast{
}
div.contents ul.listcast li{
	padding:2px 0 2px 4px;
	line-height: 130%;
	font-size:88%;
}

/* right_contents ==================*/
div.right_contents {
	margin-bottom: 10px;
}
div.boxrightpr{
	border:solid 1px #B37373;
	background:#FFF;
	margin-bottom:10px;
}
div.rightpr_unit{
	padding:5px 5px;
}
div.contents div.rightpr_unit h4 {
	font-size: 88%;
	line-height: 150%;
}
div.contents div.rightpr_unit div.floatL {
	margin-right: 5px;
}
div.contents div.rightpr_unit p.text {
	font-size: 75%;
	line-height: 150%;
}
div.right_tokushu{
	padding:5px 4px 0 4px;
}
div.tokuban{
	margin-bottom:5px;
}
div.tokuban2{
	margin-bottom:10px;
}
/* photo ==================*/
table.photo {
	width: 1%;
	background-color:#FFF;
	border:1px solid #BBB;
}
table.photo td {
	padding:2px;
}
table.photo p.caption{
	padding:0 3px;
	margin:0;
	line-height: 130%;
	font-size:76%;
}
table.photo p.zoom{
	margin-bottom:2px;
	text-align:right;
	line-height: 130%;
	font-size:76%;
}
table.photo p.zoom img{
	position:relative;
	top:3px;
}
table.floatL {
	float: left;
	margin:0px 10px 10px 0px;
}
table.floatR {
	float: right;
	margin:0px 0px 10px 10px;
}
table.floatC {
	margin:10px auto;
}
/* photo_list ==================*/
div.photo_list {
	clear:both;
}
div.photo_listfrm{
	margin:5px 0 0 15px;
}
div.photo_list table.photoitem {
	width:138px;
	float:left;
	margin-right:20px;
}
div.photo_list table.last {
	margin-right:0;
}
div.photo_list table.topph {
	margin-right:17px;
}
div.photo_list table.photoitem td.imgpdd{
	height:136px;
	padding:1px;
	border:1px solid #BBB;
	background:#FFF;
	vertical-align:middle;
	text-align:center;
}
div.photo_list table.photoitem p.caption {
	padding:3px;
	margin:0;
	line-height: 130%;
	font-size:76%;
}
/* photo_zoom ==================*/
div#photo_zoom{
	margin:15px auto 25px;
}
div.photo_list table.photozoom {
	width:1%;
	margin:auto;
}
div.photo_list table.photozoom td.imgpdd{
	vertical-align:middle;
	padding:0 50px;
}
div.photo_list table.photozoom p.caption {
	padding:3px;
	margin:0;
	line-height: 130%;
	font-size:94%;
}
div.photo_list p.pagenext{
	margin:20px 0 10px;
	font-size:88%;
	text-align:center;
}
/* caption info table ==================*/
table.table_cap{
	margin-top:5px;
}
table.table_cap th,
table.table_cap td{
	padding:0 2px;
	font-size:82%;
	font-weight:normal;
	text-align:left;
}
table.table_cap th{
	white-space:nowrap;
}
/* movie info table ==================*/
table.table_movieinfo{
}
table.table_movieinfo th,
table.table_movieinfo td{
	padding:3px;
	font-size:88%;
	font-weight:normal;
	text-align:left;
}
table.table_movieinfo th{
	white-space:nowrap;
}
/* page navi ==================*/
div.pagefrm{
	margin:0 10px;
}
div.pagenation{
	margin:10px 0;
}
div.pagenation div.backpage{
	float:left;
	padding-left:20px;
	background:transparent url(../img/icon_prev.gif) no-repeat scroll center left;
	font-size:88%;
	line-height:130%;
}
div.pagenation div.nextpage{
	float:right;
	padding-right:18px;
	background:transparent url(../img/icon_next.gif) no-repeat scroll center right;
	font-size:88%;
	line-height:130%;
}
/* footer ==================*/
div#footer {
	background-image: url(http://parts.nikkei.co.jp/parts/net4/bg_footer.gif);
	background-repeat: repeat-x;
	background-position: 0% 100%;
	margin:0 11px;
}
div#footer div.aboutNikkei {
	margin: 0px 10px;
	padding: 5px 0px;
}
div#footer div.aboutNikkei h4 {
	font-size: 77%;
	line-height:110%;
	margin-bottom: 2px;
}
div#footer div.aboutNikkei ul {
}
div#footer div.aboutNikkei ul li {
	display: inline;
	line-height:110%;
	font-size: 77%;
}
div#footer div.aboutNikkei ul li a {
	padding-right: 0.1em;
}
div#footer .iconType h4 {
	padding-left: 15px;
	background-image: url(http://parts.nikkei.co.jp/parts/net4/pict_bldg.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}
div#footer .iconType ul {
	margin-left: 15px;
}
div#footer .normalType {
	background-image: url(http://parts.nikkei.co.jp/parts/net4/line_ft_top.gif);
	background-repeat: repeat-x;
	background-position: 0% 0%;
}
div#footer p.copyright {
	padding: 10px 0px 15px 10px;
	font-size: 77%;
}
div#footer p.copyright img {
	padding-right:10px;
	vertical-align: bottom;
}
/* -- / clearfix --- */
div#mainmenu:after { content:" "; display:block; height:0px; clear:both; visibility:hidden; line-height:0px;}
* html div#mainmenu {height:1%; display:block;}
*:first-child+html div#mainmenu { min-height:1%;}

div#frame_container:after { content:" "; display:block; height:0px; clear:both; visibility:hidden; line-height:0px;}
* html div#frame_container {height:1%; display:block;}
*:first-child+html div#frame_container { min-height:1%;}

div.photo_list:after { content:" "; display:block; height:0px; clear:both; visibility:hidden; line-height:0px;}
* html div.photo_list {height:1%; display:block;}
*:first-child+html div.photo_list { min-height:1%;}

div.boxnewscnt:after { content:" "; display:block; height:0px; clear:both; visibility:hidden; line-height:0px;}
* html div.boxnewscnt {height:1%; display:block;}
*:first-child+html div.boxnewscnt { min-height:1%;}

div.boxnewscnt2:after { content:" "; display:block; height:0px; clear:both; visibility:hidden; line-height:0px;}
* html div.boxnewscnt2 {height:1%; display:block;}
*:first-child+html div.boxnewscnt2 { min-height:1%;}