@charset "UTF-8";
/*
	main.screen.css - THEMERIZE style, extension for screen
	Copyright (c) 2004 THEMERIZE. All rights reserved.
*/

/* Block / elements /////////////////////////////////////////////////// */

body
{
	color:#000000;
	/* 存在する画像ファイルを指定しておかないと、エラーログがえらい事に。*/
	background: #ffffff url("/parts/bg.jpg") repeat-y fixed left top;
	font:normal normal normal 100%/1.2 "Osaka","ＭＳ Ｐゴシック",sans-serif;
	margin:0 10px;
	font-size: 14px;
}

hr { display: none; }

div, dl, ol, ul, h1, h2, h3, p, li, dd { padding: 0ex; }

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

div { margin: 0ex; }

dl, ol, ul
{
	list-style-type: none;
	margin:          1ex 0ex;
}

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

h1 { margin: 1ex 0ex; }

h2, h3 { margin: 0ex; }

p
{
	line-height: 130%;
	margin:      2ex 0ex 1ex;
}

li
{
	line-height: 130%;
	margin:      0ex;
}

dt
{
	line-height: 130%;
	margin:      1ex 0ex 0ex;
	padding:     1ex 0ex 0ex;
}

dd { margin: 1ex 0ex 0ex; }

/* Block / class ////////////////////////////////////////////////////// */

.invisible { display: none; }

.page-list li { display: inline; }

/*
	IE が未実装。
	.page-list li:before { content: "["; }
	.page-list li:after  { content: "]"; }
*/

div.submit
{
	margin:     2ex;
	padding:    0ex;
	text-align: center;
}

p.info { margin-bottom: 4ex; }

/* Block / id ///////////////////////////////////////////////////////// */

#footer
{
	border-top:  1px solid #000000;
	clear:       both;
	font-weight: bold;
	margin-top:  2ex;
	padding-top: 2ex;
	text-align:  center;
}

/* Block / id / left-column - - - - - - - - - - - - - - - - - - - - - - */

div#left-column
{
	position:absolute;
	width:160px;

	margin-left:15px;
	padding-top:18px;
	padding-bottom:18px;
	top:auto;
	right:auto;
	bottom:auto;
}

div#left-column div
{
	border:        1px solid #52bcd2;
	margin-bottom: 2ex;

	padding:       1ex;
}

div#left-column div div
{
	border-color:  #52bcd2;
	border-width:  1px 0px 0px 0px;
	border-style:  dashed;
	margin-bottom: 0ex;
	margin-right: 2px;
}

div#left-column h2
{
	font-size:  medium;
	margin:     1ex 0ex 2ex 0ex;
	text-align: center;
}

div#left-column dt
{
	border-color:  #52bcd2;
	border-width:  1px 0px 0px 0px;
	border-style:  dashed;
}

div#left-column dd p
{
	margin:   0ex;
	overflow: hidden;
}

div#left-column dd div
{
	border:      none;
	line-height: 130%;
	padding:     1ex 0ex;
}

/* Block / id / right-column  - - - - - - - - - - - - - - - - - - - - - */

div#right-column
{
	float:      right;
	width:      73%;
}

div#right-column h2
{
	font-size: large;
	margin:    2ex 0ex;
}

/* Block / id / right-column / index.cgi  - - - - - - - - - - - - - - - */

div#shortcut
{
	border:        1px solid #4bb386;
	margin-bottom: 2ex;
	padding:       1ex;
}

div#shortcut h2 { font-size: small; }

div#shortcut h2,
div#shortcut ul,
div#shortcut li
{
	display: inline;
}

/*
	IE が未実装。

	div#shortcut li:before
	{
		background-color: transparent;
		color:            #52bcd2;
		content:          "◇";
	}
*/


ul#categories li
{
	border:        1px solid #4bb386;
	margin-bottom: 2ex;
	padding:       1ex;
}

ul#categories li h3
{
	display:       inline;
	font-size:     large;
	padding-right: 2ex;
}

ul#categories li div { display: inline; }

ul#categories li ol
{
	border-color: #4bb386;
	border-width: 1px 0px 0px 0px;
	border-style: dashed;
	padding-top:  1ex;
}

ul#categories li ol li
{
	border:  none;
	display: inline;
	margin:  0ex;
	padding: 0ex;
}

/*
	IE が未実装。

	ul#categories li ol li:before
	{
		background-color: transparent;
		color:            #52bcd2;
		content:          "◇";
	}
*/

/* Block / id / right-column / category.cgi, theme.cgi  - - - - - - - - */

ol#themes   li,
ol#articles li
{
	border:        1px solid #4bb386;
	margin-bottom: 2ex;
	padding:       1ex;

}

ol#themes   li h3,
ol#articles li h3
{
	display:       inline;
	font-size:     medium;
	padding-right: 2ex;
}

ol#themes   li div,
ol#articles li div
{
	display: inline;
}

ol#themes   li p,
ol#articles li p
{
	margin:  1ex 0ex;
}


div#form    { margin-top:    6ex;   }
div#form li { margin-bottom: 0.5ex; }

/* Block / id / error - - - - - - - - - - - - - - - - - - - - - - - - - */

div#message
{
	margin: 4ex auto;
	width:  80%;
}

/* Inline / elements ////////////////////////////////////////////////// */

a { text-decoration: none; }

/* 順序に注意。*/
a:link    { background-color: transparent; color: #6563f3; }
a:visited { background-color: transparent; color: #525a87; }
a:focus   { background-color: transparent; color: #c986ff; }
a:hover   { background-color: transparent; color: #c986ff; }
a:active  { background-color: transparent; color: #c986ff; }


label
{
	display:    block;
	float:      left;
	margin:     0ex;
	padding:    0ex 0.5ex 0ex 0ex;
	text-align: right;
	width:      18ex;
}

input { vertical-align: middle; }

textarea
{
	font-size:     small;
	margin-bottom: 0.5ex;

	/*
		cols="50" なら何も指定しなくても Gecko と Opera は丁度いいサイズに
		なるが、IE がはみ出る。というか IE は textarea の文字サイズを CSS
		で指定しても正しく解釈していないので、文字サイズを基準に幅を決める
		事ができない。また width より max-width の方がいいが、IE が未実装
		かレンダリングがおかしいので、これも使えない。
	*/
	width: 100%;
}

/*
	属性セレクタは IE が未対応。

	input[type="text"], textarea
	{
		background-color: transparent;
		border:           1px solid #ffcc66;
		color:            #000000;
		padding:          0.5ex;
	}
*/

/* Inline / class ///////////////////////////////////////////////////// */

div#left-column  .separater { background-color: transparent; color: #52bcd2;            }
div#right-column .separater { background-color: transparent; color: #4bb386;            }
span.current     .separater { background-color: transparent; color: #cc9933 !important; }

strong.required
{
	background-color: transparent;
	color:            #ff0000;
	font-weight:      bold;
}

.nowrap { white-space: nowrap; }

/* Categories ///////////////////////////////////////////////////////// */

ul#categories li#C1      { border-color: #4bb386; }
ul#categories li#C1  .separater { color: #4bb386; background-color: transparent; }

ul#categories li#C2      { border-color: #4bb386; }
ul#categories li#C2  .separater { color: #4bb386; background-color: transparent; }

ul#categories li#C3      { border-color: #4bb386; }
ul#categories li#C3  .separater { color: #4bb386; background-color: transparent; }

ul#categories li#C4      { border-color: #4bb386; }
ul#categories li#C4  .separater { color: #4bb386; background-color: transparent; }

ul#categories li#C5      { border-color: #4bb386; }
ul#categories li#C5  .separater { color: #4bb386; background-color: transparent; }

ul#categories li#C6      { border-color: #4bb386; }
ul#categories li#C6  .separater { color: #4bb386; background-color: transparent; }

ul#categories li#C7      { border-color: #4bb386; }
ul#categories li#C7  .separater { color: #4bb386; background-color: transparent; }

ul#categories li#C8      { border-color: #4bb386; }
ul#categories li#C8  .separater { color: #4bb386; background-color: transparent; }

ul#categories li#C9      { border-color: #4bb386; }
ul#categories li#C9  .separater { color: #4bb386; background-color: transparent; }

ul#categories li#C10     { border-color: #4bb386; }
ul#categories li#C10 .separater { color: #4bb386; background-color: transparent; }

ul#categories li#C11     { border-color: #4bb386; }
ul#categories li#C11 .separater { color: #4bb386; background-color: transparent; }

ul#categories li#C12     { border-color: #4bb386; }
ul#categories li#C12 .separater { color: #4bb386; background-color: transparent; }

ul#categories li#C13     { border-color: #4bb386; }
ul#categories li#C13 .separater { color: #4bb386; background-color: transparent; }

ul#categories li#C14     { border-color: #4bb386; }
ul#categories li#C14 .separater { color: #4bb386; background-color: transparent; }

ul#categories li#C15     { border-color: #4bb386; }
ul#categories li#C15 .separater { color: #4bb386; background-color: transparent; }

ul#categories li#C16     { border-color: #4bb386; }
ul#categories li#C16 .separater { color: #4bb386; background-color: transparent; }

ul#categories li#C17     { border-color: #4bb386; }
ul#categories li#C17 .separater { color: #4bb386; background-color: transparent; }

ul#categories li#C18     { border-color: #4bb386; }
ul#categories li#C18 .separater { color: #4bb386; background-color: transparent; }

ul#categories li#C19     { border-color: #4bb386; }
ul#categories li#C19 .separater { color: #4bb386; background-color: transparent; }

ul#categories li#C20     { border-color: #4bb386; }
ul#categories li#C20 .separater { color: #4bb386; background-color: transparent; }

ul#categories li#C21     { border-color: #4bb386; }
ul#categories li#C21 .separater { color: #4bb386; background-color: transparent; }

ul#categories li#C22     { border-color: #4bb386; }
ul#categories li#C22 .separater { color: #4bb386; background-color: transparent; }

ul#categories li#C23     { border-color: #4bb386; }
ul#categories li#C23 .separater { color: #4bb386; background-color: transparent; }

ul#categories li#C24     { border-color: #4bb386; }
ul#categories li#C24 .separater { color: #4bb386; background-color: transparent; }



/* CM ///////////////////////////////////////////////////////// */

#cm{float:right;}

/* END //////////////////////////////////////////////////////////////// */