/* setting.css 2008.12.5 */

/*============目次============
　最終更新日：2009/4/3
　1.共通
　2.拡大ページ
　3.grepとファイル比較
　4.トップページ
　5.MIFESの特長
　6.バージョンアップポイント
　7.旧製品との比較
============================*/

/*// ClearFix ///*/
div:after,
ul:after
{  
	content: ".";  
	display: block;  
	visibility: hidden;  
	height: 0.1px;  
	font-size: 0.1em;  
	line-height: 0;  
	clear: both;  
}

/*===========================
■1.共通
============================*/

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

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

/* コンテンツ　ページ送り枠 */
.Cont_turn_frame {
width: 100%;
text-align: left;
}

/* コンテンツ　ページ送り 前へ */
.Cont_turn_prev {
float: left;
text-align: left;
}

/* コンテンツ　ページ送り 次へ */
.Cont_turn_next {
float: right;
text-align: right;
}

/*===========================
■2.拡大ページ
============================*/

/* 拡大ページ見出し1 */
H1.MidashiBig {
	font-size: 112.5%;
	text-align: center;
	color: #FFFFFF;
	margin-bottom: 10px;
	margin-top: 10px;
}


/*===========================
■3.grepとファイル比較
CLASS：feature
============================*/

/* 見出し2 */
/*.feature H2 {*/
.feature H2 {
	font-size: 105%;
	margin: 10px 0px;
	padding: 5px;
	color: #003366;
	background-color: #C0DEF3;
/* 	background-color: #E0E9CB;*/
	overflow: auto;
	border-left: 5px solid #003366;
}

/* 見出し3 */
.feature H3 {
	font-size: 95%;
	margin: 10px 0px;
	padding: 5px;
	color: #003366;
	border-bottom: 2px dotted #003366;
	overflow: auto;
}

.feature P{
	margin: 0px 10px 10px 10px;
}

.feature P.remark{
	margin: 0px 10px 10px 10px;
	text-indent: -1em;
	padding-left: 1em;
}


.feature DIV.txt{
	margin-bottom: 20px;
}

.feature SPAN.note{
	font-size: 110%;
	font-weight: bold;
	color: #006699;
/*	color: #2F94D7;
	color: #CC6633;*/
}

/*===========================
■4.トップページ
============================*/
DIV.topleft{
	float: left;
	margin-top: 30px;
	width: 355px;
}

DIV.topright{
	float: right;
	margin-top: 30px;
	margin-right: 5px;
	width: 210px;
}

DIV.topleft h1{
	margin: 0;
	font-size: 75%;
	font-weight: normal;
	line-height: 140%;
}

DIV.topleft .explain{
	margin-bottom: 10px;
}

DIV.topleft .pr{
	margin-top: 10px;
}

TABLE.pickup{
	width: 348px;
	border-collapse: collapse;
}

TABLE.pickup TD{
	width: 50%;
	border: 1px solid #CCCCCC;
	vertical-align: top;
}

DIV.f_support{
	border: 1px solid #CCCCCC;
	width: 208px;
}

DIV.f_support UL{
	list-style-type: none;
	margin: 5px;
	padding: 0;
}

DIV.f_support UL LI{
	padding: 0;
	margin: 0;
	width: 198px;
}

DIV.f_support UL LI A{
	padding: 0 0 5px 25px;
	margin: 0 0 2px 0;
	display: block;
}

DIV.f_support UL LI A.l01{
	background: url("img/top/ic_sup1.gif") no-repeat;
}

DIV.f_support UL LI A.l02{
	background: url("img/top/ic_sup2.gif") no-repeat;
}

DIV.f_support UL LI A.l03{
	background: url("img/top/ic_sup3.gif") no-repeat;
}

TABLE.pickup P,
DIV.f_support P,
DIV.f_words P{
	margin: 5px;
}

DIV.f_words{
	border: 1px dashed #CCCCCC;
	width: 208px;
	margin-top: 10px;
	color: #666666;
}

DIV.f_words A{
	padding: 3px 5px;
	background-color: #EEEEEE;
}

/*===========================
■5.MIFESの特長
============================*/

/* 特長ナビ　pdnavi */

.pdnavi {
	width: 570px;
	margin: 0 0 10px 0;
}

.pdnavi UL{
	list-style: none;
	margin: 0;
	padding: 0;
}

.pdnavi UL LI{
	margin: 0;
	padding: 0;
	display: block;
	float: left;
}

.pdnavi UL LI A{
	display: block;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	background-position: left top;
	background-repeat: no-repeat;
	height: 30px;
	overflow: hidden;
}

.pdnavi UL LI#navi1 a {
	width: 95px;
	background-image: url(product/img/navi1a.gif);
}
.pdnavi UL LI#navi1 a:hover {
	background-image: url(product/img/navi1b.gif);
}
.pdnavi UL LI#navi1_on a {
	width: 95px;
	background-image: url(product/img/navi1b.gif);
}

.pdnavi UL LI#navi2 a {
	width: 95px;
	background-image: url(product/img/navi2a.gif);
}
.pdnavi UL LI#navi2 a:hover {
	background-image: url(product/img/navi2b.gif);
}
.pdnavi UL LI#navi2_on a {
	width: 95px;
	background-image: url(product/img/navi2b.gif);
}
.pdnavi UL LI#navi3 a {
	width: 95px;
	background-image: url(product/img/navi3a.gif);
}
.pdnavi UL LI#navi3 a:hover {
	background-image: url(product/img/navi3b.gif);
}
.pdnavi UL LI#navi3_on a {
	width: 95px;
	background-image: url(product/img/navi3b.gif);
}

.pdnavi UL LI#navi4 a {
	width: 95px;
	background-image: url(product/img/navi4a.gif);
}
.pdnavi UL LI#navi4 a:hover {
	background-image: url(product/img/navi4b.gif);
}
.pdnavi UL LI#navi4_on a {
	width: 95px;
	background-image: url(product/img/navi4b.gif);
}

.pdnavi UL LI#navi5 a {
	width: 95px;
	background-image: url(product/img/navi5a.gif);
}
.pdnavi UL LI#navi5 a:hover {
	background-image: url(product/img/navi5b.gif);
}
.pdnavi UL LI#navi5_on a {
	width: 95px;
	background-image: url(product/img/navi5b.gif);
}

.pdnavi UL LI#navi6 a {
	width: 95px;
	background-image: url(product/img/navi6a.gif);
}
.pdnavi UL LI#navi6 a:hover {
	background-image: url(product/img/navi6b.gif);
}
.pdnavi UL LI#navi6_on a {
	width: 95px;
	background-image: url(product/img/navi6b.gif);
}

/* 特長説明　pdtxt */
DIV.pdtxt {
	margin: 0 15px;
}

H1.pdtxt {
	margin: 0;
}

DIV.pdtxt H2{
	margin: 0 0 15px 0;
}

DIV.pdtxt H2 SPAN{
	color: #99CCFF;
}


DIV.pdtxt H3{
	margin: 0 0 5px 0;
}

DIV.pdtxt P.img{
	margin: 15px 0 10px 0;
	color: #666666;
	text-align: center;
}

DIV.pdtxt P.img IMG{
	margin-bottom: 5px;
}


DIV.pdtxt HR{
	margin: 10px 0 20px 0;
	border: 1px solid #FFFFFF;
	border-top-color: #CAE4FF;
	color: #FFFFFF;
	background-color: #CAE4FF;
}

DIV.pdtxt UL {
	list-style-position: outside;
	list-style-type: disc;
	margin: 0 0 0.7em 0;
	padding: 0;
}
DIV.pdtxt UL LI {
	font-size: 75%;
	line-height: 140%;
	margin: 0 0 0.1em 2em;
}

DIV.pdtxt P{
	font-size: 75%;
	line-height: 140%;
}

DIV.turn{
	width: 540px;
	margin: 0 0 10px 0;
	padding: 0;
}

DIV.turn .prev{
	text-align: left;
	float: left;
}

DIV.turn .next{
	text-align: right;
	float: right;
}

DIV.turn .prev A,
DIV.turn .next A{
	width: 70px;
	padding: 5px 10px;
	background-color: #B9D9FF;
	font-size: 75%;
	font-weight: bold;
	line-height: 140%;
	display: block;
	text-decoration: none;
}

DIV.turn .prev A:hover,
DIV.turn .next A:hover{
	background-color: #D4E7FF;
}

DIV.footlink{
	width: 540px;
	margin: 0;
	padding: 0;
	border: 1px solid #CCCCCC;
	background-color: #EEEEEE;
}

DIV.footlink UL{
	list-style-type: none;
	margin: 10px;
	padding: 0;
	float: left;
}

DIV.footlink UL LI {
	padding: 0;
	margin: 0;
	width: 170px;
}

DIV.footlink UL LI A{
	padding: 0 0 0 10px;
	margin: 0 0 5px 0;
	background: url("img/ic_footlink.gif") no-repeat;
	display: block;
}

/*===========================
■6.バージョンアップポイント
============================*/

/* 速度測定の結果　result */
TABLE.result {
	width: 520px;
	border-collapse: collapse;
}

TABLE.result TH,
TABLE.result TD{
	padding: 3px 5px;
	border: 1px solid #AAAAAA;
}

TABLE.result TH{
	background-color: #CCCCCC;
	text-align: center;
}

TABLE.result TD{
	background-color: #FFFFFF;
}

TABLE.result TD.new{
	background-color: #FFFFCC;
}

TABLE.result TD.new,
TABLE.result TD.old{
	text-align: center;
}

/* CSVの機能　csvfunc */
TABLE.csvfunc {
	width: 450px;
	border-collapse: collapse;
}

TABLE.csvfunc TH,
TABLE.csvfunc TD{
	padding: 3px 5px;
	border: 1px solid #AAAAAA;
}

TABLE.csvfunc TH{
	background-color: #CCCCCC;
	text-align: left;
}

/*===========================
■7.旧製品との比較
============================*/
/* 比較テーブル　compare */
TABLE.compare {
	width: 570px;
	border-collapse: collapse;
}

TABLE.compare TH,
TABLE.compare TD{
	padding: 3px 5px;
	border: 1px solid #999999;
}

TABLE.compare TH{
	background-color: #DDDDDD;
}

TABLE.compare TH.mifes8{
	background-color: #BEBEDE;
	text-align: center;
}

TABLE.compare TH.mifesold{
	background-color: #DDDDDD;
	text-align: center;
}

TABLE.compare TD.new{
	background-color: #FFFFCC;
}