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

#menu #menu_3 a {background-position: -320px -35px;}

.txtArea {
	margin: 0 10px;
}
.point {
	border: 1px solid #ADC2E1;
	background-color: #EBF6FF;
	padding: 3px;
	margin-top: 3px;
	margin-left: 3px;
	font-size: 120%;
}
div.layout_lr {
	position: relative;
}
div.layout_lr h3 {
	width: 400px;
	float: left;
}
div.layout_lr div.rightLink {
	position: absolute;
	top:3px;
	right: 0;
}
#contents .in_pageLink {
	margin-bottom: 30px;
}
#contents .in_pageLink li {
	float: left;
	width: auto;
	border-right: 1px solid #CCC;
	margin: 0 7px 0 0;
	padding: 0 7px 0 0;
}
#contents .in_anklink_btn {
	margin-bottom: 30px;
}
#contents .in_anklink_btn li {
	float: left;
	width: auto;
	background-color: #0297de;
	border: 1px solid #0064bc;
	margin: 0 7px 0 0;
}
#contents .in_anklink_btn a{
	display: block;
	padding: 5px 10px;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}
.bbBox {
	border-bottom: 1px dotted #CCC;
	padding: 0 10px 15px 10px;
	margin-bottom: 15px;
}
#contents .bbBox h3, #contents .txtArea h3 {
	margin: 0 0 5px;
	padding: 0;
	color: #0064A9;
	font-size: 108%;
	border-bottom: none;
}
#contents .bbBox h4, #contents .txtArea h4 {
	font-size: 100%;
}
.imgR {
	text-align: center;
}
.imgR img {
	margin-bottom: 10px;
}
.imageList li {
	float: left;
	display: block;
	width: auto;
	text-align: center;
}
.imageList li img {
	margin-bottom: 10px;
}
.detail{
	background-image: url(../images/arr.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:10px;
}

.archive_detail a{
	display:block;
	width:60px;
	background-image: url(../images/arr.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:10px;
	margin:0 auto;
}
.cat_title {
	font-weight: bold;
	border-bottom: 1px solid #CCC;
	margin: 0 10px;
	font-size: 108%;
}
#contents dt {
	font-weight: bold;
}
#contents dd {
	text-indent: 1em;
}
.img_mr {
	margin-right: 15px;
}
.pt10 {
	padding-top: 10px;
}

.mb30 {
	margin-bottom:30px !important;
}

.te-r{
	text-align: right;
}
/*===================================================

	商品情報トップ

===================================================*/

#contents h2#index_dp {
	background-image: none;
	padding: 0;
	margin: 0 0 5px;
	color: #0465AB;
	font-size: 20px;
}
.introBox {
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 704px;
	height: 171px;
	margin: 0 auto 10px;
}
.introInner {
	width: 347px;
	float: left;
	height: 171px;
}
.introInner_R {
	width: 347px;
	float: right;
	height: 171px;
}
#contents .introBox h3 {
	background-image: none;
	margin: 0 0 12px;
	padding: 0;
	height: 30px;
	line-height: 30px;
	text-indent: -9999px;
}
#contents .introBox p {
	padding: 0 140px 0 10px;
	color: #000000;
}
.intro_1 {
	background-image: url(../department/images/top/bg_index_1.png);
}
.intro_2 {
	background-image: url(../department/images/top/bg_index_2.png);
}
.intro_3 {
	background-image: url(../department/images/top/bg_index_3.png);
}
#otherMenu {
	width: 600px;
	margin: 0 auto 50px;
	padding-top: 10px;
}
#otherMenu li {
	float: left;
	margin: 0 8px;
}
#otherMenu li a {
	display: block;
	width: 224px;
	height: 41px;
	background-image: url(../department/images/top/bg_list.png);
	text-indent: -9999px;
	overflow: hidden;
	background-repeat: no-repeat;
}
#otherMenu li#om_1 a {
	background-position: 0 0;
}
#otherMenu li#om_2 a {
	background-position: right top;
}
#otherMenu.t_lst li {
	float: none!important;
	margin-bottom: 10px;
}
#otherMenu.t_lst li#om_1 a {
	background-image: url(../department/images/top/bg_list2.png);
	width: 226px;
	height: 45px;
}
#otherMenu.t_lst li.tp_mov a {
	background-image: url(../department/images/top/bg_mov_prnt.png);
	width: 224px;
	height: 81px;
}
/*===================================================

	index.html

===================================================*/

#contents #indexList {
	padding-left: 10px;
	margin-right: -10px;
}
#contents #indexList li {
	float: left;
	margin: 0 14px 0 0;
}
#contents #indexList li a {
	display: block;
	height: 142px;
	background-image: url(/company/images/bg_indexlist.png);
	width: 227px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	margin-bottom: 13px;
	overflow: hidden;
}
#contents #indexList li#intro_1 a {
	background-position: 0 0;
}
#contents #indexList li#intro_2 a {
	background-position: -244px 0;
}
#contents #indexList li#intro_3 a {
	background-position: right 0;
}
#contents #indexList li#intro_4 a {
	background-position: left -155px;
}
#contents #indexList li#intro_5 a {
	background-position: -244px -155px;
}
#contents #indexList li#intro_6 a {
	background-position: right -155px;
}
#contents #indexList li#intro_7 a {
	background-position: 0 -312px;
}
#contents #indexList li#intro_8 a {
	background-position: -244px -312px;
	height: 67px;
	margin-bottom: 10px;
}
#contents #indexList li#intro_9 a {
	height: 67px;
	background-position: right -312px;
	margin-bottom: 10px;
}
#contents #indexList li#intro_10 a {
	height: 67px;
	background-position: -244px bottom;
}

#contents #indexList li#intro_10 a {
	height: 67px;
	background-position: -244px bottom;
}
#contents #indexList li#intro_12 a {
	height: 67px;
	background-position: right bottom;
}
.listBox_L {
	float: left;
	width: 320px;
	padding: 0 10px;
}
.listBox_R {
	float: right;
	width: 320px;
	padding: 0 10px;
}
#contents .listBox_L h3, #contents .listBox_R h3 {
	background-color: #0064A9;
	padding: 3px 5px;
	margin-bottom: 0.5em;
}
#contents .listBox_L h3 a, #contents .listBox_R h3 a {
	color: #FFFFFF;
}
#contents h2.cap {
	background: none;
	border-bottom: 1px solid black;
	font-weight: bold;
	font-size: 116%;
	padding: 0;
	margin: 20px 0px 20px 0px;
	line-height: 25px;
	height: 25px;
	font-size: 165%;
	color: #0465AB;
}
/*===================================================

	情報システム

===================================================*/

.scannerBox {
	background-image: url(../department/info/img/bg_scannerbox.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-bottom: 10px;
}
.scannerBox_1 {
	width: 230px;
}
.scannerBox_2 {
	width: 475px;
}
.scannerInner {
	background-image: url(../department/info/img/bg_scanner.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#contents .scannerBox h3 {
	background-image: none;
	margin: 0;
	border-bottom: none;
	padding: 4px 0 0 0;
	position: absolute;
	left: 0px;
	top: 0px;
	height: 26px;
}
#contents .scannerBox h3 a {
	color: #000000;
	padding-left: 35px;
	display: block;
	text-align: left;
	width: 200px;
}
#contents .scannerBox h3.lines {
	font-size: 83%;
	padding-top: 0px;
}
.scanner {
	width: 230px;
	float: left;
	display: block;
	margin-right: 7px;
	position: relative;
	padding-top: 30px;
	text-align: center;
}
.scanner img {
	margin: 10px 0;
}
#contents .scanner p {
	text-align: left;
	padding: 0 15px;
}
.scannerBox_1 .scanner {
	margin-right: 0;
}
.scannerBox_2 .scanner2 {
	margin-right: 0;
}
.micro {
	font-weight: bold;
	font-size: 116%;
	margin: 20px 0;
	border-bottom: 1px solid #CCCCCC;
	padding: 0 10px;
	width: 685px;
}
#contents .hubList_info, #contents #hubList_IM{
	width:708px;
	margin:0 auto;
}
#contents .hubList_info li{
	float:left;
	margin:0 0 20px 0;
}
#contents .hubList_info_tele li{
	margin:0 0 20px 0;
	width:708px;
	margin:0 auto;
}
#contents #hubList_IM li{
	margin:0 0 20px 0;
}
#contents .hubList_info li a, #contents #hubList_IM li a,#contents .hubList_info_tele li a{
	display:block;
	text-indent: -9999px;
	overflow:hidden;
}

/*テレワーク環境*/
#contents .hubList_info_tele li.index_info17 a{
	width:600px;
	height:139px;
	margin: 0 auto;
	background:url(../department/images/hub/bg9.png) 0 0 no-repeat;
}
/*アウトソーシングサービス*/
#contents .hubList_info li.index_info01 a{
	width:224px;
	height:139px;
	margin-right:18px;
	background:url(../department/images/hub/hub_info_s2.png) 0 0 no-repeat;
}
/*デジタルアーカイブ（公開システム）*/
#contents .hubList_info li.index_info21 a{
	width:224px;
	height:139px;
	margin-right:18px;
	background:url(../department/images/hub/hub_info_s2.png) -240px 0 no-repeat;
}
/*デジタルアーカイブ（デジタルデータ保存）*/
#contents .hubList_info li.index_info02 a{
	width:224px;
	height:139px;
	background:url(../department/images/hub/hub_info_s2.png) right 0 no-repeat;
}
/*ドキュメントスキャナー*/
#contents .hubList_info li.index_info03 a{
	width:236px;
	height:139px;
	background:url(../department/images/hub/hub_scanner.png) 0 0 no-repeat;
}
/*ブックスキャナー*/
#contents .hubList_info li.index_info04 a{
	width:236px;
	height:139px;
	background:url(../department/images/hub/hub_scanner.png) -236px 0 no-repeat;
}
/*マイクロフィルムスキャナー*/
#contents .hubList_info li.index_info05 a{
	width:236px;
	height:139px;
	background:url(../department/images/hub/hub_scanner.png) right 0 no-repeat;
}
/*マイクロフィルム機材*/
#contents .hubList_info li.index_info06 a{
	width:223px;
	height:139px;
	margin-right:20px;
	background:url(../department/images/hub/hub_info_s1.png) -244px 0 no-repeat;
}
/*電子帳票・COMフィルムスキャナー*/
#contents .hubList_info li.index_info07 a{
	width:223px;
	height:139px;
	background:url(../department/images/hub/hub_info_s1.png) -483px 0 no-repeat;
}
/*サポートシステム*/
#contents .hubList_info li.index_info08 a{
	width:223px;
	height:139px;
	background:url(../department/images/hub/hub_info_s1.png) -244px -155px no-repeat;
}
/*マイクロフィルム・薬品等*/
#contents .hubList_info li.index_info18 a{
	width:223px;
	height:139px;
	margin-right:19px;
	background:url(../department/images/hub/hub_info_s1.png) -244px -465px no-repeat;
}
/*データ消去装置*/
#contents .hubList_info li.index_info20 a{
	width:223px;
	height:139px;
	background:url(../department/images/hub/hub_info_s1.png) -484px -465px no-repeat
}

.hubList_info1{
	padding-bottom:10px;
	border-bottom:2px solid #76acdc;
}

.no-line{
	border-bottom: none !important;
}

#hubList_info2{
	border-bottom: 1px solid #CCCCCC;
    margin-bottom: 20px !important;
	padding-bottom: 20px !important;
}

#hubList_info2 li a{
    display:block;
    width:170px;
	height:110px;
	margin-right:9px;
}

#hubList_info2 li.index_info14 a{
	margin-right:0;
}

/*プレゼンテーションシステム*/
#contents .hubList_info li.index_info09 a{
	background:url(../department/images/hub/bg1.png) no-repeat;
}
/*非破壊検査*/
#contents .hubList_info li.index_info10 a{
	background:url(../department/images/hub/bg2.png) no-repeat;
}
/*測定フィルム*/
#contents .hubList_info li.index_info11 a{
	background:url(../department/images/hub/bg3.png) no-repeat;
}
/*ウイルス感染対策（抗菌コーティング）*/
#contents .hubList_info li.index_info19 a{
	background:url(../department/images/hub/bg10.png) no-repeat;
}
/*ミクロフィルター*/
#contents .hubList_info li.index_info12 a{
	background:url(../department/images/hub/bg4.png) no-repeat;
}
/*セキュリティシステム*/
#contents .hubList_info li.index_info13{
	clear: both;
}
#contents .hubList_info li.index_info13 a{
	background:url(../department/images/hub/bg5.png) no-repeat;
}
/*低放射（断熱）・遮熱フィルム*/
#contents .hubList_info li.index_info14 a{
	background:url(../department/images/hub/bg6.png) no-repeat;
}
/*マイクロカットシュレッダー*/
#contents .hubList_info li.index_info15 a{
	background:url(../department/images/hub/bg7.png) no-repeat;
}
/*ひびみっけ*/
#contents .hubList_info li.index_info16 a{
	background:url(../department/images/hub/bg8.png) no-repeat;
}

.b-line{
	border-bottom: 1px solid #cccccc;
	margin-bottom: 20px;
	padding-bottom: 20px;
}

.b-line h3{
	border-style: none !important;
}

.b-line h4{
	margin-bottom: 10px;
}

.display-ilb{
	display: inline-block;
}

.enclosure-o{
	border: 2px solid #000;
    padding: 5px;
    margin-right: 2px;
	background-color: #fbd9be;
}

.enclosure-b{
	border: 1px solid #005088;
    padding: 5px;
	background-color: #cde1fd;
}

#inquiry-container{
	margin-bottom: 10px;
}

.inquiry li{
	margin-left: 0 !important;
}

.sup-idnt{
	padding-left: 10px;
}


#contents #hubList_IM li.list a{
	width:225px;
	height:45px;
	margin-bottom:20px;
	background:url(../department/images/hub/hub_info_s1.png) -243px -310px no-repeat;
}

#contents #hubList_IM li.mov a, #otherMenu li#om_2 a {
	width: 224px;
	height: 55px;
	background:url(../department/images/hub/hub_info_mov.png) 0 0 no-repeat;
}

#contents #hubList_IM li.mov a:hover, #otherMenu li#om_2 a:hover {
	background:url(../department/images/hub/hub_info_mov_on.png) 0 0 no-repeat;
}

.support {
	background-color: #F5F5F5;
	padding: 7px 0;
	margin: 30px 0 17px;
}
.support a {
	display: block;
	width: 200px;
	height: 56px;
	text-indent: -9999px;
	overflow: hidden;
	background-image: url(/department/img/btn_support.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	margin: 0 auto;
}

table.shiyo th {
	font-weight: bold;
	text-align: left;
}

h2.nobg{
	background-image:none !important;
}
h3.nobg{
	border-bottom:none !important;
	margin-bottom:10px !important;
}
dl.feature{
	margin-bottom:20px;
}
dl.feature dt{
	background:url(../common/img/list_style_icon01.png) 0 center no-repeat;
	padding-left:1.5em;
	font-weight:bold !important;
	margin:10px 0 4px 0;
}
dl.feature dd{
	text-indent:0 !important;
}
dl.feature dd.txt{
	font-weight:normal;
	float:left;
	width:540px;
}
dl.feature dd.img{
	float:right;
	width:150px;
}
dl.feature dd.img figure{
	margin:0;
}


/*===================================================

	金融汎用システム

===================================================*/

#contents #hubList_tellac {
	padding-left: 10px;
	margin-right: -10px;
}
#contents #hubList_tellac li {
	float: left;
	margin: 0 14px 0 0;
}
#contents #hubList_tellac li a, #contents #t_kinyu li a {
	display: block;
	height: 142px;
	background-image: url(../department/images/hub/hub_tellac_s1.png);
	width: 227px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	margin-bottom: 13px;
	overflow: hidden;
}
#contents #hubList_tellac li#intro_1 a {
	background-position: 0 0;
}
#contents #hubList_tellac li#intro_2 a {
	background-position: -244px 0;
}
#contents #hubList_tellac li#intro_3 a {
	background-position: right 0;
}
#contents #hubList_tellac li#intro_4 a {
	background-position: left -155px;
}
#contents #hubList_tellac li#intro_5 a {
	background-position: -244px -155px;
}
#contents #hubList_tellac li#intro_6 a {
	background-position: right -155px;
}
#contents #hubList_tellac li#intro_7 a {
	background-position: 0 -312px;
}
#contents #t_kinyu {
	margin-left: -8px;
}
#contents #t_kinyu li#intro_8 a {
	background-position: -243px -312px;
	height: 45px;
	margin-bottom: 10px;
}
#contents #t_kinyu li#intro_9 a {
	height: 55px;
	background-position: -243px -361px;
}

#contents #t_kinyu li#intro_9 a:hover {
	background: url(../department/images/hub/hub_tellac_s1_on.png) no-repeat;
	background-position: -243px -361px;
}

/*===================================================

	選挙システム

===================================================*/

#contents #hubList_election {
	padding-left: 10px;
	margin-right: -10px;
}
#contents #hubList_election li {
	float: left;
	margin: 0 14px 0 0;
}
#contents #hubList_election li a, #contents #t_senkyo li a {
	display: block;
	height: 142px;
	background-image: url(../department/images/hub/hub_election_s1.png);
	width: 227px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	margin-bottom: 13px;
	overflow: hidden;
}
#contents #hubList_election li#intro_1 a {
	background-position: 0 0;
}
#contents #hubList_election li#intro_2 a {
	background-position: -244px 0;
}
#contents #hubList_election li#intro_3 a {
	background-position: -244px -312px;
}
#contents #hubList_election li#intro_4 a {
	background-position: left -155px;
}
#contents #hubList_election li#intro_5 a {
	background-position: -244px -155px;
}
#contents #hubList_election li#intro_6 a {
	background-position: right -155px;
}
#contents #hubList_election li#intro_7 a {
	background-position: 0 -312px;
	height: 42px;
	margin-right: 227px;
	margin-bottom: 7px;
}
#contents #hubList_election li#intro_10 a {
	background-position: -483px 0;
	height: 142px;
}
#contents #hubList_election li#intro_12 a {
	background-position: -483px -312px;
	height: 140px;
}
#contents #t_senkyo {
	margin-left: -8px;
}
#contents #t_senkyo li#intro_8 a {
	background-position: 0 -360px;
	height: 45px;
	margin-bottom: 10px;
}
#contents #t_senkyo li#intro_9 a {
	height: 55px;
	background-position: 0 -409px;
	margin-bottom: 10px;
}

#contents #t_senkyo li#intro_9 a:hover {
	background-image: url(../department/images/hub/hub_election_s1_on.png);
	background-position: 0 -409px;
}


.election01DlStyle01 dt{
	background:url(/department/images/election/icon_b01.gif) no-repeat 0 5px;
	padding-left:13px;

}
/*===================================================

	名刺・ハガキプリントシステム

===================================================*/

#contents #hubList_ips {
	padding-left: 10px;
	margin-right: -10px;
}
#contents #hubList_ips li {
	float: left;
	margin: 0 14px 13px 0;
}
#contents #hubList_ips li a, #contents #me_ha li a {
	display: block;
	height: 142px;
	background-image: url(../department/images/hub/hub_ips_s1.png);
	width: 227px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	margin: 0;
	overflow: hidden;
}
#contents #hubList_ips li#intro_1 a {
	background-position: 0 0;
}
#contents #hubList_ips li#intro_2 a {
	background-position: -244px 0;
}
#contents #hubList_ips li#intro_3 a {
	background-position: right 0;
}
#contents #hubList_ips li#intro_4 a {
	background-position: -244px -155px;
	margin-right: 0px;
}
#contents #me_ha {
	margin-left: -8px;
}
#contents #me_ha li#intro_4 a {
	background-position: left -155px;
	height: 45px;
	margin-bottom: 10px;
}
#contents #me_ha li#intro_5 a {
	height: 55px;
	background-position: 0 -204px;
	margin-bottom: 10px;
	clear: both;
}

#contents #me_ha li#intro_5 a:hover {
	background-image: url(../department/images/hub/hub_ips_s1_on.png);
	background-position: 0 -204px;
}
/*===================================================

	紙・紙加工品

===================================================*/

#contents #hubList_paper {
	padding-left: 10px;
	margin-right: -10px;
}
#contents #hubList_paper li {
	float: left;
	margin: 0 14px 0 0;
}
#contents #hubList_paper li a, #contents #t_paper li a {
	display: block;
	height: 142px;
	background-image: url(../department/images/hub/hub_paper_s1.png);
	width: 227px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	margin-bottom: 13px;
	overflow: hidden;
}
#contents #hubList_paper li#intro_1 a {
	background-position: 0 0;
}
#contents #hubList_paper li#intro_2 a {
	background-position: -244px 0;
}
#contents #hubList_paper li#intro_3 a {
	background-position: right 0;
}
#contents #hubList_paper li#intro_4 a {
	background-position: left -155px;
}
#contents #hubList_paper li#intro_5 a {
	background-position: -244px -155px;
}
#contents #hubList_paper li#intro_6 a {
	background-position: right -155px;
}
#contents #hubList_paper li#intro_7 a {
	background-position: 0 -312px;
}
#contents #t_paper {
	margin-left: -8px;
}
#contents #t_paper li#intro_8 a {
	background-position: -244px -312px;
	height: 45px;
	margin-bottom: 10px;
}
#contents #t_paper li#intro_9 a {
	height: 55px;
	background-position: -244px -361px;
}

#contents #t_paper li#intro_9 a:hover {
	background: url(../department/images/hub/hub_paper_s1_on.png) no-repeat;
	background-position: -244px -361px;
}
/*===================================================

	業績・財務データ

===================================================*/

#hubArea_wrap {
	margin-bottom: 50px;
}
#hubArea_top {
	border: 1px solid #D4D4D4;
	float: left;
	border-top: none;
	padding: 0 0 10px;
	margin: 0 0 10px 10px;
	width: 702px;
}
#hubArea_top .hub_txt {
	float: left;
	margin-left: 10px;
	width: 400px;
}
#contents #hubArea_top h2#index_0 {
	background: none;
	margin: 0 0 5px;
	padding: 0;
	border: none;
	height: auto;
	line-height: 0;
}
#contents #hubArea_top h2#index_0 a {
	display: block;
	overflow: hidden;
	width: 704px;
	height: 30px;
	background: url(../department/images/movie/h2_index_1.png) 0 0 no-repeat;
	text-indent: -9999px;
}
#contents #hubArea_top h2#index_0 a:hover {
	background-position: 0 -30px;
}
#contents #hubArea .movie h2#index_1 a {
	display: block;
	overflow: hidden;
	width: 347px;
	height: 30px;
	background: url(../department/images/movie/h2_index_1_s01.png) 0 0 no-repeat;
	text-indent: -9999px;
}
#contents #hubArea h2#index_1 a:hover {
	background-position: 0 -30px;
}
#contents #hubArea .movie h2#index_2 a {
	display: block;
	overflow: hidden;
	width: 347px;
	height: 30px;
	background: url(../department/images/movie/h2_index_1_s02.png) 0 0 no-repeat;
	text-indent: -9999px;
}
#contents #hubArea .movie h2#index_2 a:hover {
	background-position: 0 -30px;
}
#contents #hubArea .movie h2#index_3 a {
	display: block;
	overflow: hidden;
	width: 347px;
	height: 30px;
	background: url(../department/images/movie/h2_index_1_s03.png) 0 0 no-repeat;
	text-indent: -9999px;
}
#contents #hubArea h2#index_3 a:hover {
	background-position: 0 -30px;
}
#contents #hubArea .movie h2#index_4 a {
	display: block;
	overflow: hidden;
	width: 347px;
	height: 30px;
	background: url(../department/images/movie/h2_index_1_s04.png) 0 0 no-repeat;
	text-indent: -9999px;
}
#contents #hubArea .movie h2#index_4 a:hover {
	background-position: 0 -30px;
}
#contents #hubArea .movie h2#index_5 a {
	display: block;
	overflow: hidden;
	width: 347px;
	height: 30px;
	background: url(../department/images/movie/h2_index_1_s05.png) 0 0 no-repeat;
	text-indent: -9999px;
}
#contents #hubArea h2#index_5 a:hover {
	background-position: 0 -30px;
}
#contents #hubArea .movie h2#index_6 a {
	display: block;
	overflow: hidden;
	width: 347px;
	height: 30px;
	background: url(../department/images/movie/h2_index_1_s06.png) 0 0 no-repeat;
	text-indent: -9999px;
}
#contents #hubArea .movie h2#index_6 a:hover {
	background-position: 0 -30px;
}
#contents #hubArea_top .movie a.dlBtn,  #contents #hubArea .movie a.dlBtn {
	margin-bottom: 10px;
	display: block;
	overflow: hidden;
	width: 133px;
	height: 33px;
	background: url(../department/images/movie/dl_btn.png) 0 0 no-repeat;
	text-indent: -9999px;
}
div.mbdr {
	padding: 3px;
	border: 1px solid #aaa;
	width: 150px;
}
div.mbdr p {
	background-color: #FFF;
	padding: 2px;
	text-align: center;
	margin: -1em 0 0 5px!important;
	width: 90px;
}
table.mbtn a.mp4, table.mbtn a.wmv {
	margin-bottom: 2px;
	margin-left: 12px!important;
	margin-right: 8px!important;
	display: block;
	overflow: hidden;
	width: 60px;
	height: 25px;
	text-indent: -9999px;
}
table.mbtn a.mp4 {
	background: url(../department/images/movie/btn_mp4.png) 0 0 no-repeat;
}
table.mbtn a.wmv {
	background: url(../department/images/movie/btn_wmv.png) 0 0 no-repeat;
}
#contents #hubArea_top .movie a.dlBtn:hover,  #contents #hubArea .movie a.dlBtn:hover {
	background-position: 0 -33px;
}
table.mbtn a.mp4:hover, table.mbtn a.wmv:hover {
	background-position: 0 -25px;
}
table.mbtn td {
	text-align: center!important;
}
.boxTp01 {
	padding: 10px;
	border: 1px solid #CCCCCC;
}
#contents ul.ul_circle {
	margin: 0px 0px 0.3em 1.2em;
	padding: 0;
}
#contents ul.ul_circle li#mgb {
	margin-bottom: 100px;
}
.normalTxt {
	font-weight: normal;
	color: #000000;
}
/* 右に写真が回りこんだときにIE7で左のテキストが落ちる場合 */

.leftBox {
	width: 480px;
}
.block {
	display: block;
}

/*===================================================

	ミクロフィルター

===================================================*/

table.shiyo tr.bf{
	font-weight: bold;
}

img.micro_img {
	margin-top: 20px ;
	margin-bottom: 0px ;
}

#sub li ul li.print634 a{
	background: #457f28 url(/images/arr.gif) 18px center no-repeat;
	color:#ffffff;
	font-weight: bold;
}

.tblStd td{
	line-height: 1.5em !important;
}

.tblStd tr:nth-child(odd) td{
	background: #d8eef8;
}

.tblStd2 tr:nth-child(even) td{
	background: #d8eef8 !important;
}

/*===================================================

	POSTER PRINTER 専用アプリ（かくだい君PosterPrint）

===================================================*/
#contents #application h3{
	color: #333333;
  background: #e6eef5;
  padding: 5px 10px;
  font-size: 130%;
  border-left: solid 2px #0068b7;
}

#contents #application h4{
	font-size: 116%;
  border-bottom: solid 1px #0068b7;
  color: #333333;
  margin-bottom: 10px;
  letter-spacing: 2px;
  padding-bottom: 3px;
	margin-bottom: 10px;
}

#contents #application h5{
	font-size: 110%;
  font-weight: bold;
  margin-bottom: 5px;
  color: #2f2f2f;
}

#contents #application strong{
	font-size: 115%;
}

#contents .use{
	display: flex;
  flex-wrap: wrap;
  width: 100%;
	border-top: 1px solid #d6d6d6;
  border-right: 1px solid #d6d6d6;
}

#contents .use li{
	width: 25%;
	box-sizing: border-box;
	margin: 0;
	border-bottom: 1px solid #d6d6d6;
  border-left: 1px solid #d6d6d6;
}

#contents .use li a{
	display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background: #fff;
  position: relative;
	font-size: 12px;
}

#contents .use li:nth-child(1) a::before{background-image: url(/department/images/info/app_download.svg);}
#contents .use li:nth-child(2) a::before{background-image: url(/department/images/info/app_camera.svg);}
#contents .use li:nth-child(3) a::before{background-image: url(/department/images/info/app_photo.svg);}
#contents .use li:nth-child(4) a::before{background-image: url(/department/images/info/app_doc.svg);}
#contents .use li:nth-child(5) a::before{background-image: url(/department/images/info/app_web.svg);}
#contents .use li:nth-child(6) a::before{background-image: url(/department/images/info/app_map.svg);}
#contents .use li:nth-child(7) a::before{background-image: url(/department/images/info/app_poster.svg);}
#contents .use li:nth-child(8) a::before{background-image: url(/department/images/info/app_setting.svg);}

#contents .use li a::before{
	content: "";
  display: block;
  width: 60px;
  height: 60px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-right: 10px;
}

#contents .use li a::after,#contents .configuration li a::after{
	content: "";
  width: 12px;
  height: 12px;
  background: url(/department/images/info/icon_anchor.png) 0 0/cover no-repeat;
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

#contents .note{
	font-size: 11px;
  margin-top: -15px;
	padding-left: 15px;
  text-indent: -15px;
}

#contents .note::before{
	content: "※";
	font-size: 11px;
  padding-right: 1px;
}

#contents .store,#contents .howto,
#contents .specification{
	display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

#contents .store li,#contents .specification li{
	margin-left: 0;
	margin-bottom: 0;
}

#contents .store li:nth-child(3){
	margin-top: -15px;
}

#contents .howto li{
	margin-left: 0;
	width: 50%;
}

#contents .howto li > p:first-child{
	margin-bottom: 0;
	text-align: left;
}

#contents .howto li p strong::before{
	content: "■";
	color: #1151B9;
	padding-right: 1px;
}

#contents .howto li p:nth-child(n+2){
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

#contents .howto li p strong{
	font-weight: bold;
}

#contents .howto li>img:first-of-type{
	width: 60%;
	height: auto;
	display: block;
  margin: 0 auto;
}

#contents .howto li>p:nth-of-type(2){
	margin-top: 10px;
}

#contents .configuration{
	display: flex;
	justify-content: space-between;
}

#contents .configuration li{
	width: 33.333%;
  margin: 0;
  border-top: 1px solid #0064a9;
  border-bottom: 1px solid #0064a9;
  border-left: 1px solid #0064a9;
  padding: 10px 5px;
  background: #fff;
}

#contents .configuration li:last-child{
	border-right: 1px solid #0064a9;
}

#contents .configuration li a{
	display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
	font-size: 12px;
	color: #333333;
}

#contents .configuration li a::after{
	right: 2px;
}

#contents .specification li{
	width: 50%;
}

#contents .specification li table{
	width: 100%;
	border-collapse:  collapse;
}

#contents .specification li table tr{
	text-align: center;
}

#contents .specification li table tr th{
	background: #0064bc;
  color: #fff;
  text-align: center;
  padding: 10px;
  font-weight: bold;
}

#contents .specification li table tr td{
	padding: 5px;
}

#contents .specification li table tr th:first-child,
#contents .specification li table tr td:first-child{
	box-sizing: border-box;
	border: solid 1px #ccc;
	border-top: none;
}

#contents .specification li table tr th:last-child,
#contents .specification li table tr td:last-child{
	box-sizing: border-box;
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
}

#contents .acd-check{
    display: none;
}

#contents .acd-label{
    background: #0068b7;
    color: #fff;
    display: block;
    margin-bottom: 1px;
    padding: 10px;
    position: relative;
		font-weight: bold;
		margin-top: 20px;
}

#contents .acd-label::after{
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border-top: #fff 2px solid;
    border-right: #fff 2px solid;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    position: absolute;
    right: 3%;
    top: 30%;
    transition: .5s;
}

#contents .acd-check:checked+.acd-label::after{
	content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-top: #fff 2px solid;
  border-right: #fff 2px solid;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  position: absolute;
  right: 3%;
  top: 40%;
  margin: auto;
}

#contents .acd-content{
    border: 1px solid #333;
		border-top: none;
    display: none;
    height: 0;
    opacity: 0;
    padding: 0 10px;
    transition: .3s;
}

#contents .acd-content p{
	margin: 0;
}

#contents .acd-check:checked + .acd-label + .acd-content{
    height: auto;
    opacity: 1;
    padding: 10px;
		display: block;
}

#contents #connection h3{
	margin: 0 0 5px;
  padding: 0;
  color: #0064A9;
  font-size: 108%;
  border: none;
	background: none;
}

#contents #connection table{
	width: 100%;
	border-collapse:  collapse;
}

#contents #connection table tr th{
	background: #0064bc;
  color: #fff;
  text-align: center;
  padding: 10px;
  font-weight: bold;
}

#contents #connection table tr td{
	padding: 5px;
}

#contents #connection table tr td img{
	float: right;
	width: 40%;
  margin: 10px;
}

#contents #connection table tr td p{
	width: 50%;
}

#contents #connection table tr td p.note{
	width: 45%;
}

#contents #connection table tr th:first-child,
#contents #connection table tr td:first-child{

	box-sizing: border-box;
	border: solid 1px #ccc;
}

#contents #connection table tr th:last-child,
#contents #connection table tr td:last-child{
	box-sizing: border-box;
	border: solid 1px #ccc;
}

#contents #connection div.img{
	text-align: center;
}

#contents #connection div.img img{
	width: 80%;
}

/*===================================================

	マイクロフィルム機材

===================================================*/
#contents .line-up table{
	width: 100%;
	border-collapse:  collapse;
	margin-bottom: 1.5em;
}

#contents .line-up table tr:nth-child(even){
	background-color: #d8eef8;
}

#contents .line-up table tr th{
	background: #0064bc;
  color: #fff;
  text-align: center;
  padding: 10px;
  font-weight: bold;
}

#contents .line-up table tr td{
	padding: 5px;
}

#contents .line-up table tr td img{
	float: right;
	width: 40%;
  margin: 10px;
}

#contents .line-up table tr td p{
	width: 50%;
}

#contents .line-up table tr td p.note{
	width: 45%;
}

#contents .line-up table tr th,
#contents .line-up table tr td{
	box-sizing: border-box;
	border: solid 1px #ccc;
}

.bg-b{
	background-color: #d8eef8;
}

.bg-h{
	background-color: #fff;
}

/*===================================================

	デジタルアーカイブ（デジタルデータ保存）

===================================================*/
#contents .ttl-b{color: #04519c;}

#contents .choice > ul{
	display: flex;
	margin: 0;
}

#contents .choice > ul li{
	margin: 0;
	text-align: center;
}

#contents .choice > ul > li{
	width: 50%;
  color: #fff;
  font-size: 110%;
}

#contents .choice > ul > li ul li:nth-child(2){
	width: 95%;
  border-radius: 10px;
  box-sizing: border-box;
  padding: 20px 0 10px;
  font-weight: bold;
  margin: 0 auto;
}

#contents .choice > ul > li:first-child ul li:nth-child(2){
	background-color: #339966;
}

#contents .choice > ul > li:nth-child(2) ul li:nth-child(2){
	background-color: #00b0f0;
}

#contents .choice > ul > li ul li:nth-child(2) img{
	width: 318px;
	border-radius: 0 0 10px 10px;
}

#contents .choice > ul > li > ul > li > p > img.new-icon{
	width: 50px;
  border-radius: unset;
  padding-right: 5px;
	vertical-align: text-bottom;
}

/*===================================================

	ミクロフィルター（ろ過フィルター）

===================================================*/
#contents .filter_lineup{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

#contents .filter_lineup li{
	margin: 15px 0 0;
	width: 30%;
	box-shadow: 0 2px 5px rgba(0,0,0,0.4);
  box-sizing: border-box;
}

#contents .filter_lineup li figure{
	margin: 0;
	padding: 10px;
}

#contents .filter_lineup li figure figcaption{
	margin-top: 5px;
}

#contents .filter_lineup li figure figcaption span{
	font-size: 110%;
}

#contents .filter_lineup li img{
	width: 100%;
}


#contents .indent1_5{
	padding-left:1.5em;
	text-indent:-1.5em;
}

#contents .font-tele{
	font-family: 'HG創英角ﾎﾟｯﾌﾟ体',fantasy;
    font-size: 170%;
    line-height: 20px;
	font-weight: normal;
}

/*===================================================

	共通

===================================================*/
.mg10{ margin: 10px !important; }
.mt0 { margin-top:0 !important; }
.mt10 { margin-top:10px !important; }
.mt20 { margin-top:20px !important; }
.mt30 { margin-top:30px !important; }
.mt40 { margin-top:40px !important; }
.mt50 { margin-top:50px !important; }
.mr0 { margin-right:0 !important; }
.mr10 { margin-right:10px !important; }
.mr20 { margin-right:20px !important; }
.mr30 { margin-right:30px !important; }
.mr40 { margin-right:40px !important; }
.mr50 { margin-right:50px !important; }
.mb0 { margin-bottom:0 !important; }
.mb10 { margin-bottom:10px !important; }
.mb20 { margin-bottom:20px !important; }
.mb30 { margin-bottom:30px !important; }
.mb40 { margin-bottom:40px !important; }
.mb50 { margin-bottom:50px !important; }
.ml0 { margin-left:0 !important; }
.ml10 { margin-left:10px !important; }
.ml20 { margin-left:20px !important; }
.ml30 { margin-left:30px !important; }
.ml40 { margin-left:40px !important; }
.ml50 { margin-left:50px !important; }
.ptpb10 {padding-top:10px; padding-bottom:10px;}
.pd10{ padding: 10px !important;}
.pt0 { padding-top:0 !important; }
.pt10 { padding-top:10px !important; }
.pt20 { padding-top:20px !important; }
.pt30 { padding-top:30px !important; }
.pt40 { padding-top:40px !important; }
.pt50 { padding-top:50px !important; }
.pr0 { padding-right:0 !important; }
.pr10 { padding-right:10px !important; }
.pr20 { padding-right:20px !important; }
.pr30 { padding-right:30px !important; }
.pr40 { padding-right:40px !important; }
.pr50 { padding-right:50px !important; }
.pb0 { padding-bottom:0 !important; }
.pb10 { padding-bottom:10px !important; }
.pb20 { padding-bottom:20px !important; }
.pb30 { padding-bottom:30px !important; }
.pb40 { padding-bottom:40px !important; }
.pb50 { padding-bottom:50px !important; }
.pl0 { padding-left:0 !important; }
.pl10 { padding-left:10px !important; }
.pl20 { padding-left:20px !important; }
.pl30 { padding-left:30px !important; }
.pl40 { padding-left:40px !important; }
.pl50 { padding-left:50px !important; }
.font-l{font-size: 130% !important;}
.font-m{font-size: 110% !important;}
