* {
	margin: 0px;
	padding: 0px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

#key_info_txt {
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 20px;
	padding-bottom: 5px;
	font-size: 12px;
}

#user_disp_txt {
	padding: 45px;
	font-size: 12px;
	text-align: right;
}

#login_menu {
	position: absolute;
	height: 250px;
	width: 400px;
	left: 50%;
	top: 50%;
	margin-top: -130px;
	margin-left: -200px;
	background-color: #FFFFFF;
	border: 1px solid #666666;
	font-size: 1.2em;
}
.login_h101 {
	height: 25px;
	width: 400px;
	font-size: 1px;
	background-image: url(../img/login_head.jpg);
	text-indent: -9999px;
}
.login_txt {
	padding: 15px;
	line-height: 150%;
}
body {
	font-size: 62.5%;
	color: #333333;
}
#login_menu td {
	padding: 10px;
	font-size: 12px;
}
#login_menu input {
	width: 200px;
	border: 1px solid #333333;
}
#login_menu .login_btn {
	width: auto;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
}
a {
	color: #333333;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
.login_txt2 {
	line-height: 150%;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}
.logintable {
}
#header {
	height: 61px;
	width: 100%;
	background-image: url(../img/main_hdline.jpg);
	background-repeat: repeat-x;
	padding-top: 5px;
}
.logo {
	height: 42px;
	width: 160px;
	background-image: url(../img/logo.png);
	text-indent: -9999px;
	margin-top: 9px;
	margin-left: 21px;
	float: left;
}
.status {
	height: 19px;
	background-image: url(../img/statusback.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 27px;
	padding-right: 15px;
	text-align: right;
	padding-top: 3px;
}
.status p {
	font-size: 1em;
	padding-top: 5px;
	float: left;
	width: 208px;
}
.status span {
	font-size: 1.2em;
	font-weight: bold;
	color: #000000;
}
.st_wrap {
	float: right;
	width: 100px;
}
.logoutbtn {
	padding-right: 15px;
	background-repeat: no-repeat;
	background-position: right top;
	height: 22px;
	text-align: right;
	padding-top: 8px;
}
.nav_back {
	background-image: url(../img/nav_back.jpg);
	height: 51px;
	width: 100%;
}
.nav_main {
	height: 51px;
	width: 100%;
	background-image: url(../img/mainmenu.jpg);
	background-repeat: no-repeat;
}

li {
	list-style-type: none;
}
.main_nav {
	height: 51px;
	margin-left: 140px;
	width:1200px;
}
.main_nav li {
	background-image: url(../img/m_nav_bg.jpg);
	height: 51px;
	float: left;
	width: 130px;
	text-align: center;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FFFFFF;
	border-left-color: #CCCCCC;
	font-size: 1.2em;
}
.main_nav a {
	height: 12px;
	width: 130px;
	padding-top: 19px;
	display: block;
	padding-bottom: 19px;
	text-decoration: none;
}
.main_nav a:hover {
	background-image: url(../img/m_nav_bg.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
}
#left_pain {
	float: left;
	width: 150px;
	padding-top: 20px;
	padding-right: 20px;
}
#left_pain h3 {
	font-size: 1.6em;
	font-weight: bold;
	text-align: center;
}
.left_menu {
	background-image: url(../img/left_menu_bg.jpg);
	padding: 15px;
}
.left_menu li {
	font-size: 1.2em;
	background-color: #FFFFFF;
	height: 30px;
	width: 120px;
	text-align: center;
	margin-top: 10px;
}
.left_menu a {
	display: block;
	height: 12px;
	width: 120px;
	padding-top: 9px;
	padding-bottom: 9px;
	text-decoration: none;
}
.left_menu a:hover {
	background-color: #FFEBC1;
}
#right_pain {
	width: auto;
	margin-left: 180px;
	padding-top: 30px;
	padding-right: 30px;
	font-size: 1.2em;
}
h2 {
	font-size: 1.6em;
	border-bottom-width: 1px;
	border-left-width: 5px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #66667E;
	border-left-color: #66667E;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin-bottom: 10px;
}
.logoutbtn input {
	font-size: 12px;
}
input {
	cursor: pointer;
}
.status input {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-image: url(../img/main_hdline.jpg);
}

.debug_msg {
	
}

#plus
{
    border: 1px solid #FFFFFF;
}

table#dbg
{
    border-color: #c0c0c0;
    border-collapse: collapse;
    width: 98%;
}

table#normal
{
    border: 1px solid #FFFFFF;
    width:100%;
    border-color: #66667E;
    border-collapse: collapse;
    margin: 5 5 5 5;
    padding: 10 10 10 10;
}
#normal th
{
    border: 1px solid #FFFFFF;
    background-color: #CCCCCC;
    text-align: center;
    padding: 5px;
}

#normal td
{
    border: 1px solid #CCCCCC;
    padding: 5px;
    text-align: left;
	word-break: break-all;
}

#normal td.c
{
    text-align: center;
}

#normal td.r
{
    text-align: right;
}

#normal td.g
{
    background-color: #F0F0F0;
}

#normal td.red
{
    background-color: #FF66CC;
}

#normal textarea
{
    width: 99%;
    height: 12em;
}

#normal input.fname
{
    width: 99%;
}

#normal textbox.r
{
    align: right;
}

#normal td.id,
#normal th.id {
    width:3em;
}
#normal td.date,
#normal th.date {
    width:5em;
}
#normal td.datetime,
#normal th.datetime {
    width:9em;
}
#normal td.btn,
#normal th.btn {
    width:4em;
}

#normal textarea {
    width:99%;
    height:4em;
    padding:2px;
}

#normal input {
    margin-left:2px;
    margin-right:2px;
    width:95%;
    padding:2px;
}

#normal .btn input {
    height:100%;
}

button.news_edit {
    float:right;
    display:inline-block;
    width:auto;
    padding:5px;
    margin-bottom:0.5em;
}

#news_add_form {
    display:none;
}



/*  カウンター部分  */
.count {
    font-size:80%;
    color:#707070; 
    font-family:Osaka,Verdana,Tahoma;
}

/*  各記事のメッセージ部分  */
.comment {
    color:#2f4f4f;
}

/*  各記事の名前部分  */
.name {
    color:#228b22;
}

/*  各記事の名前部分の背景色  */
.name_bg {
    background:#cee8f0;
    color:#191970;
}

/*  各記事の修正フォームがある部分  */
.down {
    background:#cee8f0;
    color:#191970;
}

/*  メインテーブル部分  */
table.main {
    border :solid 1px #3399ff;
    background:#ffffff;
    border-collapse:collapse;
}

table.main td {
    border-bottom: solid 1px #3399ff;
}

/*  エラー表示部分  */
.error {
    color:#ff0000;
}

/*  チェックモード部分のOKの場合  */
.check_ok {
    color:#0000ff;
    text-align:center;
}

/*  チェックモード部分のNGの場合  */
.check_ng {
    color:#ff0000;
    text-align:center;
}

/*  詳細表示部分のテーブル  */
.table.viewmain {
    border :solid 1px #3399ff;
    border-collapse:collapse;
    background:#ffffff;
}

/*  スレッド一覧表示のメイン記事の名前を表示する部分(スレッド)  */
.mainsub {
    background:#4169e1;
    color:#ffffff;
}

/*  スレッド一覧表示のぶら下がる記事の名前を表示する部分(スレッド)  */
.ressub {
    background:#98baf3;
    color:#ffffff;
}

/*  メインテーブル部分(リスト)  */
table.list {
    border-collapse:collapse;
}

table.list td {
    border-bottom: solid 1px #c0c0c0;
}

/*  メインテーブル部分(スレッド)  */
table.thread {
    border:solid 1px #c0c0c0;
    border-collapse:collapse;
}

table.thread td {
    border-bottom: solid 1px #c0c0c0;
}

/*  メイン記事の表示部分(リスト)  */
.listtop {
    background:#d7e4ff;
}

/*  詳細表示時のカテゴリ名表示部分(カテゴリ1) */
.cat1 {
    color:#006400;
}

/*  詳細表示時のカテゴリ名表示部分(カテゴリ2) */
.cat2 {
    color:#38a968;
    font-weight:bold;
}

/*  ぶら下がる記事の表示部分(リスト)  */
.listres {
    background:#ffffff;
}

/*  選択されている記事の表示部分(リスト)  */
.listnow {
    background:#d4f1e0;
}

/*  題名とかお名前とかの列名を表示する部分(リスト)  */
.listsub {
    background:#98baf3;
    color:#ffffff    }

/*  引用部分(リスト表示)  */
.qt {
    color:#00a4a4;
}

/*  小さい文字部分  */
.small {
    font-size:80%;
}

*:first-child+html td.small {
    font-size:75%;
}

/*  奇数列目のスレッド  */
.thread1 {
    background:#ffffff;
}

/*  偶数列目のスレッド  */
.thread2 {
    background:#d0f3ff;
}

/*  題名とかお名前とかの列名を表示する部分(スレッド)  */
.threadsub {
    background:#98baf3;
    color:#ffffff
}

/*  検索結果表示テーブル部分  */
table.search {
    border:double 3px #c0c0c0;
    border-collapse:collapse;
}

table.search td {
    border: double 3px #c0c0c0;
}

/*  検索結果にヒットした部分  */
.res_color {
    background:#ffff00;
    font-weight:bold;
}

/*  Newの文字部分  */
.new {
    color:#ff8500;
}

/*  Editの文字部分  */
.edit {
    color:#008500;
}

/*  解決済みの文字部分  */
.solve {
    color:#ff8500;
}

/*  more表示部分(リスト表示)  */
.morebg {
    background:#e0ffff;
}

/*  more表示部分の時間表示部分(リスト表示)  */
.more_date {
    color:#0000ff;
}

/*  検索画面のタイトルリンク部分  */
.mainsub a:link,
.mainsub a:visited,
.mainsub a:active {
    color: #ffff9d;
}

.mainsub a {
        text-decoration:underline;
}

.mainsub a:hover {
    color:#f4a460; 
    text-decoration:underline;
}


/*  注意文  */
.att {
    color:#ff0000;
    font-weight:bolder;
}

/*  フッタ部分  */
.footer {
        font-size:90%;
        text-align:center;
}

/*  管理画面で使用  */
.del {
    background:#dfdfdf;
}

.link_under {
    border-bottom:1px solid #797979;
}

.link_under_sub {
    border-bottom:1px solid #797979;
    border-left:1px solid #797979;
}

.link_under_top {
    border-bottom:3px double #008b8b;
}

.select {
    background:#ffee9d;
}

.red {
    color:#ff0000;
}

.blue {
    color:#0000ff;
}

.sel_col1 {
    background: #e3ffff;
}

.sel_col2 {
    background: #fff;
}

.form_all_table {
    border:1px solid #c0c0c0;
    border-collapse:collapse;
}

.form_all_table td {
    border:1px solid #c0c0c0;
}

.form_edit_table {
    border:1px solid #c0c0c0;
}

.form_all_table_menu {
    background:#6495ed;
    color:#fff;
}

.form_all_table_menu_top {
    background:#4682b4;
    color:#fff;
}

.form_edit_table a:link,
.form_edit_table a:visited,
.form_edit_table a:active {
    color: #ff0000;
}

.form_edit_table a {
        text-decoration:underline;
        font-weight:bold;
}

.form_edit_table a:hover {
    color:#0000ff; 
    text-decoration:underline;
}

.bold {
        font-weight:bold;
}

/* how to */
table.howto {
    background:#fff;
    border:1px solid #c0c0c0;
    line-height:2;
}

.howto_title {
    font-size:120%;
    padding:10px 0 0 0;
    text-decoration:underline;
}

.cubettl{
border-style: solid;
border-width: 1px;
border-color: #000000;
color:#000000;
padding:2px;
}

/*Safariのみ見え方が異なるため、ハックで調整*/
body:last-child:not(:root:root) .cubettl {
padding-top:0px;
padding-bottom:1px;
}