@charset "Shift-JIS";

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

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

/*---------------------------------------------
 HeadArea
---------------------------------------------*/

#HeadArea #LogoArea{
	float: left;
	width: 330px;
	margin-top: 31px;
}

#HeadArea .logo{
	float: left;
	width: auto;
	margin-right: 20px;
}

#HeadArea .site-catch{
	float: left;
	width: auto;
}

#HeadArea #GNaviArea{
	float: right;
	width: 565px;
}

#HeadArea .globalnavi{
	margin: 0 0 13px 105px;
}

#HeadArea .globalnavi li{
	float: left;
	width: auto;
}

#HeadArea .utilitynavi{
	float: left;
	width: 325px;
	margin-top: 5px;
	padding-left: 54px;
	text-align: right;
}

#HeadArea .utilitynavi li.item01{
	float: left;
	width: 58px;
	margin-right: 2px;
}

#HeadArea .utilitynavi li.item02{
	float: left;
	width: 80px;
	margin-right: 10px;
}

#HeadArea .utilitynavi li.item03{
	float: left;
	width: 80px;
	margin-right: 10px;
}

#HeadArea .utilitynavi li.item04{
	float: left;
	width: 85px;
}

#HeadArea .search-box{
	float: right;
	width: 177px;
}

#HeadArea .search-txt{
	float: left;
	margin-right: 5px;
}

#HeadArea .search-txt input{
	width: 111px;
	padding: 2px 5px;
}

#HeadArea .search-btn{
	float: right;
	width: 42px;
	height: 22px;
	font-size: 1px;
}

/*---------------------------------------------
 LocalNaviArea
---------------------------------------------*/

#LocalNaviArea li{
	float: left;
	width: auto;
}

/*---------------------------------------------
 ContentsArea
---------------------------------------------*/

#ContentsArea{
	font-size: 117%;
}

/*---------------------------------------------
 SideArea
---------------------------------------------*/

#SideArea{
}

ul.guidance{
	margin-bottom: 10px;
}

#SideArea .faq{
	border: 1px #999999 solid;
}

#SideArea .faq span,
ul.guidance li span{
	padding-left: 12px;
	background: url(../../image/icon_bullet02.gif) 0 20% no-repeat;
	display: block;
}

ul.guidance li.subguide ul li span{
	padding-left: 10px;
	background: url(../../image/icon_bullet03.gif) 0 20% no-repeat;
	display: block;
}

#SideArea .guidance li{
	border-right: 1px solid #999999;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #999999;
}

#SideArea .guidance li.end{
	border-bottom: 1px solid #999999;
}

#SideArea .faq a,
#SideArea .guidance li a{
	width: 178px;
	padding: 11px 10px;
	display: block;
	background: #9acaed;
	text-decoration: none;
}

#SideArea .faq a:link,
#SideArea .faq a:visited,
#SideArea .guidance li a:link,
#SideArea .guidance li a:visited{
	background: #ffffff;
}

#SideArea .faq a:hover,
#SideArea .faq a:active,
#SideArea .guidance li a:hover,
#SideArea .guidance li a:active{
	background: #eaf6fe;
}

#SideArea .guidance .current a:link,
#SideArea .guidance .current a:visited,
#SideArea .guidance .current a:hover,
#SideArea .guidance .current a:active{
	background: #9acaed;
	color: #333333;
	text-decoration: none;
	font-weight: bold;
}

#SideArea .guidance li.subguide{
	background: #cae4f8;
	color: #333333;
}

#SideArea .guidance li.subguide a:link,
#SideArea .guidance li.subguide a:visited,
#SideArea .guidance li.subguide a:hover,
#SideArea .guidance li.subguide a:active{
	background: #cae4f8;
	text-decoration: none;
}

#SideArea .guidance li.subguide ul li{
	margin-left: 21px;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-right: none;
	border-bottom: none;
}

#SideArea .guidance li.subguide ul li.end{
	margin-left: 21px;
	border-bottom: none;
}

#SideArea .guidance li.subguide ul li a{
	width: 156px;
	padding: 11px 10px;
	display: block;
	background: #eaf6fe;
}

#SideArea .guidance li.subguide ul li a:link,
#SideArea .guidance li.subguide ul li a:visited{
	background: #ffffff;
	font-weight: normal;
	text-decoration: none;
}

#SideArea .guidance li.subguide ul li a:hover,
#SideArea .guidance li.subguide ul li a:active{
	background: #eaf6fe;
	font-weight: normal;
	text-decoration: none;
}

#SideArea .guidance li.subguide ul li.current a:link,
#SideArea .guidance li.subguide ul li.current a:visited,
#SideArea .guidance li.subguide ul li.current a:hover,
#SideArea .guidance li.subguide ul li.current a:active{
	background: #9acaed;
	color: #333333;
	text-decoration: none;
	font-weight: bold;
}


/*---------------------------------------------
 SitemapArea
---------------------------------------------*/

#SitemapArea p{
	margin-bottom: 3px;
}

#SitemapArea a{
	text-decoration: none;
}

#SitemapArea p a{
	display: block;
	background-position: 0 0.3em;
}

#SitemapArea .box01{
	width: 151px;
	margin-right: 15px;
	float: left;
}

#SitemapArea .box02{
	width: 188px;
	margin-right: 15px;
	float: left;
}

#SitemapArea .box03{
	width: 138px;
	margin-right: 15px;
	float: left;
}

#SitemapArea .box04{
	width: 76px;
	margin-right: 15px;
	float: left;
}

#SitemapArea .box05{
	width: 174px;
	margin-right: 15px;
	float: left;
}

#SitemapArea .box06{
	width: 98px;
	float: left;
}

/*---------------------------------------------
 FootArea
---------------------------------------------*/

#FootArea #FootmenuArea{
	float: left;
	width: 620px;
}

#FootArea .logo{
	float: left;
	width: 59px;	
}

#FootArea .menu{
	float: left;
	width: 560px;
}

#TypeINQUIRY #FootArea .menu{
	margin-top: 20px;
}

#FootArea .ft-menu{
	margin-bottom: 10px;	
}

#FootArea .ft-menu li{
	float: left;
	width: auto;
	padding: 0 10px;
}

#FootArea .ft-menu li.menu-item{
	border-left: 1px #666666 solid;
}

#FootArea .site-info{
	margin: 7px 0 10px 10px;
	font-size:83.3%;
	color: #666666;
}

#FootArea #CopyArea{
	float: right;
	width: auto;
	text-align: right;
}

/*---------------------------------------------
 BreadArea-b
---------------------------------------------*/

#BreadArea-b p{
	float: left;
	width: 740px;
	padding: 12px 0 8px;
}

#BreadArea-b .pagetop{
	float: right;
	width: auto;
}



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

/* CSS Document */