body {
    background-color: #90ee90;
    margin: 0px;
}
/* a:link   {text-decoration:NONE; color:#333399;}/* 未訪問リンク */
/* a:visited{text-decoration:NONE; color:#663300;}/* 訪問済みリンク */
/* a:active {text-decoration:NONE; color:#ff0099;}/* クリックしたとき */
/* a:hover  {background-color:#F7FE2E; color:#000000;}/* マウスが乗ったとき(黄色) */


/* ################### ヘッダ/フッタ 関連 ################### */
.page_header {								/* ページヘッダ */
    clear: both;							/* 回り込み解除 */
    text-align: center;						/* 中央寄せ */
    color: #000000;							/* 前景色 */
    background-color: #F5A9E1;				/* 背景色 */ 
    margin: 0px 0px 0px 0px;				/* マージン 上 右 下 左 */
    white-space: nowrap;					/* 改行しない */
}

.page_header2 {								/* ページヘッダ２ */
    clear: both;							/* 回り込み解除 */
    text-align: center;						/* 中央寄せ */
    color: #000000;							/* 前景色 */
    background-color: #e6e6e6;				/* 背景色 */ 
    margin: 0px 0px 0px 0px;				/* マージン 上 右 下 左 */
    white-space: nowrap;					/* 改行しない */
}

.page_footer {								/* ページフッタ */
    clear: both;							/* 回り込み解除 */
    text-align: center;						/* 中央寄せ */
    color: #000000;							/* 前景色 */
    background-color: #e6e6e6;				/* 背景色 */ 
    margin: 0px 0px 0px 0px;				/* マージン 上 右 下 左 */
    white-space: nowrap;					/* 改行しない */
}

.page_footer2 {								/* ページフッタ２ */
    clear: both;							/* 回り込み解除 */
    text-align: center;						/* 中央寄せ */
    color: #000000;							/* 前景色 */
    margin: 0px 0px 0px 0px;				/* マージン 上 右 下 左 */
    white-space: nowrap;					/* 改行しない */
}

/* ################### コンテンツ本体 関連 ################### */
.wrapper {						/* 本体のラッパ */
    clear: both;				/* 回り込み解除 */
    width: 1024px;
    margin-left:auto;
    margin-right:auto;
    position: static;
    text-align:left;
}

/* ################### コンテンツ本体(3カラム部) 関連 ################### */
div.body_3column {				/* 3カラム部のラッパ */
    clear: both;				/* 回り込み解除 */
    width: 100%;
    height: auto;
    margin: 10px 0px 0px 0px;                /* マージン 上 右 下 左 */
    position: static;
}

div.body_3column div.left {		/* 3カラム部の左 */
    float: left;
    width: 33%;
    margin: 1px;
    position: static;
}

div.body_3column div.center {	/* 3カラム部の真中 */
    float: left;
    width: 33%;
    margin: 1px;
    position: static;
}
div.body_3column div.right {	/* 3カラム部の右 */
    float: right;
    width: 33%;
    margin: 1px;
    position: static;
}

/* ################### コンテンツ本体(2カラム部) 関連 ################### */
div.body_2column {				/* 2カラム部のラッパ */
    clear: both;				/* 回り込み解除 */
    width: 100%;
    height: auto;
    margin: 30px 0px 0px 0px;                /* マージン 上 右 下 左 */
    position: static;
}

div.body_2column div.left {		/* 2カラム部の左 */
    float: left;
    width: 25%;
    margin: 1px;
    position: static;
}
div.body_2column div.right {	/* 2カラム部の右 */
    float: right;
    width: 74%;
    margin: 1px;
    position: static;
}

/* ################### コンテンツ本体(各要素) 関連 ################### */
.main_header {								/* メインヘッダ */
    text-align: left;						/* 左寄せ */
    color: #ffffff;							/* 前景色 */
    background-color: #F5A9E1;				/* 背景色 */ 
    border-top-left-radius:          10px;	/* 左上角丸(CSS3) */
    border-top-right-radius:         10px;	/* 右上角丸(CSS3) */
    -webkit-border-top-left-radius:  10px;	/* 左上角丸(Chrome) */
    -webkit-border-top-right-radius: 10px;	/* 右上角丸(Chrome) */
    -moz-border-radius-topleft:      10px;	/* 左上角丸(Firefox) */
    -moz-border-radius-topright:     10px;	/* 右上角丸(Firefox) */
    margin: 2px 0px 0px 0px;				/* マージン 上 右 下 左 */
    padding: 0.2em 0.5em 0.3em 0.5em;		/* パディング 上 右 下 左 */
}



.sub_header {                               /* サブヘッダ */
    text-align: left;                       /* 左寄せ */
    color: #000000;                         /* 前景色 */
    background-color: #e6e6e6;              /* 背景色 */
    margin: 0px 0px 0px 0px;                /* マージン 上 右 下 左 */
    padding: 0.2em 0.5em 0.3em 0.5em;		/* パディング 上 右 下 左 */
}

.contents_border {							/* コンテンツ枠 */
    text-align: left;						/* 左寄せ */
    color: #000000;							/* 前景色 */
    margin: 0px 0px 3px 0px;				/* マージン 上 右 下 左 */
    padding: 0px;							/* パディング */
    border: solid 1px #F5A9E1;              /* 枠 */
}
.contents_body {                            /* コンテンツ本体 */
    text-align: left;                       /* 左寄せ */
    color: #000000;                         /* 前景色 */
    margin: 0px 0px 0px 0px;                /* マージン 上 右 下 左 */
    padding: 0.2em 0.5em 0.3em 0.5em;		/* パディング 上 右 下 左 */
}

/* ################### What's new 関連 ################### */
.whatsnew_body {                            /* what's newの本体 */
    text-align: left;                       /* 左寄せ */
    color: #000000;                         /* 前景色 */
    margin: 0px 0px 0px 0px;                /* マージン 上 右 下 左 */
    padding: 0.2em 2em 0.3em 3em;		/* パディング 上 右 下 左 */
}

p.whatsnew_item {								/* クラスwhatsnew_itemの p  */
    display: list-item;						/* 箇条書きスタイル */
    list-style-type: circle;
}


strong.new {								/* newマーク */
    color:#ff0099;
    letter-spacing: 0em;
    font-size:0.6em;
}
strong.up {									/* upマーク */
    color:#00ee00;
    letter-spacing: 0em;
    font-size:0.6em;
}


/* ################### 折り畳み関連 ################### */
.accordion_head {							/* 折り畳みブロックの見出し */
    margin: 0px 0px 0px 0px;				/* マージン 上 右 下 左 */
    padding: 0.2em 0.5em 0.3em 0.5em;		/* パディング 上 右 下 左 */
    cursor: pointer							/* カーソルの変更 */
}
.accordion_head:before {		/* 折り畳みブロックの見出しの先頭に追加文字 */
    content:"\25be ";		/* 下向き三角 */
}

.accordion_head.closed:before {		/* 折り畳みブロックの見出しの先頭に追加文字 */
                                    /* .accordion_head と .closed の間にスペース入れちゃダメ!! */
    content:"\25b6 ";		/* 右向き三角 */
}

.accordion_close {							/* 折り畳みブロック本体の初期値クローズ */
/*    display:none;*/ 							/* 表示しない */
}



/* ################### 組織情報関連 ################### */
table.about td {							/* aboutクラスの table の中の td */
    border: 1px dotted #808080;
}


/* ################### アイコン ################### */
.lock_mark {
    padding-right:12px;
    background: url(img/lock.gif) no-repeat right;
}

.new_mark {
    padding-right:32px;
    background: url(img/new.gif) no-repeat right;
}

.up_mark {
    padding-right:24px;
    background: url(img/update.gif) no-repeat right;
}


/* ################### testserver用色指定 ################### */
/* javascriptでhtmlタグにhost-<サーバ名>のクラスを追加しておくこと */
.host-localhost .page_header {				/* ページヘッダ */ /* スペースで区切ると子孫の要素 */
    background-color: #60F560;				/* 背景色 */ 
}

.host-localhost .main_header {				/* メインヘッダ */
    background-color: #60F560;				/* 背景色 */ 
}

.host-localhost .contents_border {			/* コンテンツ枠 */
    border: solid 1px #60F560;              /* 枠 */
}

.host-localhost body {
    background-color: rgb(255, 255, 128);
}


/* ################### コード表示設定 ################### */
div.code {
	color: #f5deb3;
	background-color: #000000;
    white-space: pre;
    font-family: monospace;
	font-size: 12px;
	line-height: 16px;
	margin: 1ex 0ex 1ex 0ex;		/* 上右下左 */
	padding: 0ex 1ex 2ex 1ex;		/* 上右下左 */
	border-right: #444444 1px solid;
	border-top: #444444 3px solid;
	border-left: #444444 3px solid;
	border-bottom: #444444 1px solid;
	cursor: text;
}
div.console {
	color: #f5deb3;
	background-color: #005050;
    white-space: pre;
    font-family: monospace;
	font-size: 12px;
	line-height: 16px;
	margin: 1ex 0ex 1ex 0ex;		/* 上右下左 */
	padding: 0ex 1ex 2ex 1ex;		/* 上右下左 */
	border-right: #000000 1px solid;
	border-top: #000000 3px solid;
	border-left: #000000 3px solid;
	border-bottom: #000000 1px solid;
	cursor: text;
}
kbd.input_text {
	color: #ff6666;
}

kbd.comment {
	color: #0080ff;
}

kbd.delete_text {
	color: #0080ff;
}

kbd.blue {
	color: #0080ff;
}

kbd.green {
	color: #00ff80;
}

kbd.enter {
    padding-right:18px;
    background: url(img/enter.gif) no-repeat bottom right;
}

/*
div.code pre {
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	margin: 0px;
	line-height: 1.05em;
	padding-top: 5px
}
*/
div.main_title {
	color: #ff0000;
	font-size: 300%;
	text-align: center;
	font-weight: bolder;
}

div.sub_title {
	font-size: 200%;
	text-align: left;
	font-style: oblique;
	font-weight: bolder;
}

a.download:before {
    content:attr(href);			/* リンク先を表示 */
}