/**************************************************************************
 * 素材使用(2009/01/13) : Atelier Black/White
 * http://www.lilac.cc/~a-bw/s/menu.html
 **************************************************************************/

/**************************************************************************
 * 基本構成
 **************************************************************************/

html
{
	margin:0px;
	padding:0px;
}


body
{
 	background: url(image/bg_h_umi6_2.gif) rgb(20,19,42) left top repeat-x;
 	color: rgb(80,80,80);
 	text-decoration:none;
 	font-weight:normal;
 	font-size:14px;
 	margin: 0px;
 	padding: 0px;
}

/**************************************************************************
 * リンク構成
 **************************************************************************/

a, a:link, a:visited, a:active,a:hover
{
 	color: rgb(80,80,80);
}

div.main
{
	border:1px solid transparent;
	text-align: left;
 	/* background: url(image/ill_sakura11.png) no-repeat right top; */
 	margin: 0px;
 	padding: 0px;
}

div.text
{
	/* margin: 190px 0px 0px 0px; */
 	padding: 0px 0px 0px 0px;
	text-align: left;
}

.installlink
{
	text-align: center; background: none repeat scroll 0% 0% rgb(140, 200, 140); font-size: 12px; padding: 4px 20px; border: 1px solid rgb(0, 80, 0); -moz-border-radius: 6px 6px 6px 6px;
}

.installlink a
{
	text-decoration:none;
}

/**************************************************************************
 * 格子構成
 **************************************************************************/

table
{
	border: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	border-radius: 0px 0px 0px 0px;
	-moz-border-radius: 0px 0px 0px 0px;
}

th, td
{
}

th
{
	background: url(/image/green_75p.png);
	color: white;
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	border-color: white;
	text-align: left;
}

td
{
	text-align: left;
	vertical-align:top;
}

td.frame
{
	font-size: 14px;
	padding: 0.2em 0.2em 0.2em 0.2em;

	border: 1px solid white;
	border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
}

div.window
{
}

img.smnl
{
	width:128px;
	height:128px;
}

img.indexicon { width:32px; height:32px; border:none; }
img.flagjapanicon { width:24px; height:16px; border:none; }
img.flagkoreaicon { width:24px; height:16px; border:none; }
img.newicon { width:40px; height:16px; border:none; }
 
div.subtitle { display:none; }
div.bottom { margin:0px; padding:0px; text-align:center;}
div.floornavi { position:absolute; top:130px; left:32px; font-weight:bold; } 

.bottom td { vertical-align:middle; }
.mainindex td { vertical-align:middle; }

div.ad { position:absolute; right:32px; top:70px; }

.main h1 { }
.window h1 { }

div.ko, span.ko { display:none; }

dt { margin:0.1em; font-weight: bold; text-decoration:underline; }
p { margin:0.1em; padding:0.1em; }

/**************************************************************************
 * 見出し
 **************************************************************************/

h1
{ 
	font-size: 16px;
	margin:0px;
	padding: 0px 0px 0px 160px;

	position: absolute;
	top: 70px;
	
	color: rgb(230,230,230);
}

h2
{ 
	text-align: left;
	font-size: 22px;
	/* margin: 5px 0px 10px 0px; */
	/* padding: 30px 5px 5px 110px; */
	background: url(image/li_rainbow2.gif) repeat-x left bottom;
	font-weight:bold;
	/* height: 87px; */
	
}

h3
{
	/* height:32px; */
	font-size: 20px;
	margin: 10px 0px 10px 0px;
	padding:5px 0px 5px 5px;
	font-weight:bold;
}

h4 { height:20px; font-size: 16px; margin:0px; padding:10px 0px 0px 10px; }
h5 { height:18px; font-size: 14px; margin:0px; padding:10px 0px 0px 10px; }
h6 { height:16px; font-size: 13px; margin:0px; padding:10px 0px 0px 10px; }

.H1SubTitle
{
	padding: 0px 0px 0px 160px;
	position: absolute;
	top: 90px;
	font-size: 12px;
	color: rgb(230,230,230);
	/* font-weight:bold; */
}

/**************************************************************************
 * H2見出しに付随するデスクリプション
 **************************************************************************/

.H2Description
{
	padding-top: 6px;
	margin-left: 20px;
	margin-bottom: 16px;
}

.stamp
{
	min-height: 400px;
}

/**************************************************************************
 * トップセレクター
 **************************************************************************/

.selecterheader, .selecterheader2
{
	text-align:center;
}

.selectorSelected,
.selector
{
	padding: 2px;
}

.selectorSelected a,
.selector a,
.selecterheader a
{
	color: rgb(230,230,230);
	text-decoration: none;
}

.selectorSelected
{
	background: rgb(180,60,60);
}

/**************************************************************************
 * 開発者情報向けレイアウト
 **************************************************************************/

th
{
	border: 1px outset black;
	background: silver;
}

td.td_icon
{
	width: 32px;
	padding: 0px;
	margin: 0px;
}

.list th, .list td
{
	font-size:12px;
}
	
/**************************************************************************
 * 
 **************************************************************************/

.jp span.cc { color:red; font-weight:bold; }
.kr span.cc { color:blue; font-weight:bold; }
.jp span.time, .kr span.time { float:right; font-size:80%; color:gray; } /* position:relative; top:-1.4em; left:0em; */

div.warnnotice { background: url(image/web_warnnotice.gif); border:1px solid red; padding:0.5em; }

img.shift { margin-left:2em; }
div.shift { margin-left:1.5em; text-align:left; }

div.timestamp { position:absolute; top:20px; right:4px; font-size:12px; color:rgb(140,50,50); }
div.timestamp:after { content: " Updated"; } 

div.selecttab { position:absolute; top:120px; margin:0px; padding:0px; }
.selecttab td { min-width: 100px; text-align:center; border:2px groove black; }
.selecttab a { color:rgb(230,230,230); font-weight:bold; text-decoration:none; }
/*
.selecttab table { margin:0px; padding:0px; border:none; border-spacing:0px; }
.selecttab tr { margin:0px; padding:0px; }
.selecttab a { color:rgb(140,50,50); }
.selecttab a:link { color:rgb(140,50,50); }
.selecttab a:visited { color:rgb(140,50,50); }
.selecttab a:active { color:rgb(140,50,50); }
.selecttab td { margin:0px; padding:0px; width:90px; height:22px; border:none; text-align:center; vertical-align:middle; color:rgb(100,50,50); font-size:14px; }
.selecttab td.tleft { width:80px; background: url(image/Tab_Base3.gif) no-repeat left bottom; }
.selecttab td.tcenter { width:80px; background: url(image/Tab_Base2.gif) no-repeat left bottom; }
.selecttab td.tright { background: url(image/Tab_Base1.gif) no-repeat left bottom; }
.selecttab td.tonly { background: url(image/Tab_Base0.gif) no-repeat left bottom; }

.selecterheader2 span { width:140px; text-align:center; }
.selecterheader2 a { padding:2px 6px 2px 6px; }
.selecterheader2 .selectorSelected a { background-color:rgb(235,180,235); color:black; }
*/

a.cf { text-decoration:none; font-weight:normal; }

li { margin-top:0.3em; margin-bottom:0.4em; text-decoration:none; font-weight:normal; }

table.index { }
table.mainindex { text-align:left; } 
table.pageindex { text-align:right; font-size:12px; }

table.table { border:2px solid gray; margin:0.5em; }
table.table caption { margin-bottom: 0.5em; }
table.table td { }

table.pageindex { display:none; }
td.smnl { text-align:center; font-size:12px; padding: 0.2em 0.2em 0.2em 0.2em; }
.pageindex td { width:96pt; height:36pt; background:url(image/bk-btn.gif) no-repeat center top; padding:0pt 0pt 0pt 0pt; text-align:center; margin:0pt 0pt 0pt 0pt; }
.pageindex a { position:relative; top:6pt; text-decoration:none; font-size:14px; }
.afterarrow { margin-top:2em; margin-bottom:2em; font-size:20px; }

span.subtext { font-size:0.8em; font-weight: normal; }

caption { font-size: 90%; text-align:left; font-weight:bold; border-top:1px solid gray; border-bottom:1px solid gray; }
/* caption { text-align:left; background-color:silver; color:black; font-weight:bold; } */
div { margin-top:0.2em; margin-bottom:0.2em; }
.warning { color:red; }
.note { color:green; font-size: 100%; }
.s_table1, .compact { margin: 0.2em 0.2em 0.2em 0.2em; padding: 0.2em 0.2em 0.2em 0.2em; }
.compact td { margin: 0.2em 0.2em 0.2em 0.2em; padding: 0.2em 0.2em 0.2em 0.2em; }
.s_table1 td { font-size:12px; margin: 0.1em 0.1em 0.1em 0.1em; padding: 0.1em 0.1em 0.1em 0.1em; border-bottom:1px dotted black; } 
table.compact { border:none; font-size:100%; }
table.s_table1 { }
.supply { display:none; color:#dddddd; font-size: 90%; position:relative; top:-10pt; }
div.caption { font-weight:bold; border-top: thin solid black; border-bottom: thin solid black; padding-top: 0.1em; padding-bottom:0.1em; }
blockquote { font-size:90%; border:thin dotted green; text-align:left; padding:0.2em 0.2em 0.2em 0.5em; }
blockquote h4 { margin: 0em 0em 0em 0em; padding:0.2em 0.2em 0.2em 0.2em; text-align:left; font-size:13px; text-decoration:none; border-bottom:thin dotted green; }

.left { text-align:left; }

ol, ul { text-align:left; margin-left:0em; padding-left:2em; text-decoration:none; font-weight:normal; }

.red { color:red; }
.blue { color:blue; }
.green { color:green; }
.yellow { color:yellow; }
.silver { color:silver; }
.gray { color:gray; }

div.idx { padding:0px 0px 0px 20px; }
/* .list div { border-bottom:1px dotted silver; } */


.form td { padding:0.2em 0.2em 0.2em 0.2em; margin: 0.1em 0.1em 0.1em 0.1em; }

.address address { font-size:22px; color:red; }
.address { margin-top: 1em; }
.address td { margin-top: 0em; margin-bottom: 0em; padding-top: 0.6em; padding-bottom: 0.1em; }

.ektl a { text-decoration:none; font-weight:normal; }

/* 以下は拡張 (C2 (Opera6.0, Firefox等) 対応) 互換性確保のため多用しない */
/* h2:before { content: "■　"; }  */
/* h2:after { content: "　■"; }  */
/* h3:before { content: "■ "; }  */

h4:before { content: "● "; } 

div.tools_header,
div.fvaddons_header
{
	font-size:16px;
	font-weight:bold;
	border-top:1px solid rgb(200,140,0);
	border-bottom:1px solid rgb(200,140,0);
	background:url(/image/green_75p.png) repeat-x;
	margin-top:2px;
	color: black;
}

span.version, span.new_version, span.new_releasedate
{
	font-size:12px;
	font-weight:normal;
	vertical-align: middle;
	color: rgb(80,50,50);
}

.kannna_crum { padding:1px; margin:1px; }

li.diary
{
	color:rgb(128,128,0);
	list-style-type: square;
}

li.diary ol
{
	margin-top:0px;
	padding-top:0px;
}

img { border:none; }

div.ad { position:absolute; left:3px; top:90px; }

/**************************************************************************
 * 目次のアイコン
 **************************************************************************/

.mainindex
{
}

.mainindex td
{
	padding: 2px 4px 2px 4px;
}

.mainindex td div
{
	margin: 2px;
}

.index_header th
{
	padding: 4px;
	border: 1px solid white;
	border-radius: 4px 4px 0px 0px;
	-moz-border-radius: 4px 4px 0px 0px;
	font-size: 1.5em;
}

td.icon
{
	/* background: url(/image/green_75p.png); */
	width: 32px;
	text-align: center;
}

td.icon img
{
	/* background: url(/image/green_75p.png); */
	border: none;
	border-color: gray silver silver gray;
	border-radius: 10px 0px 10px 0px;
	-moz-border-radius: 10px 0px 10px 0px;
	padding: 5px;
}

.mainindex a
{
	text-decoration: none;
	font-weight: bold;
	color: black;
}

/* トップページの飾り枠 */
.waku td { padding:0px; margin:0px; }

/**************************************************************************
 * ツール紹介用アイコン
 **************************************************************************/

td.fvicon
{
	vertical-align: top;
	border: none;
	background: none;
	padding: 0px 4px 0px 0px;
}

/**************************************************************************
 * 下部
 **************************************************************************/

div.bottom
{
	margin: 32px 12px 32px 12px;
}