/* megasoft.css 2003.10.08 */

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


/*===========================
■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;
}
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;
}


.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 {
	width: 100%;
	text-align: center;
	clear: both;
}

DIV#Outline:after,
div#MainArea: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#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;
}

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

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

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

/* 付箋状の背景 */
.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
}