@charset "utf-8";

/* megasoft.css 2003.10.08 */
/* megasoft.css 2010.12.24修正 */

/*============目次============
　最終更新日：2007/2/26
　1.各要素のリセット
　2.基本レイアウト
　3.リンク
　4.ヘッダ
　5.ナビゲーション
　6.メインコンテンツ
　7.サイドバー
　8.フッター
　9.テーブル
　10.カラー
　11.フォーム
　12.アクセシビリティ
　13.印刷ページ用
　14.CSSレイアウトテスト用
　15.その他
　16.[new]ヘッダ・フッタ
============================*/


/*===========================
■1.各要素のリセット
============================*/

BODY {
	FONT-SIZE: 100%;
	background-color: #ffffff;
	color:#000000;
	margin: 0px;

}

a img { border: 0; }

IMG.Border0 {
border-width:0px;
}

H1 {
FONT-SIZE: 100%
}
H2 {
FONT-SIZE: 100%
}
H3 {
FONT-SIZE: 100%
}
H4 {
FONT-SIZE: 100%
}
H5 {
FONT-SIZE: 100%
}
H6 {
FONT-SIZE: 100%
}

DIV {
FONT-SIZE: 100%
}
P {
FONT-SIZE: 100%
}
SPAN {
FONT-SIZE: 100%
}

A:link {
color: #000099;
}
A:active {
color: #003399;
}
A:visited {
color: #663366;
}

TH {
FONT-SIZE: 100% ;text-align: left; vertical-align: top;
}
TD {
FONT-SIZE: 100%
}
A {
FONT-SIZE: 100%
}
INPUT {
FONT-SIZE: 100%
}
SELECT {
FONT-SIZE: 100%
}
TEXTAREA {
FONT-SIZE: 100%
}
FORM {
FONT-SIZE: 100%;
margin: 0;
padding: 0;
}
UL {
FONT-SIZE: 100%
}
OL {
FONT-SIZE: 100%
}
LI {
FONT-SIZE: 100%
}
DL {
FONT-SIZE: 100%
}
DT {
FONT-SIZE: 100%
}
DD {
FONT-SIZE: 100%
}
H2 {
margin-top: 5px; margin-bottom: 5px;
}
P {
margin-top: 5px; margin-bottom: 5px;
}
A:link {
text-decoration: underline;
}
A:active {
text-decoration: underline; 
}
A:visited {
text-decoration: underline;
}
A:hover	{
text-decoration: underline;
}
CAPTION {
text-align: left;font-weight: bold;
}

/*===========================
■2.基本レイアウト
============================*/

/*===========================
■3.リンク
============================*/

A.LinkText:link {
margin-left: 10px; text-decoration: none;
}
A.LinkText:visited {
margin-left: 10px; text-decoration: none;
}
A.LinkText:active {
margin-left: 10px; text-decoration: underline;
}
A.LinkText:hover {
margin-left: 10px; text-decoration: underline;
}

/*===========================
■4.ヘッダ
============================*/

TD.HeadAreaG {
background-image: url(/common/img/head/ps_bg.gif);
}
TD.HeadAreaBL {
background-image: url(/common/img/head/g_bk.gif);
}
TD.HeadAreaBL2 {
background-image: url(/common/img/head/g_bk_new.gif);
}
TD.HeadAreaBR {
background-image: url(/common/img/head/g_bk2.gif);
}
TD.HeadAreaBR2 {
background-image: url(/common/img/head/g_bk2_new.gif);
}
TD.StatusArea {
background-image: url(/common/img/head/status_bk.jpg);
}

/* PORTAL HEAD */
TD.HeadAreaBLP {
background-image: url(/common/img/head/gp_bk.gif);
}
TD.HeadAreaBRP {
background-image: url(/common/img/head/gp_bk.gif);
}

/*===========================
■5.ナビゲーション
============================*/

/* パン屑ナビゲーション */
A.LinkStatus:link {
color: #000000; text-decoration: none;
}
A.LinkStatus:visited {
text-decoration: none; color: #000000;
}
A.LinkStatus:active {
text-decoration: underline; color: #6666FF;
}
A.LinkStatus:hover {
text-decoration: underline; color: #6666FF;
}
DIV.StatusNavi {
font-size: 75%; padding-top: 5px; padding-bottom: 5px;
}
TD.StatusLine {
background-color: #999999;
}

/*===========================
■6.メインコンテンツ
============================*/

/* メインコンテンツ（青い画像背景）の見出し1 */
H1.MidashiP,
span.PositionSTxt {
font-size: 100%; margin-left: 10px; line-height: 100%; font-weight: bold; margin-bottom: 0px; margin-top: 0px;
}
/* 左寄せの見出し1 */
H1.MidashiL {
font-size: 112.5%; text-align: left;color: #333366; margin-bottom: 0px;
}
/* 中央寄せの見出し1 */
H1.MidashiC {
font-size: 112.5%; text-align: center;color: #333366; margin-bottom: 0px;
}
/* 画像に設定する見出し1 */
H1.MidashiT {
font-size: 112.5%; text-align: center;color: #333366; margin-bottom: 0px;
}
/* 通常の見出し1 */
H1.Midashi {
font-size: 112.5%; text-align: center;color: #333366;
}
/* 通常の見出し1 */
H2.Midashi {
font-size: 100%; margin-top: 0px; margin-bottom: 0px;color: #333366;
}
/* 通常の見出し3 */
H3.Midashi {
font-size: 87.5%; margin-top: 0px; margin-bottom: 0px;color: #333366;
}
/* 通常の見出し4 */
H4.Midashi {
font-size: 75%;color: #333366;
}

/* 文字サイズ */
.XXLText {
font-size: 112.5%; line-height: 140%; 
}
.XLText {
font-size: 100%; line-height: 140%;
}
.LText {
font-size: 87.5%; line-height: 140%; 
}
.MText {
font-size: 75%; line-height: 140%;
}
.SText {
font-size: 62.5%; line-height: 140%;
}
.maintxt {
font-size: 75%; line-height: 120%;
}
.mainLtxt {
font-size: 100%;
}
.LinkNavi {
font-size: 95%; color: #000000; text-decoration: none;
}
.SearchText {
font-size: 9pt; line-height: 120%;
}

/* 画像「ページのトップに戻る」に設定する */
DIV.PageTop {
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: right;
	clear: both;
	display: block;
}

/* 左に15pxの余白を取る */
DIV.Left15 {
margin-left: 15px;
}

/* 左に5pxの余白を取る */
DIV.Left5 {
margin-left: 5px;
}

/* 左余白15px */
DIV.Left15 {
margin-left: 15px;
}

/* 左余白5px */
DIV.Left5 {
margin-left: 5px;
}

/* 左余白10px */
DIV.Left10 {
margin-left: 10px;
}

/* 上余白10px */
DIV.Top10 {
margin-top: 10px;
}

/* 上余白15px */
DIV.Top15 {
margin-top: 15px;
}

/* 上余白20px */
DIV.Top20 {
margin-top: 20px;
}

/* 上余白25px */
DIV.Top25 {
margin-top: 25px;
}

/* 上下余白10px */
DIV.UD10 {
margin-top: 10px; margin-bottom: 10px;
}

/* 上下余白20px */
DIV.UD20 {
margin-top: 20px; margin-bottom: 20px;
}

/* 上下余白25px */
DIV.UD25 {
margin-top: 25px; margin-bottom: 25px;
}

/* 左右余白5px */
DIV.LR5 {
margin-left: 5px; margin-right: 5px;
}

/* 左右余白10px */
DIV.LR10 {
margin-left: 10px; margin-right: 10px;
}

/* 左右余白15px */
DIV.LR15 {
margin-left: 15px; margin-right: 15px;
}

/* 左右余白20px */
DIV.LR20 {
margin-left: 20px; margin-right: 20px;
}

/* 上下余白100px 左右余白25px */
DIV.finSpace {
margin-top: 100px; margin-bottom: 100px; margin-left: 25px; margin-right: 25px;
}

/* リスト表示（●）で左余白を20px */
UL.Left0 {
margin: 20px; margin-top: 0px; margin-bottom: 0px; margin-right: 5px;
}
/* リスト表示（■） */
UL.Left0SQ {
margin: 20px; margin-top: 0px; margin-bottom: 0px;
list-style-type: square;
}
/* リスト表示（画像▼） */
UL.LeftI{
list-style-image: url(/common/img/navi/navi_yaji_b.gif); line-height: 180%; vertical-align: middle;
margin: 20px; margin-top: 0px; margin-bottom: 0px;
}

/* 数字リスト表示で左余白を20px */
OL.Left0 {
margin-top: 0px; margin-bottom: 0px;
}

/*===========================
■7.サイドバー
============================*/

/* 左ナビの設定 */
.PositionTxt {
font-size: 100%; line-height: 100%; font-weight: bold; color: #ffffff; /* vertical-align: middle;*/
}
.PositionSTxt {
font-size: 100%; line-height: 100%; font-weight: bold;
}
TD.PositionBar {
background-color: #000099;
padding-top: 5px; /* 2011.02.21追加 */
}
TD.PositionSBar {
background-image: url(/common/img/bg_position.jpg); background-color: #E5E5E5; height: 30px;
}
TD.PositionSBar img {
display: none;
}
TD.PositionSBar h1.MidashiP,
TD.PositionSBar span.PositionSTxt {
display: block;
position: relative;
}
TD.PositionBarG {
background-color: #CCCCCC;
}

A.LinkNaviUP:link {
font-size: 80%; color: #000000; text-decoration: none; width: 134px;
}
A.LinkNaviUP:visited {
font-size: 80%; color: #000000; text-decoration: none; width: 134px;
}
A.LinkNaviUP:active {
font-size: 80%; color: #000000; text-decoration: underline; width: 134px;
}
A.LinkNaviUP:hover {
font-size: 80%; color: #000000; text-decoration: underline; width: 134px;
}
A.LinkNaviUPS:link {
font-size: 75%; color: #000000; text-decoration: none; width: 134px;
}
A.LinkNaviUPS:visited {
font-size: 75%; color: #000000; text-decoration: none; width: 134px;
}
A.LinkNaviUPS:active {
font-size: 75%; color: #000000; text-decoration: underline; width: 134px;
}
A.LinkNaviUPS:hover {
font-size: 75%; color: #000000; text-decoration: underline; width: 134px;
}
A.LinkNavi:link {
font-size: 80%; color: #000000; text-decoration: none; width: 134px;
}
A.LinkNavi:visited {
font-size: 80%; color: #000000; text-decoration: none; width: 134px;
}
A.LinkNavi:active {
font-size: 80%; color: #6666FF; text-decoration: underline; width: 134px;
}
A.LinkNavi:hover {
font-size: 80%; color: #6666FF; text-decoration: underline; width: 134px;
}
A.LinkNaviS:link {
font-size: 75%; color: #000000; text-decoration: none; width: 134px;
}
A.LinkNaviS:visited {
font-size: 75%; color: #000000; text-decoration: none; width: 134px;
}
A.LinkNaviS:active {
font-size: 75%; color: #6666FF; text-decoration: underline; width: 134px;
}
A.LinkNaviS:hover {
font-size: 75%; color: #6666FF; text-decoration: underline; width: 134px
}
A.LinkNaviSS:link {
font-size: 70%; color: #000000; text-decoration: none; width: 134px;
}
A.LinkNaviSS:visited {
font-size: 70%; color: #000000; text-decoration: none; width: 134px;
}
A.LinkNaviSS:active {
font-size: 70%; color: #6666FF; text-decoration: underline; width: 134px;
}
A.LinkNaviSS:hover {
font-size: 70%; color: #6666FF; text-decoration: underline; width: 134px
}
TD.NaviBg {
background-image: url(/common/img/bg_navi.jpg); background-color: #E5E5E5;
}
TD.NaviBgG {
background-image: url(/common/img/bg_navig.jpg); background-color: #EEEEEE;
}
TD.NaviLine {
background-color: #999999;
}
TD.NaviBarUP {
background-color: #eeeeee; height: 20px;
}
TD.NaviBarTOP {
background-color: #ffffff; height: 20px;
}
TD.NaviBar {
background-color: #ffffff; height: 20px;
}
TD.NaviBarSub {
background-color: #ffffff; height: 18px;
}
TD.NaviBarUser {
background-color: #ffffff; height: 18px;
}


/*===========================
■8.フッター
============================*/

/* 「megasoft_footer.js」「megasoft_footer2.js」で使用 */
A.LinkFoot:link {
text-decoration: none; color: #000000;
}
A.LinkFoot:active {
text-decoration: none; color: #6666FF
}
A.LinkFoot:visited {
text-decoration: none; color: #000000
}
A.LinkFoot:hover {
text-decoration: none; color: #6666FF
}
.FootNavi_s1 {
font-size: 75%; line-height: 120%;
}
.FootNavi_s2 {
font-size: 75%; line-height: 100%; font-family: Arial, Helvetica, sans-serif;
}

.FootNavi_s2_new {
line-height: 100%; font-family: Arial, Helvetica, sans-serif;
}


.megasoft_footer {
	clear: both;
}

.PageTop {
	clear: both;
	display: block;
}


/*===========================
■9.テーブル
============================*/

/*===========================
■10.カラー
============================*/

/* 文字色 */
.ColorWhite {
color: #FFFFFF;
}
.ColorNavy {
color: #333366;
}
.ColorRed {
color: #FF0000;
}
.ColorOrange {
color: #FF6600;
}
.ColorLightGreen{
color: #669999;
}
.ColorLightGlay{
color: #666666;
}
.ColorDRed {
color: #CC0000;
}
.ColorBlack {
color: #000000;
}

/* フォームの例の色 */
.ColorEx{
color: #666666;
}

/* セル背景の色 */
/* 青色 */
.ColorBackG {
background-color: #CCCCFF;
}
/* 濃いグレー */
.ColorBackDG {
background-color: #333333;
}
/* グレー */
.ColorBackMG {
background-color: #999999;
}
/* 薄いグレー */
.ColorBackLG {
background-color: #dddddd;
}
/* とても薄いグレー */
.ColorBackVLG {
background-color: #EAEAEA;
}
/* 白 */
.ColorBackW {
background-color: #FFFFFF;
}
/* 黒 */
.ColorBackB {
background-color: #000000;
}
/* 緑 */
.ColorBackGr {
background-color: #99CC99;
}
/* 赤（肌色） */
.ColorBackR {
background-color: #FFCC99;
}
/* オレンジ */
.ColorBackO {
background-color: #FFCC66;
}
/* 黄色 */
.ColorBackY {
background-color: #FFFF99;
}
/* ネイビー */
.ColorBackN {
background-color: #333366;
}
/* 薄い黄色 */
.ColorBackLightY {
background-color: #FFFFCC;
}
/* マイホームデザイナー色 */
.ColorBack3DMH {
background-color: #CC0000;
}
/* インテリアデザイナー色 */
.ColorBack3DID {
background-color: #FF6600;
}
/* オフィスデザイナー色 */
.ColorBack3DOD {
background-color: #660099;
}
/* STARFAX色 */
.ColorBackSTARFAX {
background-color: #000099;
}
/* MIFES色 */
.ColorBackMIFES {
background-color: #330099;
}
/* 夢工房色 */
.ColorBackYUME {
background-color: #FF6600;
}


/*===========================
■11.フォーム
============================*/
/* 検索枠　上下スペース調整 */
form.search {
margin: 3px;
}

/* 検索枠（/3d/用）　上下スペース調整 */
form.search3d {
margin: 5px;
}

#searchbt {
margin-left: 3px;
}

/*===========================
■12.アクセシビリティ
============================*/

/*===========================
■13.印刷用
============================*/

/* 印刷用ヘッダーを非表示 */
P#forprint {
display: none;
}

hr.forprint {
display: none;
}

/* 印刷用フッターを非表示 */
P#copyright {
display: none;
}


/*===========================
■14.CSSレイアウトテスト用
============================*/

/* ページ枠 */
DIV#Outline,
DIV#MainArea,
DIV#MainArea960,
DIV#MainArea960b {
	width: 100%;
	text-align: center;
	clear: both;
}

DIV#Outline:after,
div#MainArea:after,
div#MainArea960:after,
div#MainArea960b:after {
content: " "; 
clear: both; 
height: 0; 
display: block; 
visibility: hidden;
}

/* パンくずリスト背景 */
DIV#StatusArea {
	background-image: url(/common/img/head/status_bk.jpg);
	width: 100%;
	border-bottom: #999999 1px solid;
	text-align: center;
	margin-bottom: 15px;
}

/* パンくずリスト */
DIV.Status {
	width: 760px;
	font-size: 75%;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: left;
	margin: 0px auto;
}

DIV.Status960 {
	width: 960px;
	font-size: 75%;
	padding: 5px 0;
	text-align: left;
	margin: 0px auto;
}


/* 製品ページ大枠 */
DIV#MainArea {
	width: 760px;
	background-image: url(/common/img/navi/bg_navi.jpg);
	background-repeat: repeat-y;
	text-align: left;
	margin: 0px auto;
	clear: both;
}

/* 製品ページ大枠（LB製品用） */
BODY.lb DIV#MainArea {
	width: 760px;
	background-image: url(/common/img/navi/bg_navi2.jpg);
	background-repeat: repeat-y;
	text-align: left;
	margin: 0px auto;
	clear: both;
}

/* 左ナビ枠 */
DIV.LeftNavi {
	width: 160px;/*
	background-color: #E5E5E5;*/
	margin: 0px;
	padding: 0px;
	float: left;
}

/* 右コンテンツ枠 */
DIV.Contents {
	float: right;
	width: 585px;
	margin: 0px;
	padding: 0px;
}

/* シリーズページ　シリーズ説明部分 */
.Seriestxt {
	font-size: 75%;
	line-height: 120%;
	padding: 7px 5px;
}

/* シリーズページ　シリーズ説明部分 */
H2.Seriestxt {
	font-weight: normal;
}


/* ★960pxページ用 10.12.07追加★
	MainArea960：以下のコンテンツも960px
	MainArea960b：div.Contentsは585px（旧ページ幅のまま）
*/

/* 製品ページ大枠 960px */
DIV#MainArea960,
DIV#MainArea960b {
	width: 960px;
	background-image: url(/common/img/navi/bg_navi.jpg);
	background-repeat: repeat-y;
	text-align: left;
	margin: 0px auto;
	clear: both;
}

/* 右コンテンツ枠 785px */
DIV#MainArea960 DIV.Contents,
DIV#MainArea960b DIV.Contents {
	float: right;
	width: 785px;
/* ページトップへボタンの下マージン */
	margin: 0 0 20px 0;
	padding: 0px;
}


/*===========================
■15.その他
============================*/

.ColorBackLGSpace{
background-color: #efefef;
padding-top: 10px;
padding-right: 20px;
padding-left: 20px;
padding-bottom: 10px;
margin-bottom: 20px;
margin-top: 10px;
}

.LRMargin30 {
margin-left:30px;
margin-right:30px;
}

/* 付箋状の背景 */
.ColorBackHusen {
background-image: url(/3dmh/img/husen.gif);
}

.Hoshi{
 width:530px;
 color:#444;
 padding-left:1em;
 text-indent:-1em;
}

/* 画像：左5pxスペースをとる */
IMG.Left5 {
margin-left: 5px;
}

/* 画像：左10pxスペースをとる */
IMG.Left10 {
margin-left: 10px;
}

/* 画像：右5pxスペースをとる */
IMG.Right5 {
margin-right: 5px;
}

/* 画像：右10pxスペースをとる */
IMG.Right10 {
margin-right: 10px;
}

/* 画像：下10pxスペースをとる */
IMG.Bottom10 {
margin-bottom: 10px;
}

/* 画像：左右3pxスペースをとる */
IMG.LR3 {
margin-left: 3px;
margin-right: 3px;
}

/* 画像：上下10pxスペースをとる */
IMG.UD10 {
margin-top: 10px;
margin-bottom: 10px;
}

/* 画像：上20pxスペースをとる */
IMG.Top20 {
margin-top: 20px;
}

/* 注釈 */
ul.remark {
	margin: 5px 0 0 0;
	padding: 0;
}

ul.remark li{
	list-style-type: none;
	text-indent: -1em;
	padding-left: 1em;
	margin: 0 0 2px 0 !important;
}



/*===========================
■16.[new]ヘッダ・フッタ
============================*/

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

/*----- ヘッダー  -----*/
#header {
	text-align:center;
	background:#fff;
	margin:0;
	padding:0;
}

#header .headerBox{
	margin:0 auto;
	text-align:center;
	padding:20px 0 0 0;
	margin-bottom:10px;
	width:960px;
}

#header h1,
#header .logoBox {
	width:200px;
	float:left;

	text-indent: -9999px;
	text-decoration: none !important; 
}


#header h1 a,
#header .logoBox a{
  display:block;
  background: url("/img_tops/logo_megasoft.gif") top left no-repeat;
  width:170px;
  height:44px;
}

#header .header_nav {
	float:right;
	padding:30px 0 0px 0px;
}

#header .header_nav div {
	float:left;
}

#header .header_nav div.demo {
	width:150px;
	height:13px;
  background:url(/img_tops/btn_header_demo.gif) no-repeat;
}

#header .header_nav div.inquiry {
	width:100px;
	height:13px;
  background:url(/img_tops/btn_header_inquiry.gif) no-repeat;
}

#header .header_nav div.demo a{
	display:block;
	width:150px;
	height:13px;
	text-indent:-9999px;
	font-size:0;
	line-height:0;
}

#header .header_nav div.inquiry a{
	display:block;
	width:100px;
	height:13px;
	text-indent:-9999px;
	font-size:0;
	line-height:0;
}

#header .header_nav div.demo a.active,
#header .header_nav div.demo a:focus,
#header .header_nav div.demo a:hover{
  background:url(/img_tops/btn_header_demo.gif) no-repeat left bottom;
}

#header .header_nav div.inquiry a.active,
#header .header_nav div.inquiry a:focus,
#header .header_nav div.inquiry a:hover{
  background:url(/img_tops/btn_header_inquiry.gif) no-repeat left bottom;
}


#header .header_nav div.searchBox{
}


#header .header_nav div.searchBox form{
	margin:0;
	padding:0;
}


#header .header_nav .searchBox {
	width:225px;
	position:relative;
}


#header .header_nav .searchBox form{
	background:url(/img_tops/bk_searchText.gif) no-repeat;
}

#header .header_nav .searchBox form input{
	vertical-align:bottom;
}

#header .header_nav .searchBox form input.SearchText {
	border:0;
	background:transparent;
	width:154px;
	padding:5px 3px;
	font-size:12px;
}


/*----- グローバルナビ  -----*/
#header .global_nav {
	width:100%;
	height:38px;
	background:#394acb;
}

#header .global_nav ul{
	margin:0 auto;
	padding:0;
	width:960px;
	height:38px;
  background:url(/img_tops/img_gnavi.jpg) no-repeat;
}

#header .global_nav ul li{
	float:left;
	list-style:none;
	margin:0;
	padding:0;
}

#header .global_nav ul li a{
	display:block;
	width:160px;
	height:38px;
	text-indent:-9999px;
	font-size:0;
	line-height:0;
}


#gnavi_home{
	background:url(/img_tops/img_gnavi.jpg) no-repeat 0 0;
}
#gnavi_home:hover,
#gnavi_home.hover{
	background:url(/img_tops/img_gnavi.jpg) no-repeat 0 -38px;
}

#gnavi_products{
	background:url(/img_tops/img_gnavi.jpg) no-repeat -160px 0;
}
#gnavi_products:hover,
#gnavi_products.hover{
	background:url(/img_tops/img_gnavi.jpg) no-repeat -160px -38px;
}

#gnavi_download{
	background:url(/img_tops/img_gnavi.jpg) no-repeat -320px 0;
}
#gnavi_download:hover,
#gnavi_download.hover{
	background:url(/img_tops/img_gnavi.jpg) no-repeat -320px -38px;
}

#gnavi_shop{
	background:url(/img_tops/img_gnavi.jpg) no-repeat -480px 0;
}
#gnavi_shop:hover,
#gnavi_shop.hover{
	background:url(/img_tops/img_gnavi.jpg) no-repeat -480px -38px;
}

#gnavi_support{
	background:url(/img_tops/img_gnavi.jpg) no-repeat -640px 0;
}
#gnavi_support:hover,
#gnavi_support.hover{
	background:url(/img_tops/img_gnavi.jpg) no-repeat -640px -38px;
}

#gnavi_company{
	background:url(/img_tops/img_gnavi.jpg) no-repeat -800px 0;
}
#gnavi_company:hover,
#gnavi_company.hover{
	background:url(/img_tops/img_gnavi.jpg) no-repeat -800px -38px;
}


/*----- グローバルナビon -----*/

#header.top_navi_home_selected .global_nav ul li.gnavi_home A#gnavi_home{
  background:url(/img_tops/img_gnavi.jpg) no-repeat left bottom;
}

#header.top_navi_products_selected .global_nav ul li.gnavi_products A#gnavi_products{
  background:url(/img_tops/img_gnavi.jpg) no-repeat -160px -38px;
}

#header.top_navi_download_selected .global_nav ul li.gnavi_download  A#gnavi_download{
  background:url(/img_tops/img_gnavi.jpg) no-repeat -320px -38px;
}
#header.top_navi_shop_selected .global_nav ul li.gnavi_shop A#gnavi_shop{
  background:url(/img_tops/img_gnavi.jpg) no-repeat -480px -38px;
}
#header.top_navi_support_selected .global_nav ul li.gnavi_support A#gnavi_support{
  background:url(/img_tops/img_gnavi.jpg) no-repeat -640px -38px;
}
#header.top_navi_company_selected .global_nav ul li.gnavi_company A#gnavi_company{
  background:url(/img_tops/img_gnavi.jpg) no-repeat -800px -38px;
}


/*----- フッター  -----*/
#footer {
	font-size:75%;
	margin:0 auto;
	text-align:center;
	width:100%;
	background:#5e5e5e;
}

DIV.pagetop{
}

DIV.pagetop_blue{
	padding-top:20px;
	background:#eff0f6;
}

DIV.pagetop p,
DIV.pagetop_blue p{
	margin:0 auto;
	width:960px;
	background:transparent;
	text-align:right;
}

DIV.pagetop_gray{
	padding-top:20px;
	background:#F6F6F6;
}


DIV.pagetop p,
DIV.pagetop_gray p{
	margin:0 auto;
	width:960px;
	background:transparent;
	text-align:right;
}

DIV.pagetop_ivory{
	padding-top:20px;
	background:#FAF9F3;
}

DIV.pagetop p,
DIV.pagetop_ivory p{
	margin:0 auto;
	width:960px;
	background:transparent;
	text-align:right;
}

DIV.pagetop960{
}

DIV.pagetop960 p,
DIV.pagetop960_blue p{
	margin:0 auto;
	width:960px;
	background:transparent;
	text-align:right;
}


#footer .footer_nav {
	padding-top:10px;
	width:960px;
}

#footer .footer_nav ul {
	padding:0;
	margin:0 auto;
	width:960px;
}

#footer .footer_nav ul li {
	display:block;
	float:left;
	padding-right:20px;
	padding-left:10px;
	background:url(/common/img/tool/arrow_s_white.gif) left no-repeat;
}

#footer .footer_nav a:link{
	color:#fff;
	text-decoration:none;
}

#footer .footer_nav a:active{
	color:#fff;
	text-decoration:underline;
}

#footer .footer_nav a:visited{
	color:#fff;
	text-decoration:none;
}

#footer .footer_nav a:hover{
	color:#fff;
	text-decoration:underline;
}

#footer address {
	padding:20px 0 10px 0;
	color:#fff;
	font-style:normal;
	text-align: left;
}


/*------------------------------
 ヘッダー・フッターのセンタリング用
------------------------------*/

DIV.inline-block {
	display: -moz-inline-box;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

/*------------------------------
2011.2.18追加
サポートエラー表示について関連
------------------------------*/
h1.MidashiL_error {
font-size: 112.5%;
text-align: left;
color: #333366;
margin: 0 0 4px 0;
padding: 4px 0;
background:#ddd;
}

h2.Midashi_top30 {
font-size: 100%;
margin-top: 0px;
margin-bottom: 0px;
color: #333366;
margin-top:30px;
}

/*------------------------------
 clearfix
------------------------------*/

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */