@charset "utf-8";

/* ===================================================================
CSS Document

 file name  :module.css
 style info :ヘッダー、フッター
=================================================================== */

/*----------------------------------------------------
	header_area
----------------------------------------------------*/

#header_area{
	position:relative;
	width:960px;
	height:70px;
	margin:0 auto;
}

#header_area p img{
	position:absolute;
	top:9px;
}

.home {
	position:absolute;
	top:22px;
	left:286px;
}

.home a{
	display:block;
	width:85px;
	height:27px;
	text-indent:-9999px;
}

.home a:link,
.home a:visited{
	background:url(/common/image/button_home.gif) top left;
}

.home a:hover{
	background:url(/common/image/button_home.gif) bottom left;
}

#header_submenu{
	position:absolute;
	width:250px;
	right:0;
}

#header_submenu ul li{
	float:left;
}

#header_submenu ul.utility_nav li img{
	float:left;
	height:20px;
	margin-top:4px;
}
/*--------------------------*/
#fontsize {
	position:absolute;
	top:0;
	right:0;
	width:154px;
	height:32px;
	background:url(/common/image/bg_fontsize.gif) no-repeat;
}

#fontsize img.text{
	position:absolute;
	top:8px;
	left:13px;
}

#fontsize ul {
	position:absolute;
	top:0px;
	left:75px;
	height:22px;
}

#fontsize ul li img {
	float:left; /*メモ　ffのために必要*/
	margin:3px 1px 0 0;
	height:22px;
}
/*--------------------------*/

#search{
	clear:both;
	padding-left:26px;
	padding-top:17px;
}

.search_head{
	float: left;
	margin-right:3px;
}

#header_area form.search input.query {
	float: left!important;
	width: 142px !important;
	height: 16px !important;
	padding:0 2px 0 2px !important;
	border:#c0c0c0 1px solid !important;
}

.ie7 #header_area form.search input.query {
	padding-top:2px !important;
}

#header_area form.search input.submit {
	float:left;
	margin:0 4px 0 3px;
}

/*----------------------------------------------------
	footer_area
----------------------------------------------------*/

#footer_area {
	clear:both;
	float:left;
	width:100%;
	height:auto !important;
	height:178px;
	margin: 0;
	margin-top:25px;
	padding:0;
	background: url(/common/image/bg_footer.gif) repeat-x top;
}

#footer_area #wrap {
	width:960px;
	margin:0 auto;
	background: url(/common/image/bg_footer_03.gif) no-repeat top right;
}

#footer_area .adobe{
	padding:12px 0 8px 5px;
}

/*----------------*/

#footer_area #inquiry{
	width:727px;
	margin:12px auto;
	background:url(/common/image/bg_inquiry_01.gif) no-repeat top;
}

#footer_area #inquiry .wrap{
	overflow:hidden;
	padding:0 0 2px 0;
	background:url(/common/image/bg_inquiry_02.gif) no-repeat bottom;
}
.ie6 #footer_area #inquiry .wrap{
	float:left;
	padding:0 0 2px 0;
	background:url(/common/image/bg_inquiry_02.gif) no-repeat left bottom;
}

#footer_area #inquiry .logo{
	float:left;
	width:35px;
	margin:5px 7px 0 8px;
}
#footer_area #inquiry .name{
	float:left;
	width:260px;
	margin:8px 0 0 0px;
	font-weight:bold;
	color:#FFFFFF;
}

#footer_area #inquiry .name span{
	font-size:11px;
	font-weight:normal;
}

.safari #footer_area #inquiry .name span{
	font-size:10px;
}

#footer_area #inquiry ul.address{
	font-size:12px;
	float:right;
	width:400px;
	margin:8px 0 0 0px;
	color:#FFFFFF;
}

#footer_area #inquiry ul.address li{
	margin-bottom:5px;
	min-height:14px;
}
#footer_area .post{
	padding-left:20px;
	background:url(/common/image/icon_post.gif) no-repeat;
}
#footer_area .tel{
	padding-left:20px;
	background:url(/common/image/icon_tel.gif) no-repeat;
}

/*----------------*/

#footer_area #copy{
	text-align:center;
	margin:10px 0 6px 0 ;
}