@charset "Shift_JIS";



/* -----------------------------------------------------------
	トピックス用CSS
	Windows 7およびMac OS X 10.6 (Snow Leopard) へのソフトウェア対応状況
----------------------------------------------------------- */
body {
	background: #fff;
}

p {
	margin: 0;
}

#main {
	width: 655px;
	margin: 20px auto 10px;
}


/*----------------------------------------------------
	タイトルまわり
----------------------------------------------------*/
#main #titleArea {
	margin: 15px 0 0 0;
	width: 655px;
	height: 14px;
	border-bottom: 3px solid #ef0018;
	position: relative;
}

#main #titleArea p.titleE {
	position: absolute;
}

#main #titleArea h3 {
	position: absolute;
	bottom: 0px;
	left: 58px; /* 左の英語の画像サイズ+5px */
}

#main #titleArea p.year {
	position: absolute;
	bottom: 0px;
	right: 0px;
}

/* 詳細タイトル */
#main #detailTitle {
	width: 645px;
	background: #efefef;
	margin: 5px 0 0 0;
	padding: 5px;
	overflow: hidden;
}

#main #detailTitle h2 {
	float:left;
	width: 555px;
	line-height: 1.2;
}

#main #detailTitle p {
	float: right;
	width: 90px;
	text-align: right;
	color: #b30000;
	line-height: 1.2;
}

/* 上のナビ */
#main ul.navi {
	margin: 10px 0 0 0;
}

#main ul.navi li {
	display: inline;
}

/*----------------------------------------------------
	前書き
----------------------------------------------------*/
#main .info h3 {
	margin: 30px 0 0 0;
	padding: 0 0 0 12px;
	font-size: 115%;
	background: url(../../common/images/square_r.gif) no-repeat 0px 5px;
}

#main .info h3 span {
	color: #ef0019;
}

#main .info ul.attent {
	margin: 1em 0 0 0;
}

#main .info ul.attent li {
	text-indent: -1.1em;
	margin-left: 1.2em;
}

#main .info dl {
	margin: 1em 0 0 0;
}

#main .info ul.environment {
	margin: 1em 0 0 0;
}


/*----------------------------------------------------
	テーブル
----------------------------------------------------*/
#main .info table {
	border-top: 1px solid #888888;
	border-left: 1px solid #888888;
	font-size: 80%;
	margin: 20px 0 0 0;
}

#main .info table th,
#main .info table td {
	border-right: 1px solid #888888;
	border-bottom: 1px solid #888888;
	padding: 3px;
}

#main .info table th.software {
	background: #efefef;
	font-weight: normal;
}

#main .info table th.head {
	background: #ef0019;
	color: #fff;
	line-height: 1.1;
	text-align: center;
	font-size: 125%;
}

#main .info table td.version,
#main .info table td.situation {
	text-align: center;
}

#main .info table th.pro {
	width: 80px;
}

#main .info table th.cont {
	width: 195px;
}

#main .info table th.eva {
	width: 195px;
}

#main .info table th.form {
	width: 60px;
}

#main .info table td h4 {
	margin-top: 1em;
}

#main .info table td h5 {
	font-weight: normal;
	margin-top: 1em;
}

#main .info table td h5 span {
	color: #a8a8a8;
}

#main .info table td .attent {
	text-indent: -1.1em;
	margin-left: 1.2em;
	margin-top: 0.5em;
}

#main .info table td ul li {
	text-indent: -2.0em;
	margin-left: 2.1em;
	margin-top: 0.5em;
}


/*----------------------------------------------------
	閉じる
----------------------------------------------------*/
#closed {
	width: 655px;
	margin: 40px 0 0;
	padding-top: 5px;
	text-align: right;
	border-top: 1px solid #787878;
}

#closed img {
	margin-right:5px;
	vertical-align:middle;
}




/* ダウンロードページへリンク */
#main table td a {
	background: url(/english/common/images/next_r.gif) no-repeat 0px 3px;
	margin: 5px 0 0 0;
	padding: 0 0 0 12px;
}

/*----------------------------------------------------
	SimpleCut小窓
----------------------------------------------------*/
.simpleCut #main {
    margin: 20 auto 10px;
    width: 553px;
}

.simpleCut #main p.image {
	margin-top: 15px;
}

.simpleCut #main #closed {
	width: 553px;
	margin-top: 20px;
}