/* -------------------------------------------------------

http://www.noda-seiko.gr.jp/ Cascading Style Sheets

File Name  : howto.css
update     : 2008.02.27

cmsクラス定義
-------------------------------------------------------- */

/* ====================================================================
ご利用にあたってクラス設定
==================================================================== */

/* --------------------------------------------------------------------
ご利用にあたって
-------------------------------------------------------------------- */

p.how_txt01 {
	margin-bottom: 2em;
}

/* --------------------------------------------------------------------
dl.how_dl01 | 推奨環境-環境
-------------------------------------------------------------------- */

dl.how_dl01 {
	float: left;
	width: 298px;
	_width: 300px;
	border: 1px solid #CCC;
	margin: 0 20px 2em 0;
	padding-bottom: 6px;
}

dl.how_dl_r {
	margin-right: 0;
}

dl.how_dl01 dt {
	background: #ECEAEA;
	border-bottom: 1px solid #CCC;
	color: #333;
	font-weight: bold;
	padding: 6px;
	margin-bottom: 6px;
}

dl.how_dl01 dd {
	padding: 0 6px;
}

p.w3c_txt {
	width: 620px;
	margin-bottom: 2em;
	zoom: 1;
}

/* --------------------------------------------------------------------
w3c_txt | 推奨環境-W3C
-------------------------------------------------------------------- */

p.w3c_txt:after {
	content:".";
	display: block;
	height:0px;
	clear:both;
	visibility:hidden;
}

* html p.w3c_txt {
	/*\*/height:1%;/*for WinIE*/
	display:inline-table;/*for MacIE*/
}

p.w3c_txt img {
	float: left;
	margin-right: 10px;
}

p.w3c_txt span {
	float: left;
	margin-top: 4px;
}


/* --------------------------------------------------------------------
ul.getadobe | プラグイン
-------------------------------------------------------------------- */

ul.getadobe {
	background: #F4F2F2;
	border: 1px solid #CCC;
	padding: 30px 20px;
	margin-bottom: 2em;
	zoom: 1;
}

ul.getadobe:after {
	content:".";
	display: block;
	height:0px;
	clear:both;
	visibility:hidden;
}

* html ul.getadobe {
	/*\*/height:1%;/*for WinIE*/
	display:inline-table;/*for MacIE*/
}

ul.getadobe li {
	float: left;
	width: 264px;
	margin-right: 45px;
}

ul.getadobe li a.img {
	float: left;
	margin-right: 10px;
}

ul.getadobe li a.txt {
	float: left;
	padding: 5px 20px 0 0;
	background: url(../img/howto/get_icon01.jpg) no-repeat right 10px;
	font-size: 75.5%;
}

ul.getadobe li.list_end {
	margin-right: 0;
}

/* --------------------------------------------------------------------
ul.getadobe | RSSについて
-------------------------------------------------------------------- */

p.rss_txt01 {
	background: #F4F2F2;
	border: 1px solid #CCC;
	padding: 6px 10px;
	margin-bottom: 2em;
	zoom: 1;
}

p.rss_txt01:after {
	content:".";
	display: block;
	height:0px;
	clear:both;
	visibility:hidden;
}

* html p.rss_txt01 {
	/*\*/height:1%;/*for WinIE*/
	display:inline-table;/*for MacIE*/
}


p.rss_txt01 img {
	float: left;
	margin-right: 1em;
}

p.rss_txt01 span {
	float: left;
	margin-top: 2px;
}

/* --------------------------------------------------------------------
ul.how_list01 | 禁止事項
-------------------------------------------------------------------- */

ul.how_list01 {
	margin: 0 10px 2em;
}

ul.how_list01 li {
	margin-bottom: 1em;
}