@charset "utf-8";

/** UPDATE: 2020.12.15 **/

#hd_img{
	border-top:solid 1px #fff;
	background-color:#fff;
	text-align:center;
	position:relative;
	z-index:-1
}
#hd_img img{vertical-align:bottom}


#hd_img_security{
	border-top:solid 1px #fff;
	background-color:#f2f2f2;
	position:relative;
	width:1014px;
	margin:0 auto;
	z-index:-1;
	text-align:left;
}
#hd_img_security img{vertical-align:bottom}

#hd_img_security h2{
	position:absolute;
	top:40px;
	left:60px;
	font-weight:bold;
	font-size:16px;
}

#hd_img_security p{
	position:absolute;
	top:70px;
	left:60px;
	font-size:12px;
	width:800px
}

#border{
    height:1px;
	margin-top:1px;
	border-top:5px solid #666
}


/****************************** 【会社案内】 ******************************/




#bg_menu{
	height:51px;
	background-image: url(../images/bg_menu_abouts.png);
	background-repeat: repeat-x;
	margin-top:1px;
}


#bg_menu .in{
	width:920px;
	margin:0 auto;
}

#bg_menu li {
	float:left;
	display:none
}

#bg_menu li a{
	float:left;
	font-size:12px;
	font-weight:bold;
	color:#333333;
	margin-right:20px;
	margin-top:13px;
	height: 24px;/**34px*/
	width: 101px;
	padding-top:10px
}

#bg_menu li a:hover,
#bg_menu li .on{
	background-image: url(../images/bg_tab.png);
	background-position: bottom;
	color:#CC0000

}

#container h3.title{
	background-image: url(../images/bg_title.png);
	background-repeat: repeat-x;
	height: 31px;
	font-weight:bold;
	font-size:14px;
	margin:0 0 24px 0;
	padding-top:10px;
	padding-left:16px
}

#about p{
	margin:10px
}

#about td{
	padding:5px
}

.bd{
	border:solid 1px #ccc
}


/****************************** 【会社概要】 ******************************/



#outline .wrap{
	margin:10px 0
}

#outline .wrap table .gray{
	background:#eee
}

#outline .wrap table td{
	padding:8px 10px;
}

#outline .wrap table th{
	padding:8px 10px;
	text-align:center;
	width:100px
}


/****************************** 【関連列会社】 ******************************/



#affiliates .left{
	width:371px
}


/****************************** 【業績】 ******************************/



#increase #graph{
	margin-top:10px;
	background:#f5f5f5
}



/****************************** 【アクセス】 ******************************/



#access .map{
	position:relative;
	margin-bottom:30px
}

#access .qr{
	position:absolute;
	top:0;
	left:560px
}


#access .txt_s{
	text-align:center;
	font-size:10px;
	width:538px
}


#access .line{
  border-top:solid 1px #CCCCCC;
  height:30px
}
	


/****************************** 【環境方針】 ******************************/



#envi_line p{
	margin:10px 0
}

#envi_line .in{
	margin-left:20px
}

#envi_line .txt_r{
	text-align:right;
	margin-top:60px
}


/****************************** 【環境目的】 ******************************/


#envi_goals p{
	margin:10px 0
}

#envi_goals .in{
	margin-left:20px
}

#envi_goals .txt_r{
	text-align:right;
}


#envi_goals .wrap{
	margin:10px 0
}

#envi_goals .wrap table td{
	padding:4px 6px;
	text-align:left;
	font-size:80%
}

#envi_goals .wrap table th{
	padding:4px 6px;
	text-align:center;
	font-size:80%;
	background-color:#999;
}

#envi_goals .wrap table .gray{
	background:#eee
}

#envi_goals .wrap table .white{
	background:#fff
}

#envi_goals .wrap table{
	background:#CCCCCC
}



/****************************** 【セキュリティ】 ******************************/


#security #banners {
	margin-bottom:20px
}

#security #banners h3{
	margin-bottom:20px
}


#security #banners .alpha{
	float:left
}


/** 1st level **/
#left_navi > ul li a{
	color:#FFFFFF;
	font-weight:bold;
	background-image: url(../images/bg_menu_security.png);
	height: 29px;/**37px**/
	width: 206px;/**226px**/
	color:#FFFFFF;
	font-weight:bold;
	padding:8px 0 0 20px;
	margin-bottom:2px;
	display:block;
	font-size:12px
}

#left_navi ul li a:hover{
	text-decoration:underline
}


/** 2nd level **/

#left_navi ul li ul li {
	background:#eee;
	width: 226px;
}

#left_navi .has-sub > ul li {
	background:#eee;
	width: 226px;
	display:none
}
#left_navi .has-sub.open-sub > ul li {
	display:block
}


#left_navi ul li ul li a{
	background-image: url(../images/arrow_security.gif)!important;
	padding:10px 4px 10px 30px;
	margin-bottom:2px;
	background-position: 4px 14px;
	height: auto;/**37px**/
	width: 192px;/**226px**/
	color:#333333!important;
}


#left_navi .open-sub > a{
	background-color:#FC0;
	background-image:none;
	color:#333
}
#left_navi ul ul .open-sub > a{
	background-color:#eee;
	color:#F60!important
}
#left_navi ul li ul li a:hover, 
#left_navi a.on{
	color:#FF6600!important;
	text-decoration:underline
}

/** 3rd level **/

#left_navi ul li ul li ul{
	border-bottom:solid 2px #fff
}


#left_navi ul li ul li ul li a{
	background-image: url(../images/arrow_level3.gif)!important;
	background-position:left center!important;
	padding:6px 0 4px 10px;
	margin-bottom:0;
	background-position: 4px center;
	margin-left:20px;
	margin-top:2px!important;
	height: auto!important;/**37px**/
	width: 186px;/**226px**/
	color:#333!important;
	font-size:10px;
}

#left_navi ul li ul li ul li a:hover, 
#left_navi .on{
	color:#FF6600!important;
	text-decoration:underline
}







#left_navi {
	margin-bottom:10px;
	margin-left:4px
}


#list_items {
	margin:20px 0
}

#list_items .wrap{
	width:150px;
	float:left;
	margin:0 10px 30px
}

#list_items .wrap h4 a{
	display:block;
	font-weight:bold;
	text-align:center;
	padding:5px 0;
	font-size:12px;
	color:#333
}

#list_items .wrap_img {
	position:relative;
}

#list_items .wrap_img a:hover img{
	filter: alpha(opacity=70);
    -moz-opacity:0.75;
    opacity:0.75;
}

#list_items .wrap_img span{
	text-decoration:underline;
	background-image: url(../images/icon_new.gif);
	text-indent: -9999px;
	display: block;
	height: 11px;
	width: 30px;
	position:absolute;
	top:0;
	left:0
}

#list_items .link_text {
	font-size:10px;
	text-align:center;
	padding:2px
}

#list_items .link_text a{
    text-decoration:underline;
	color:#333333
}

#list_items .link_text a:hover{
    text-decoration:none;
}

#list_items .link_text span{
    text-decoration:none;
	padding-left:4px
}

.noimage{font-size:12px; text-align:center; width:148px; height:148px; display:table-cell; vertical-align:middle; border:solid 1px #ddd;}

/********************[DETAIL]***************************/

#details {
	margin-bottom:40px
}


#details .left{
	width:340px
}

#details .left p:empty{
	margin-bottom: 2em;
}
#details .left p sub:empty,
#details .left p span:empty,
#details .left p strong:empty{
	margin-bottom: 2em;
	display: block;
}

#details .right{
    background:#E0E0E0;
	width:301px;
	border:1px solid #E0E0E0
}

#details .wrap_img {
	position:relative;
}

#details .wrap_img a:hover img{
    filter: alpha(opacity=70);
    -moz-opacity:0.75;
    opacity:0.75;
}



#details .wrap_img span{
	display: none;
}

#details .link_text {
	
	text-align:center;
	padding:2px
}

#details .link_text a{
	text-decoration:underline;
	color:#333333;
	background-image: url(../images/arrow_bg_gray_sc_02.gif);
	background-position: left center;
	padding-left: 20px;
}

#details .link_text a:hover{
    text-decoration:none;
}

#details .link_text span{
    text-decoration:none;
	padding-left:4px
}


#security .wrap_table{
	margin:20px;
}

#security .wrap_table table{
	width:100%
}

#security .wrap_table th{
	
	text-align:left;
	padding:6px 10px;
	white-space:nowrap;
	width:160px
}

#security .wrap_table td{
	font-weight:normal;
	text-align:left;
	padding:6px 10px;
}


#security .wrap_table .gray{
	background:#eee
}


#security .wrap_table h4{
	text-align:left;
	background-image: url(../images/bg_h4_02.png);
	background-repeat: repeat-x;
	height: 22px;
	margin:20px 0;
	font-size:13px;
	font-weight:bold;
	color:#000000;
	padding:2px 10px;
	border-left:3px solid #333333
}

#security #demo h4{
	text-align:left;
	background-image: url(../images/bg_h4_02.png);
	background-repeat: repeat-x;
	height: 22px;
	margin:20px 0;
	font-size:13px;
	font-weight:bold;
	color:#000000;
	padding:2px 10px;
	border-left:3px solid #333333
}


#security #list_in_same_cat{
	margin:20px 0 0 20px
}

#security #list_in_same_cat .wrap{
	width:102px;
	float:left;
	margin:0 5px 20px 5px
}

#security #list_in_same_cat .wrap .wrap_img {
	border:1px solid #ddd;
	text-align:center;
	width:104px;
	height:104px;
	display:table-cell;
	vertical-align:middle
}


#security #list_in_same_cat .wrap .wrap_img a:hover img{
	filter: alpha(opacity=70);
    -moz-opacity:0.75;
    opacity:0.75;
}

#security #list_in_same_cat .wrap_img {
	position:relative
}

#security #list_in_same_cat .wrap_img span{
	text-decoration:underline;
	background-image: url(../images/icon_new.gif);
	text-indent: -9999px;
	display: block;
	height: 11px;
	width: 30px;
	position:absolute;
	top:0;
	left:0
}

#security #list_in_same_cat h4 {
	text-align:center;
	font-size:10px; padding:3px
}

#security #list_in_same_cat h4 a{
	color:#333333;
	font-weight:bold;
	word-break:break-all
}


#security #sample{
	margin:20px 0 20px 20px;
}
#security #sample{}
#security #sample .wrap_img {
    margin:0 10px 0 0;
	float:left;
	position:relative;
}
#security #sample .wrap_img img{border:1px solid #ddd;}
#security #sample .wrap_img a:hover img{
	filter: alpha(opacity=70);
    -moz-opacity:0.75;
    opacity:0.75;
}

#security .name{width:100px!important}

#security .format{width:100px!important}
#security .mount{width:80px!important}
#security .focal{width:100px!important}
#security .f{width:100px!important}
#security .note{width:120px!important}

/** FA **/
#fa .line .odd{
	background-image: url(../images/arrow_list.gif);
	background-position: left center;
	padding-left:14px;
}

#fa .line .even{
	background-image: url(../images/arrow_list.gif);
	background-position: left center;
	padding-left:14px;
}


/* tables */
table.tablesorter {
	background-color: #CDCDCD;
	font-size: 10px;
	width: 100%;
	text-align: left;
}
table.tablesorter th{
	background-color: #e6EEEE;
	border: 1px solid #FFF;
	font-size: 10px;
	padding: 4px;
	text-align:left
}

*html table.tablesorter th{
	font-size: 10px!important;
}

*:first-child+html table.tablesorter th{
	font-size: 10px!important;
}

table.tablesorter th span{
	font-weight:normal!important;
}

table.tablesorter thead tr .header {
	background-image: url(bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
	cursor:hand;
}
table.tablesorter tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	text-align:left;
}

table.tablesorter tbody td a:hover img{
	filter: alpha(opacity=70);
    -moz-opacity:0.7;
    opacity:0.7;
}

table.tablesorter tbody tr.odd td {
	background-color:#F0F0F6;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #8dbdd8;
}


#fa .link_text {
	padding:2px
}

#fa .link_text a{
	text-decoration:underline;
	color:#333333;
	background-image: url(../images/arrow_list.gif);
	background-position: left center;
	padding-left: 20px;
}

#fa h4{
	text-align:left;
	background-image: url(../images/bg_h4_02.png);
	background-repeat: repeat-x;
	height: 22px;
	margin:20px 0;
	font-size:13px;
	font-weight:bold;
	color:#000000;
	padding:2px 10px;
	border-left:3px solid #333333
}

#fa .float_imgs td{
	text-align:center;
	padding:4px;
	vertical-align:top
}
#fa .float_imgs td img{
	margin-right:10px
}

#demo .tablesorter .name{
	width:160px
}


#demo .tablesorter .cats{
	width:200px
}

.links a{
	background-image: url(../images/arrow_list.gif);
	background-position: left center;
	padding-left: 20px;
	text-decoration:underline;
}
.bt_form a{
	background-image: url(../images/bt_form.gif);
	height: 27px;
	width: 158px;
    padding-top:8px;
	display:block;
	padding-left:70px;
	color:#333333;
	font-weight:bold
}

*html .bt_form a{
	height: 35px;
	width: 228px;
}

.bt_form a:hover{
	filter: alpha(opacity=70);
    -moz-opacity:0.7;
    opacity:0.7;
}

#contact th,#contact td{ vertical-align:middle; text-align:left}



.notice{
	color:#FF0000
}

#contact .notice{
	margin:20px 0!important
}

#contact .wrap{
	margin:10px 0
}

#contact .wrap table{
	width:100%
}

#contact .wrap table .gray{
	
}

#contact .wrap table td{
	padding:10px;
	font-weight:bold
}

#contact .wrap table th{
	padding:10px;
	width:180px;
	background:#eee;
}


/** FILTER **/

#filter .wrap{margin:0 0 10px 0;}

#filter .wrap table{width:100%}

#filter .wrap table td{padding:4px}

#filter .wrap a {
	background-image: url(../images/arrow_list.gif);
	background-position: left center;
	padding-left: 20px;
	margin:0 6px 12px 6px;
}

#filter h3.title{margin-bottom:10px!important}

#filter h4{
	text-align:left;
	background-image: url(../images/bg_h4_02.png);
	background-repeat: repeat-x;
	height: 22px;
	margin:20px 0;
	font-size:13px;
	font-weight:bold;
	color:#000000;
	padding:2px 10px;
	border-left:3px solid #333333
}


#fl_left{
    float:left;
    width:320px;
	text-align:center;
}

#fl_right{
    float:right;
    width:320px;
	text-align:center;
}

.fl_parts .alpha{
    border:solid 2px #eee;
	width:312px
}


.fl_parts img{
    border:solid 1px #CCCCCC
}

.fl_parts span{
    text-align:center;
	font-size:10px
}

.fl_parts_2 .alpha{
    border:solid 2px #eee;
	width:502px;
	margin:10px auto 0 auto
	}

.centering{text-align:center}

.fl_parts_2 img{
    border:solid 1px #CCCCCC
}

.fl_parts_2 span{
    text-align:center;
	font-size:10px
}

.notice_fl{font-size:10px; color:#CC0000; text-align:right; margin-bottom:10px}

#bg_red{
	color:#FFFFFF;
	font-size:10px;
	margin-left:2px;
	width:312px;
	margin-bottom:4px;
	background-color: #CC0000;
}

#bg_bl{
	color:#FFFFFF;
	font-size:10px;
	margin-left:2px;
	width:312px;
	margin-bottom:4px;
	background-color: #006699;
}

#note{
	background-color: #eee;
	padding:20px;
	margin:20px 0
}

#note th,#note td{
	padding:0 20px;
}


#note th{
	border-right:1px solid #CCCCCC
}

#bg_e{background:#eee!important}

#filter .tablesoter td{background:none}

.note{font-size:10px; text-align:right}


#cat_desc .wrap_table{
	margin:30px 0;
	width:100%
}

#cat_desc .wrap_table table{
	width:100%
}

#cat_desc .wrap_table span{
	display:block;
}

#cat_desc .wrap_table .alpha{
	text-align:center;
	font-size:10px
}

.usage{
	color:#FFFFFF;
	background-color:#CC0000;
	text-align:center;
	margin-top:20px;
	margin-bottom:10px;
	font-size:10px
}


/** search **/


#search{
	margin-bottom:20px
}

#search th{
	width:200px;
	font-size:12px
}

#search td{
	font-size:12px
}

#search td .t_box{
	width:250px
}

#search td option{
	width:100px
}

#search #bt_submit{
	margin:4px 6px 4px 0;
	width:100px
}


#wrap-entry{padding:20px; word-break:break-all}
#wrap-entry p{line-height:180%}

.bt-back{padding-bottom:20px}
.bt-back a{display:block; width:200px; padding:15px 0; margin:20px auto 0;  text-align:center; font-size:13px; background:#06F; color:#000; border-radius:5px;border-bottom:solid 3px #333;
background: -moz-linear-gradient(top ,#09F, #06F);
    background: -webkit-gradient(linear, left top, left bottom, from(#09F), to(#06F));
    background: linear-gradient(to bottom, #09F, #06F);
	color:#fff;
}


.cc-note{text-align:right; font-size:10px}



#page{padding-bottom:40px}

#pager{text-align:center; margin:20px auto}
#pager a{display:inline-block; text-align:center; background:#06F; padding:3px 8px; border:solid 1px #ddd;background: -moz-linear-gradient(top ,#09F, #06F);
    background: -webkit-gradient(linear, left top, left bottom, from(#09F), to(#06F));
    background: linear-gradient(to bottom, #09F, #06F);color:#fff; border:solid 1px #06F; font-size:14px}
#pager a.current_page{font-weight:bold; color:#000;background:#eee;!important; border:solid 1px #ddd}
#pager a:hover{	filter: alpha(opacity=70);
    -moz-opacity:0.75;
    opacity:0.75;}