/* content.css */

/*============目次============
　最終更新日：2010/11/11
　1. クラス
　2. 見出し用クラス
　3. メインコンテンツ内のレイアウト
　4. PやULなど基本要素のスタイル
　5. About us
　6. Spec、Update
　7. CSSボタン
　8. Support
　9. リンク、リストなどの装飾
============================*/

/*===========================
■ClearFix
============================*/
.Section:after,
.ClearFix:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
.Section,
.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;
}
.PageTop {
	margin: 2px 0 0 0;
	padding: 0;
	display: block;
	font-size: 80%;
	width: 100%;
}
.PageTop a {
	margin: 0;
	padding: 0;
	display: block;
	float: right;
	clear: both;
}


/* 英語版共通ページ　フッターリンク */

.foot_global {
	margin: 0;
	padding: 10px;
	display: block;
	font-size: 100%;
	width: 100%;
	border: 1px dashed #CCCCCC;
}





/*===========================
■2. パンくず
============================*/

div.StatusNavi {
	font-size: 75%;
}
div.Status {
	font-size: 75%;
}
div.Status a:link {
	color: #000000;
	text-decoration: none;
}
div.Status a:visited {
	text-decoration: none;
	color: #000000;
}
div.Status a:active {
	text-decoration: underline;
	color: #6666FF;
}
div.Status a:hover {
	text-decoration: underline;
	color: #6666FF;
}
div.Status h1 {
	display: inline;
	font-style: normal;
	font-weight: normal;
}


/*===========================
■3. メインコンテンツ内のレイアウト
============================*/
#ContentArea {
	width: 760px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	font-family: Verdana, Arial, sans-serif;
/* 	font-family: Arial, Helvetica, sans-serif; */
	clear: both;
}

.Section {
	clear: both;
	margin: 0;
	padding: 0 0 20px 0;
}


/*===========================
■4. PやULなど基本要素のスタイル
============================*/
/*
table {
	border-spacing: 0;
	border-collapse: collapse;
}
*/

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

/* 特に指定しない場合の見出しスタイル */

#ContentArea H1 {
	font-size: 120%;
	color: #333366;
	border-left: 3px solid #333366;
	padding: 5px;
}

#ContentArea H1.pict {
	border: none;
	padding: 0;
}

#ContentArea H2 {
	font-size: 100%;
	color: #333366;
}

#ContentArea p {
	font-size: 75%;
	line-height: 120%;
	margin: 0 0 0.7em 0;
	padding: 0;
}
#ContentArea ul {
	list-style-position: outside;
	list-style-type: disc;
	margin: 0 0 0.7em 0;
	padding: 0;
}
#ContentArea ul li {
	font-size: 75%;
	line-height: 120%;
	margin: 0 0 0.1em 2em;
}
#ContentArea ol {
	list-style-position: outside;
	list-style-type: decimal;
	margin: 0 0 0.5em 0;
	padding: 0;
}
#ContentArea ol li {
	font-size: 75%;
	line-height: 120%;
	margin: 0 0 0.2em 2em;
}
#ContentArea ul li li,
#ContentArea ol li li {
	font-size: 100%;
}
/* 注釈 */
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;
}


/*===========================
■5. About us
============================*/
/* company profile */

DL.CompanyProfile {
	width: 760px;
	padding: 0;
	margin: 0;
	background-color: #EEEEEE;
	border-bottom: 1px solid #CCCCCC;
	font-size: 90%;
}

DL.CompanyProfile DT {
	padding: 5px 0;
	margin: 0;
	color: #333333;
	font-weight: bold;
	line-height: 120%;
	width: 230px;
	text-indent: 1em;
	border-top: 1px solid #CCCCCC;
	float: left;
	clear: both;
}

DL.CompanyProfile DD {
	padding: 5px 0;
	margin: 0 0 0 230px;
	line-height: 120%;
	text-indent: 1em;
	border-top: 1px solid #CCCCCC;
	background-color: #FFFFFF;
}

DL.CompanyProfile DD:after {
  content : '';
  display : block;
  clear : both;
}


/*===========================
■6. Spec、Update
============================*/
/* Spec Table */
/* Update Table */

TABLE.SpecTable,
TABLE.UpdateTable {
	border-collapse: collapse;
	margin-bottom: 10px;
}

TABLE.SpecTable TH,
TABLE.SpecTable TD,
TABLE.UpdateTable TH,
TABLE.UpdateTable TD {
	font-size: 75%;
	padding: 5px 1em;
	line-height: 120%;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}

TABLE.SpecTable TH,
TABLE.UpdateTable TH {
	background-color: #EEEEEE;
}

#ContentArea TABLE.UpdateTable OL LI,
#ContentArea TABLE.UpdateTable UL LI {
	font-size: 100%;
}

TABLE.UpdateTable TD H3 {
	color: #333366;
	margin-bottom: 5px;
	padding: 3px 0;
	border-bottom: 2px solid #CCCCCC;
}

TABLE.UpdateTable TD DIV.matters {
	margin: 0 0 1em 1em;
}


/*===========================
■7. CSSボタン
============================*/

/* Contact Us */
a.ContactUs span {
	background: url("img/btn/contact_us.jpg") no-repeat right top;
}
a.ContactUs {
	background:url("img/btn/contact_us.jpg") no-repeat 0 0;
	display: block;
	line-height: 50px;
	width: 170px;
	text-indent: -9999px;

}
a.ContactUs:hover span {
	background:url("img/btn/contact_us.jpg") no-repeat right bottom;
}
a.ContactUs:hover {
	background:url("img/btn/contact_us.jpg") no-repeat 0 -60px;
}

/* Download */
a.Download span {
	background: url("img/btn/download.jpg") no-repeat right top;
}
a.Download {
	background:url("img/btn/download.jpg") no-repeat 0 0;
	display: block;
	line-height: 50px;
	width: 170px;
	text-indent: -9999px;

}
a.Download:hover span {
	background:url("img/btn/download.jpg") no-repeat right bottom;
}
a.Download:hover {
	background:url("img/btn/download.jpg") no-repeat 0 -60px;
}


/*===========================
■8. Support
============================*/

.support DIV.logo {
	margin:0 0 10px 0;
}

.support UL.qalist LI {
	padding-bottom: 10px;
}

.support UL.qalist LI DIV.q{
	margin-bottom: 5px;
	font-weight: bold;
}

/* setting for Update Table is 6.*/

/*===========================
■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;
}
/* 装飾なしのリスト */
.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;
}




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


table.formtable table.sub th,
table.formtable table.sub td {
	border-collapse: collapse;
	border: none;
	vertical-align: top;
	font-size: 75%;
}

table.formtable table.sub th {
	background-color: #DDDDDD;
	font-weight: normal;
}

.submitbox {
	text-align: center;
	padding: 10px;
	width: 700px;
}
.submitbox input {
	font-size: 87.5%;
	padding: 5px 10px;
	margin: 0 10px;
}