@charset "utf-8";
@import "./import/user_classes.css";

/*
Structural Tree

0)html
  1)body
    2)div#header
      p#logo
        a
          img
      p.topic-path
        a
        span.current
      p#alternate-documents
+       a#notifier (2005/6/26)
+       a#search (2005/6/26)
-       span.mobile
-       span.rss

    2)div#content
      h1
      3)div#utilities
        h2
        4)div#main-menu .section
          h3
          ul
            li
              a
        4)div#board-list .section
          h3
          ul
            li
              a
                span.entry-count
            li
              a.active
                span.entry-count
                ul
                  li
                    a | a.current
                      span.entry-count
      3)div#main-view
        4)div.section
          h2

    2)div#footer
      p.topic-path
        a
        span.current
*/

/*----------------------------------------------------
 Main Structure
-----------------------------------------------------*/
html {
	margin : 0;
	padding : 0;
}
body {
	margin : 0 0 10px 0;
	padding : 0;
	background : url(../img/style1/body.png) repeat-y top left #d2d6d5;
	color : #333333;
	font-family : "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
body.general_form #main-view {
	background : url(../img/style1/logo-rmt.gif) no-repeat 50px 200px white;
}

/*----------------------------------------------------
 First Level Childlen of the Body
-----------------------------------------------------*/
div#header {
	height : 64px; /* height of logo */
	_height : 66px;
	border-top : #f5f5f5 2px solid;
	margin-left : 207px;
	padding : 0 6px 0 4px;
	background : url(../img/style1/header-bottom.png) repeat-x bottom left whitesmoke;
}
div#content {
	background : url(../img/style1/view-bg.png) repeat-x top left transparent;
	margin-left : 207px;
	padding : 4px 7px 0 5px;
}
div#footer {
	margin : 6px 6px 0 213px;
	padding : 6px 6px 0 12px;
	background : url(../img/style1/footer-bg.gif) no-repeat top left whitesmoke;
	border-right : 1px solid #778899;
	border-bottom : 1px solid #778899;
}

/*----------------------------------------------------
 First Level Childlen of div#content
-----------------------------------------------------*/
div#utilities {
	background : url(../img/style1/utilities-end.png) no-repeat left bottom transparent;
	padding-bottom : 11px;
	width : 168px;
	position : absolute;
	left : 24px;
	top : 55px;
}
div#main-view {
	margin : 0;
	padding : 1px 1em 1em 1em;
	background-color : white;
	border-top : 1px solid white;
	border-right : 1px solid #778899;
	border-bottom : 1px solid #778899;
}

h1 {
	margin : 0;
	padding: 0.5em 1em 0.35em 0.6em;
	line-height : 1;
	border-right : 1px solid #778899;
	background : url(../img/style1/h1-bg.gif) top left white no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	color : #cccccc;
	font-size: 140%;
}

/*----------------------------------------------------
 Childlen of div#utilities
-----------------------------------------------------*/
#utilities h2 {
	display: none;
}
#utilities h3 {
	margin : 0;
	padding : 20px 0 10px 22px;
	color : #333333;
	font-family : Verdana,Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight : normal;
}
#board-list h3 {
	background : url(../img/style1/utilities-section-heading.png) no-repeat 0 0 transparent;
}
#main-menu h3 {
	padding-top : 15px;
	background : url(../img/style1/utilities-section-top.png) no-repeat 0 0 transparent;
}

#board-list h3 a {
	margin : 0;
	padding : 0;
	border : none;
}
#board-list h3 a:hover,
#board-list h3 a:link,
#board-list h3 a:visited {
	background-color : transparent;
}
#board-list h3 a.more {
	background : url(../img/style1/more.png) no-repeat 121px 2px transparent;
}

#board-list li a.more,
#board-list li span.more {
	background : url(../img/style1/more.png) no-repeat 133px 5px transparent;
	cursor : pointer;
}
#board-list li a.spread,
#board-list li span.spread {
	background : url(../img/style1/more1.png) no-repeat 5px 5px #fdfdfd;
	padding-left : 25px !important;
	cursor : pointer;
}

#utilities .section {
	background-image: url(../img/style1/utilities-section.png);
	background-repeat: repeat-y;
	margin: 0;
}

#utilities ul {
	list-style-type : none;
	margin : 0 0 0 11px;
	padding : 0;
	width : 152px;
}
#utilities li {
	line-height : 1.19;
	_line-height : 1.1;
	margin : 0;
	padding : 0;
	display : inline;
}
#utilities li ul {
	margin : 0 0 0 15px;
	width : 132px;
}

#utilities a,
#board-list li span.spread,
#board-list li span.active {
	display : block;
	_position : relative;
	margin : 0;
	padding : 4px 0 4px 15px;
	_padding : 5px 0 4px 15px;
	color : #333333;
	text-decoration : none;
	border-top : 1px solid white;
	border-bottom : 1px solid #e0e0e0;
	cursor : pointer;
}

#utilities a:hover {
	background-color : white;
	color : black;
}
#utilities a.active,
#utilities span.active {
	background : url(../img/style1/arrow.gif) no-repeat 0.4em 0.7em white;
}
#utilities a.current {
	background : url(../img/style1/potti4.gif) no-repeat 0.3em 0.3em #e1e1e1;
}
#utilities li li a {
	color : #52617a;
	background : url(../img/style1/potti2.gif) no-repeat 0.3em 0.3em transparent;
}

.entry-count {
	color : #696969;
	font-size : 80%;
	letter-spacing : 1px;
	font-family : Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

/*----------------------------------------------------
 Childlen of Header and Footer
-----------------------------------------------------*/
p.topic-path {
	margin : 6px 0 0 0;
	padding : 4px 5px;
	font-size : 12px;
	background-color : white;
	border : 1px solid #a4a4a4;
	line-height : 1.2;
}
#footer p.topic-path {
	margin-right : 6px;
	padding : 4px 5px 5px 5px;
}
p#alternate-documents {
	font-size : 12px;
	margin : 5px 0 0 0;
	padding-top : 4px;
	border-top : 1px solid #dcdcdc;
	color: #A9A9A9;
}
#alternate-documents a {
	background-image : url(../img/style1/tool-head.gif);
	background-repeat : no-repeat;
	padding-left : 10px;
	color: #4f617b;	
	border : none;
	text-decoration : none;
}
a#notifier {
	color : #ff4500;
}
/*-- title logo image --*/
p#logo {
	position : absolute; 
	top : 0;
	left : 16px;
	margin : 0;
}
p#logo a {
	border : none;
}

/*----------------------------------------------------
 Fix Font Size
-----------------------------------------------------*/
p, li, dt, dd, table, address {
	font-size: 80%;
}
li li, li dd, li dt, li p,
dd li, dd dd, dd dt, dd p,
table p, table li, table dd, table dt {
	font-size: 100%;
}

/*----------------------------------------------------
 Block Level Elements
-----------------------------------------------------*/
p {
	margin : 0.8em auto;
	line-height : 1.4;
}
address {
	color : #666666;
	font-style : normal;
	text-align : right;
	margin : 0.5em 0;
}
div#message,
div.attention {
	padding : 0 0.5em 0 24px;
	margin : 1em 0.5em;
	border : solid 2px whitesmoke;
	background : url(../img/style1/attention.png) transparent no-repeat 5px 10px;
}
/*-----------------
 Headings
-----------------*/
h2 {
	font-size : 90%;
	color : #006699;
	background : url(../img/style1/arrow.gif) no-repeat left center transparent;
	padding-left : 0.8em;
	margin : 1.7em 0 0 0;
}
h3 {
	margin : 1.7em 0 0 0;
	background : url(../img/style1/arrow.gif) no-repeat 0 0.4em transparent;
	padding-left : 0.8em;
	font-size : 80%;
}
h4 {
	font-size: 80%;
	margin : 1.5em 0 0 0;
	color : #465255;
	letter-spacing : 1px;
	line-height : 1.2;
}

/*----------------------------------------------------
 Lists
-----------------------------------------------------*/
ul  {
	margin : 0.5em 1em;
	padding : 0 1em;
	list-style-image : url(../img/style1/potti2.gif) ;
}
li {
	margin-bottom : 0.5em;
}
ol li {
/*	color : #0b2a4a; */
	margin-top : 0.5em;
	margin-bottom : 0.5em;
}
dt {
	color : green;
	margin-bottom : 0.5em;
}
dd {
	margin : 0 0 0.5em 1em;
}

.oneline dt {
	width : 6em;
	text-align : right;
	margin : 0;
	padding : 0;
	float : left;
	clear : left;
}

.oneline dd {
	padding :  0 0 0.7em 15px;
	margin : 0 0 0 6em;
	clear : right;
	background : white;
}

.oneline-long dt {
	width : 10em;
	text-align : right;
	margin : 0;
	padding : 0;
	float : left;
	clear : left;
}

.oneline-long dd {
	padding :  0 0 0.7em 15px;
	margin : 0 0 0 10em;
	clear : right;
	background : white;
}

/*----------------------------------------------------
 Text Elements
-----------------------------------------------------*/
em {
	font-style : normal;
	color : orangered;
}
img {
	border : none;
}

/*----------------------------------------------------
 Form Elements
-----------------------------------------------------*/
form {
	margin : 0;
	padding : 0;
}
textarea {
	font-family : "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size : 14px;
	width : 30em;
	line-height : 1.0;
	overflow : auto;
}
dd input {
	padding : 2px 2px 3px 2px;
}

.note {
	margin : 0 0 0.7em 0;
	color : #506060;
}
.submit {
	text-align : center;
	margin : 2em 1em 2em 0;
}
.require {
	color : #addd5e;
	font-size : 120%;
	font-weight : bold;
}

.need_check {
	background : #f9ffee;
}

.button,
a.button:hover,
a.button:link,
a.button:visited {
	background: #ffffff url(../img/style1/bg-btn.png) repeat-x 0 0;
	padding: 4px 15px 5px 15px;
	_padding: 4px 15px 4px 15px;

	font-family: "Verdana";
	font-size: 12px;
	line-height: 20px important;

	color: #333333;
	text-shadow: 1px 1px 0 #ffffff;
	border: solid 1px #c1c1c1;
	border-bottom-color: #a3a3a3;

	width: auto;
	margin: 0 5px 0 0;
	overflow: visible;

	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;

	cursor:pointer;
}
.button-small {
	padding: 2px 7px 3px 6px;
	_padding: 2px 7px 2px 6px;
}

/*----------------------------------------------------
 Anchors
-----------------------------------------------------*/
a:link {
	color : #0066FF;
	text-decoration : none;
	border-bottom : 1px solid green;
}
a:visited {
	color : #006699;
	text-decoration : none;
	border-bottom : 1px solid green;
}
a:hover {
	color : #3298cb;
	border-bottom : 1px solid #7CFC00;
}
a img {
	border : none !important;
}

.topic-path a:link,
.topic-path a:visited {
	color : #006699;
}
.topic-path a:hover {
	color : green;
}
.topic-path .current {
	color : #C71585;
}

/*----------------------------------------------------
 Additional Info
-----------------------------------------------------*/
div.additional-info {
	clear : both;
	color : white;
}

.admin-command {
	color : dimgray;
	font-family : 'Lucida Console', monospace;
	font-size : 11px;
	text-align : right;
}
.admin-command a:link,
.admin-command a:visited {
	color : dimgray;
	border-color : dimgray;
}