@charset "Shift_JIS";

/*--------------------------------------------------
  File       : head.css
  Date       : 2009.10.08
--------------------------------------------------*/

/*==============================================================================
default style is cleared
================================================================================*/

/* Basic Structure
-------------------------------------*/

body {
	margin: 0;
	padding: 0;
}


/* Sentence, Character
------------------------------------*/

p, h1, h2, h3, h4, h5, h6{
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-weight: normal;
}

em, address {
	font-style: normal;
}

/* List
-------------------------------------*/

ul, ol, li, dd, dt, dl{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

/* Form
-------------------------------------*/

form{
	margin: 0;
	padding: 0;
	border: 0;
}
/* Table
-------------------------------------*/

table {
	border: 0;
	border-collapse: collapse;
	border-spacing: 0; /* For NN6.0 higher or Opera*/
}

th, td {
	padding: 0;
	font-weight: normal;
}


/* Margin & padding
-------------------------------------*/

/* Margin */
.m0{
	margin: 0!important;
}

.m5{
	margin: 5px!important;
}

.m10{
	margin: 10px!important;
}

.m20{
	margin: 20px!important;
}


.mt0{
	margin-top: 0!important;
}

.mt5{
	margin-top: 5px!important;
}

.mt10{
	margin-top: 10px!important;
}

.mt15{
	margin-top: 10px!important;
}

.mt20{
	margin-top: 20px!important;
}

.mt25{
	margin-top: 25px!important;
}

.mt30{
	margin-top: 30px!important;
}

.mt35{
	margin-top: 35px!important;
}

.mt40{
	margin-top: 40px!important;
}

.mr5{
	margin-Right: 5px!important;
}

.mr10{
	margin-Right: 10px!important;
}

.mr20{
	margin-Right: 20px!important;
}

.mb0{
	margin-bottom: 0!important;
}

.mb5{
	margin-bottom: 5px!important;
}

.mb10{
	margin-bottom: 10px!important;
}

.mb15{
	margin-bottom: 15px!important;
}

.mb20{
	margin-bottom: 20px!important;
}

.mb25{
	margin-bottom: 25px!important;
}

.mb30{
	margin-bottom: 30px!important;
}

.mb35{
	margin-bottom: 35px!important;
}

.mb40{
	margin-bottom: 40px!important;
}

.ml5{
	margin-left: 5px!important;
}

.ml10{
	margin-left: 10px!important;
}

.ml15 {
	margin-left: 15px!important;
}

.ml20{
	margin-left: 20px!important;
}

.ml30{
	margin-left: 30px!important;
}

.ml40{
	margin-left: 40px!important;
}

.ml50{
	margin-left: 50px!important;
}

.ml60{
	margin-left: 60px!important;
}

.ml70{
	margin-left: 70px!important;
}

.ml80{
	margin-left: 80px!important;
}

.ml90{
	margin-left: 90px!important;
}

.ml100{
	margin-left: 100px!important;
}
.ml110{
	margin-left: 110px!important;
}
.ml120{
	margin-left: 120px!important;
}
.ml130{
	margin-left: 130px!important;
}

/* Padding */
.p0{
	padding: 0px!important;
}

.p5{
	padding: 5px!important;
}

.p10{
	padding: 10px!important;
}

.p20{
	padding: 20px!important;
}


.pt0{
	padding-top: 0px!important;
}

.pt5{
	padding-top: 5px!important;
}

.pt10{
	padding-top: 10px!important;
}

.pt15{
	padding-top: 15px!important;
}

.pt20{
	padding-top: 20px!important;
}

.pt25{
	padding-top: 25px!important;
}

.pt30{
	padding-top: 20px!important;
}

.pr0{
	padding-right: 0px!important;
}

.pr5{
	padding-right: 5px!important;
}

.pr10{
	padding-right: 10px!important;
}

.pr20{
	padding-right: 20px!important;
}

.pb0{
	padding-bottom: 0px!important;
}

.pb5{
	padding-bottom: 5px!important;
}

.pb10{
	padding-bottom: 10px!important;
}

.pb15{
	padding-bottom: 15px!important;
}

.pb20{
	padding-bottom: 20px!important;
}

.pb25{
	padding-bottom: 25px!important;
}

.pb30{
	padding-bottom: 30px!important;
}

.pl0{
	padding-left: 0px!important;
}

.pl5{
	padding-left: 5px!important;
}

.pl10{
	padding-left: 10px!important;
}

.pl20{
	padding-left: 20px!important;
}

.pl30{
	padding-left: 30px!important;
}

.pl40{
	padding-left: 40px!important;
}

/*==============================================================================
default style is redefined
================================================================================*/


/* Anchor
-------------------------------------*/
a {
	font-family: none;/* for mac */
	text-decoration: underline;
}

a:link {
	color: #549389;
	text-decoration: underline;
}

a:visited {
	color: #9FB3B0;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

a:active {
	color: #549389;
	text-decoration: underline;
}

/* Other
-------------------------------------*/

img {
	border : none;
}

/*img {
	margin : 0px;
	padding : 0px;
	border : none;
	vertical-align : bottom;
}*/

.nobdr {
	border: 0 !important;
}

hr {
	display: none;
	margin: 0;
}

/*== Basic Structure ============================================================*/

body{
	font-family : "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", sans-serif;
	padding: 0;
	margin: 0;
	color: #333;
	font-size: 80%;
	line-height: 1.4;
}


/*==============================================================================
Basic Layout
================================================================================*/

#wholeWrap {
	position: relative;
	margin: 0 auto;
	width: 760px;

}

/*== #head ============================================================*/

#head{
	position: relative;
	margin-top: 5px;
	width: 100%;
	height: 120px;
}

#head #logo{
	position: absolute;
	display: block;
	left: 0px;
	top: 30px;
	width: 300px;
	height: 35px;
	background:  url(/image/common/naq-logo_s.gif) no-repeat left top;
	text-indent: -9999px;
	text-decoration: none;
	outline: 0px;
/*	outline: solid;*/
}

#head ul{
	list-style-type: none;
}

#head li{ /* for IE */
	font-size: 0;
	line-height: 0!important;
}

/* トップナビ */
#head #gNavi #gNavi01 a{
	position: absolute;
	left: 0px;
	top: 85px;
	display: block;
	width: 152px;
	height: 31px;
	background:  url(../image/top/mainmenu1.gif) no-repeat left top;
	text-indent: -9999px;
	text-decoration: none;
	outline: 0px;
}

#head #gNavi #gNavi02 a{
	position: absolute;
	left: 152px;
	top: 85px;
	display: block;
	width: 152px;
	height: 31px;
	background:  url(../image/top/mainmenu2.gif) no-repeat left top;
	text-indent: -9999px;
	text-decoration: none;
	outline: 0px;
}

#head #gNavi #gNavi03 a{
	position: absolute;
	left: 304px;
	top: 85px;
	display: block;
	width: 152px;
	height: 31px;
	background:  url(../image/top/mainmenu3.gif) no-repeat left top;
	text-indent: -9999px;
	text-decoration: none;
	outline: 0px;
}

#head #gNavi #gNavi04 a{
	position: absolute;
	left: 456px;
	top: 85px;
	display: block;
	width: 152px;
	height: 31px;
	background:  url(../image/top/mainmenu4.gif) no-repeat left top;
	text-indent: -9999px;
	text-decoration: none;
	outline: 0px;
}

#head #gNavi #gNavi05 a{
	position: absolute;
	left: 608px;
	top: 85px;
	display: block;
	width: 152px;
	height: 31px;
	background:  url(../image/top/mainmenu5.gif) no-repeat left top;
	text-indent: -9999px;
	text-decoration: none;
	outline: 0px;
}

/* カーソル、各画面の画像切替 */
body#service #head #gNavi #gNavi01 a,
body#product #head #gNavi #gNavi02 a,
body#maintenance #head #gNavi #gNavi03 a,
body#sales #head #gNavi #gNavi04 a,
body#company #head #gNavi #gNavi05 a,
#head #gNavi #gNavi01 a:hover,
#head #gNavi #gNavi02 a:hover,
#head #gNavi #gNavi03 a:hover,
#head #gNavi #gNavi04 a:hover,
#head #gNavi #gNavi05 a:hover{
	background-position: 0 -31px!important;
}

/* サブナビ */

#head #gNaviSub01 a{
	position: absolute;
	left: 495px;
	top: 45px;
	display: block;
	width: 70px;
	height: 23px;
	background:  url(../image/top/concept.gif) no-repeat left top;
	text-indent: -9999px;
	text-decoration: none;
	outline: 0px;
}

#head #gNaviSub02 a{
	position: absolute;
	left: 565px;
	top: 45px;
	display: block;
	width: 70px;
	height: 23px;
	background:  url(../image/top/toiawase.gif) no-repeat left top;
	text-indent: -9999px;
	text-decoration: none;
	outline: 0px;
}

#head #gNaviSub03 a{
	position: absolute;
	left: 635px;
	top: 45px;
	display: block;
	width: 70px;
	height: 23px;
	background:  url(../image/top/siryou.gif) no-repeat left top;
	text-indent: -9999px;
	text-decoration: none;
	outline: 0px;
}

#head #gNaviSub01 a:hover,
#head #gNaviSub02 a:hover,
#head #gNaviSub03 a:hover{
	background-position: 0 -23px!important;
}

/* 検索 */

#head #headSearch{
	position: absolute;
	left: 480px;
	top: 12px;
}

#head #headSearch p{
	float: left;
	display: block;
	width: 54px;
	height: 10px;
	background:  url(../image/top/sitekensaku.gif) no-repeat left top;
	text-indent: -9999px;
	text-decoration: none;
	outline: 0px;
	margin-top: 5px;
	margin-right: 5px;
}

#head #headSearch input{
	display: block;
	float: left;
}

#head #headSearch input.txt{
	margin-top: 3px;
	margin-right: 5px;
	width: 98px;
	height: 15px;
	border: 1px solid #CCC;
}


/* サイトマップ */

#head #headSitemap a{
	position: absolute;
	right: 10px;
	top: 17px;
	display: block;
	width: 62px;
	height: 13px;
	background:  url(../image/top/sitemap.gif) no-repeat left top;
	text-indent: -9999px;
	text-decoration: none;
	outline: 0px;
}

#head #headSitemap a:hover{
	background-position: 0 -13px!important;
}


/*== #contents ============================================================*/

/* 基本レイアウト
-------------------------------------*/

/* トップページ
-------------------- */
.layoutTop #contents{
	float: right;
	width: 570px;
}

.layoutTop #sidebar{
	float: left;
	width: 170px;
	margin-top: 20px;
}

/* 右メニューなし
-------------------- */
.layoutFree #contents{
	width: 760px!important;
}


/* 右メニューあり
-------------------- */

.layoutType01 #contents{
	float: left;
	width: 570px;
	outline: 0;
}

.layoutType01 #sidebar{
	float: right;
	width: 170px;
}


/* ----------------------
    右メニューレイアウト
   ---------------------- */

.layoutType01 #sidebar div.RNavi{
	margin-top: 10px;
}

/* メニュー　画像部分
---------------------- */
.layoutType01 #sidebar div.RNavi p{
	width: 170px;
	border: 1px solid #FFF;/* For IE6&7 */
	margin-bottom: 5px;
}

.layoutType01 #sidebar #RNavi01 a{
	display: block;
	width: 170;
	height: 26px;
	background:  url(/image/sidemenu/sidemenu_service.gif) no-repeat left top;
	text-indent: -9999px;
	text-decoration: none;
	outline: 0px;
}

.layoutType01 #sidebar #RNavi02 a{
	display: block;
	width: 170;
	height: 26px;
	background:  url(/image/sidemenu/sidemenu_product.gif) no-repeat left top;
	text-indent: -9999px;
	text-decoration: none;
	outline: 0px;
}

.layoutType01 #sidebar #RNavi03 a{
	display: block;
	width: 170;
	height: 26px;
	background:  url(/image/sidemenu/sidemenu_mente.gif) no-repeat left top;
	text-indent: -9999px;
	text-decoration: none;
	outline: 0px;
}

.layoutType01 #sidebar #RNavi04 a{
	display: block;
	width: 170;
	height: 26px;
	background:  url(/image/sidemenu/sidemenu_sals.gif) no-repeat left top;
	text-indent: -9999px;
	text-decoration: none;
	outline: 0px;
}

.layoutType01 #sidebar #RNavi05 a{
	display: block;
	width: 170;
	height: 26px;
	background:  url(/image/sidemenu/sidemenu_company.gif) no-repeat left top;
	text-indent: -9999px;
	text-decoration: none;
	outline: 0px;
}

/* 画像切替 */
body#service .layoutType01 #sidebar #RNavi01 a,
body#product .layoutType01 #sidebar #RNavi02 a,
body#maintenance .layoutType01 #sidebar #RNavi03 a,
body#sales .layoutType01 #sidebar #RNavi04 a,
body#company .layoutType01 #sidebar #RNavi05 a,
.layoutType01 #sidebar #RNavi01 a:hover,
.layoutType01 #sidebar #RNavi02 a:hover,
.layoutType01 #sidebar #RNavi03 a:hover,
.layoutType01 #sidebar #RNavi04 a:hover,
.layoutType01 #sidebar #RNavi05 a:hover{
	background-position: 0 -26px!important;
}

.layoutType01 #sidebar div.RNavi ul{
	list-style-type: none;
	margin-bottom: 10px;
}

/* 大項目
---------------------- */

/* 未選択 （デフォルト表示色：グレー、文字色：グレー　カーソルオーバーで緑） */
.layoutType01 #sidebar div.RNavi li.subttl_off a{
	display: block;
	width: 170px;
	text-decoration: none;
	background: url(/image/sidemenu/sidemenu_on_off_bar.gif) no-repeat left top;
	color: gray;
	padding-left: 10px;
	margin-bottom: 5px;
	font-size: 90%;
}

.layoutType01 #sidebar div.RNavi li.subttl_off a:hover{
	background-position: 0 -300px!important;
	color: #549389;
/*	text-decoration: underline;*/
}

/* カレントページ （デフォルト表示色：緑、文字色：緑）*/
.layoutType01 #sidebar div.RNavi li.subttl_on a{
	display: block;
	width: 170px;
	text-decoration: none;
	background: url(/image/sidemenu/sidemenu_on_off_bar.gif) no-repeat left top;
	background-position: 0 -300px!important;
	color: #549389;
	padding-left: 10px;
	margin-bottom: 5px;
	font-size: 90%;
}

.layoutType01 #sidebar div.RNavi li.subttl_on a:hover{
	color: #549389;
/*	text-decoration: underline;*/
}

/* 詳細メニュー
---------------------- */

/* 未選択 （デフォルト表示色：グレー、文字色：グレー　カーソルオーバーで緑） */
.layoutType01 #sidebar div.RNavi li.menu_off a{
	display: block;
	width: 170px;
	text-decoration: none;
	background: url(/image/sidemenu/sidemenu_off.gif) no-repeat left center;
	color: gray;
	padding-left: 10px;
	margin-bottom: 2px;
	font-size: 80%;
}

.layoutType01 #sidebar div.RNavi li.menu_off a:hover{
	display: block;
	background: url(/image/sidemenu/sidemenu_on.gif) no-repeat left center;
	color: #549389;
/*	text-decoration: underline;*/
}

/* カレントページ （デフォルト表示色：緑、文字色：緑）*/
.layoutType01 #sidebar div.RNavi li.menu_on a{
	display: block;
	width: 170px;
	text-decoration: none;
	background: url(/image/sidemenu/sidemenu_on.gif) no-repeat left center;
	padding-left: 10px;
	margin-bottom: 2px;
	font-size: 80%;
	color: #549389;
}

.layoutType01 #sidebar div.RNavi li.menu_off a:hover{
	color: #549389;
/*	text-decoration: underline;*/
}

/* ----------------------
    右メニューレイアウト END
   ---------------------- */


/* ポップアップウィンドウ
------------------------- */

/* センターリング */
.layoutPopUp #Wrap {
	position: relative;
	margin: 0 auto;
	width: 540px;
}

.layoutPopUp #contents {
	position: relative;
	width: 540px;
}

/* ヘッダ部指定 */
.layoutPopUp #head {
	position: relative;
	margin-top: 5px;
	height: 30px;
	width: 540px;
}

.layoutPopUp #head ul{
	list-style-type: none;
}

.layoutPopUp #head li{ /* for IE */
	font-size: 0;
	line-height: 0!important;
}

/* 印刷ボタン */
.layoutPopUp #head #prt a{
	position: absolute;
	right: 60px;
	top: 5px;
	display: block;
	width: 43px;
	height: 18px;
	background:  url(/image/common/pop_print_off.gif) no-repeat left top;
	text-indent: -9999px;
	text-decoration: none;
	outline: 0px;
}

.layoutPopUp #head #prt a:hover{
	background:  url(/image/common/pop_print_on.gif) no-repeat left top;
}

/* 閉じるボタン */
.layoutPopUp #head #cls a{
	position: absolute;
	right: 10px;
	top: 5px;
	display: block;
	width: 43px;
	height: 18px;
	background:  url(/image/common/pop_close_off.gif) no-repeat left top;
	text-indent: -9999px;
	text-decoration: none;
	outline: 0px;
}

.layoutPopUp #head #cls a:hover{
	background:  url(/image/common/pop_close_on.gif) no-repeat left top;
}




/* 未設定
-------------------- */

.layoutType02 #contents{
	float: left;
	width: 540px;
}


/* 現在地
-------------------------------------*/
/* パス（リンク） */
#topicPath{
	margin-bottom: 13px;
	padding-left: 15px;
	background: url(/image/common/sankaku2.gif) no-repeat 3px 5px;
}

#topicPath a,
#topicPath strong{
	color: #999;
	font-size: 80%;
}

/* 現在ページ */
#topicPath a{
	padding-right: 15px;
	background: url(/image/common/sankaku2.gif) no-repeat right top;
}

#topicPath strong{
	color: #666;
	font-weight: bold;
}


/* 印刷ボタン */

#print a{
	clear: both;
	width: 538px;
	height: 30px;
	background: url(/image/common/print.gif) no-repeat right top;
	display: block;
	text-indent: -9999px;
	text-decoration: none;
	outline: 0px;
	margin-top: 30px;
	margin-bottom: 20px;
}



/* フッターリンク
-------------------------------------*/

#footer-link {
	clear: both;
	margin: 0 auto;
	width: 760px;
	padding-top: 20px;
	text-align: center;
	font-size: 90%;
}

#footer-link li {
	display: inline;
}

#footer-link li a{
	color: #549389;
}

/*== #foot ============================================================*/

#foot {
	clear: both;
	margin: 0 auto;
	width: 760px;
	padding-top: 20px;
	text-align: left;
	font-size: 85%;
}

#foot ul {
	margin: 7px 7px 7px 7px;
}

#foot li {
	display: inline;
}

#foot .copyright{
	margin: 0 0 0 7px;
	text-align: left;
}


/* 共有
-------------------------------------*/
/* 影付き枠 */



/* タイトルリンク　▲ｘｘｘｘ */

.sub_ttl{
	position: relative;
	height: 20px;
}

.sub_ttl a{
	background:  url(/image/common/sankaku.gif) no-repeat left top;
	padding-left: 17px!important;
	color: #549389;
	font-weight: bold;
	text-decoration: none;
	display: block;
	position: relative;

}

.sub_ttl a:hover{
	color: #549389;
	font-weight: bold;
	text-decoration: underline;
}

/* タイトルリンク　■ｘｘｘｘ */

.sub_ttl2{
	position: relative;
	height: 18px;
}

.sub_ttl2 a{
	background:  url(/image/common/sikaku.gif) no-repeat left top;
	padding-left: 20px!important;
	color: #549389;
/*	font-weight: bold;*/
	text-decoration: none;
	font-size: 90%;
	display: block;
	position: relative;

}

.sub_ttl2 a:hover{
	color: #549389;
/*	font-weight: bold;*/
	text-decoration: underline;
}

/*== #hp_print ============================================================*/

div#print_foot_unit {
	float: right;
	text-align: left;
}

div#print_foot_unit .text{
	font-size: 90%;
}

div#print_foot_unit img{
	margin-bottom: 10px;
	margin-top: 10px;
}

div#print_foot_unit .green_ball_ttl{
	font-size: 90%;
	background:  url(/image/common/ball_green.gif) no-repeat left center;
	padding-left: 20px!important;
}