@charset "utf-8";

/*====================================================================

common.css

====================================================================*/

/*--------------------------------------------------------------------
01.format
--------------------------------------------------------------------*/
body,div,span,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,p,blockquote,address,
table,tr,th,td,img{
	margin:0;
	padding:0;
	font:normal normal normal 100%/1.7 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	border:none;
}
hr{display:none;}
/*img{display:block;}*/
li{list-style-type: none;}

/*a
----------------------------------------------------------------*/
a{
	color:#fda100;
	text-decoration:none;
}
a:visited{
	color:#fda100;
	text-decoration:none;
}
a:hover{
	color:#fda100;
	text-decoration:underline;
}
a:active{
	color:#fda100;
	text-decoration:none;
}



/*--------------------------------------------------------------------
02.body
--------------------------------------------------------------------*/
html{
}
body{
	color: #666666;
	font-size: 12px;
	text-align: center;
	line-height: 1.8;
	background: #f6f6f6 url(../img/common/bg.gif) repeat-y center top;
}
#inner{
	zoom: 1;
	background: url(../img/common/head_bg.gif) no-repeat center top;
}
#container{
	width: 720px;
	text-align: left;
	margin: 0 auto;
	overflow: hidden;
}



/*--------------------------------------------------------------------
03.head
--------------------------------------------------------------------*/
#head{
	position: relative;
	height: 95px;
	background: url(../img/common/head.gif) no-repeat;
	overflow: hidden;
}
#head h1{display: none}
#head a{
	display: block;
	text-indent: -9999px;
	overflow: hidden;

}
/*logo*/
#head div,
#head div a{
	width: 237px;
	height: 52px;
}
#head div{
	position: absolute;
	top: 24px;
	left: 0;
}
/*language*/
#head ul,
#head ul li,
#head ul li a{
	display: block;
	height: 7px;
}
#head ul{
	position: absolute;
	background: #fff;
	width: 151px;
	height: 7px;
	top: 73px;
	left: 565px;
}
#head ul:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
#head ul li{
	float: left;
}
#head ul li a{display: none !important;}
#jp{margin-right: 20px;}
#jp a{width: 68px;}
#en a{width: 63px;}

/*navigation
----------------------------------------------------------------*/
#navi{
	height: 40px;
	background: url(../img/common/navi.gif) no-repeat;
	margin-top: 10px;
}
#navi ul,
#navi ul li,
#navi ul li a{
	display: block;
	height: 40px;
}
#navi ul:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
#navi ul li,
#navi ul li a{width: 103px;}
#navi ul li{float: left;}
#navi ul li a{
	text-indent: -9999px;
	overflow: hidden;
}
#navi li.top,
#navi li.top a{width: 102px !important;}
#navi li.top         a{background-position: 0 0;}
#navi li.service     a{background-position: -102px 0;}
#navi li.price       a{background-position: -205px 0;}
#navi li.process     a{background-position: -308px 0;}
#navi li.faq         a{background-position: -411px 0;}
#navi li.application a{background-position: -514px 0;}
#navi li.contact     a{background-position: -617px 0;}
#navi ul li a:hover{background-image: url(../img/common/navi_hover.gif);}



/*--------------------------------------------------------------------
04.contents
--------------------------------------------------------------------*/
#contents{
	overflow: hidden;
	margin-top: 10px;
}
#contents:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}



/*--------------------------------------------------------------------
05.foot
--------------------------------------------------------------------*/
#foot{
	position: relative;
	height: 250px;
	background: url(../img/common/foot.gif) no-repeat;
	overflow: hidden;
	margin-top: 15px;
}
#foot ul,
#foot ul li,
#foot ul li a{
	display: block;
	height: 31px;
}
#foot ul{}
#foot ul li{float: left;}
#foot ul li a{
	text-indent: -9999px;
	overflow: hidden;
}
#foot ul li.top         a{width: 80px;}
#foot ul li.service     a{width: 86px; background-position: -80px 0;}
#foot ul li.price       a{width: 75px; background-position: -166px 0;}
#foot ul li.process     a{width: 75px; background-position: -241px 0;}
#foot ul li.faq         a{width: 83px; background-position: -316px 0;}
#foot ul li.application a{width: 73px; background-position: -399px 0;}
#foot ul li.contact     a{width: 85px; background-position: -472px 0;}
#foot ul li.operating   a{width: 70px; background-position: -557px 0;}
#foot ul li a:hover{background-image: url(../img/common/foot_navi_hover.gif);}
#foot p{display: none;}
#foot div,
#foot div a{
	width: 77px;
	height: 11px;
}
#foot div{
	position: absolute;
	top: 14px;
	left: 641px;
}
#foot div a{
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}
#foot div a:hover{
	background: url(../img/common/foot_logo_hover.gif) no-repeat;
}