/*------------------------------------
	header-area
------------------------------------*/


/*layout*/

div.header-area{
	_overflow:visible;
	_height:1px;
	zoom:1;
	/*\*//*/
	overflow:hidden;
	/**/
	width:954px;
	
	border-top:3px solid #0055c4;
	background:#fff url(../img/header_bg_01.gif) left bottom repeat-x;
}

body.tmplA01-f div.header-area,
body.tmplA02-f div.header-area{
	width:100%;
	position:relative;
}

div.header-area:after{
	content:"."; 
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

div.header-area div.site-identity{
	float:left;
	width:360px;
}

div.header-area div.utilities{
	float:right;
	width:594px;
	font-size:88%;
	line-height:1.36;
}


/*site-identity*/

div.header-area div.site-identity{
	_overflow:visible;
	_height:1px;
	zoom:1;
	/*\*//*/
	overflow:hidden;
	/**/
	width:360px;
	line-height:1;
}

div.header-area div.site-identity:after{
	content:"."; 
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

div.header-area div.site-identity h1{
	margin-top:18px;
	margin-bottom:19px;
	padding-left:18px;
}

div.header-area div.site-identity p.description{
	position:absolute;
	left:153px;
	top:33.5px;
}

body.tmplA01-f div.header-area div.site-identity p.description,
body.tmplA02-f div.header-area div.site-identity p.description{
	width:100%;
	top:30.5px;
}


div.header-area div.site-identity p.description span.area{
	font-weight:bold;
	position:relative;
	top:-1px;
}


/*utilities*/

div.header-area div.utilities ul{
	margin-top:22px;
	_margin-top:21px;
	margin-right:18px;
	margin-bottom:15px;
	text-align:right;
	list-style-type:none;
}

*+html body div.header-area div.utilities ul{
	margin-top:21px;
}


div.header-area div.utilities ul li{
	display:inline;
	margin-left:12px;
	position:relative;
	top:0.6em;
	_top:0.55em;
/*
	2012/12/19追加
*/
	background: url(/common/img/icon_01.gif) no-repeat left center;
	padding-left: 8px;
}

/* 2012/12/19追加 */
div.header-area div.utilities ul li.search{
	background: none;
	padding-left: 0;
}

*+html body div.header-area div.utilities ul li{
	top:0.55em;
}

div.header-area div.utilities ul li.search{
	top:1px;
}


/*form*/

div.header-area div.utilities form.search-form{
	display:inline;
}

div.header-area div.utilities form.search-form p{
	display:inline;
}

div.header-area div.utilities form.search-form input.search-str{
	width:117px;
	border-top:1px solid #d9d9d9;
	border-right:1px solid #f2f2f2;
	border-bottom:1px solid #f2f2f2;
	border-left:1px solid #e0e0e0;
	vertical-align:middle;
	
	margin-right:4px;
	padding-top:0.33em;
	padding-bottom:0.166em;
	padding-left:4px;
	font-size:100%;
	color:#555;
	background:url(../img/header_bg_02.gif) left top repeat-x;
	/*\*//*/
	position:relative;
	top:4px;
	/**/
	
	height:20px;
	voice-family:"\"}\"";
	voice-family:inherit;
	height:13px;
	_height:12px;
}
/*\*/
html:first-child div.header-area div.utilities form.search-form input.search-str{
	width:123px;
	height:20px;
}
html:first-child head ~ body div.header-area div.utilities form.search-form input.search-str{
	width:117px;
	height:12px;
}
/**/
*+html body div.header-area div.utilities form.search-form input.search-str{
	height:12px;
}


div.header-area div.utilities form.search-form input.submit-btn{
	vertical-align:middle;
}



/*anchor*/

div.header-area a:link{
	text-decoration:none;
}
div.header-area a:visited{
	text-decoration:none;
}
div.header-area a:link:hover,
div.header-area a:visited:hover,
div.header-area a:link:active,
div.header-area a:visited:active,
div.header-area a:link:focus,
div.header-area a:visited:focus{
	text-decoration:underline;
}


div.header-area a:link{
	_text-decoration:none;
}
div.header-area a:visited{
	_text-decoration:none;
}
div.header-area a:hover,
div.header-area a:active{
	_text-decoration:underline;
}



/*------------------------------------
	footer-area
------------------------------------*/


/*layout*/

div.footer-area{
	_overflow:visible;
	_height:1px;
	zoom:1;
	/*\*//*/
	overflow:hidden;
	/**/
	width:954px;
	_height:52px;
	min-height:52px;
	
	margin-top:2.16em;/*24px*/
	border-top:1px solid #ccc;
	border-bottom:4px solid #0055c4;
	background-color:#fff;
}


body.tmplA01-f div.footer-area,
body.tmplA02-f div.footer-area{
	width:100%;
	position:relative;
}


div.footer-area:after{
	content:"."; 
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}


/*realizing*/

div.footer-area div.realizing{
	width:122px;
	position:absolute;
	right:0;
}

div.footer-area div.realizing p{
	margin-top:18px;
	text-align:center;
}


/*footer-link*/

div.footer-area div.footer-link ul{
	margin:0.9em 122px 0 122px;
	_margin-top:0.9em;
	text-align:center;
	list-style-type:none;
	font-size:92%;
	line-height:1.36;
}

*+html body div.footer-area div.footer-link ul{
	margin-top:0.85em;
}

div.footer-area div.footer-link ul li{
	display:inline;
	margin-left:9px;
}
div.footer-area div.footer-link ul li:first-child,
div.footer-area div.footer-link ul li.first-child{
	margin-left:0;
}
div.footer-area div.footer-link ul li a:first-child {
	zoom: 1;
}


/*address*/

div.footer-area address{
	margin:0.5em 122px 0.99em 122px;
	_margin-top:0.6em;
	text-align:center;
	font-style:normal;
	font-size:83%;
	line-height:1.2;
}

*+html body div.footer-area address{
	margin-top:0.6em;
}



/*anchor*/

div.footer-area a:link{
	text-decoration:none;
}
div.footer-area a:visited{
	text-decoration:none;
}
div.footer-area a:link:hover,
div.footer-area a:visited:hover,
div.footer-area a:link:active,
div.footer-area a:visited:active,
div.footer-area a:link:focus,
div.footer-area a:visited:focus{
	text-decoration:underline;
}


div.footer-area a:link{
	_text-decoration:none;
}
div.footer-area a:visited{
	_text-decoration:none;
}
div.footer-area a:hover,
div.footer-area a:active{
	_text-decoration:underline;
}