@charset "Shift-JIS";

/**********************************************************************
project name :  secom [ /common_02/corporate/css/module.css ]

08.08.22
**********************************************************************/

/*---------------------------------------------
 common
---------------------------------------------*/

.last,
.nm{
	margin-bottom: 0 !important;
}

/*---------------------------------------------
 Header
---------------------------------------------*/

h1{
	margin-bottom: 30px;
}

.h1-section h1{
	margin-bottom: 20px;
}

h2{
	margin-bottom: 15px;
	border: 1px #999999 solid;
	border-top: 2px #00529c solid;
	padding: 7px 5px;
	background:	#f4f4f4;
}

h2 span{
	display: block;
	min-height: 24px;
	_height: 24px;
	padding-left: 14px;
	background: transparent url(../image/bg_h2_mark.gif) 0 0 no-repeat;
	font-size: 15px;
	line-height: 1.6;
}

h3{
	margin-bottom: 15px;
	border-bottom: 1px #999999 solid;
	padding: 0 3px 4px;
}

h3 span{
	display: block;
	min-height: 20px;
	_height: 20px;
	padding-left: 13px;
	background: transparent url(../image/bg_h3_mark.gif) 0 100% no-repeat;
	font-size: 14px;
	line-height: 1.4;
}

h4{
	margin-bottom: 7px;
	font-size: 14px;
	font-weight: bold;
}

h4 span{
}

/*---------------------------------------------
 Catch
---------------------------------------------*/

.catch{
	margin-bottom: 20px;
}

/*---------------------------------------------
 Text
---------------------------------------------*/

.fontB{
	font-weight: bold;
}

p{
	line-height: 1.4;
}

p.lead{
}

p.inner,
p.supli{
	margin-bottom: 15px;
}

p.tbl-caption{
	margin-bottom: 20px;
}

strong{
	font-size: 100%;
	font-style: normal;
	font-weight: bold;
}

strong span{
	color: #004a95;
}

.attention{
	padding-left: 3.0em;
	text-indent: -3.0em;
	font-size: 86%;
}

.t-right{
	text-align: right;
}

.t-center,
.txt-center{
	text-align: center;
}

.img-cap{
	font-size: 86%;
}

/*---------------------------------------------
 Image
---------------------------------------------*/

.img-nml{
	margin-bottom: 15px;
	text-align: center;
}

.img-nml-narrow{
	margin-bottom: 10px;
	text-align: center;
}

.img-left{
	margin-bottom: 15px;
}

.img-left-narrow{
	margin-bottom: 10px;
}

.img-nml-nm{
	text-align: center;
}

/*---------------------------------------------
 Section
---------------------------------------------*/

.section{ 
	margin-bottom: 40px;
}

.h1-section{
	margin-bottom: 20px;
}

.section01,
.h2-section,
.h3-section{
	margin-bottom: 30px;
}

.section02{
	margin-bottom: 0;
}

.h1-section .box,
.h2-section .box,
.h3-section .box,
.section01 .box,
.section02 .box{
	margin: 0 10px;
}

.h1-section .box p,
.h2-section .box p,
.h3-section .box p,
.section01 .box p,
.section02 .box p{
	margin-bottom: 20px;
}

.h1-section .box p.stit,
.h2-section .box p.stit,
.h3-section .box p.stit,
.section01 .box p.stit,
.section02 .box p.stit{
	margin-bottom: 10px;
}

.section03{
	margin-bottom: 15px;
}


/*---------------------------------------------
 List
---------------------------------------------*/

#ContentsArea ul,
#ContentsArea ol{
	margin-bottom: 20px;
}

#ContentsArea li{
	line-height: 1.4;
}
      
/* n.` */
.num-list01 li{
	margin-top: 5px;
	padding-left: 0.7em;
	text-indent: -0.7em;
}

/* Ś` */
.notes01 li{
	margin-top: 5px;
	padding-left: 1em;
	text-indent: -1em;
	color: #666666;
	font-size: 86%;
}

/* Śn` */
.notes02 li{
	margin-top: 5px;
	padding-left: 1.5em;
	text-indent: -1.5em;
	color: #666666;
	font-size: 86%;
}

/* (*n)` */
.notes03 li{
	margin-top: 5px;
	padding-left: 2em;
	text-indent: -2em;
	color: #666666;
	font-size: 86%;
}

/* œ` */
.item-list li{
	margin-top: 10px;
	padding-left: 1.25em;
	text-indent: -1.25em;
}

/* E` */
.item-list02 li{
	margin-top: 10px;
	padding-left: 0.5em;
	text-indent: -0.5em;
}

.notes01 li.first-child,
.notes02 li.first-child,
.notes03 li.first-child,
.item-list li.first-child,
.item-list02 li.first-child,
ol.num-list01 li.first-child,
.link-list01 li.first-child{
	margin-top: 0;
}

/*---------------------------------------------
 Link
---------------------------------------------*/

.arrow01{
	padding-left: 12px;
	background: url(../../image/icon_bullet01.gif) 0 30% no-repeat;
}

.arrow02{
	padding-left: 12px;
	background: url(../../image/icon_bullet02.gif) 0 20% no-repeat;
}

span.arrow02{
	padding-left: 12px;
	background: url(../../image/icon_bullet02.gif) 0 0.3em no-repeat;
	display: block;
}

.arrow03{
	padding-left: 10px;
	background: url(../../image/icon_bullet03.gif) 0 30% no-repeat;
}

.link-icon01{
	padding-left: 12px;
	background: url(../../image/icon_external01.gif) 0 30% no-repeat;
}

span.link-icon01{
	padding-left: 12px;
	background: url(../../image/icon_external01.gif) 0 0.3em no-repeat;
	display: block;
}

.link-list01 a{
	margin-left: 3px;
	padding-left: 8px;
	background: url(../../image/icon_bullet03.gif) 0 0.3em no-repeat;
	zoom: 1;
}

ul.site-list li a{
	margin-left: 3px;
	padding-left: 8px;
	background: url(../../image/icon_bullet03.gif) 0 30% no-repeat;
	line-height: 1.4;
	display: block;
}

ul.link-arrow02 li span{
	margin: 10px 0 0 3px;
	padding-left: 12px;
	background: url(../../image/icon_bullet02.gif) 0 30% no-repeat;
	line-height: 1.4;
	display: block;
}

/*---------------------------------------------
 Table
---------------------------------------------*/

.table-set{
	margin-bottom: 20px;
}

table.layout{
	margin-bottom: 10px;	
}

table caption{
	text-align: left;
	margin-bottom: 5px;
	font-weight: bold;
}

table caption.date{
	text-align: right;
	font-weight: normal;
}

th,
td{
	font-weight: normal;
	line-height: 1.4;
}

th.top,
td.top{
	vertical-align: top;
}

th.left,
td.left{
	text-align: left;
}

th.middle,
td.middle{
	vertical-align: middle;
}

th.center,
td.center{
	text-align: center;
}

th.bottom,
td.bottom{
	vertical-align: bottom;
}

th.right,
td.right{
	text-align: right;
}

table.type01,
table.type02{
	margin-bottom: 10px;
	width: 649px;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
}

table.type03{
	margin-bottom: 10px;
	width: 315px;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
}

table.type01 th,
table.type01 td,
table.type02 th,
table.type02 td,
table.type03 th,
table.type03 td{
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	padding: 10px;
}

table.type01 th,
table.type02 th,
table.type03 th{
	background-color: #f4f4f4;
}

table.type01 th.title,
table.type02 th.title,
table.type03 th.title,
table.type02 thead th,
table.type03 thead th{
	background-color: #e8f4ff;
	font-weight: bold;
}

table.type01 td.price,
table.type02 td.price,
table.type03 td.price{
	text-align: right;
	vertical-align: middle;
}

table.data th,
table.data td{
	padding-top: 10px;
}

table.data th.nm,
table.data td.nm{
	padding-top: 0;
}

table.data th.pt20,
table.data td.pt20{
	padding-top: 20px;
}

/*---------------------------------------------
 PagelinkArea
---------------------------------------------*/

#PagelinkArea{
	margin-bottom: 20px;
	border: 3px #cccccc solid;
	padding: 0 12px;
}

#PagelinkArea li{
	background: url(../../image/bg_dotline.gif) 0 0 repeat-x;
	float: left;
	margin-right: 20px;
	padding: 8px 0;
}

.pagelink01 li{	width: 300px;}
.pagelink02 li{	width: 108px;}

#PagelinkArea li.line-end{
	margin-right: 0;
}

#PagelinkArea li.first-line{
	background-image: none;
}

#PagelinkArea li a{
	display: block;
	padding: 3px 5px 3px 19px;
	background: #ffffff url(../../image/icon_pagelink01.gif) 5px 0.5em no-repeat;
	vertical-align: middle;
}

#PagelinkArea li span{
	display: block;
	padding: 3px 0 3px 17px;
	font-weight: bold;
	vertical-align: middle;
}

.pagelink01 li a{ width: 276px;}
.pagelink02 li a{ width: 84px;}

#PagelinkArea li a:hover,
#PagelinkArea li a:active{
	background-color: #eaf6fe;
}

/*---------------------------------------------
 box
---------------------------------------------*/

.box-nml{
	margin-bottom: 20px;
	border: 1px #cccccc solid;
	padding: 10px;
}

.att-box{
	margin-bottom: 20px;
	border: 1px #ffcccc solid;
	padding: 5px 5px 5px 10px;
}

.att-box .att-img{
	margin: 1em 10px 1em 0;
	float: left;
	width: 36px;
}

.att-box .att-txt{
	float: left;
	width: 585px;
	color: #cc0000;
}

.att-box02{
	margin-bottom: 20px;
	border: 1px #cccccc solid;
	font-size: 86%;
}

.txt-nml{
	font-size: 100%;
}

#ContentsArea .att-box02 .att-tit{
	margin-bottom: 0px;
	background-color: #f4f4f4;
	padding: 14px;
	color: #df0021;
	font-weight: bold;
}

#ContentsArea .att-black{
	color: #000000 !important;
}

.att-box02 .att-txt{
	padding: 14px;	
}

.att-box02 .item-list li{
	margin-top: 5px;
}

.att-box02 .caut-icon{
	margin-right: 5px;
	float: left;
	width: 30px;
}

.att-box02 .caut-txt{
	float: left;
	width: 585px;
}


/*---------------------------------------------
 Rayout
---------------------------------------------*/

.col2{
	margin-bottom: 20px;
}

.col2 .col-a{
	float: left;
	width: 315px;
}

.col2 .col-b{
	float: right;
	width: 315px;
}

.inq-col2{
}

.inq-col2 .col-a{
	float: left;
	width: auto;
}

.inq-col2 .col-b{
	float: right;
	width: auto;
}

.inq-col3{
}

.inq-col3 .col-a{
	margin-right: 10px;
	float: left;
	width: 210px;
}

.inq-col3 .col-b{
	float: left;
	width: 210px;
}

/*---------------------------------------------
 other-parts
---------------------------------------------*/

.col2 .item-img{
	float: left;
	width: 90px;
}

.col2 .item-info{
	float: right;
	width: 210px;
}

#ContentsArea .col2 .item-name{
	margin-bottom: 8px;
	padding-bottom: 8px;
	background: url(../../image/bg_dotline.gif) 0 100% repeat-x;
	font-weight: bold;
}

.instance{
	margin-bottom: 20px;
}

.inst-img01{
	float: left;
	width: 90px;
}

.inst-info01{
	float: right;
	width: 545px;
}

.inst-info01 span.attribute{
	margin-left: 10px;
	vertical-align: middle;
}

.inst-img02{
	float: left;
	width: 160px;
}

.inst-info02{
	float: right;
	width: 475px;
}

.inst-img03{
	float: left;
	width: 274px;
}

.inst-info03{
	float: right;
	width: 361px;
}

.inst-img04{
	float: left;
	width: 200px;
}

.inst-info04{
	float: right;
	width: 435px;
}

#ContentsArea p.inst-name{
	margin-bottom: 8px;
	padding-bottom: 8px;
	background: url(../../image/bg_dotline.gif) 0 100% repeat-x;
	font-weight: bold;
}

.inq-tit{
	margin-bottom: 10px;
}

.inq-btn{
	margin-top: 3px;
}

/*---------------------------------------------
 ŠÂ‹Ť•Ű‘Si2009.12.25j
---------------------------------------------*/
.box-blue{
	margin-bottom: 10px;
	padding: 10px;
	border: 1px #cccccc solid;
	background: #d5e4ef;
}

.box-green{
	margin-bottom: 20px;
	padding: 10px;
	border: 3px #009eaa solid;
}

.box dl.system{
	width: 630px;
}

.box dl dt{
	clear: both;
	float: left;
	padding-top: 6px;
	width: 20px;
}

.box dl dd{
	/*float: right;
	width: 600px;*/
	margin-left: 25px;
	padding-top: 6px;
}

#environment h1{
	margin: 0 0 20px 0;
}

#environment h2{
	background: none;
	border: none;
	margin: 0 0 10px 0;
	padding: 0;
}

#environment h3{
	background: none;
	border: none;
	margin: 0 0 5px 0;
	padding: 0;
}

.box-txtLink01{
	background:url(../../../corporate/environment/images/bg_environment_top02.gif) left bottom;
	float: left;
	margin-bottom: 10px;
}

.box-txtLink02{
	background:url(../../../corporate/environment/images/bg_environment_top04.gif) left bottom;
	float: left;
	margin-bottom: 10px;
}

.box-txtLink01 .leftLink,
.box-txtLink02 .leftLink{
	float: left;
	padding: 0 10px;
	width: 315px;
}

.box-txtLink01 .rightLink{
	float: left;
	padding: 0 10px;
	width: 310px;
	margin-left: 5px;
}

.box-txtLink02 .rightLink{
	float: left;
	padding: 0 10px;
	width: 310px;
	margin: 14px 0 0 5px;
}

/*---------------------------------------------
 ƒOƒ‹[ƒv‰ďŽĐƒTƒCƒgˆę——i2010.08.13j
---------------------------------------------*/
.companies{
	width: 660px;
	margin: 0 0 0 10px;
}

.companies ul{
	width: 660px;
	margin: 0!important;
	clear: both;
}

.companies li{
	width: 310px;
	margin: 0 10px 10px 0;
	float: left;
	padding-left: 8px;
	background: url(../../image/icon_bullet03.gif) left .4em no-repeat;
}

.companies ul ul{
	width: 310px;
	float: none;
}

.companies li ul li{
	width: 300px;
	margin: 0 0 2px;
	padding: 0;
	background: none;
}

.companies li ul li a{
	padding: 0 0 0 .2em;
}


/*********************************************************************/

/* CSS Document */