@charset "Shift-JIS";

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

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


/*---------------------------------------------
 Initialization
---------------------------------------------*/

div,p,dl,dt,dd,ul,ol,li,th,td,
h1,h2,h3,h4,h5,h6,form,input,textarea,blockquote{
	margin: 0;
	padding: 0;
	font-size: 100%;
	color: #333333;
}

body{
	margin: 0;
	padding: 0;
	min-width: 900px;
	background-color: #ffffff;
	color: #333333;
	font-size: 75%;
	font-family:"‚l‚r ‚oƒSƒVƒbƒN", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro";
}

html >/**/ body{
	font-size: 12px;
}

select, input, textarea{ font-size: 12px; }
input{ vertical-align: middle; }

hr{ display: none; height: 0;}
img{ border: none; }
li{ list-style: none;}
table{
	border-collapse: collapse;
	border-spacing: 0;
}

td{
	vertical-align: top;
	text-align: left;
}

.clear{ clear:both;}
/*---------------------------------------------
 Link
---------------------------------------------*/
a:link   { color: #004a95;}
a:visited{ color: #863d95;}
a:hover  { color: #d70542;}
a:active { color: #d70542;}

a.no-line{ text-decoration: none;}

/*---------------------------------------------
 Page Top
---------------------------------------------*/
#ContentsArea p.pagetop{
	margin-bottom: 10px;
	text-align: right;
}

/*---------------------------------------------
 HeadArea
---------------------------------------------*/
#HeadArea{
	margin-bottom: 10px;
	border-top: 4px #004a95 solid;
	padding: 0 10px;
}

#HeadArea .wrap{
	margin: 0 auto;
	width: 900px;

}

/*---------------------------------------------
 BreadArea-a
---------------------------------------------*/
#BreadArea-a{
	margin-bottom: 15px;
	padding: 0 10px;
}

#BreadArea-a .wrap{
	margin: 0 auto;
	width: 900px;
}

/*---------------------------------------------
 BodyArea
---------------------------------------------*/
#BodyArea{
	margin: 0 auto 40px;
	padding: 0 10px;
	width: 900px;
}

/*---------------------------------------------
 LocalNaviArea
---------------------------------------------*/
#LocalNaviArea{
	margin: 0 auto 15px;
	padding: 0 10px;
	width: 900px;
}

/*---------------------------------------------
 ContentsArea
---------------------------------------------*/
#ContentsArea{
	float: right;
	width: 670px;
}

/*---------------------------------------------
 SideArea
---------------------------------------------*/
#SideArea{
	float: left;
	width: 200px;
}

/*---------------------------------------------
 BreadArea-b
---------------------------------------------*/
#BreadArea-b{
	padding: 0 10px;
	min-height: 30px;
	_height: 30px;
	background: #eeeeef url(../../image/bg_bread_b.gif) repeat-x 0 0;
}

#BreadArea-b .wrap{
	margin: 0 auto;
	width: 900px;
}

/*---------------------------------------------
 SitemapArea
---------------------------------------------*/
#SitemapArea{
	border-top: 2px #004a95 solid;
	padding: 20px 10px 0;
}


#SitemapArea .wrap{
	margin: 0 auto;
	padding-bottom: 7px;
	width: 900px;
}

/*---------------------------------------------
 FootArea
---------------------------------------------*/
#FootArea{
	margin-top: 13px;
	border-top: 4px #008381 solid;
	padding: 10px 10px 0;
}

#FootArea .wrap{
	margin: 0 auto;
	width: 900px;
}


/*---------------------------------------------
 clearfix
---------------------------------------------*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
	min-height: 1%; /* for IE 7*/
}
/* Hides from IE-mac */
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */


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

/* CSS Document */