@charset "shift_jis";

/*============================================================
全ページ共通設定
============================================================*/
body {
	margin		: 0px;
	padding		: 0px;
	background : #E6EAE3;
}

img {
	border		: 0px;
}

img.image {
	margin-bottom	: 20px;
}

img.left {
	float		: left;
	margin-right	: 20px;
}

img.right {
	float		: right;
	margin-left	: 20px;
}

ul,li {
	margin		: 0px;
	padding		: 0px;
	list-style	: none;
}

hr {
	display		: none;
}

.line {
	background:url(../img/common/utility_line.gif) repeat-x;
	height:1px;
	margin:10px 0;
}

#main .pagenavi{
	background-color: #F1F1F1;
	font-size	: 10px;
	color		: #000;
	text-align	: center;
	margin		: 0 0 15px 0;
	padding		: 5px 0;
}

/*============================================================
全体
============================================================*/
#container {
	width		: 900px;
	margin          : 0px auto;
}

#body a:hover img, #footer a:hover img, #utility a:hover img{
	filter		: alpha(opacity=70);
	opacity		: 0.7;
	-moz-opacity	: 0.7;
}

/*============================================================
ヘッダー
============================================================*/
#header {
	width		: 900px;
	height		: 101px;
	margin		: 0 0 10px 0;
	position	: relative;
	background	: url(../img/common/bg_header.jpg) no-repeat left 0px;
}
#identity {
	position	: absolute;
	top		: 18px;
	left		: 20px;
}
#identity h1 {
	margin		: 0px;
	padding		: 0px;
}
#utility {
	float		: right;
	padding-top	: 26px;
	width		: 400px;
	text-align	: right;
	font-size	: 10px;
}
#utility li {
	float		: left;
	margin		: 0 10px 0 0;
	padding		: 0px;
	list-style-type	: none;
}
.tel {
	position	: absolute;
	top		: 20px;
	left		: 696px;
}
/*============================================================
ヘッダー：グローバルナビ
============================================================*/
#globalnavi {
	width		: 900px;
	position	: absolute;
	top		: 65px;
	left		: 0px;
	height		: 36px;
}
#globalnavi ul {
	margin		: 0;
	padding		: 0;
}
#globalnavi li {
	float		: left;
	list-style-type	: none;
}
/* メニュー設定 */
#globalnavi .solution a {
	display		: block;
	width		: 150px;
	height		: 36px;
	background-image: url(../img/common/globalnavi_solution.jpg);
	text-indent	: -55555px;
}
	#globalnavi .solution a:hover,#globalnavi .solution .active {
		display		: block;
		width		: 150px;
		height		: 36px;
		background-image: url(../img/common/globalnavi_solution_on.jpg);
		text-indent	: -55555px;
	}
#globalnavi .product a {
	display		: block;
	width		: 150px;
	height		: 36px;
	background-image: url(../img/common/globalnavi_product.jpg);
	text-indent	: -55555px;
}
	#globalnavi .product a:hover,#globalnavi .product .active {
		display		: block;
		width		: 150px;
		height		: 36px;
		background-image: url(../img/common/globalnavi_product_on.jpg);
		text-indent	: -55555px;
	}
#globalnavi .process a {
	display		: block;
	width		: 150px;
	height		: 36px;
	background-image: url(../img/common/globalnavi_process.jpg);
	text-indent	: -55555px;
}
	#globalnavi .process a:hover,#globalnavi .process .active {
		display		: block;
		width		: 150px;
		height		: 36px;
		background-image: url(../img/common/globalnavi_process_on.jpg);
		text-indent	: -55555px;
	}
#globalnavi .company a {
	display		: block;
	width		: 150px;
	height		: 36px;
	background-image: url(../img/common/globalnavi_company.jpg);
	text-indent	: -55555px;
}
	#globalnavi .company a:hover,#globalnavi .company .active {
		display		: block;
		width		: 150px;
		height		: 36px;
		background-image: url(../img/common/globalnavi_company_on.jpg);
		text-indent	: -55555px;
	}
#globalnavi .recruit a {
	display		: block;
	width		: 150px;
	height		: 36px;
	background-image: url(../img/common/globalnavi_recruit.jpg);
	text-indent	: -55555px;
}
	#globalnavi .recruit a:hover,#globalnavi .recruit .active {
		display		: block;
		width		: 150px;
		height		: 36px;
		background-image: url(../img/common/globalnavi_recruit_on.jpg);
		text-indent	: -55555px;
	}
#globalnavi .inquiry a {
	display		: block;
	width		: 150px;
	height		: 36px;
	background-image: url(../img/common/globalnavi_inquiry.jpg);
	text-indent	: -55555px;
}
	#globalnavi .inquiry a:hover,#globalnavi .inquiry .active {
		display		: block;
		width		: 150px;
		height		: 36px;
		background-image: url(../img/common/globalnavi_inquiry_on.jpg);
		text-indent	: -55555px;
	}

/*============================================================
ボディ
============================================================*/
#body_header {
	height		: 25px;
	background	: url(../img/common/body_upper.gif) top left no-repeat;
}
#body {
	width		: 848px;
	background-color: #FFF;
	margin		: 0px;
	padding		: 0 25px 20px 25px;
	border-left	: solid 1px #B6BDB8;
	border-right	: solid 1px #B6BDB8;
}
#body .mainimage{
	width		: 900px;
	margin		: 0px:
}
#body #footstamp{
	width		: 848px;
	padding		: 15px 0 15px 0;
}

/*============================================================
サイドナビ
============================================================*/
#sidenavi {
	float		: right;
	width		: 205px;
	margin		: 0px;
}
#sidenavi .sidenavi_bt{
	margin		: 0 0 10px 0;
}
#sidenavi dl,
#sidenavi dt,
#sidenavi dd,
#sidenavi ol,
#sidenavi li{
	margin		: 0px;
}
#sidenavi dt{
	width		: 205px;
	height		: 24px;
	_margin		: 0 0 -4px 0;
}
#sidenavi ul{
	background	: #EEE url(../img/common/bg_sideber.jpg) bottom left no-repeat;
}
#sidenavi li{
	list-style-type	: none;
	line-height	: 1.5;
}
#sidenavi li a{
	display		: block;
	width		: 187px;
	vertical-align:bottom;
	border-bottom	: dotted 1px #CCC;
	background	: url(../img/common/point_sidemenu.gif) 8px center no-repeat;
	padding		: 7px 0 7px 18px;
	font-size	: 11px;
	_font-size    : 8px;
}

*+html #sidenavi li a{
	font-size:8px;
	}

#sidenavi li .active{
	background-color: #F9F9F9;
	color		: #00712A;
}
	#sidenavi ul ul{
		background	: none;
		padding		: 0px 0;
		border-bottom	: dotted 1px #CCC;
	}
	#sidenavi ul ul li a{
		width		: 170px;
		padding		: 4px 5px 4px 30px;
		margin		: 0px;
		border		: none;
		background	: url(../img/common/point_sidemenu.gif) 20px center no-repeat;
	}
	#sidenavi ul ul li a .active{
		background-color: #F9F9F9;
		color		: #00712A;
	}
	#sidenavi ul ul .nolink{
		width		: 170px;
		padding		: 4px 5px 4px 30px;
		margin		: 0px;
		border		: none;
		background	: url(../img/common/point_sidemenu.gif) 20px center no-repeat;
		color		: #999;
	}

/*============================================================
サイドナビ：資料請求・カタログダウンロード
============================================================*/
#sidenavi .request{
	border-bottom	: solid 1px #CCC;
	background-color: #DBDBDB;
	padding		: 0px;
	margin		: 0 0 10px 0;
}
#sidenavi .request dt a{
	display		: block;
	width		: 205px;
	padding		: 0;
	text-indent	: 18px;
	background	: url(../img/common/point_sidemenu.gif) 10px 12px no-repeat;
	font-weight:bold;
	line-height	: 30px;
	font-size:11px;
	_font-size:8px;
}

*+html #sidenavi .request dt a{
	font-size:8px;
}
	
#sidenavi .request dd{
	font-size	: 10px;
	_font-size	: 7px;
	padding		: 0 10px 5px 18px;
	line-height	: 1.4;
}

*+html #sidenavi .request dd{
	font-size	: 7px;
	}

/*============================================================
メイン
============================================================*/
#main {
	float		: left;
	width		: 620px;
	margin		: 0px;
	padding		: 0px;
}

/*============================================================
このページの先頭へ
============================================================*/
#backtotop a {
	display		: block;
	width		: 608px;
	margin		: 30px 0 10px 0;
	padding		: 6px;
	text-align	: right;
	font-size	: 11px;
	background	: url(../img/common/point_pagetop.gif) center right no-repeat;
	background-color: #EDEFF3;
	color		: #555;
	}
#backtotop a:hover {
	background	: url(../img/common/point_pagetop_on.gif) center right no-repeat;
	background-color: #F3F5F7;
	color		: #999;
	}
/*============================================================
フッター
============================================================*/
#footer {
	width		: 898px;
	background-color: #FFF;
	margin		: 0px;
	padding		: 0px;
	border-left	: solid 1px #B6BDB8;
	border-right	: solid 1px #B6BDB8;
	text-align	: center;
	font-size	: 11px;
	clear: both;
}

#footer .tsukasa_ci {
	margin		: 10px 0 0 0;
}

/*============================================================
フッター：コピーライト
============================================================*/
#copyright{
	width		: 100%;
	height		: 20px;
	margin		: 0px;
	background-color: #00883E;
}
#copyright img {
	margin		: 5px 0 0 0;
}


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

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: 1%;
  display:block;
  overflow: hidden;
  /**/
}
#footer_head {
	clear: both;
	margin: 0px;
	padding: 0px;
}
#special_footer {
	width		: 900px;
	background-color: #FFF;
	margin		: 0px;
	padding		: 0px;
	text-align	: center;
	font-size	: 11px;
	clear: both;
	background-image: url(../img/special/special_footer_back.jpg);
	background-repeat: repeat-y;
	background-position: left top;
}
#special_footer .tsukasa_ci {
	margin		: 10px 0 0 0;
}

