@charset "utf-8";
/* CSS Document */

body.service #mainClm { width: 711px; float: left; text-align: left; center; color: #174466; }

/* 事業案内トップ */

#serviceTop #mainClm div.box h3 {
	margin: 0 0 12px; padding: 0 0 12px 15px; 
	background: url(../img/line_dot2.gif) repeat-x left bottom;
}
#serviceTop #mainClm div.box p.image { width: 113px; float: left; }
#serviceTop #mainClm div.box p.text { width: 195px; float: right; }
#serviceTop #mainClm div.box p.link { width: 195px; float: right; padding: 6px 0 0; font-size: 90%; }
#serviceTop #mainClm div.box p.link img { margin: 0 5px -1px 0; }


#serviceTop #mainClm div.wrap { 
	width: 711px;
	background: url(../img/bg_wrap.gif) repeat-y;
	margin: 0 0 20px;
	clear: both; height: 1%;
}
#serviceTop #mainClm div.wrap div.wrap { width: 711px; background: url(../img/bg_wrap_top.gif) top no-repeat; margin: 0; }
#serviceTop #mainClm div.wrap div.wrap div.wrap { 
	background: url(../img/bg_wrap_btm.gif) bottom no-repeat; 
	overflow: hidden; height: 1%;
	padding: 16px 18px 12px 12px; width: auto; margin: 0;
}
#serviceTop #mainClm div.wrap div.wrap div.wrap div.box { width: 315px; overflow: hidden; height: 1%; }
#serviceTop #mainClm div.wrap div.wrap div.wrap div.left { float: left; }
#serviceTop #mainClm div.wrap div.wrap div.wrap div.right { float: right; }

	
#serviceTop #mainClm div.wrap2 { 
	width: 711px;
	margin: 0 0 20px;
	background: url(../img/bg_wrap2.gif) repeat-y;
	clear: both;
}
#serviceTop #mainClm div.wrap2 div.wrap { background: url(../img/bg_wrap2_top.gif) top no-repeat; margin: 0; }
#serviceTop #mainClm div.wrap2 div.wrap div.wrap { 
	background: url(../img/bg_wrap2_btm.gif) bottom no-repeat; 
	overflow: hidden; height: 1%; 
	padding: 16px 12px 10px; width: auto; margin: 0;
}

#serviceTop #mainClm div.wrap2 div.box div.left { width: 268px; float: left; }
#serviceTop #mainClm div.wrap2 div.box div.left p.image,
#serviceTop #mainClm div.wrap2 div.box div.left p.link { float: none; width: auto; }
#serviceTop #mainClm div.wrap2 div.box div.left p.link img { margin: 0 5px -1px 5px; }
#serviceTop #mainClm div.wrap2 div.box div.right { width: 400px; float: right; overflow: hidden; height: 1%;}
#serviceTop #mainClm div.wrap2 div.box div.right p { margin: 0 0 20px; }
#serviceTop #mainClm div.wrap2 div.box div.right td { width: 200px; vertical-align: top; }
#serviceTop #mainClm div.wrap2 div.box div.right a { 
	display: block; list-style-type: none; padding: 0 0 0 8px; margin: 0 5px 15px 0;
	background: url(../img/service/icn_link.gif) no-repeat 0 .6em;
}

#serviceTop #mainClm div.wrap3 { 
	width: 345px;
	margin: 0 0 20px;
	background: url(../img/bg_wrap3.gif) repeat-y;
	clear: both;
}
#serviceTop #mainClm div.wrap3 div.wrap { width: 345px; background: url(../img/bg_wrap3_top.gif) top no-repeat; margin: 0; }
#serviceTop #mainClm div.wrap3 div.wrap div.wrap { 
	background: url(../img/bg_wrap3_btm.gif) bottom no-repeat; width: 345px;
	overflow: hidden; height: 1%; 
	padding: 16px 18px 12px 12px; width: auto; margin: 0;
}
#serviceTop #mainClm div.wrap3 div.wrap div.wrap div.box { width: 315px; overflow: hidden; height: 1%; }
#serviceTop #mainClm div.wrap3 div.wrap div.wrap div.left { float: left; }
#serviceTop #mainClm div.wrap3 div.wrap div.wrap div.right { float: right; }

#serviceTop #mainClm div#patent p.text,
#serviceTop #mainClm div#patent p.link { float:none; width: auto; }


/* 3Dコンテンツ企画／制作／展示 */

#contents3d #mainClm h3 { margin: 0 0 15px; }
#contents3d #mainClm div.box { margin: 0; padding: 0 10px 25px; overflow: hidden; height: 1%; }
#contents3d #mainClm ul { margin: 0 0 0 20px; }
#contents3d #mainClm p.text { margin: 0 0 15px; }
#contents3d #mainClm p.link { background: url(../img/top/icn_link.gif) no-repeat 0 3px; padding: 0 0 0 15px; }
#contents3d #mainClm ul.image li { list-style-type: none; }

#contents3d #mainClm #block01 ul.image { width: 100%; margin: 0; height: 1%; }
#contents3d #mainClm #block01 ul.image li { width: 139px; height: 114px; float: left; }
#contents3d #mainClm #block01 ul.image li.item05,
#contents3d #mainClm #block01 ul.image li.item10 { width: 130px; }

#contents3d #mainClm #block02 { width: 345px; float: left; }
#contents3d #mainClm #block03 { width: 345px; float: right; }

#contents3d #mainClm #block02 ul.image { margin: 0; }
#contents3d #mainClm #block02 ul.image li { width: 164px; height: 114px; float: left; }
#contents3d #mainClm #block02 ul.image li.item02 { width: 155px; }
#contents3d #mainClm #block02 p.text { margin: 0 0 5px; }

#contents3d #mainClm #block03 ul.image { margin: 0; }
#contents3d #mainClm #block03 ul.image li { width: 164px; height: 114px; float: left; }
#contents3d #mainClm #block03 ul.image li.item02 { width: 155px; }
#contents3d #mainClm #block03 p.text { margin: 0 0 5px; }
#contents3d #mainClm #block03 ul.text { margin: 0 0 5px 20px; }


/* プロダクション設備・メディア変換 */

body.facility h2 { } 
body.facility #mainClm h3 { 
	margin: 0 0 10px; padding: 0 0 3px;
	background: url(../img/line_dot4.gif) repeat-x bottom; 
}
body.facility #mainClm h3 img { margin: -2px 5px 0 0; vertical-align: middle; }

body.facility #mainClm table { 
	width: 100%; margin: 0 0 30px;
	border-top: 1px solid #d2ddeb; border-left: 1px solid #d2ddeb;
	}
body.facility #mainClm th,
body.facility #mainClm td { 
	border-right: 1px solid #d2ddeb; border-bottom: 1px solid #d2ddeb;
	padding: 6px; text-align: left;
}
body.facility #mainClm th { background-color: #edf4f9; color: #1f549d; font-weight: bold; }

body.facility #mainClm ul { margin: 0; }
body.facility #mainClm ul ul { margin: 0 0 0 20px; }
body.facility #mainClm li { list-style-type: none; }
body.facility #mainClm p.image {}

body.facility #mainClm #block02 { overflow: hidden; height: 1%; }
body.facility #mainClm #block02 table { width: 435px; float: left; }
body.facility #mainClm #block02 p.image { float: right; }

#facility1 #mainClm #block01 { text-align: center; }
#facility1 #mainClm #block01 table { 
	width: 600px; margin: 0 auto 30px; 
	border: 1px solid #d2ddeb; text-align: left; 
}
#facility1 #mainClm #block01 td { border: none; }
#facility1 #mainClm #block01 td.image { width: 252px;  }
#facility1 #mainClm #block01 td.text { width: 348px;  }
#facility1 #mainClm #block01 td.text p { 
	background: url(../img/icn_hd.gif) no-repeat 0 3px; 
	padding: 0 0 0 12px; 
}

#facility2 #mainClm div.left { width: 440px; float: left; }
#facility3 #mainClm div.left { width: 420px; float: left; }
#facility2 #mainClm p.image,
#facility3 #mainClm p.image { float: right; }
#facility2 #mainClm p.image img,
#facility3 #mainClm p.image img { margin: 15px 0 0; }

#facility5 #mainClm div.left { width: 184px; float: left; } 
#facility5 #mainClm div.left p { margin: 0 0 5px; }
#facility5 #mainClm p.right { width: 470px; float: right; } 

#facilityTop h2 { } 
#facilityTop #mainClm h3 { margin: 0 0 10px; background: none; }
#facilityTop #mainClm table { margin: 0; border: none; }
#facilityTop #mainClm table td { border: none; }
#facilityTop #mainClm div.box {
	margin: 0 0 30px; padding: 0 10px;
	overflow: hidden; height: 1%; 
}
#facilityTop #mainClm div.box p.text {
	background: url(../img/icn_hd.gif) no-repeat 0 .4em;
	padding: 0 0 0 12px; margin: 0 0 10px 2px;
}
#facilityTop #mainClm p.link { 
	background: url(../img/top/icn_link.gif) no-repeat 0 3px; 
	padding: 0 0 0 15px; margin: 5px 0 0 2px;
}

#facilityTop #mainClm div#block01 table.image {  }
#facilityTop #mainClm div#block01 table.image td { 
	vertical-align: top; 
	padding: 0 10px 15px 0; font-size: 90%; text-align: center; 
}
#facilityTop #mainClm div#block01 table.image td img { margin: 0 0 2px; }

#facilityTop #mainClm div#block01 table.image td.item03,
#facilityTop #mainClm div#block01 table.image td.item06 { padding-right: 0; }

#facilityTop #mainClm div#block01 table.image td.item04,
#facilityTop #mainClm div#block01 table.image td.item05,
#facilityTop #mainClm div#block01 table.image td.item06 { padding-bottom: 0; }

#facilityTop #mainClm div#block02 div.text { width: 445px; float: right; }
#facilityTop #mainClm div#block02 div.text ul,
#facilityTop #mainClm div#block02 div.text p.link { margin-left: 12px; }
#facilityTop #mainClm div#block02 p.image { width: 221px; float: left; }

#facilityTop #mainClm div#block03 { width: 350px; float: left; }
#facilityTop #mainClm div#block03 div.left { width: 172px; float: left; }
#facilityTop #mainClm div#block03 div.right { width: 154px; float: left; }
#facilityTop #mainClm div#block03 p.text { }

#facilityTop #mainClm div#block04 { width: 180px; float: left; }

#facilityTop #mainClm div#block05 { width: 174px; float: left; }

#facilityTop #mainClm div#block06 { clear: both; }
#facilityTop #mainClm div#block06 table.left { width: 355px; float: left; }
#facilityTop #mainClm div#block06 table.right { width: 335px; float: right; }

#facilityTop #mainClm div#block07 { width: 340px; float: left; }
#facilityTop #mainClm div#block07 ul { margin: 0 0 0 20px; }
#facilityTop #mainClm div#block07 li { list-style-type: disc; margin: 0 0 5px; }

#facilityTop #mainClm div#block08 { width: 340px; float: right; }
#facilityTop #mainClm div#block08 ul { margin: 0 0 0 20px; }
#facilityTop #mainClm div#block08 li { list-style-type: disc; margin: 0 0 5px; }

#facilityTop #mainClm div#block09 { clear: both; }
#facilityTop #mainClm div#block09 div.text { width: 440px; float: right; }
#facilityTop #mainClm div#block09 div.text ul { margin-left: 12px; }
#facilityTop #mainClm div#block09 p.image { width: 221px; float: left; }


/* 特許申請一覧 */

#patent h2 { } 
#patent #mainClm h3 { 
	margin: 0 0 15px; padding: 0 0 3px 2px;
	background: url(../img/line_dot4.gif) repeat-x bottom; 
}
#patent #mainClm h3 img { margin: -3px 5px 0 0; vertical-align: middle; }
#patent #mainClm table { 
	width: 100%; margin: 0 0 20px;
	border-top: 1px solid #d2ddeb; border-left: 1px solid #d2ddeb;
	}
#patent #mainClm th,
#patent #mainClm td { 
	border-right: 1px solid #d2ddeb; border-bottom: 1px solid #d2ddeb;
	padding: 6px;
}
#patent #mainClm th { 
	background-color: #edf4f9; color: #1f549d;
	font-weight: bold; text-align: center; vertical-align: middle;
}

/* NHKの番組技術 */

#nhkProgram h2 { } 
#nhkProgram #mainClm h3 { margin: 0 0 20px; }
#nhkProgram #mainClm h4 { 
	margin: 0 0 10px 5px; padding: 0 0 3px 2px; color: #1f549d;
	background: url(../img/line_dot4.gif) repeat-x bottom; 
}
#nhkProgram #mainClm h4 img { margin: -3px 5px 0 0; vertical-align: middle; }
#nhkProgram #mainClm ul { margin: 0 0 30px 20px; }
#nhkProgram #mainClm li { margin: 0 0 5px; }

/* NHKの基幹システムの設計・開発・運用・保守 */
#nhkSystem h2 { } 
#nhkSystem #mainClm div.lead{ padding:0 30px 10px 25px;margin:0 0 10px;overflow:hidden;height:1%;border-bottom:1px solid #ccc; }
#nhkSystem #mainClm p.text{width:460px;float:left;margin:0;}
#nhkSystem #mainClm p.image{width:183px;float:right;margin:0;}
#nhkSystem #mainClm p.image img{margin:0 0 6px 0;}
#nhkSystem #mainClm h3 { margin: 0 0 12px; }
#nhkSystem #mainClm li { list-style-type: square; margin: 0 0 5px 20px; }
#nhkSystem #mainClm p {margin:0 0 1em;}
#nhkSystem #mainClm div.left p {margin:0 0 1em 20px;}
#nhkSystem #mainClm div.left{width:345px;float:left;}
#nhkSystem #mainClm div.right{width:345px;float:right;}
#nhkSystem #mainClm p.pageTop{clear:both;}
#nhkSystem #mainClm div.left ul{margin:0 0 1em;}
#nhkSystem #mainClm div.right ul{margin:0 0 2em;}

/*----- 右カラム -----*/

body.service #rightClm { width: 217px; float: right; }
body.service #rightClm h3 { height: 44px; width: 217px; font-size: 1px; margin: 0; padding: 0; }

body.service #rightClm #categoryMenu { background-color: #0263b5; width: 217px;}
body.service #rightClm #categoryMenu div.wrap { padding: 0 2px; margin: 0; overflow: hidden; height: 1%; } 
body.service #rightClm #categoryMenu ul { width: 213px; }

body.service #rightClm #categoryMenu li { list-style: none; height: 43px; width: 213px; float: left; }
body.service #rightClm #categoryMenu li.line2 { height: 59px; }

body.service #rightClm #categoryMenu li a { 
	display: block; height: 41px; width: 213px;
	background: url(../img/service/menu_service.gif) no-repeat;
	text-indent: -9999px;
}
body.service #rightClm #categoryMenu li.line2 a { height: 57px; } 


body.service #rightClm #categoryMenu li.item01 a { background-position: 0 0; }
/*body.service #rightClm #categoryMenu li.item02 a { background-position: 0 -43px; }*/
body.service #rightClm #categoryMenu li.item03 a { background-position: 0 -86px; }
body.service #rightClm #categoryMenu li.item04 a { background-position: 0 -129px; }
body.service #rightClm #categoryMenu li.item05 a { background-position: 0 -188px; }
body.service #rightClm #categoryMenu li.item06 a { background-position: 0 -231px; }
body.service #rightClm #categoryMenu li.item07 a { background-position: 0 -274px; }
body.service #rightClm #categoryMenu li.item08 a { background-position: 0 -333px; }

body.service #rightClm #categoryMenu li.item01 a:hover { background-position: -213px 0; }
/*body.service #rightClm #categoryMenu li.item02 a:hover { background-position: -213px -43px; }*/
body.service #rightClm #categoryMenu li.item03 a:hover { background-position: -213px -86px; }
body.service #rightClm #categoryMenu li.item04 a:hover { background-position: -213px -129px; }
body.service #rightClm #categoryMenu li.item05 a:hover { background-position: -213px -188px; }
body.service #rightClm #categoryMenu li.item06 a:hover { background-position: -213px -231px; }
body.service #rightClm #categoryMenu li.item07 a:hover { background-position: -213px -274px; }
body.service #rightClm #categoryMenu li.item08 a:hover { background-position: -213px -333px; }

#contents3d #rightClm #categoryMenu li.item01 a { background-position: -213px 0; }
#facility #rightClm #categoryMenu li.item02 a { background-position: -213px -43px; }
#theater3d #rightClm #categoryMenu li.item03 a { background-position: -213px -86px; }
#system #rightClm #categoryMenu li.item04 a { background-position: -213px -129px; }
#package #rightClm #categoryMenu li.item05 a { background-position: -213px -188px; }
#nhkProgram #rightClm #categoryMenu li.item06 a { background-position: -213px -231px; }
#nhkSystem #rightClm #categoryMenu li.item07 a { background-position: -213px -274px; }
#patent #rightClm #categoryMenu li.item08 a { background-position: -213px -333px; }


body.service #rightClm #categoryMenu ul li.accordion { 
	background: #fff; 
	height: auto; width: 213px; 
	margin: 0 0 2px;
}
body.service #rightClm #categoryMenu ul li.accordion div { 
	padding: 10px 10px 20px;  
	background: url(../img/service/bg_right_body.gif) no-repeat bottom; 
}
body.service #rightClm #categoryMenu ul li.accordion div ul { width: 193px; }

body.service #rightClm #categoryMenu ul li.accordion div ul li {
  height: auto; width: 193px ; float: none;
  margin: 0; padding: 0 0 10px;
} 

body.service #rightClm #categoryMenu ul li.accordion div ul li img { margin: -2px 4px 0 0; vertical-align: middle; }

body.service #rightClm #categoryMenu ul li.accordion div ul li a { 
	background: none; display: inline; 
	text-indent: 0; font-size: 90%;
}

body.service #rightClm #categoryMenu ul li.acc1 a.head { 
	height: 41px; /height: 39px;
	background: url(../img/service/menu_service02.gif) 0 0 no-repeat; 
}

body.service #rightClm #categoryMenu ul li.acc1 a.close { 
	background: url(../img/service/menu_service.gif) 0 -43px no-repeat; 
}

body.service #rightClm #categoryMenu ul li.acc1 a.close:hover { background: url(../img/service/menu_service.gif) -213px -43px; }