body {
 font-family: "ＭＳ Ｐゴシック",Osaka,sans-serif;
 font-weight: 100;
 font-style: normal;
 color: #808080;
 /*background: #FFFFFF url(http://www.geocities.jp/happy_sontyo/rosea03z.gif) repeat ;*/
 background-color: #FFFFFF;
 background-image: url("http://www.geocities.jp/happy_sontyo/rosea03z.gif");
 background-repeat: repeat;
 background-attachment: ;
 letter-spacing: 0;
 word-wrap: break-word;
}

#body {
 margin: 10px;
 font-size: 11pt;
 display: block;
 background: Transparent;
 color: Inherit;
}

th,td {
 font-family: "ＭＳ Ｐゴシック",Osaka,sans-serif;
 color: #808080;
 font-size: 11pt;
}

small { font-size: 0.9em; }
big {
 font-size: 1.5em;
 font-weight: bold;
}

a {
 text-decoration: underline;
 word-wrap: break-word;
}
a:link { color: #0099FF; }
a:visited { color: #CC66FF; }
a:hover { color: #FF99CC; }
a:active { color: #FF99CC; }

#title {
 display: block;
 margin: 0;
 padding: 0;
 font-size: 2em;
 font-weight: bold;
 color: #FFCCFF;
 text-align: center;
}

#counter {
 display: block;
 width:auto;
 margin: 0;
 padding: 0;
 font-size: 0.9em;
 color: #FF00FF;
 text-align: center;
}

#navi_bar {
 display: block;
 width: 600px;
 border-color: #808080;
 border-style: solid none;
 border-width: 1px 0;
 padding: 4px 3px;
 text-align: center;
}

#bbsform {
 display: block;
 width: 600px;
 font-size: 1em;
 border: 5px solid #FFCCFF;
 background: #FFFFFF;
 color: #990066;
 padding: 0;
 text-align: center;
}

#bbsform td {
 color: #990066;
}

#bbsform2 {
 display: block;
 background: Transparent;
 color: Inherit;
 width: auto;
 padding: 1.5em;
 margin: 0;
}

input {
 line-height: 1em;
 font-size: 1em;
}

textarea {
 line-height: 1em;
}

input.radio {
 border-style: none;
}

select {
 font-size: 1em;
 line-height: 1.2em;
 padding: 2px;
 vertical-align: middle;
}

input.button {}

span.col1 { color: #FF00CC; }
span.col2 { color: #3366CC; }
span.col3 { color: #996699; }
span.col4 { color: #FF6600; }
span.col5 { color: #009999; }
span.col6 { color: #666633; }
span.col7 { color: #003366; }
span.col8 { color: #CC3366; }

div.topic {
 display: block;
 background: #FFFFFF;
 color: Inherit;
 border: 3px solid #9966CC;
 width: 600px;
 padding: 0;
 margin-top: 2em;
 margin-bottom: 2em;
/* text-align: right;*/
}

div.topic2 {
 display: block;
 width: 100%;
 background: Transparent;
 color: Inherit;
 padding: 0 0 1em 0;
 margin: 0;
}

div.res {
 display: block;
 margin-left: 10%;
 margin-top: 1em;
/* padding: 0 1em 0 0;*/
 padding: 0;
}

p.subj {
 display: block;
 clear: both;
 background: #EEEEEE;
 width: auto;
 margin: 0;
 padding: 0.5em 0.5em 0.5em 1.5em;
 text-align: left;
}

p.res_subj {
 display: block;
 clear: both;
 background: #EEEEEE;
 border-top: 3px solid #9966CC;
 width: auto;
 margin: 0;
 padding: 0.5em 0.5em 0.5em 1em;
 text-align: left;
}

span.subj {
 font-weight: bold;
 color: #FF00CC;
}

span.name {
 font-size: 0.9em;
 color: #9933CC;
}

p.date {
 display: block;
 text-align: right;
 margin: 0.2em 1.5em 0.5em 2em;
 font-size: 0.9em;
 color: #CC0099;
}

p.res_date {
 display: block;
 text-align: right;
/* margin: 0.2em 0.5em 0.5em 2em;*/
 margin: 0.2em 1.5em 0.5em 2em;
 font-size: 0.9em;
 color: #CC0099;
}

span.date {
 vertical-align: top;
}

.msg {
 clear: both;
 display: block;
 text-align: left;
 margin: 0 2em;
 vertical-align: middle;
}

span.lh12 {
 line-height: 1.2em;
}

.bbs_img {
 float: right;
 vertical-align: middle;
}

.bbs_icon {
 float: left;
 vertical-align: middle;
}

div.res_kes_form {
 display: block;
 clear: both;
 text-align: right;
 margin: 0.5em 1.5em 0.5em 0.5em;
}

div.kes_form {
 display: block;
 clear: both;
 text-align: right;
/* margin: 0.5em 0.5em 0.5em;*/
 margin: 0.5em 1.5em 0.5em 0.5em;
}

form.inline_button {
 display: inline;
}


#skin1 {
 width: 600px;
 background-color: #9966CC;
 border: 3px solid #9966CC;
 margin-top: 2em;
 margin-bottom: 2em;
}

tr.th {
 background-color: #EEEEEE;
}

tr.td {
 background-color: #FFFFFF;
}


ol#jlisting{
 width: 600px;
 margin: 10px auto;
 padding:0;
}

ol#jlisting li{
 margin:5px 10px;
 text-align:left;
 overflow:hidden;
}

ol#jlisting li h3{
 font-size:1em;
 height:1.2em;
 line-height:1.2em;
 padding:0;
 margin:0;
 white-space:nowrap;
}

ol#jlisting li h3 a{
 text-decoration:underline;
}

ol#jlisting li cite{
 display:block;
 color:#7EA400;
}

#change_mobile {
	position: relative;
	z-index: 1001;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 90px;
	background-color: rgb(160, 180, 198);
	border-top: 1px solid rgb(205, 213, 223);
	border-bottom: 1px solid rgb(46, 55, 68);
}

#change_mobile_body {
	text-align: center;
	position: absolute;
	width: 100%;
	padding-top: 7px;
}

