@charset "utf-8";
/******************************************************************************
	レイアウト
*******************************************************************************/
body {
	line-height: 2.0;
	font-size:13px;
	font-family: Meiryo, "メイリオ", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
	color: #000;
	background-color: #FFFFFF;
	-webkit-print-color-adjust: exact;
}


body #wrapper {
	margin: 0px auto;
	background-image: url(../img/header_bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

a:link, a:visited {
	color: #006ebc;
	text-decoration:none;
}

a:hover, a:active {
	color: #F90;
	text-decoration:underline;
}

a:hover img {
	filter: alpha(opacity=80);
	opacity:0.8;
}


/******************************************************************************
	ヘッダー
*******************************************************************************/
#header {
	width: 1150px;
	height: 90px;
	margin:0px auto;
	position: relative;
}
#header #rogo {
	width: 145px;
	height: 90px;
	position:absolute;
	left: 0px;
	top: 0px;
}
#header #name {
	font-size:13px;
	font-weight:bold;
	position:absolute;
	left: 170px;
	top: 10px;
	color:#FFF;
}
#header #name h1 {
	font-size:12px;
	font-weight:bold;
}
#header #telno {
	width: 335px;
	height: 27px;
	position:absolute;
	left: 620px;
	top: 10px;
}
#header #contact {
	width: 169px;
	height: 29px;
	position:absolute;
	right: 0px;
	top: 8px;
}
/*---------------------------------------------------
	グローバルナビゲーション
-----------------------------------------------------*/
#gnavi {
	/*width:895px;*/
	height:45px;
	position:absolute;
	right: 0px;
	bottom: 0px;
}
#gnavi li {
	width:195px;
	height:45px;
	float:left;
	text-align:center;
	/*font-weight:bold;*/
	font-size:12px;
	line-height:1.2;
	color:#FFF;
	margin-left:1px;
}
#gnavi li a {
	display: flex;
	align-items: center;
	justify-content: center;
	width:195px;
	height:45px;
	background-image: url(../img/gnavi_bg_btn.jpg);
	background-repeat:repeat-x;
	background-position: left top;
}

#gnavi li a:hover {
	background-image: url(../img/gnavi_bg_btno.jpg);
	background-repeat:repeat-x;
	background-position: left top;
	color:#ffff00;
}
/*-- カレント --*/
body#unity #gnavi li.gnav1 a {
	background-image: url(../img/gnavi_bg_btno.jpg);
	background-repeat:repeat-x;
	background-position: left top;
	color:#ffff00;
}
body#isilon #gnavi li.gnav2 a {
	background-image: url(../img/gnavi_bg_btno.jpg);
	background-repeat:repeat-x;
	background-position: left top;
	color:#ffff00;
}
body#datadomain #gnavi li.gnav3 a {
	background-image: url(../img/gnavi_bg_btno.jpg);
	background-repeat:repeat-x;
	background-position: left top;
	color:#ffff00;
}
body#scaleio #gnavi li.gnav4 a {
	background-image: url(../img/gnavi_bg_btno.jpg);
	background-repeat:repeat-x;
	background-position: left top;
	color:#ffff00;
}
body#vxrail #gnavi li.gnav5 a {
	background-image: url(../img/gnavi_bg_btno.jpg);
	background-repeat:repeat-x;
	background-position: left top;
	color:#ffff00;
}

/*-- リンク色 --*/
#gnavi a:link, #gnavi a:visited {
	color:#FFF;
	text-decoration:none;
}
#gnavi a:hover, #gnavi a:active {
	color:#FFF;
	text-decoration:none;
}
/*******************************************************************************
	製品メニュー
********************************************************************************/
#prodMenu {
	width:920px;
	background-image: url(../img/prodmenu_bg01.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	padding:0px 20px;
	margin:0px auto 40px;
	overflow:hidden;
}
#prodMenu .menuArea {
	width:440px;
	padding:40px 0px;
}
#prodMenu .menuArea h3 {
	width:440px;
	margin-bottom:20px;
}
#prodMenu .menuArea .prodbox {
	width:420px;
	padding:10px;
	background:#FFF;
	margin-bottom:20px;
	overflow:hidden;
}
#prodMenu .menuArea .prodbox .photo {
	width:115px;
	height:93px;
	float:left;
}
#prodMenu .menuArea .prodbox .text {
	width:290px;
	float:right;
	line-height:1.4;
}
#prodMenu .menuArea .prodbox .text h4 {
	font-weight:bold;
	font-size:22px;
	margin-bottom:3px;
}
#prodMenu .menuArea .prodbox .text p {
	font-size:12px;
}
/*******************************************************************************
	製品メニュー[新製品]
********************************************************************************/
#prodMenuNew {
	width:920px;
	padding:0px 20px;
	margin:0px auto 20px;
	overflow:hidden;
	background-color: #eceded;
}
#prodMenuNew .menuArea {
	width:440px;
	padding:40px 0px;
}
/*
#prodMenuNew .menuArea h3 {
	width:440px;
	margin-bottom:20px;
}
*/
#prodMenuNew .menuArea .imgbox {
	width:440px;
	margin-bottom:20px;
}
#prodMenuNew .menuArea .prodbox {
	width:420px;
	padding:10px;
	background:#FFF;
	margin-bottom:20px;
	overflow:hidden;
}
#prodMenuNew .menuArea .prodbox .photo {
	width:115px;
	height:93px;
	float:left;
}
#prodMenuNew .menuArea .prodbox .text {
	width:290px;
	float:right;
	line-height:1.4;
}
#prodMenuNew .menuArea .prodbox .text h4 {
	font-weight:bold;
	font-size:22px;
	margin-bottom:3px;
}
#prodMenuNew .menuArea .prodbox .text p {
	font-size:12px;
}

/*******************************************************************************
	第二階層
********************************************************************************/

/*==============================================================================
	パンクズリスト
===============================================================================*/
ul#pankuzu {
	width: 960px;
	height:38px;
	margin: 0px auto;
	padding: 0px;
	font-size:13px;
}
ul#pankuzu li {
	display: inline;
	line-height:38px;
}
ul#pankuzu li.next {
	padding-right: 21px;
	background-image: url(../img/pan_next.gif);
	background-repeat: no-repeat;
	background-position: right center;
	line-height:33px;
}

/*==============================================================================
	第二階層ページタイトル
===============================================================================*/
#pagettlWap {
	background-color:#c1e0ff;
	margin-bottom:35px;
	line-height:1.5;
}

#pagettlWap #pagettl {
	width:960px;
	height:145px;
	margin:0px auto;
	padding-top:45px;
}
#pagettlWap #pagettl h2 {
	font-size:36px;
	color:#0066cc;
	line-height:1.0;
	margin:5px 0px;
}
#pagettlWap #pagettl p {
	font-size:16px;
	font-weight:bold;
}
/*==============================================================================
	コンテンツ
===============================================================================*/
#contents {
	width:960px;
	margin:0 auto 30px;
}
#contents h3.type01 {
	font-weight:bold;
	font-size:24px;
	text-align:center;
	margin-bottom:25px;
}
#contents h3.type02 {
	font-weight:bold;
	font-size:22px;
	text-align:center;
	margin-bottom:25px;
	background-color:#3890cf;
	padding:10px;
	color:#FFF;
}
#contents h3.type03 {
	font-weight:bold;
	font-size:22px;
	text-align:center;
	margin-bottom:25px;
	background-color:#c1e0ff;
	padding:10px;
	color:#333;
}
#contents h4.type01 {
	font-size:20px;
	font-weight:bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	margin-bottom:15px;
}
#contents h4.type01 span {
	color:#0066cc;
}
#contents h5.type01 {
	font-weight:bold;
	font-size:16px;
	margin-bottom:20px;
	color: #0066cc;
	padding-left: 25px;
	background-image: url(../img/icon_arrow03.gif);
	background-repeat: no-repeat;
	background-position: left 6px;
}
#contents h6.type01 {
	font-weight:bold;
	font-size:16px;
	margin-bottom:20px;
}
#contents .ttl_arow {
	font-weight:bold;
	font-size:16px;
	margin-bottom:20px;
	color: #0066cc;
	padding-left: 25px;
	background-image: url(../img/icon_arrow03.gif);
	background-repeat: no-repeat;
	background-position: left 6px;
}


/*-------------------------
	ページindex
---------------------------*/
#contents .index {
	min-height:100px; 
	height:auto !important; 
	height:100px;
	padding-right:490px;
	line-height:1.6;
	margin:0px 0px 25px 15px;;
}
#contents .index li {
	padding-left:25px;
	background-image: url(../img/icon_arrow04sita.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
	margin-bottom:10px;
}


#contents .pageTop {
	text-align:center;
	margin:35px 0px 40px;
}


/*******************************************************************************/





/********************************************************************************
	ページトップ
********************************************************************************/
.pageTop {
	clear:both;
	width:960px;
	text-align:right;
	margin:0px auto;
	
}

/********************************************************************************
	フッダー
********************************************************************************/
#footer {
	clear:both;
}
/*-- リンク --*/
#footer a:link, #footer a:visited {
	color: #000;
	text-decoration:none;
}

#footer a:hover, #footer a:active {
	color: #F90;
	text-decoration:underline;
}

/*---------------------------------------------------
	ナビゲーション
-----------------------------------------------------*/
#footer #footNavi {
	background:#f5f4f4;
}
#footer #footNavi ul#sitenavi {
	width:960px;
	margin:0px auto;
	padding:35px 0px;
}
#footer #footNavi ul#sitenavi li {
	/*width:106px;*/
	float:left;
	font-size:12px;
	margin-right:35px;
}
#footer #footNavi ul#sitenavi li p {
	background-image: url(../img/icon_arrow01.gif);
	background-repeat: no-repeat;
	background-position: left 4px;
	/*font-weight:bold;*/
	padding-left:18px;
}

/*---------------------------------------------------
	ロゴ・住所・サブナビ
-----------------------------------------------------*/
#footer #footinner {
	clear:both;
	width:960px;
	height:85px;
	margin:0px auto;
	/*padding:35px 0px;*/
	position:relative;
}
#footer #footinner #rogo2 {
	position:absolute;
	top:24px;
	left:0px;
	width:256px;
	z-index:2;
	height:42px;
}
#footer #footinner #subnavi {
	text-align:right;
	width:960px;
	font-size:12px;
	position:absolute;
	top:30px;
	left:0px;
}
#footer #footinner #subnavi span {
	padding-left:20px;
	background-image: url(../img/icon_arrow02.gif);
	background-repeat: no-repeat;
	background-position: 8px 5px;
}

/*---------------------------------------------------
	コピーライト
-----------------------------------------------------*/
#footer #copy {
	height:35px;
	width:100%;
	background-color:#666666;
}
#footer #copy #inner {
	width:960px;
	height:35px;
	margin:0px auto;
	text-align:right;
	color:#FFF;
	font-size:10px;
	line-height:35px;
}

