@charset "utf-8";

body {
        background-color:       #E9EFF5;
        color:                  black;

        font-size:              10pt;

        margin:                 0;
        font-family:            verdana, arial, helvetica, Sans-Serif;

        word-break:             break-all;

        line-height:            150%;
}

h1,h2,h3,h4,h5,h6 {
        line-height:            150%;
        margin-top:             0.2em;
        margin-bottom:          0.2em;
}

h1 { font-size: 200%; color: #444444; }
h2 { font-size: 170%; color: #444444; }
h3 { font-size: 150%; color: #444444; }
h4 { font-size: 120%; }
h5 { font-size: 110%; }
h6 { font-size: 100%; }

p {
        margin-top:             0.5em;
        margin-bottom:          0.5em;
        margin-left:            0px;
}

table {
        font-size:              100%;
}

img {
        border-style:           none;
}

div {
        margin:                 0 0 0 0;
        line-height:            150%;
}

li {
        margin-bottom:          0.5em;
}

dt {
        font-weight:            bold;
}

td {
        text-align:             left;
}

form {
        margin:                 0 0 0 0;
}

img.icon {
        vertical-align:         middle;
}

input,select,textarea {
        font-size:              100%;
}

label {
        cursor:                 pointer;
}

em {
        color:                  red;
        font-weight:            bold;
        font-style:             normal;
}

div.command {
        text-align:             center;
        vertical-align:         center;
        padding:                0.5em 0 0.5em 0;
}

div.command input {
        margin:                 0 0.25em 0 0.25em;
}

span.submit {
}

/*------------------------------------------------------------------*/
/* リンクタグ */

/*
a:link    { color: blue;   text-decoration: underline; }
a:visited { color: purple; text-decoration: underline; }
a:hover   { color: red;    text-decoration: underline; }
*/

/*------------------------------------------------------------------*/
/* 追加スタイル */

.ex_block_center {
        margin-left:            auto;
        margin-right:           auto;
}

.ex_center {
        text-align:             center;
}

.ex_left {
        text-align:             left;
}

.ex_right {
        text-align:             right;
}

.ex_top {
        vertical-align:         top;
}

.ex_middle {
        vertical-align:         middle;
}

.ex_bottom {
        vertical-align:         bottom;
}

.ex_width_full {
        width:                  100%;
}

.ex_nobr {
        white-space:            nowrap;
}

.ex_spacer {
        width:                  0.5em;
        height:                 0.5em;
}

.ex_invisible {
        display:                none;
}

.ex_big {
        font-size:              120%;
}

.ex_odd  { background-color: #eeffee; }
.ex_even {  }

.ex_debug {
        border:                 1px solid red;
}

.ex_highlight a:hover {
        filter:                 alpha(opacity=75); -moz-opacity: 0.75; opacity:0.75;
}

/*------------------------------------------------------------------*/
/* 透明なレイアウト用テーブル */

table.layout {
        width:                  100%;
        border-collapse:        collapse;
}

table.layout td.left {
        padding:                0.5em 1em 0.5em 0.5em;
        border-right:           1px solid silver;
        vertical-align:         top;
}

table.layout td.center {
        paddding:               0 0 0 0;
        vertical-align:         top;
        width:                  100%;
}

table.layout td.right {
        padding:                0.5em 1em 0.5em 1em;
        border-left:            1px solid silver;
        vertical-align:         top;
}

table.layout td.top_menu {
        text-align:             right;
        vertical-align:         top;
}

/*------------------------------------------------------------------*/
/* トップメニュー */

td.top_menu {
        font-size:              90%;
        padding-bottom:         0.5em;
        color:			white;
}

td.top_menu a {
        margin-right:           0.2em;
        color:			white;
	text-decoration:	none;
}

td.top_menu a:hover {
	color:			red;
	text-decoration:	underline;
}

td.top_menu a.xml {
        background-color:       #F16F00;
        color:                  white;
        font-weight:            bold;
        border-top:             1px solid silver;
        border-left:            1px solid silver;
        border-bottom:          1px solid black;
        border-right:           1px solid black;
}

td.top_menu a.xml:hover {
        background-color:       #D14F00;
}

/*------------------------------------------------------------------*/
/* フレームワーク・その他 */

div.page_header {
        background:             url(logo_bg.png) repeat-x bottom #183048;
}

div.page_header h1 {
        font-size:              170%;
        font-weight:            normal;
        color:                  black;
        margin:                 0 0 0 0;
}

div.page_header h2 {
        font-size:              120%;
        font-weight:            normal;
        color:                  gray;
        margin:                 0 0 0 0;
}

div.body {
        background-image:       url(bg.png);
        background-repeat:      repeat-x;
        background-color:       white;
        border-bottom:          1px solid white;
}

div.page_footer {
        clear:                  both;
        border-top:             1px solid gray;
        padding-bottom:         1em;
}

div.copyright {
        text-align:             center;
}

div.pager {
        text-align:             center;
        margin-top:             1em;
        margin-bottom:          1em;
}

div.pager a, div.pager span.nolink {
        margin-right:           0.2em;
        padding:                0.2em 0.4em 0.2em 0.4em;
        background-color:       white;
        border:                 1px solid silver;
        text-decoration:        none;
        font-weight:            bold;
}

div.pager a:hover,div.pager span.nolink {
        background-color:       #cfc;
}

div.navi {
        margin-bottom:          1em;
        font-weight:            bold;
}


/*------------------------------------------------------------------*/
/* カテゴリメニュー */

table.category_menu {
        width:                  100%;
}

table.category_menu td {
        border:                 1px solid white;
}

table.category_menu td:hover {
        border:                 1px solid #DDDDDD;
        background-color:       #EEEEEE;
        -moz-border-radius:     2px;
        -webkit-border-radius:  2px;
        border-radius:          2px;
}

table.category_menu a {
        text-decoration:        none;
}

table.category_menu a:hover {
        text-decoration:        underline;
}


/*------------------------------------------------------------------*/
/* エラー情報 */

table.error {
        margin-left:            auto;
        margin-right:           auto;
        margin-bottom:          1em;
}

table.error caption {
        margin:                 0 auto 0.5em auto;
        font-size:              120%;
        font-weight:            bold;
        color:                  red;
}

table.error th {
        text-align:             right;
        border-right:           2px solid #ff9999;
        color:                  red;
        white-space:            nowrap;
}

table.error th,table.error td {
        padding-left:           0.5em;
        padding-right:          0.5em;
}

/*------------------------------------------------------------------*/
/* 編集フォーム */

div.manage_menu {
        text-align:             center;
        margin-bottom:          1em;
}

table.manage_editor {
        margin-left:            auto;
        margin-right:           auto;
        border-collapse:        separate;
        border-spacing:         1.2em;
}

table.manage_editor caption {
        font-size:              120%;
        font-weight:            bold;
        text-align:             center;
        margin-top:             1.2em;
        padding:                0 1.2em 0 1.2em;
        border:                 1px solid gray;
        background-image:       url(bg_cap.png);
        background-repeat:      repeat-x;
        background-color:       #D4D0C8;
        color:                  #326396;
}

table.manage_editor th {
        text-align:             right;
        border-right:           2px solid silver;
        white-space:            nowrap;
}

table.manage_editor th,table.manage_editor td {
        padding-left:           0.5em;
        padding-right:          0.5em;
}

/*------------------------------------------------------------------*/
/* サイドメニュー */

div.sidemenu h1 {
	font-size:		100%;
	border:			1px solid silver;
	text-align:		center;
	background-image:	url(bg_cap.png);
	background-repeat:	repeat-x;
	color:			gray;
}

div.sidemenu a {
	display:		block;
	text-decoration:	none;
}

div.sidemenu span.nolink {
	display:		block;
}

div.sidemenu table {
	border-collapse:	collapse;
	border-spacing:		0;
	margin:			0 0 0 0;
	width: 			100%;
}

div.sidemenu tr:hover {
	background-color:	#ccffcc;
}

div.sidemenu td {
	padding:		2px 0 2px 0;
}

div.sidemenu div {
	margin:			0.5em 0 0.5em 0;
	text-align:		center;
}

div.sidebox {
	width:			11em;
	border:			1px solid silver;
	background-color:	#EEFFFF;
	margin-bottom:		0.5em;
	padding:		0.2em 0.5em 0.2em 0.5em;
}

div.searchbox {
	width:			11em;
	border:			1px solid silver;
	background-color:	#EEFFFF;
	margin-bottom:		0.5em;
	padding:		0.2em 0.5em 0.2em 0.5em;

	text-align:		center;
	background-image:	url(bg_cap.png);
	background-repeat:	repeat-x;
	background-color:	#D4D0C8;
	color:			gray;
}

div.banner {
	margin:			1em 0 1em 0;
	text-align:		center;
}

div.banner a {
	margin:			0 0.5em 0 0.5em;
}

/*------------------------------------------------------------------*/
/* メッセージボックス */

div.messagebox {
        font-size:              120%;
}

div.messagebox h1 {
	text-align:		center;
	border-bottom:		4px solid #94B5D6;
}

div.messagebox h3 {
        font-size:              120%;
        font-weight:            bold;
        text-align:             center;
        margin-top:             1.2em;
        padding:                0 1.2em 0 1.2em;
        border:                 1px solid gray;
        background-image:       url(bg_cap.png);
        background-repeat:      repeat-x;
        background-color:       #D4D0C8;
        color:                  #326396;
}

/*------------------------------------------------------------------*/
/* 情報枠 */

div.infobox {
        margin:                 1em 2em 1em 2em;
        padding:                0.5em 2em 0.5em 2em;
        -moz-box-shadow:        0px 0px 8px #888;  
        -webkit-box-shadow:     0px 0px 8px #888;
        box-shadow:             0px 0px 8px #888;
        -moz-border-radius:     5px;
        -webkit-border-radius:  5px;
        border-radius:          5px;
        background-color:       #eeeeee;
}

/*------------------------------------------------------------------*/
/* 警告枠 */

div.alartbox {
        margin:                 1em 2em 1em 2em;
        padding:                0.5em 2em 0.5em 2em;
        -moz-box-shadow:        0px 0px 8px #800;  
        -webkit-box-shadow:     0px 0px 8px #800;
        box-shadow:             0px 0px 8px #800;
        -moz-border-radius:     5px;
        -webkit-border-radius:  5px;
        border-radius:          5px;
        background-color:       #eecccc;
}

/*------------------------------------------------------------------*/
/* doc.php */

div.doc_body {
}

div.doc_body h1 {
	text-align:		center;
	border-bottom:		4px solid #94B5D6;
}

/*------------------------------------------------------------------*/
/* 標準見出し */

img.ctg_icon {
	vertical-align:		middle;
	margin:			0.1em 0.5em 0.1em 0;
}

div.para {
}

div.para div.title {
	padding-left:		0.5em;
	border-left:		8px solid #94B5D6;
}

/*------------------------------------------------------------------*/
/* 利用規約 */

div.contract {
}

div.contract h1 {
	text-align:		center;
	border-bottom:		4px solid #94B5D6;
}

ul.history {
	font-size:		80%;
	list-style:		none;
	line-height:		100%;
	text-align:		right;
}

ol.contract li {
	color:			blue;
}

ol.contract li li {
	color:			black;
}

/*------------------------------------------------------------------*/
/* カテゴリページ掲示板リスト */

div.bbslist {
}

div.bbslist div.title {
}

div.bbslist div.description {
        font-size:              80%;
}

/*------------------------------------------------------------------*/
/* ログ種別 */

.log_type_0 {
	color:			red;
}

.log_type_1 {
	color:			green;
}

.log_type_3 {
	color:			orange;
}

/*------------------------------------------------------------------*/
/* 記事一覧 */

table.list {

        margin-bottom:          1em;

        width:                  100%;

        border-collapse:        collapse;

}

table.list th {

        background-image:       url(bg_cap.png);
        background-repeat:      repeat-x;
        background-color:       #D4D0C8;
        color:                  #326396;

}

table.list th,
table.list td {

        border:                 1px solid gray;
        padding:                0.2em 0.5em 0.2em 0.5em;

}

table.list th.cmn_id    {  }
table.list th.cmn_reply { width: 5em; }
table.list th.cmn_title {  }
table.list th.cmn_name  { width: 10em; }
table.list th.cmn_time  { width: 12em; }

