@charset "utf-8";
/******************************************************************
 *ナピア情報システム様サイト用CSS                  2008/12/10～   *
 *（サイト全体に使用・リセットとサイト共通スタイル設定）          *
 ******************************************************************/

/* reset */
html,body,div,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
form,input,select,textarea,
p,blockquote,table,th,tr,td,img,a
{
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	font-style:normal;
	text-decoration:none;
	border: none;
}
hr{
	display: none;
}

/* clearfix */
/* clearfixはfloat使用時に親要素の背景が途切れるのを防ぐのに使用します。親要素にこのクラスを適用します。 */
/* for modern browser */
.clearfix {
  display: inline-block;
}

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

/* Hides from IE-mac \*/
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}
/* End hide from IE-mac */

html{
	height: 100%;
}
/* 全てのブラウザでフォントサイズを統一します。IEでも拡大縮小時にサイズ変更可能です。 */
body {
	font: 16px "メイリオ","ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	background: #ffffff;
	text-align: center;
	color: #333333;
	height:100%;
	font-weight:normal;
}
/* IE6 */
* html body { font-size:100%; }
/* IE7 */
*:first-child+html body { font-size:100%; } 

/* 左寄せ */
.lf{
	float:left;
}
/* 右寄せ */
.rg{
	float:right;
}

#wrapper{
	position:relative;
	width: 790px;
	min-height:100%;
	margin: 0 auto;
	background: url(../img/common/wp.gif) repeat-y ;
	padding: 0 2px;
	overflow:hidden;
	height:auto;
}
#header{
	position:relative;
	width: 782px; 
	margin: 0 auto; 
	text-align: left;
	overflow:auto; 
	padding:0;
	overflow:hidden;
	height:auto;
}
#main {
	position:relative;
	width: 782px; 
	margin: 0 auto; 
	text-align: left;
	overflow:hidden; 
	height:auto;
	padding-bottom: 110px; /* ここにフッターが入ります(フッター位置下部固定用) */
}
/* フッターは表示内容が少なくても最下部に表示されます。 */
#footer{
	width : 782px;
	height: 110px;
	margin: 0; 
	text-align: left;
	overflow: hidden; 
	position: absolute;
	left: 6px;
	bottom: 0;
	font-weight:normal;
}

a {
	text-decoration:none;
	color : #006699;
	outline: 0;
}
a:visited{
	color: #008999;
}

/* ヘッダー設定 */
#title{
	margin: 0;
	padding: 2px 0 0 0 ;
	background: url(../img/home/title_napia_home.gif) no-repeat;
	line-height:1.2;
	color: #FFFFFF;
	font-size: 80%;
	width: 782px;
	height: 83px;
	text-indent: 3px;
}
/* サブナビ */
ul#sub_navi{
	list-style:none;
	font-size: 80%;
	height:auto;
	text-align:right;
	margin: 3px 0;
}
ul#sub_navi li{
	display:inline;
	padding: 2px 2px 2px 10px;
}
.ar{
	width : 11px;
	height: 11px;
	border: none;
	margin-top: 3px;
	vertical-align:text-top;
}

/* グローバルメニューナビゲーション */
ul#global_navi{
	position:relative;
	width: 782px;
	height: 42px;
	margin: 0;
	padding: 0;
}
ul#global_navi li{
	height: 42px;
	list-style: none;
	float: left;
}
ul#global_navi li a{
	display:block;
	height: 42px;
	overflow: hidden;
	background: url(../img/common/global_navi.gif) no-repeat;
	text-indent: -9999px;
}
ul#global_navi li#com a{
	width: 130px;
	background-position: 0 0;
}
ul#global_navi li#sys a{
	width: 130px;
	background-position: -130px 0;
}
ul#global_navi li#ser a{
	width: 130px;
	background-position: -260px 0;
}
ul#global_navi li#nap a{
	width: 130px;
	background-position: -390px 0;
}
ul#global_navi li#faq a{
	width: 130px;
	background-position: -520px 0;
}
ul#global_navi li#rec a{
	width: 132px;
	background-position: -650px 0;
}
ul#global_navi li#com a:hover,
body.comp ul#global_navi li#com a{
	background-position: 0 -42px;
}
ul#global_navi li#sys a:hover,
body.syst ul#global_navi li#sys a{
	background-position: -130px -42px;
}
ul#global_navi li#ser a:hover,
body.serv ul#global_navi li#ser a{
	background-position: -260px -42px;
}
ul#global_navi li#nap a:hover,
body.napi ul#global_navi li#nap a{
	background-position: -390px -42px;
}
ul#global_navi li#faq a:hover,
body.faq  ul#global_navi li#faq a{
	background-position: -520px -42px;
}
ul#global_navi li#rec a:hover,
body.recr ul#global_navi li#rec a{
	background-position: -650px -42px;
}


/* フッター設定 */
ul#footer_navi{
	list-style:none;
	font-size: 70%;
	margin: 5px auto 2px auto;
	text-align:center;
}
ul#footer_navi li{
	display:inline;
}
#footer_area{
	background-color: #000066;
	height:100%;
	color: #ffffff;
	padding: 5px 2px 0 2px;
	position:relative;
}
#company_name{
	float: left;
	font-size:14px;
}
.company_addr{
	float: left;
	margin-left: 15px;
	line-height: 1.15;
	font-size: 11px;
}
#copyright{
	position:absolute;
	right: 2px;
	bottom: 30px;
}