@charset "utf-8";

/* megasoft_content.css */

/*============目次============
　最終更新日：2009/03/02
　1. クラス
　2. 見出し用クラス
　3. メインコンテンツ内のレイアウト
　4. PやULなど基本要素のスタイル
　5. 製品サイトトップ
　6. 価格・ラインナップ
　7. 動作環境
　8. CSSボタン
　9. リンク、リストなどの装飾
　10. シリーズトップ
============================*/

/*===========================
■ClearFix
============================*/
.Section:after,
#infoBox li:after,
.article:after,
.bannerlist:after,
#submenu dl.bannerlink li:after,
#submenu div.bannerlist li:after,
dl.bannerlink:after,
.ProductList:after,
.serieslineup_wide:after,
.LineupBottom:after,
.ClearFix:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
.Section,
#infoBox li,
.article,
.ProductList,
.bannerlist,
#submenu dl.bannerlink li,
#submenu div.bannerlist li,
dl.bannerlink,
.serieslineup_wide,
.LineupBottom,
.ClearFix {
	display: inline-block;
	zoom: 100%;
}

/*===========================
■1. クラス
============================*/
/* 赤丸のリンク <a class="GoRed"> */
a.GoRed {
	background: url(/common/img/tool/go_mark_red.gif) no-repeat 0 1px;
	padding-left: 16px;
	min-height: 16px;
	display: inline-block;
	margin: 0 5px 0 0;
}
/* 白丸のリンク <a class="GoWhite"> */
a.GoWhite {
	background: url(/common/img/tool/go_mark_siro.gif) no-repeat 0 1px;
	padding-left: 16px;
	min-height: 16px;
	display: inline-block;
	margin: 0 5px 0 0;
}
.clear {
	clear: both;
}
div.clear0 {  /* 高さ1pxのクリア */
	clear: both;
	overflow: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	margin: 0;
	padding: 0;
}
.Left {
	float: left;
}
.Right {
	float: right;
}
.Section .PageTop {
	margin: 2px 0 0 0;
	padding: 0;
	display: block;
	overflow: hidden;
	font-size: 80%;
	text-indent: 9999px;
	width: 100%;
}
.Section .PageTop a {
	background: url(/common/img/tool/page_top_s.gif) no-repeat 0 0;
	width: 108px;
	height: 12px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	display: block;
	float: right;
	clear: both;
}


/*===========================
■2. 見出し用クラス
-----------------------------
ロゴなど上部は585px幅
.ContentInner内は570px幅
============================*/
/* 製品ロゴを囲む要素 */
.Contents .LogoBlock {
	margin: 0px 0px 5px;
	padding: 0px;
}
.Contents .SeriesLogoBlock {
	margin: 0;
	padding: 10px 0 10px 8px;
	display: block;
}

/* 青背景のポジション名 */
.Contents .PositionTitle {
	background: #E5E5E5 url(/common/img/bg_position.jpg) no-repeat left top;
	font-size: 100%;
	font-weight: bold;
	width: 577px;
	line-height: 30px; /* TEXTを上下中央に配置すにはボックス要素のheightとline-heightを同じ値にする */
	height: 30px;
	margin: 0 0 15px 0;
	padding: 0 0 0 8px;
}

/* 5角形の背景画像の見出し */
.Contents .TitleBlank {
	margin: 0 0 15px 0;
	padding: 0 15px !important;
	width: 555px;
	height: 40px;
	line-height: 43px;
	font-size: 100%;
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(/common/img/title/title_blank_default.gif);
	color: #000000;
	display: block;
	overflow: visible;
}

.Contents .TitleBlank em {
	font-size: 75%;
	font-style: normal;
	font-weight: normal;
	margin-left: 1em;
}
/* 5角形の背景画像の見出しにリンクを貼ってもテキスト装飾なし */
.Contents h1.TitleBlank a,
.Contents h1.TitleBlank a:link,
.Contents h1.TitleBlank a:hover,
.Contents h1.TitleBlank a:active,
.Contents h1.TitleBlank a:visited {
	text-decoration: none;
	color: #000000;
}
/* 570px幅 */
.ContentInner h2 {
	font-size: 100%;
	line-height: 120%;
	margin: 0 0 5px;
	color: #333366;
}
.ContentInner h3 {
	font-size: 87.5%;
	line-height: 120%;
	margin: 0 0 5px;
	padding: 0;
	color: #333366;
}
.ContentInner h4 {
	font-size: 75%;
	line-height: 120%;
	margin: 0 0 5px;
	padding: 0;
	color: #333366;
}
.ContentInner h5 {
	font-size: 75%;
	line-height: 120%;
	margin: 0 0 5px;
	padding: 0;
	color: #333366;
}
.ContentInner h6 {
	font-size: 75%;
	line-height: 120%;
	margin: 0 0 5px;
	padding: 0;
	color: #333366;
}


/* 見出しの頭に■をスタイルだけでつける場合 */
.HeadSq {
	border-left: 1em solid #333366;
	padding-left: 0.25em;
}

/* グラデーション　バータイプ */
.ContentInner .SubTitleBar {
	border: 1px solid #999999;
	background: url(/common/img/title/subtitle_bar_rep.gif) repeat-x left top;
	font-size: 87.5%;
	margin: 0 0 10px 0;
	padding: 0 9px;
	height: 22px;
	line-height: 22px;
	color: #000000;
}

/* グラデーション　基本タイプ */
.ContentInner .SubTitleBlank {
	background: url(/common/img/title/subtitle_rep.gif) repeat-x 0 0;
	font-size: 87.5%;
	margin: 0 0 10px 0;
	padding: 0 10px 0 9px;
	height: 23px;
	line-height: 23px;
	color: #000000;
	border-top: 1px solid #999999;
	border-right: none;
	border-bottom: none;
	border-left: 1px solid #999999;
}

/*===========================
■3. メインコンテンツ内のレイアウト
============================*/
.ContentInner {
	width: 570px;
	margin: 0 10px 0 0;
	padding: 0;
/*	overflow:auto;
	display:inline;
*/
}

.ContentInner.Wide {
	width: 	780px;
	margin: 0 auto;
}

.Section {
	clear: both;
	width: 570px;
	margin: 0;
	padding: 0 0 20px 0;
}
.SectionHalf {
	width: 280px;
}



/*===========================
■4. PやULなど基本要素のスタイル
============================*/
/*
table {
	border-spacing: 0;
	border-collapse: collapse;
}
*/
.ContentInner p {
	font-size: 75%;
	line-height: 140%;
	margin: 0 0 0.7em 0;
	padding: 0;
}
.ContentInner ul {
	list-style-position: outside;
	list-style-type: disc;
	margin: 0 0 0.7em 0;
	padding: 0;
}
.ContentInner ul li {
	font-size: 75%;
	line-height: 140%;
	margin: 0 0 0.1em 2em;
}
.ContentInner ol {
	list-style-position: outside;
	list-style-type: decimal;
	margin: 0 0 0.5em 0;
	padding: 0;
}
.ContentInner ol li {
	font-size: 75%;
	line-height: 140%;
	margin: 0 0 0.4em 2em;
}
.ContentInner ul li li,
.ContentInner ol li li {
	font-size: 100%;
}
/* 注釈 */
.ContentInner ul.remark {
	margin: 5px 0 0 0;
	padding: 0;
}

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

/* 注釈1.5 */
.ContentInner ul.remark2 {
	margin: 5px 0 0 0;
	padding: 0;
}

.ContentInner ul.remark2 li{
	list-style-type: none;
	text-indent: -2em;
	padding-left: 2em;
	margin: 0 0 2px 0;
}


/*===========================
■5. 製品サイトトップ
============================*/
/* インフォメーション */
#infoBox {
	border-bottom: 1px solid #D9D9D9;
	width: 570px;
	padding: 0;
	margin: 0;
}
#infoBox h3 {
	text-indent: -9999px;
	background: transparent url(/common/img/tool/info01.gif) no-repeat 0 0;
	width: 570px;
	height: 18px;
	border-bottom: 1px dotted #9999CC;
	margin: 0 0 1px 0;
	padding: 0;
	border-left: none;
}
#infoBox ul {
	border-top: 1px solid #D9D9D9;
	border-bottom: 1px dotted #9999CC;
	margin: 0 0 1px 0;
	width: 570px;
	padding: 0;
	list-style: none;
}
#infoBox ul li {
	background: transparent url(/common/img/tool/list_yaji_s.gif) no-repeat 3px 6px;
	margin: 0;
	padding: 3px 5px 3px 20px;
	display: block;
	width: 545px;
	clear: both;
}
#infoBox ul li img {
	margin: 0 5px 5px 0;
	float: left;
}
#infoBox ul li img.Right {
	margin: 0 0 5px 5px;
	float: right;
}

/*===========================
■6. 価格・ラインナップ
============================*/
/* 価格枠を囲むボックス */
.PriceBox {
	width: 568px;
	border: 1px solid #999999;
	padding: 0;
	margin: 0 0 20px 0;
}

/* 背景グラデーションバーの見出し */
.PriceBox h2 {
	background: url(/common/img/title/subtitle_bar_rep.gif) repeat-x left top;
	font-size: 87.5%;
	margin: 0 0 10px 0;
	padding: 0 9px;
	height: 22px;
	line-height: 22px;
	color: #000000;
	border: none;
	border-bottom: 1px solid #999999;
	
}
/* 見出しに注釈を加える場合 */
.PriceBox h3 em,
.PriceBox h2 em {
	font-size: 90%;
	font-style: normal;
	font-weight: bold;
	color: #006600;
	padding: 3px;
	margin: 0 0.5em;
	letter-spacing: 0px;
}

/* パッケージ画像を右にフロート表示 */
.PriceBox div.PacImage {
	border: 0;
	float: left;
	padding: 5px;
	margin: 0;
	width: 90px;
	text-align: left;
}

/* パッケージが幅広の場合のスタイル */
.PriceBox .PacImageW {
	border: 0;
	float: left;
	padding: 5px;
	margin: 0;
	width: 200px;
	text-align: left;
}
.PriceBox .RightBoxW {
	margin: 0;
	padding: 5px 0 0 0;
	float: right;
	width: 340px;
}
.PriceBox .RightBoxW table.PriceTable {
	width: 328px;
}

/* パッケージなしで説明のみのスタイル */
.PriceBox .ProductTxt {
	border: 0;
	float: left;
	padding: 5px 10px;
	margin: 0;
	width: 540px;
	text-align: left;
}

/* 追加ライセンス用のスタイル */
.PriceBox .PacImageLIC {
	border: 0;
	float: left;
	padding: 5px;
	margin: 0;
	width: 140px;
	text-align: left;
}
.PriceBox .RightBoxLIC {
	margin: 0;
	padding: 5px 0 0 0;
	float: right;
	width: 400px;
}
.PriceBox .RightBoxLIC table.PriceTable {
	width: 388px;
}

.PacImage img,
.PacImageW img {
	border: 0;
	margin: 0 5px 10px;
}

/* パッケージ画像を配置した場合に価格などを囲むボックス */
.PriceBox .RightBox {
	margin: 0;
	padding: 5px 0 0 0;
	float: right;
	width: 450px;
}

.PriceBox h3 {
	font-size: 87.5%;
	font-weight: bold;
	color: #333366;
	margin: 0;
	padding: 0;
	clear: both;
	background: none;
	border: none;
}

.PriceBox .Inner {
	padding: 0 9px;
}

/* 紹介文内の強調表示 */
.PriceBox p em {
	font-style: normal;
	font-weight: normal;
	border: none;
	background-color: #339900;
	color: #FFFFFF;
	padding: 2px 3px 1px;
	margin: 0 0.5em;
}

/* 価格などを収めるテーブル */
.PriceBox table.PriceTable {
 	clear: both;
	width: 548px;
	margin: 0 10px 20px 10px;
	padding: 0;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	border-collapse: collapse;
	border-spacing: 0;
}
.PriceBox .RightBox table.PriceTable {
 	clear: both;
	width: 438px;
	margin-left: 0;
}
.PriceBox table.PriceTable th,
.PriceBox table.PriceTable td {
	border-bottom: 1px solid #999999;
	padding: 5px;
	margin: 0;
	text-align: right;
	vertical-align: middle;
}
.PriceBox table.PriceTable th {
	font-weight: normal;
	font-style: normal;
	text-align: left;
	vertical-align: middle;
	font-size: 75%;
}
.PriceBox table.PriceTable th em {
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-style: normal;
	display: block;
	color: #666666;
	font-size: 75%;
}
.PriceBox table.PriceTable td {
	color: #666666;
	line-height: 150%;
	vertical-align: middle;
	font-size: 75%;
}
.PriceBox table.PriceTable td.TdCart {
	width: 115px;
}
.PriceBox table.PriceTable td em {
	margin: 5px 0 0 0.2em;
	font-weight: bold;
	font-style: normal;
	color: #333333;
}
.PriceTable .CssBtn {
	margin: 0 0 0 5px;
}



#AboutOnlineShop {
	border: 1px solid #999999;
	width: 568px;
	padding: 0;
}
#AboutOnlineShop h3 {
	background: url(/common/img/title/subtitle_rep.gif) repeat-x 0 0;
	font-size: 87.5%;
	margin: 0 0 8px 0;
	padding: 9px 9px 0;
	height: 28px;
	color: #000000;
}
#AboutOnlineShop h4 {
	padding: 0 0 0 0.25em;
	margin: 0 19px 5px;
	border-left: 1em solid #333366;
}

#AboutOnlineShop p {
	margin: 0 19px 1.4em;
}


/*===========================
■7. 動作環境
============================*/
/* SpecTable*/
table.SpecTable {
	width: 568px;
	margin: 0 0 10px;
	padding: 0;
	border-top: 1px solid #666666;
	border-left: 1px solid #666666;
	line-height: 140%;
	border-collapse: collapse;
	border-spacing: 0;
}
table.SpecTable th {
	width: 150px;
	font-weight: bold;
	text-align: left;
	padding: 6px;
	margin: 0;
	font-size: 75%;
	background-color: #DDDDDD;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
}
table.SpecTable th.verth {
	width: auto;
	font-weight: bold;
	text-align: center;
	padding: 6px;
	margin: 0;
	font-size: 75%;
	background-color: #DDDDDD;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
}

table.SpecTable td {
	text-align: left;
	padding: 6px;
	margin: 0;
	font-size: 75%;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
}

table.SpecTable td p {
	font-size: 100%;
	margin: 0 0 0.7em;
}

table.SpecTable ul {
	font-size: 100%;
	margin-left: 0;
}

table.SpecTable ul li {
	font-size: 100%;
}


/*===========================
■8. CSSボタン
============================*/
/* 基本設定 */
div.CssBtn,
a.CssBtn {
	border: 0;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0 0 15px 0;
	cursor: pointer;
	text-decoration: none;
}
a.CssBtn:link,
a.CssBtn:active,
a.CssBtn:visited, {
	text-decoration: none;
}
div.CssBtn input,
a.CssBtn span {
	font: bold 12px/23px Verdana;
	color: #666;
	display: block;
	float: left;
	white-space: nowrap;
	height: 41px;   /* 画像（縦）サイズに合わせる */
	line-height: 41px; /* 画像（縦）サイズに合わせる */
	margin-left: 1px;
	padding: 0 12px 0 11px;
	border: none;
}
div.CssBtn:hover,
a.CssBtn:hover {
	text-decoration: none;
}
div.CssBtn:visited,
a.CssBtn:visited {
	text-decoration: none;
}
/* 「カートに入れる」ボタン */
div.CssBtn.MetalBtn.TypeCart input,
a.CssBtn.MetalBtn.TypeCart span {
	height: 20px;
	line-height: 20px;
	color:#FFFFFF;
}
div.CssBtn.MetalBtn.TypeCart input,
a.CssBtn.MetalBtn.TypeCart span {
	background: url("/common/img/btn/cart.gif") no-repeat right top;
}
div.CssBtn.MetalBtn.TypeCart,
a.CssBtn.MetalBtn.TypeCart {
	background:url("/common/img/btn/cart.gif") no-repeat left top;
}
div.CssBtn.MetalBtn.TypeCart:hover input,
a.CssBtn.MetalBtn.TypeCart:hover span {
	background:url("/common/img/btn/cart.gif") no-repeat right bottom;
}
div.CssBtn.MetalBtn.TypeCart:hover,
a.CssBtn.MetalBtn.TypeCart:hover {
	background:url("/common/img/btn/cart.gif") no-repeat left bottom;
}

/* 「購入ページへ」ボタン */
a.CssBtn.MetalBtn.TypeGoShop span {
	height: 20px;
	line-height: 20px;
	color:#000000;
}
a.CssBtn.MetalBtn.TypeGoShop span {
	background: url("/common/img/btn/goshop.gif") no-repeat right top;
}
a.CssBtn.MetalBtn.TypeGoShop {
	background:url("/common/img/btn/goshop.gif") no-repeat left top;
}
a.CssBtn.MetalBtn.TypeGoShop:hover span {
	background:url("/common/img/btn/goshop.gif") no-repeat right bottom;
}
a.CssBtn.MetalBtn.TypeGoShop:hover {
	background:url("/common/img/btn/goshop.gif") no-repeat left bottom;
}

/* 「詳細ページへ」ボタン */
a.CssBtn.MetalBtn.TypeGoDetail span {
	height: 20px;
	line-height: 20px;
	color:#000000;
}
a.CssBtn.MetalBtn.TypeGoDetail span {
	background: url("/common/img/btn/godetail.gif") no-repeat right top;
}
a.CssBtn.MetalBtn.TypeGoDetail {
	background:url("/common/img/btn/godetail.gif") no-repeat left top;
}
a.CssBtn.MetalBtn.TypeGoDetail:hover span {
	background:url("/common/img/btn/godetail.gif") no-repeat right bottom;
}
a.CssBtn.MetalBtn.TypeGoDetail:hover {
	background:url("/common/img/btn/godetail.gif") no-repeat left bottom;
}



/* 「ムービーでチェック」ボタン */
a.CssBtn.MetalBtn.TypeMovie span {
	height: 20px;
	line-height: 20px;
	color:#FFFFFF;
	margin-left: 6px;
	padding: 0 22px 0 16px;
}
a.CssBtn.MetalBtn.TypeMovie span {
	background: url("/common/img/btn/movie.gif") no-repeat right top;
}
a.CssBtn.MetalBtn.TypeMovie {
	background:url("/common/img/btn/movie.gif") no-repeat left top;
}
a.CssBtn.MetalBtn.TypeMovie:hover span {
	background:url("/common/img/btn/movie.gif") no-repeat right bottom;
}
a.CssBtn.MetalBtn.TypeMovie:hover {
	background:url("/common/img/btn/movie.gif") no-repeat left bottom;
}

/*===========================
■9. リンク、リストなどの装飾
============================*/


/* PDFファイルダウンロードのリンク <a class="IconPdf"> */
a.IconPdf {
	background: url(/common/img/bana/pdficon.gif) no-repeat 0 1px;
	padding-left: 37px;
	min-height: 32px;
	display: inline-block;
	margin: 0 5px;
	line-height: 32px;
}

/* PDFファイルダウンロードのリンク <a class="IconRss"> */
a.IconRss {
	background: url(/common/img/rss/rss.gif) no-repeat 0 1px;
	padding-left: 39px;
	min-height: 20px;
	display: inline-block;
	margin: 0 5px;
	line-height: 20px;
}

/* 装飾なしのリスト */
.ContentInner ul.AList0 {
	list-style: none;
	margin: 5px 5px;
}
.ContentInner ul.AList0 li {
	margin: 0 0 3px 0;
}
.ContentInner ul.AList0 li a {
}
/* リンクがあれば赤丸を付けるリスト */
.ContentInner ul.AList1 {
	list-style: none;
	margin: 5px 3px 10px;
}
.ContentInner ul.AList1 li {
	margin: 0 0 5px 0;
}
.ContentInner ul.AList1 li a {
	background: url(/common/img/tool/go_mark_red.gif) no-repeat 0 1px;
	padding-left: 16px;
	min-height: 16px;
	display: inline-block;
}
/* リンクがあればグレーの三角を付けるリスト */
.ContentInner ul.AList2 {
	list-style: none;
	margin: 5px 3px 10px;
}
.ContentInner ul.AList2 li {
	margin: 0 0 5px 0;
}
.ContentInner ul.AList2 li a {
	background: url(/common/img/tool/list_yaji_s.gif) no-repeat 2px 2px;
	padding-left: 16px;
	min-height: 16px;
	display: inline-block;
}

/* 青い三角を付けるリスト */
.ContentInner ul.arrow_blue {
	list-style: none;
	margin: 5px 3px 10px;
}
.ContentInner ul.arrow_blue li {
	margin: 0 0 5px 0;
}
.ContentInner ul.arrow_blue li a {
	background: url(/common/img/tool/arrow_blue.gif) no-repeat 0 1px;
	padding-left: 17px;
	min-height: 15px;
	display: inline-block;
}


/*===========================
■10. シリーズトップ
============================*/
/* 外枠（585px、570px⇒760px幅に広げる） */
#MainAreaSeries {
	clear: both;
	margin: 0 auto;
	padding: 0;
	width: 760px;
	background: none;
}
#MainAreaSeries div.Contents,
#MainAreaSeries div.ContentInner {
	float: none;
	width: 760px;
	margin: 0;
	padding: 0;
	text-align: left;
}

/* シリーズメインイメージ上部のテキスト */
#seriesintro {
	margin: 0;
	padding: 0;
}

#seriesintro h1 {
	color: #666666;
	font-size: 90%;
	margin-bottom: 0;
}

#seriesintro P {
	color: #666666;
}

/* シリーズメインイメージ */
#serieshead {
	margin: 0;
	padding: 0;
}
#serieshead h1 {
	text-align: left;
	font-size: 112.5%;
	line-height: 110%;
	padding: 0;
	margin: 10px;
}
#serieshead p {
	text-align: left;
	font-size: 87.5%;
	line-height: 150%;
	padding: 0;
	margin: 0 10px 1em;
}

/* シリーズ関連記事 */
#articlebox {
	width: 560px;
	float: left;
	clear: both;
	padding: 25px 0 0 0;
}

#articlebox .Section {
	margin: 0 0 20px;
	width: 560px;
	text-align: center;
}

#articlebox .Section .sectiontitle {
	background: url(/common/img/seriestop/bg_infobox_h4.gif) no-repeat left top;
	font-size: 87.5%;
	color: #333;
	display: block;
	height: 34px;
	line-height: 22px;
	margin: 0 0 5px 0;
	padding: 0 0 0 28px;
	width: 532px;
	text-align: left;
}
#articlebox .article {
	width: 540px;
	border-bottom: 1px dotted #B9B9B9;
	padding: 5px 3px;
	margin: 0 auto;
	text-align: left;
	clear: both;
}

/* 区切り線なしの関連記事 */
#articlebox .article.noline {
	border-bottom: none;
}


#articlebox .article a {
	text-decoration: none;
}
#articlebox .article a:hover {
	text-decoration: underline;
}
.ContentInner #articlebox .article h4 {
	font-size: 87.5%;
	line-height: 120%;
	margin: 0 0 0 0;
}
.ContentInner #articlebox .article h4 em {
	font-size: 10px;
	height: 12px;
	font-style: normal;
	letter-spacing: 1px;
	color: #FFF;
	background-color: #FF0000;
	margin: 0 0 0 1em;
	padding: 1px 3px;
	vertical-align: middle;
	zoom: -1;
}
.ContentInner #articlebox .article h4 span {
	font-size: 85%;
	font-weight: normal;
	margin-left: 1em;
}
.ContentInner #articlebox .article h4 strong {
	font-size: 90%;
	font-weight: normal;
	margin-left: 1em;
}
#articlebox .article h4 img {
	display: block;
	float: left;
	margin: 0 10px 0 0;
}
.ContentInner #articlebox .article p {
	margin: 0;
}





/* シリーズサブメニュー */
#submenu {
	width: 180px;
	float: right;
	text-align: left;
	margin: 0 0 0 0;
	padding: 25px 0 0 0;
}
#submenu.wide {
	margin-top: 0;
}
#submenu ul,
#submenu li,
#submenu dl,
#submenu dt,
#submenu dd {
	list-style: none;
	margin: 0;
	padding: 0;
}
#submenu dl {
	width: 180px;
	margin: 0 0 15px 0;
	padding: 0;
	display: block;
	background-color: #DDD;
	clear: both;
}
#submenu dt {
	display: block;
	background: url(/common/img/seriestop/bg_submenu_title.jpg) repeat-x left top;
	height: 27px;
	width: 166px;
	margin: 0;
	padding: 0 7px;
	font-size: 75%;
	color: #FFF;
	line-height: 23px;
	font-weight: bold;
}
#submenu dl dd {
	width: 180px;
}
#submenu dl.bannerlink dd {
	padding: 0 0 4px 0;
}
#submenu dl.bannerlink li,
#submenu div.bannerlist li {
	margin: 0;
	padding: 0;
	float: left;
	width: 180px;
}

#submenu div.bannerlist a img {
	border: none;
	display: block;
	margin: 0 auto 5px;
}

#submenu dl.bannerlink a img {
	border: 2px solid #FFF;
	display: block;
	margin: 2px auto 2px;
}

#submenu div.bannerlist {
	margin: 0 0 5px 0;
	width: 180px;
}
#submenu dl.textlink li {
	display: block;
	border-bottom: 1px solid #FFF;
	padding: 3px 0;
}
#submenu dl.textlink li a {
	background: url(../img/seriestop/icon_submenu_li.gif) no-repeat 6px 3px;
	padding: 0 0 0 15px;
	text-decoration: none;
	display: block;
}
#submenu dl.textlink li a:hover {
	text-decoration: underline;
}


#submenu dl.textlink.faq {
	width: 178px;
	border: 1px solid #004FAE;
	background-color: #fff;
}
#submenu dt {
	display: block;
	background: url(/common/img/seriestop/bg_submenu_title.jpg) repeat-x left top;
	height: 27px;
	width: 166px;
	margin: 0;
	padding: 0 7px;
	font-size: 75%;
	color: #FFF;
	line-height: 23px;
	font-weight: bold;
}
#submenu dl.textlink.faq dt {
	background: url(/common/img/seriestop/bg_submenu_title_blue.jpg) repeat-x left top;
	color: #fff;
	width: 164px;
}
#submenu dl.textlink.faq dd {
	width: 178px;
}
#submenu dl.textlink.faq li {
	border-bottom: none;
	padding: 0;
}
#submenu dl.textlink.faq li a{
	background: url(../img/seriestop/icon_submenu_li_q.gif) no-repeat 4px 5px;
	padding: 3px 0 5px 21px;
	text-decoration: none;
	
	display: block;
}
#submenu dl.textlink.faq li a:hover {
	background-color: #EBF1FC;
}


#submenu div.sharelink {
	border: 1px dashed #CCC;
	padding: 10px 10px 0;
}

#submenu div.sharelink ul li {
	min-height: 20px;
	margin-bottom: 10px;
}


/* ラインナップの幅 */
/* 760px */
#seriesmain_wide #serieslineup {
	width: 758px;
	float: none;
	margin: 0;
	padding: 0 1px 5px;
	background: url(/common/img/seriestop/bg_serieslineup_wide.gif) no-repeat left bottom;
}
#seriesmain_wide #serieslineup .LineupTop {
	width: 758px;
	border-bottom: 1px solid #c0c0c0;
	margin: 0 auto;
	padding: 0;
	background: url(/common/img/seriestop/bg_linetop.jpg) repeat-x left bottom;
}


/* 560px */
#seriesmain #serieslineup {
	width: 558px;
	margin: 0 0 25px;
	padding: 0 1px 5px;
	background: url(/common/img/seriestop/bg_serieslineup.gif) no-repeat left bottom;
	float: left;
}

#seriesmain #serieslineup .LineupTop {
	width: 558px;
	border-bottom: 1px solid #c0c0c0;
	margin: 0 auto;
	padding: 0;
	background: url(/common/img/seriestop/bg_linetop.jpg) repeat-x left bottom;
}
#seriesmain #serieslineup .LineupBottom {
	clear: both;
	padding: 10px 10px 0;
	width: 538px;
}
#seriesmain {
	float: left;
}

/* 旧バージョンのロゴ下 */
.oldverinfobox {
	border: 1px solid #999;
	background-color: #FFC;
	font-size: 87.5%;
	line-height: 140%;
	margin:0 0 10px;
	padding: 10px;
	width: 563px;
}

/*===========================
■10. 体験版などのフォーム
============================*/
.errormessagebox {
	width: 548px;
	background-color: #FF9;
	padding: 9px;
	margin: 0 0 20px;
}
.errormessagebox h4 {
	color: #F00;
	font-size: 87.5%;
	margin: 0;
	padding:0;
}
.errormessagebox li {
	color: #f00;	
}

table.formtable {
	width: 569px;
	border-collapse: collapse;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	vertical-align: top;
}

table.formtable th {
	width: 20%;
	background-color: #CCCCFF;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	font-size: 75%;
	padding: 7px 5px 5px;
	white-space: nowrap;
	vertical-align: top;
}
table.formtable td {
	width: 80%;	
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	font-size: 75%;
	padding: 5px;
}

table.formtable th p,
table.formtable td p,
table.formtable td li{
	font-size: 100%;	
}

table.formtable td em {
	color: #666;
	font-style: normal;
	padding: 0 0 0 5px;
}
.submitbox {
	text-align: center;
	padding: 10px;
	width: 550px;
}
.submitbox input {
	font-size: 87.5%;
	padding: 5px 10px;
	margin: 0 10px;
}



/*=====================================
■■■960px幅用■■■
DIV#MainArea960以下で使用
---------------------------------------
ロゴなど上部は785px幅
.ContentInner内は770px幅
※megasoft.css内 14.の指定も合わせてチェック※
======================================*/


/*=====================================
■2. 見出し用クラス（wide）
======================================*/

/* 青背景のポジション名 */
DIV#MainArea960 .Contents .PositionTitle {
	background: #E5E5E5 url(/common/img/bg_position.jpg) no-repeat left top;
	font-size: 100%;
	font-weight: bold;
	width: 777px;
	line-height: 30px; /* TEXTを上下中央に配置すにはボックス要素のheightとline-heightを同じ値にする */
	height: 30px;
	margin: 0 0 15px 0;
	padding: 0 0 0 8px;
}

/* 5角形の背景画像の見出し */
DIV#MainArea960 .Contents .TitleBlank {
	margin: 0 0 15px 0;
	padding: 0 15px !important;
	width: 755px;
	height: 40px;
	line-height: 43px;
	font-size: 100%;
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(/common/img/title/title_blank_default.gif);
	color: #000000;
	display: block;
	overflow: visible;
}

DIV#MainArea960 .Contents .TitleBlank960 {
	margin: 0 0 15px 0;
	padding: 0 15px !important;
	width: 755px;
	height: 40px;
	line-height: 43px;
	font-size: 100%;
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(/common/img/title/title_blank_default_960.gif);
	color: #000000;
	display: block;
	overflow: visible;
}


DIV#MainArea960 .Contents .TitleBlank960_blue {
	margin: 0 0 15px 0;
	padding: 0 15px; !important
	width: 755px;
	height: 40px;
	line-height: 43px;
	font-size: 100%;
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(/common/img/title/title_blank_blue960.gif);
	color: #000000;
	display: block;
	overflow: visible;
}


/*=====================================
■3. メインコンテンツ内のレイアウト（wide）
======================================*/
DIV#MainArea960 .ContentInner {
	width: 770px;
	margin: 0 10px 0 0;
	padding: 0;
/*	overflow:auto;
	display:inline;
*/

}

DIV#MainArea960b .ContentInner {
	width: 570px;
	margin: 0 10px 0 0;
	padding: 0;
/*	overflow:auto;
	display:inline;
*/
}

DIV#MainArea960 .Section {
	clear: both;
	width: 770px;
	margin: 0;
	padding: 0 0 20px 0;
}

DIV#MainArea960 .SectionHalf {
	width: 370px;
	margin: 0;
	padding: 0 0 20px 0;
}

/* 2段組み（均等）振り分け */
DIV#MainArea960 .AreaLeft {
	width: 370px;
	float: left;
}

DIV#MainArea960 .AreaRight {
	width: 370px;
	float: right;
}

/* 2段組み（左：570 右：180）振り分け */
DIV#MainArea960 .AreaLeft570 {
	width: 570px;
	float: left;
}

DIV#MainArea960 .AreaRight180 {
	width: 180px;
	float: right;
}

DIV#MainArea960 .AreaLeft570 .Section {
	width: 570px;
}

DIV#MainArea960 .AreaRight180 .Section {
	width: 180px;
}

.BorderSolid {
	border: 1px solid #999999;
}

.BorderSolid.Column1 .BoxLeft{
	margin: 5px;
}

/* 赤矢印リスト 3段組み */
.ContentInner ul.Red3col,
.ContentInner ul.Alist13col {
	margin: 0px 0px 1.4em 10px;
	padding: 0px;
	list-style: none;
	text-align: left;
}
.ContentInner ul.Red3col li,
.ContentInner ul.Alist13col li {
	margin: 0 0 5px 0;
	padding: 0 10px 0 16px;
	background: url(/common/img/tool/go_mark_red.gif) no-repeat left 2px;
	font-size: 75%;
	line-height: 140%;
	display: block;
	float: left;
	width: 214px;
}