@charset "utf-8";
/* ---------------------------

WebDeli CSS for Page Design.
Version 1.0
Copyright (c) 2005 WINGS

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

/* General ------------------------------------------------- */
#main ul ,ol , dl {
margin-left: 20px;
}
#main p {
font-size: 100%;
line-height: 1.4em;
margin-bottom: 0.5em;
}
h2 {
height: 41px;
}
/* チュートリアル,ツール全H3に適用 */
h3 {
font-size: 113%; /* 113%,15px,11pt */
margin-top: 16px;
margin-bottom: 8px;
border: 1px #ffcc00 solid;
height: 30px;
background-color: #ffffff;
color: #009900;
}
h3 img {
padding-right: 6px;
vertical-align: middle;
}
h3 span {
vertical-align: middle;
}
#home h3 {
font-size: 100%;
margin: 0px;
padding: 0px;
border-style: none;
}
h4 {
font-size: 113%; /* 113%,15px,11pt */
margin-top: 12px;
margin-bottom: 8px;
padding: 4px 0px 4px 4px;
border-bottom: 1px #ffcc00 solid;
border-left: 8px #ffcc00 solid;
background-color: #ffffff;
color: #009900;
}
#home h4 {
font-size: 100%;
margin: 0px;
padding: 0px;
border-style: none;
background-color: transparent;
color: #009900;
}
/* 枠で囲む */
.border {
margin: 20px 12px;
border: 1px #ffcc00 solid;
padding: 12px;
background-color: transparent;
color: #993300;
}
	.border a {
	background-color: transparent;
	color: #0000cc;
	}
/* 詳細ページの更新日、作者情報 */
.page_data {
text-align: right;
padding-bottom: 2px;
border-bottom: 1px #ffcc00 dashed;
}
	.page_data span {
	padding-left:12px;
	font-weight: bold;
	}
#tutorial .page_data {
	margin-bottom: 12px;
}
/* テーブル ------------------ */
.data_table {
margin: 20px 12px;
}
.data_table table caption {
font-weight: bold;
padding-bottom: 2px;
text-align: left;
}
/* 強制改行なし */
th.nowrap, td.nowrap {
white-space: nowrap;
}
/* キャプション表示しない時 */
caption.none {
display: none;
}
/* 黄 */
.data_y {
border-top: 1px #ffcc00 solid;
border-right: 1px #ffcc00 solid;
}
.data_y tr.even {
background-color: #fffaf0;
color: #993300;
}
.data_y th {
background-color: #ffffcc;
color: #996600;
padding: 4px;
font-weight: normal;
border-bottom: 1px #ffcc00 solid;
border-left: 1px #ffcc00 solid;
}
.data_y td {
padding: 4px;
border-bottom: 1px #ffcc00 solid;
border-left: 1px #ffcc00 solid;
}
/* 緑 */
.data_g {
border-top: 1px #006600 solid;
border-right: 1px #006600 solid;
}
.data_g tr.even {
background-color: #f5fffa;
color: #993300;
}
.data_g th {
background-color: #009900;
color: #ffffff;
padding: 4px;
font-weight: normal;
border-bottom: 1px #006600 solid;
border-left: 1px #006600 solid;
}
.data_g td {
padding: 4px;
border-bottom: 1px #006600 solid;
border-left: 1px #006600 solid;
}
/* 関連リンク -------------- */
.relate {
margin: 20px 12px;
border: 1px #ffcc00 solid;
}
	.relate_caption {
	padding: 4px 0px 4px 20px;
	background: #ffffcc url("../image/relate.gif") no-repeat left;
	color: #993300;
	font-weight: bold;
	}
	.relate ul {
	padding: 4px;
	list-style: none;
	}
		.relate ul li {
		padding-left: 10px;
		background: #ffffff url("../image/arrow.gif") no-repeat left;
		}
/* 参考 ---------------------- */
.reference {
margin: 20px 12px;
border: 1px #006600 solid;
}
	.reference_caption {
	padding: 4px 0px 4px 20px;
	background: #f0fff0 url("../image/reference.gif") no-repeat left;
	color: #006600;
	font-weight: bold;
	}
	.reference .box {
	padding: 10px;
	}
		.reference ul {
		background-color: #ffffff;
		color: #993300;
		padding: 10px;
		}
/* 注意 ---------------------- */
.notes {
margin: 20px 12px;
border: 1px #ffcc00 solid;
}
	.notes_caption {
	padding: 4px 0px 4px 26px;
	background: #ffcc00 url("../image/notes.gif") no-repeat left;
	color: #000000;
	}
	.notes_caption strong {
	font-weight: bold;
	color: #000000;
	}
	.notes .box {
	padding: 10px;
	}
		.notes .box ul {
		background-color: #ffffff;
		color: #993300;
		padding: 10px;
		}
/* コード -------------------- */
.code_caption {
margin: 12px 12px 2px 12px;
background-color: #ffffff;
color: #006600;
}
.code {
margin: 0px 12px 20px 12px;
border: 1px #006600 solid;
padding: 10px;
background-color: #f0fff0;
color: #993300;
}
/* ライン -------------------- */
.line_dot {
width: 520px;
height: 25px;
background: url("../image/line_dot.gif") no-repeat center;
}
.line_cut {
width: 520px;
height: 56px;
background: url("../image/line_cut.gif") no-repeat center;
}
/* Page Top Navi-------------- */
.page_top {
width: 95px;
margin-top: 10px;
margin-bottom: 10px;
position:relative;
float:right;
}
.page_top a {
background-color: transparent;
background: url("../image/page_top.gif") no-repeat right top;
color: #000000;
text-decoration: none;
width: 95px;
height: 15px;
display:block;
}
.clear_right {
clear: right;
}
/* Read ---------------------- */
#read {
width: 520px;
}
#read_right {
width: 360px;
float: right;
}
	#balloon_top {
	width: 360px;
	height: 12px;
	background: url("../image/balloon_top.gif") no-repeat left;
	}
	#read_text {
	padding-left: 10px;
	padding-right: 10px;
	border-right: 2px #ff9900 solid;
	border-left: 2px #ff9900 solid;
	width: 336px;
	background-color: #ffffcc;
	color: #993300;
	line-height: 140%;
	}
	#read_text p {
	margin-bottom: 0px;
	}
	#balloon_bottom {
	width: 360px;
	height: 12px;
	background: url("../image/balloon_bottom.gif") no-repeat left;
	}
#read_left {
width: 160px;
float: left;
}
/* Contents Top Index List --- */
#index li {
list-style: none;
padding-left: 10px;
background: url("../image/arrow.gif") no-repeat left;
line-height: 140%;
}
/* Feed Back ----------------- */
#feed_back {
border: 1px #ffcc00 dashed;
padding: 10px;
margin-bottom: 20px;
}
td.label {
text-align: right;
width: 160px;
}
td.label label {
padding-right: 4px;
}
#ctl00_cph_name, #ctl00_cph_url, #ctl00_cph_body{
width: 342px;
font-size: 110%;
margin: 2px 0px;
}
#feed_back div.submit {
margin: 2px 0px 0px 150px;
}
#ctl00_cph_btnSbm {
padding: 2px 10px;
background-color: #fc0;
color: #663300;
border: 2px #ffcc00 outset;
}
.fb_comment {
padding: 4px;
}
.fb_comment span.name {
background-color: transparent;
color: #993300;
font-weight: bold;
}
/* ============================================================================= HOME */
/* Welcome Message ----------- */
#welcome {
width: 520px;
}
	#welcome h2 {
	height: 31px;
	background: url("../image/home_h2.gif") no-repeat;
	}
	#welcome div.left {
	width: 347px;
	float:left;
	background: transparent url("../image/home_bg.gif") no-repeat bottom;
	color: #993300;
	}
	#welcome div.left div.cath {
	width: 280px;
	height: 71px;
	background: transparent url("../image/home_open.gif") no-repeat left top;
	}
	#welcome div.right {
	width: 173px;
	float:right;
	}
	#welcome div.right div {
	background: url("../image/home_first.gif") no-repeat right top;
	}
	#welcome div.right a {
	margin-left: 24px;
	background-color: transparent;
	color: #000000;
	text-decoration: none;
	width: 149px;
	height: 51px;
	display:block;
	}
/* Today's Tool -------------- */
#today {
border: 1px #009900 outset;
padding: 9px;
width: 500px;
background-color: #009900;
color: #ffffff;
}
	#today h3 {
	height: 31px;
	background: transparent url("../image/home_today.gif") no-repeat;
	}
	#today a {
	background-color: #009900;
	color: #ffff00;
	text-decoration: underline;
	}
	#today .today_tool {
	font-size: 113%; /* 11pt */
	font-weight: bold;
	margin: 10px 0px 4px 0px;
	}
/* Up Data ------------------- */
#note {
	border-right: 1px #ff9900 solid;
	border-left: 1px #ff9900 solid;
	width: 518px;
	height: 25px;
	background: #ffffff url("../image/home_up_note.gif") no-repeat;
	color: #996600;
	}
#updata {
border-right: 1px #ff9900 solid;
border-bottom: 1px #ff9900 solid;
border-left: 1px #ff9900 solid;
padding: 2px 10px 10px 10px;
width: 498px;
background-color: #fffaf0;
color: #996600;
}
	#updata h3 {
	height: 32px;
	margin-bottom: 10px;
	background: url("../image/home_up_title.gif") no-repeat left;
	}
	#updata caption, #updata th {
	display:none;
	}
	#updata td {
	vertical-align: top;
	padding: 1px 2px;
	}
	#updata td.date {
	white-space: nowrap;
	}
	#updata td a {
	background-color: transparent;
	}
/* ============================================================================= Tutorial Top */
h2.tutorial {
background: url("../image/tutorial_h2.gif") no-repeat left top;
}
/* Read ---------------------- */
#tutorial_top #read {
background: url("../image/tutorial_chara.gif") no-repeat left bottom;
}
#tutorial_top #read_left {
height: 112px;
}
#tutorial #main #read_text p {
text-indent: 0px;
}
/* ============================================================================= Tool Download Top */
h2.download {
background: url("../image/download_h2.gif") no-repeat left top;
}
/* Read ---------------------- */
#download_top #read{
background: url("../image/download_chara.gif") no-repeat left bottom;
}
#download_top #read_left {
height: 120px;
}
/* Template Link ------------- */
div.skin {
text-align: right;
padding-right: 15px;
background: url("../image/arrow2.gif") no-repeat right;
}
div.skin a {
text-decoration: underline;
}
/* ============================================================================= Hosting Top  */
h2.hosting {
background: url("../image/hosting_h2.gif") no-repeat left top;
}
#main h3.hosting {
font-size: 113%; /* 113%,15px,11pt */
margin-top: 16px;
margin-bottom: 8px;
padding-top: 8px; /* (30px-15px)/2 */
padding-left: 40px;
border: 1px #ffcc00 solid;
height: 22px; /* (30px-8px) */
background-color: #ffffff;
color: #009900;
background: url("../image/hosting_h3.gif") no-repeat left;
}
/* Read ---------------------- */
#hosting_top #read {
background: url("../image/hosting_chara.gif") no-repeat left bottom;
}
#hosting_top #read_left {
height: 97px;
}
#hosting_top #main ul {
margin-left: 0px;
margin-bottom: 10px;
list-style: none;
}
/* Table---------------------- */
/* ▲ */
#hosting_top span.option{
background-color: transparent;
color: #006600;
font-size: 120%; /* 12pt */
}
table#hosting{
border: 1px #006600 solid;
width: 520px;
teble-layout: fixed;
}
table#hosting caption {
display: none;
}
/* 偶数列の背景色 */
table#hosting tr.even {
background-color: #f0fff0;
color: #993300;
}
table#hosting th {
background-color: #009900;
color: #ffffff;
font-size: 105%;
padding: 4px;
}
table#hosting td {
padding: 2px 4px;
color: #993300;
}
table#hosting td.name {
vertical-align: top;
}
table#hosting td.name a {
padding-left: 10px;
background: transparent url("../image/arrow.gif") no-repeat left;
}
table#hosting td.ini,
table#hosting td.mon,
table#hosting td.capa {
text-align: right;
vertical-align: bottom;
}
/* 以下、border指定 */
table#hosting th#name,
table#hosting th#os,
table#hosting td.name,
table#hosting td.os {
border: 1px #006600 solid;
}
table#hosting th#capa,
table#hosting td.capa {
border-top: 1px #006600 solid;
border-right: 1px #006600 solid;
border-bottom: 1px #006600 solid;
}
table#hosting th#ini,
table#hosting td.ini {
border-right: 1px #006600 solid;
border-bottom: 1px #006600 solid;
border-left: 1px #006600 solid;
}
table#hosting th#mon,
table#hosting td.mon {
border-right: 1px #006600 solid;
border-bottom: 1px #006600 solid;
}
table#hosting th#db,
table#hosting td.db {
border-right: 1px #006600 solid;
border-bottom: 1px #006600 solid;
border-left: 1px #006600 solid;
}
/* ============================================================================= Links Top */
h2.links {
background: url("../image/links_h2.gif") no-repeat left top;
}
/* Read ---------------------- */
#links_top #read {
background: url("../image/links_chara.gif") no-repeat left bottom;
}
#links_top #read_left {
height: 107px;
}
/* Index --------------------- */
/* links_toph3 = Leaf H4 */
#links_top h3 {
font-size: 113%; /* 113%,15px,11pt */
margin-top: 16px;
padding: 4px 0px 4px 4px;
height: auto;
border-top-style: none;
border-right-style: none;
border-left: 8px #ffcc00 solid;
background-color: #ffffff;
color: #009900;
}
#local_navi {
margin-top: 10px;
margin-bottom: 10px;
}
#local_navi ul {
margin: 0px;
display: inline;
}
#local_navi ul li {
display: inline;
padding-left: 4px;
padding-right: 4px;
border-right: 1px #ff9900 solid;
}
#local_navi ul li.start {
border-left: 1px #ff9900 solid;
}
#local_navi ul li a {
text-decoration: underline;
}
#links_top dl dt {
margin-top: 10px;
padding-left: 10px;
background: url("../image/arrow.gif") no-repeat left;
}
#links_top dl dd {
margin-left: 30px;
}
/* ============================================================================= Tutorial Leaf Page */
#tutorial p {
text-indent: 12px;
}
/* リードテーブル */
table.t_read {
width: 520px;
}
/* リードテーブル：キャラTD */
td.t_read_left {
width: 160px;
text-align: left;
vertical-align: bottom;
}
/* リードテーブル：噴出しTD */
td.t_read_right {
width: 360px;
vertical-align: top;
}
	/* 噴出し上 */
	td.t_balloon_top {
	width: 520px;
	height: 12px;
	background: url("../image/balloon_top.gif") no-repeat;
	}
	/* 噴出しテキストTD */
	td.t_readtxt {
	background-color: #ffffcc;
	color: #993300;
	padding: 0px 10px;
	border-right: 2px #ff9900 solid;
	border-left: 2px #ff9900 solid;
	}
		/* リードテキスト */
		#tutorial td.t_readtxt p {
		 text-indent: 0px;
		 margin: 0px;
		}
		/* リードテキスト リンク */
		#tutorial td.t_readtxt a {
		 background-color:#ffffcc;
		 color: #0000cc;
		 text-decoration: underline;
		}
	/* 噴出し下 */
	td.t_balloon_bottom {
	width: 520px;
	height: 12px;
	background: url("../image/balloon_bottom.gif") no-repeat;
	}
/* 画像のキャプション */
.image_caption {
margin-bottom: 10px;
padding-left: 10px;
background: url("../image/arrow_up.gif") no-repeat left;
}
/* リスト */
#tutorial #main ul,#tutorial #main ol,#tutorial #main dl {
margin-top: 10px;
margin-bottom: 10px;
}
/* ============================================================================ Tool Download Leaf Page */
#download table#subtitle {
width: 520px;
}
#download table td.chara2 {
width: 130px;
background: #ffffff url("../image/download_chara2.gif") no-repeat left bottom;
}
#download table td.ballon2 {
width; 490px;
}
#download td.balloon2 table{
width; 490px;
}
#download td.subtitle_lt {
width: 13px;
height: 5px;
background: #ffffff url("../image/subtitle_lt.gif") no-repeat;
}
#download td.subtitle_t {
background: #ffffff url("../image/subtitle_t.gif") repeat-x;
}
#download td.subtitle_rt {
width: 6px;
height: 5px;
background: #ffffff url("../image/subtitle_rt.gif") repeat-x;
}
#download td.subtitle_l {
width: 13px;
background: #ffffff url("../image/subtitle_l.gif") repeat-y;
}
#download td.subtitle_r {
width: 6px;
background: #ffffff url("../image/subtitle_r.gif") repeat-y;
}
#download td.subtitle_lb {
width: 13px;
height: 5px;
background: #ffffff url("../image/subtitle_lb.gif") repeat-y;
}
#download td.subtitle_b {
height: 5px;
background: #ffffff url("../image/subtitle_b.gif") repeat-x;
}
#download td.subtitle_rb {
width: 6px;
height: 5px;
background: #ffffff url("../image/subtitle_rb.gif") repeat-y;
}
#balloon_top2 {
height: 12px;
background: #ffffff url("../image/balloon_top2.gif") no-repeat;
}
#balloon_bottom2 {
height: 12px;
background: #ffffff url("../image/balloon_bottom2.gif") no-repeat;
}
#read_text2 {
border-right: 2px #ff9900 solid;
border-left: 2px #ff9900 solid;
background-color: #ffffcc;
color: #993300;
padding: 0px 12px;
}
#read_text2 p {
margin-bottom: 0px;
}
#read_text2 a {
background-color: #ffffcc;
color: #0000cc;
text-decoration: underline;
}
/* アイコンとテキストのセット */
.icon_set {
padding: 12px;
}
.icon_set img {
padding-right: 4px;
vertical-align: middle;
}
.icon_set a {
text-decoration: underline;
vertical-align: middle;
}
/* ファイル構成Box */
.dir {
padding: 12px;
}
/* ============================================================================= Site Info (footer menu) */
/* 左エリアより右エリアが短い時 */
#site_info #main {
background: transparent;
}
/* 左エリアより右エリアが長い時 */
#site_info.long #main {
background: transparent url("../image/bg2.gif") no-repeat right bottom;
color: #996600;
}
h2.notice {
background: url("../image/notice_h2.gif") no-repeat left top;
}
h2.privacy {
background: url("../image/privacy_h2.gif") no-repeat left top;
}
h2.intro {
background: url("../image/intro_h2.gif") no-repeat left top;
}
/* キャラクター */
#read div.notice {
background: url("../image/notice_chara.gif") no-repeat left bottom;
}
#site_info #read_left {
height: 106px;
}
/* #site_info #main h3 = Leaf H4 */
#site_info #main h3 {
font-size: 113%;
margin-top: 16px;
padding: 4px 0px 4px 4px;
height: auto;
border-top-style: none;
border-right-style: none;
border-left: 8px #ffcc00 solid;
background-color: #ffffff;
color: #009900;
}
#site_info #main p {
text-indent: 12px;
}
#site_info #main #read_text p {
text-indent: 0px;
}
#site_info #main ul,
#site_info #main ol,
#site_info #main dl {
margin: 20px 12px 20px 32px;
}
#site_info #main li,
#site_info #main dd {
line-height: 140%;
}
/* ============================================================================= Forum */
/* フォーラム共通 ---------------- */
/* h2 */
h2.forum {
background: url("../image/forum_h2.gif") no-repeat left top;
}
h2.forum_post {
background: url("../image/forum_h2_post.gif") no-repeat left top;
}
h2.forum_delete {
background: url("../image/forum_h2_delete.gif") no-repeat left top;
}
h2.forum_ress {
background: url("../image/forum_h2_ress.gif") no-repeat left top;
}
h2.forum_search {
background: url("../image/forum_h2_search.gif") no-repeat left top;
}
h2.forum_topic {
background: url("../image/forum_h2_topic.gif") no-repeat left top;
}
#forum #main h3 {
margin: 0px;
padding: 0px;
height: auto;
border-style: none;
color: #993300;
}
#forum #main h3.notice {
padding-left: 18px;
background: url("../image/ico_notice.gif") no-repeat left;
}
#forum #main h3.new {
padding-left: 25px;
background: url("../image/ico_new.gif") no-repeat left;
}
/* 記事の件名 */
#forum #main h3.topic_title {
background-color: transparent;
color: #993300;
font-size: 110%;
padding: 10px 0px;
}
/* ナビゲーション */
.f_navi a, .f_navi2 a {
padding: 0px 4px;
}
.f_navi2 {
text-align: right;
}
/* ライン */
.line_forum {
height: 43px;
background: url("../image/line_forum.gif") repeat-x center;
}
/* フォーラムトップ ---------- */
/* ルール表記：ヘッダ部 */
#rule {
margin-bottom: 20px;
}
#rule p {
background-color: transparent;
color: #993300;
margin-bottom: 12px;
}
#rule ul {
line-height: 140%;
background-color: transparent;
color: #993300;
padding-left: 12px;
margin-bottom: 12px;
}
/* キーワード検索フォーム */
#forum label {
font-weight: bold;
}
#f_search input {
vertical-align: middle;
}
.tbox {
padding: 2px;
width: 150px;
background-color: #ffffcc;
}
.button {
background-color: #993300;
color: #ffffcc;
border: 1px #993300 outset;
padding: 1px 10px;
}
/* Tree */
#tree {
padding-top: 12px;
}
#tree li {
list-style: none;
}
#tree ul.parent {
margin-bottom: 12px;
margin-left: 0px;
}
#tree ul.parent ul {
margin-left: 0px;
padding-left: 1.5em;
}
#tree li a {
font-weight: bold;
padding-right: 12px;
}
#tree li span {
background-color: trenaparent;
color: #993300;
font-weight: bold;
padding-right: 4px;
}
/* 投稿ページへのリンク */
.post {
text-align: right;
}
a.button:link, a.button:visited {
background-color: #993300;
color: #ffffcc;
border: 1px #993300 outset;
padding: 4px 10px;
}
a.button:hover, a.button:active {
background-color: #993300;
color: #ffffcc;
border: 1px #993300 inset;
padding: 4px 10px;
text-decoration: none;
}
/* 返信フォーム -------------- */
#form_post {
width: 400px;
margin: 0px auto;
}
#form_post div{
padding: 2px 0px;
}
#form_post lavel {
vertical-align: middle;
}
#form_post input {
padding: 2px 0px;
vertical-align: middle;
}
#form_post #title, #form_post #name {
width: 300px;
}
#form_post #message {
width: 400px;
}
#form_post form input.button {
padding: 2px 10px;
}
#form_post .f_buttons {
margin-top: 20px;
text-align: right;
}
/* トピック表示 -------------- */
#forum .t_data span {
font-weight: bold;
}
#forum .t_message {
margin: 20px 0px;
}
#form_topic {
padding: 20px 0px;
}
/* 削除画面 ------------------ */
#form_delete {
text-align: right;
}
#form_delete #pass {
padding: 2px;
}
#form_delete label, #form_delete input {
vertical-align: middle;
}
#form_delete div {
padding-bottom: 10px;
}
/* 検索結果画面 -------------- */
#hit {
margin-top: 10px;
}
#hit li {
line-height: 140%;
list-style: none;
}
#hit li a {
font-weight: bold;
}
#hit li a span {
background-color: #ffff00;
padding: 0px 4px;
}
/* ============================================================================= Error Page */
#error {
width: 740px;
border-right: 1px #993300 solid;
border-left: 1px #993300 solid;
border-bottom: 1px #993300 solid;
color: #996600;
background-color: #ffffff;
margin: 0px auto;
}
#error #box {
padding: 20px 0px 300px 0px;
width: 480px;
margin: 0px auto;
background: url("../image/bg2.gif") no-repeat right bottom;
}
#error h2.error {
background: url("../image/error_h2.gif") no-repeat left top;
}
#error h3.error {
height: auto;
color: #ff3300;
font-size: 120%;
padding-left: 18px;
background: url("../image/ico_notice.gif") no-repeat left;
border-style: none;
}