@charset "utf-8";
/* ----------------------------------------------------------------
 *CSS information 
 *
 * file name	: module.css
 * author       : makoto matsushita
 * style info	: 共通（レイアウト、ヘッダー、フッター）
------------------------------------------------------------------- */
 
html{
	height: 100%;
	background-color: transparent;
	background-image: none;
	
}

body{
	width: 100%;
	height: 100%;
	margin: 0 auto;
	background: #F1F8FF url(../images/bgTop.gif) repeat-x center top;
	color: #333;
	font-size: 13px;
	font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	line-height: 1.6;
}

h1,h2,h3{
	margin: 0;
}

img {
	vertical-align: bottom;
}

a img.linkimg{
background: none !important;
}

a:hover img.linkimg{
opacity: 0.6;
filter: alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";
background: none !important;
}

/* link ---*/
a:link{
	color: #2576c0;
	text-decoration:underline;
}
a:visited{
	color: #2576c0;
}
a:hover{
	color: #FF6600;
}

a.opp:link {
	color:#FFFFFF;
}

a.opp:visited {
	color:#ee6900;
}

a.opp:hover {
	text-decoration:underline;
}

 /*	#wrapper .cc
------------------------------------------------------------------- */

#wrapper{
	position: relative;
	width:100%;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height: 100%; /* real browsers */
	background: url(../images/bgBottom.gif) no-repeat center bottom;
	text-align: center;
}


/* ヘッダー
------------------------------------------------------------------- */

header {
	width: 920px;
	margin: 0 auto;
	position: relative;
}

header h1 {
	width: 200px;
	height: 90px;
	text-indent: -9999px;
}

.visual {
	position:relative;
	width: 920px;
	padding-bottom: 20px;
}

.visual .btn01 {
	position:absolute;
    left:20px;
    bottom:60px;
	width: 200px;
	height:60px;
}

/* フォントサイズ変更ボタン
------------------------------------------------------------------- */

div.fontChange {
	position: absolute;
	top: 45px;
	right: 0;
	width: 240px;
	height: 25px;
	background: url(../images/fontSize.gif) no-repeat;
}

div.fontChange ul {
	margin: 0;
}

ul.fontSize li {
	float: left;
	height: 25px;
	margin: 0 3px;
	text-decoration: none;
	list-style: none;
	cursor: pointer;
}

/* パンくずリスト
------------------------------------------------------------------- */

.topicPath {
	clear: both;
}

.topicPath ul {
	margin: 0;
	padding-left: 10px;
}

.topicPath li {
	float: left;
	margin: 0;
	list-style: none;

}

.topicPath li a {
	margin-right: 7px;
	padding-right: 18px;
	background: url(../images/markerArrow03.gif) right center no-repeat;
}

.topicPath li strong {
	font-weight: normal;
}

/* コンテンツ
------------------------------------------------------------------- */

#contents {
	width: 920px;
	margin: 0 auto;
	padding-top: 10px;
	padding-bottom: 270px;
	text-align: left;
}

div.back2Top {
	text-align: right;
	padding-bottom: 60px;
}
/*	２カラム
------------------------------------------------------------------- */

.indexPage div.main {
	float: left;
	width: 660px;
}
.indexPage div.sub {
	float: right;
	width: 260px;
}

.subPage div.main {
	float: right;
	width: 640px;
}
.subPage div.sub {
	float: left;
	width: 280px;
}

/*  ニュース リリース
------------------------------------------------------------------- */

div.news {
	width: 640px;
	background: url(../images/bgNews.gif) left top repeat-y;
	text-align: left;	
} 

div.news div.newsHeader {
	position: relative;
}

div.news .more {
	position: absolute;
	top: 9px;
	left: 540px;
}

div.news div {
	margin: 0;
	background: url(../images/bgNewsBottom.gif) left bottom no-repeat;
}

div.news dl {
	margin: 0 18px;
	padding: 5px 0;
	border-top: 1px dotted #BFBFBF;
}

div.news dl.firstItem {
	border-top: none;
}

div.news dl dt {
	line-height: 20px;
	padding-left: 10px;
	background: url(../images/markerArrow01.gif) left 6px no-repeat;
	vertical-align: middle;
}

div.news dt img {
	vertical-align: -10%;
	*vertical-align: middle;
}

div.news dl dd a {
	background: none;
}

/*  #companyData　会社案内
------------------------------------------------------------------- */
.companyData {
	padding-top: 20px;
}

/*  #contactData　お問い合せ
------------------------------------------------------------------- */
.contactData {
	padding-bottom: 10px;
}

.contactList {
	padding: 13px 40px 13px;
}

.contactList ul {
	margin: 0;
}

.contactList ul li {
	padding-top: 7px;
	padding-bottom: 7px;
	margin: 0;
	list-style: none;
}

.contactList a {
	padding-left: 18px;
	background: url(../images/markerArrow02.gif) left no-repeat;
}

/*	バナーエリア
------------------------------------------------------------------- */

.banner {
	width: 240px;
}

.banner p {
	margin: 0;
	padding-top: 20px;
}

.banner p.indexBnr {
	margin: 0;
	padding: 0;
}

/*	主力製品バナーエリア
------------------------------------------------------------------- */

div.pdtBanner {
	padding-top: 20px;
}

div.bnrBox01 {
	position: relative;
	width: 640px;
	height: 160px;
	background: url(../images/bnrPosBg.gif) no-repeat;

}

div.bnrBox01 ul {
	position: absolute;
	top: 45px;
	left: 215px;
	margin: 0;
}

div.bnrBox01 ul li {
	height: 30px;
	margin: 0 2px;
	padding: 2px 0;
	list-style: none;
	float: left;
}

div.bnrBox02 ul {
	margin: 0;
}

div.bnrBox02 ul li {
	width: 310px;
	margin: 0 20px 0 0;
	padding: 0;
	list-style: none;
	float: left;
}

div.bnrBox02 ul li.pdtBnrLight {
	margin: 0;
}

div.bnrBox03 ul {
	margin: 0;
}

div.bnrBox03 ul li {
	width: 200px;
	margin: 0 20px 0 0;
	padding: 0;
	list-style: none;
	float: left;
}

div.bnrBox03 ul li.pdtBnrLight {
	margin: 0;
}

/* #globalNavi グローバルナビゲーション
------------------------------------------------------------------- */

.globalNavi {
	width: 920px;
	height: 60px;
	text-indent: -9999px;
}

.globalNavi ul {
	margin: 0;
}

.globalNavi li {
	height: 60px;
	float: left;
	text-decoration: none;
	list-style: none;
	margin: 0;
}

.globalNavi a {
	display: block;
	height: 60px;
}

.globalNavi01 a {
	width: 120px;
	background: url(../images/gNavi.png) no-repeat -0px 0px;
}

.globalNavi02 a {
	width: 160px;
	background: url(../images/gNavi.png) no-repeat -120px 0px;
}

.globalNavi03 a {
	width: 160px;
	background: url(../images/gNavi.png) no-repeat -280px 0px;
}

.globalNavi04 a {
	width: 161px;
	background: url(../images/gNavi.png) no-repeat -440px 0px;
}

.globalNavi05 a {
	width: 160px;
	background: url(../images/gNavi.png) no-repeat -600px 0px;
}

.globalNavi06 a {
	width: 160px;
	background: url(../images/gNavi.png) no-repeat -760px 0px;
}

.globalNavi01 a:hover {
	width: 120px;
	background: url(../images/gNavi.png) no-repeat 0px -70px;
}

.globalNavi02 a:hover {
	width: 160px;
	background: url(../images/gNavi.png) no-repeat -120px -70px;
}

.globalNavi03 a:hover {
	width: 160px;
	background: url(../images/gNavi.png) no-repeat -280px -70px;
}

.globalNavi04 a:hover {
	width: 161px;
	background: url(../images/gNavi.png) no-repeat -440px -70px;
}

.globalNavi05 a:hover {
	width: 160px;
	background: url(../images/gNavi.png) no-repeat -600px -70px;
}

.globalNavi06 a:hover {
	width: 160px;
	background: url(../images/gNavi.png) no-repeat -760px -60px;
}

.firstChild01 {
	width: 200px;
	background: url(../images/gNavi.gif) no-repeat 0px 0px;
}

.firstChild02 {
	width: 200px;
	background: url(../images/gNavi.gif) no-repeat -135px 0px;
}

.firstChild03 {
	width: 155px;
	background: url(../images/gNavi.gif) no-repeat -305px 0px;
}

.firstChild04 {
	width: 110px;
	background: url(../images/gNavi.gif) no-repeat -460px 0px;
}

/*	#sNavi  サイドナビゲーション エリア
------------------------------------------------------------------- */

.sNavi {
	width: 260px;
	font-size: 105%;
	background: url(../images/bgSnavi.gif) left top repeat-y;	
}

.sNavi div {
	background: url(../images/bgSnaviBottom.gif) left bottom no-repeat;
}

.sNavi ul {
	margin: 0;
}

.sNavi li {
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 15px;
	margin: 0;
	list-style: none;
	border-top: 1px dotted #BFBFBF;
}

.sNavi li.firstItem {
	background: url(../images/bgSnaviTop.gif) left top no-repeat;
	border: none;
}

.sNavi li a {
	padding-left: 18px;
	background: url(../images/markerArrow02.gif) left no-repeat;
}

/*  #footer  フッター
----------------------------------------------------------- */

footer {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	color: #C1E7FF;
	text-align: left;
}

div.footerBox {
	width: 920px;
	margin: 0 auto;

}

footer div.companyAdd {
	width: 900px;
	margin: 0 auto;
	padding-bottom: 15px;
    font-size:12px;
}

footer div.fNavi {
	padding-bottom: 20px;
}
	
footer div.fNavi ul {
	margin: 0;
	padding: 0;
}
		
footer div.fNavi li {
	float: left;
	height: 20px;
	margin-right: 20px;
	list-style-type: none;
	background: url(../images/markerArrow02.gif) left no-repeat;
	text-indent: 18px;
}

footer div.fNavi li.firstItem {
	margin-right: 10px;
	background: none;
}
	
footer div.fNavi a {
	color: #C1E7FF;
	text-decoration: underline;
}
	
footer div.fNavi a:hover {
	color:#16679B;
}

footer div.copyRight{
	width: 920px;
	height: 30px;
	text-align: center;
}

/*  .table01  テーブル　パターン01
----------------------------------------------------------- */

div.table01{
margin-top:20px;
background:#C7D7DF;
}

div.table01 table{
width:100%;
margin: 0;
padding: 0;
border-collapse:separate;
border-spacing:1px;
border:none;
}

div.table01 table th,
div.table01 table td{
padding:8px 10px;
border:1px solid #fff;
vertical-align:top;
}

div.table01 table th{
background:#E9F4FF;
white-space:nowrap;
text-align: left;
font-weight: normal;
}

div.table01 table td{
background:#fbfdfd;
}


div.table01 table.overviewList td ol{
margin: 0;
}

div.table01 table.overviewList td ol li{
list-style-type:decimal;
list-style-position:inside;
}

div.table01 table.overviewList ul{
margin: 0;
}

div.table01 table.overviewList ul li{
list-style: none;
text-decoration: none;
}

div.table01 table.functionList ul{
margin: 0;
width: auto;
}

div.table01 table.functionList ul li{
list-style-position:inside;
width: 170px;
float: left;
}

div.table01 table.functionList ul.basic li{
list-style-position:inside;
width: 100%;
clear: both;
}

/*  .table02  テーブル　パターン02
----------------------------------------------------------- */

div.table02 table{
width: 900px;
margin: 0;
padding: 0;
border:none;
}

div.table02 table th,
div.table02 table td{
padding:5px 0;
border: none;
}

/*  .table03  テーブル　パターン03
----------------------------------------------------------- */

div.table03{
margin-top:20px;
background:#C7D7DF;
}

div.table03 table{
width:100%;
margin: 0;
padding: 0;
border-collapse:separate;
border-spacing:1px;
border:none;
}

div.table03 table th,
div.table03 table td{
padding:8px 10px;
border:1px solid #fff;
}

div.table03 table th{
position:relative;
background:#E9F4FF;
white-space:nowrap;
text-align: left;
font-weight: normal;
}

*div.table03 table th{
vertical-align: top;
}

div.table03 table td{
background:#fbfdfd;
}


div.table03 table.overviewList td ol{
margin: 0;
}

div.table03 table.overviewList td ol li{
list-style-type:decimal;
list-style-position:inside;
}

div.table03 table.overviewList ul{
margin: 0;
}

div.table03 table.overviewList ul li{
list-style: none;
text-decoration: none;
}

div.table03 table.functionList ul{
margin: 0;
width: auto;
}

div.table03 table.functionList ul li{
list-style-position:inside;
width: 170px;
float: left;
}

div.table03 table.functionList ul.basic li{
list-style-position:inside;
width: 100%;
clear: both;
}

div.table03 table th img{
	position: absolute;
	right: 10px;
}


/*  .updnWatermark  ウォーターマーク
----------------------------------------------------------- */

.updnWatermark {
	color: #999;
}


/*  #slider  スライダー
----------------------------------------------------------- */

#slider {
    width: 920px;
    height: 350px;
	background: url(../images/icoLoading.gif) no-repeat 50% 50%;
}

/*  タブパネル表示
----------------------------------------------------------- */
#tabs ul {
	height: 30px;
	margin: 0;
	padding: 0;
	text-align: center;
}

#tabs li {
	float: left;
	width: 100px;
	height: 30px;
	line-height: 30px;
	margin-right: 10px;
	background: #D8EBF5;
	border: 1px solid #C7D7DF;
	list-style: none;
	cursor: pointer;
}

#tabs li.select {
	background: #F0D09E;
	border: ;
}

.disnon {
  display: none;
}

.panel {
  clear: left;
  width: 640px;
}

/*  導入実績
------------------------------------------------------------------- */

div.resultsBox {
  padding: 5px 0;
  text-align: left;
}

div.resultsBox section {
	padding: 10px 0;
	border-bottom: 1px dotted #B2C2CA;
}

div.resultsBox section img {
	float: left;
	margin-right: 10px;
	padding: 2px;
	background-color: white;
	border: 1px solid #C7D7DF;
}

/*  メールフォーム
------------------------------------------------------------------- */

label.error {
 	color: red;
}

div.table03 p {
	line-height: 30px;
	margin: 0 0 0 5px;
	
}

div.explanation {
	width: 580px;
	margin: 0 auto;
	padding-top: 15px;
}

div.btnArea {
	padding-top: 15px;
	text-align: center;
}

/*  プライバシーポリシー
------------------------------------------------------------------- */

div.privacy {
	width: 580px;
	margin: 0 auto;
	padding-top: 15px;
}