@charset "utf-8";
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #FFFFFF;
	background-image:url(./topimg/dot_16.gif);
	margin: 0;
	padding: 0;
	color: #000000;
}

HTML {
        SCROLLBAR-FACE-COLOR: #ffffff; 
        SCROLLBAR-HIGHLIGHT-COLOR: #cccccc;
        SCROLLBAR-SHADOW-COLOR: #cccccc; 
        SCROLLBAR-3DLIGHT-COLOR: #cccccc; 
        SCROLLBAR-ARROW-COLOR: #333333; 
        SCROLLBAR-TRACK-COLOR: #ffffff; 
        SCROLLBAR-DARKSHADOW-COLOR: #cccccc;                   
        SCROLLBAR-BASE-COLOR: #cccccc;
}

A:link {COLOR: #336699; font-weight: bold; font-size: +1; TEXT-DECORATION: none;}
A:visited {COLOR: #336699; font-weight: bold; font-size: +1; TEXT-DECORATION: none;}
A:active {COLOR: #669933; font-weight: bold; font-size: +1; TEXT-DECORATION: none;}
A:hover {COLOR: #669933; font-weight: bold; font-size: +1; TEXT-DECORATION: underline;}



img { border-style:none; } 

a img { border-style:none; } 

#container { 
	width: 940px;
	background: #FFFFFF;
	text-align: left;
	paddeing: 0 2px 0 2px;
}

#header {
	background: #FFFFFF;
	margin: 1px 0 0 0; 
}

#sidebar1 {
	float: right; 
	width: 310px;
	background: #FFFFFF;
	padding: 0;
	margin: 0; 
}

#mainContent {
	margin: 0 320px 0 0;
	background-color: #FFFFFF;
	padding: 0;
} 

#footer { 
	background: #FFFFFF;
	font-size: 10px;
	color:#000000;
	/*padding: 5px 10px;*/
	margin: 40px 0 0 0;
}

table#table-01 {
    /* width: 510px; */
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
}

table#table-01 th {
    width: 60px;
    padding: 1px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    background: #FFFFFF;
    font-weight: bold;
    line-height: 105%;
    text-align: center;
    /* white-space: nowrap; */
}
table#table-01 td {
    padding: 1px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    text-align: center;
    /* white-space: nowrap; */
}

/* 再使用できる各種クラス */

.contenttitle { /* コンテンツのタイトル画像を入れる */
	margin: 10px 0 0 5px;
	height: 40px;
}

.new {
	color: #ffffff; background-color: #e47d00; text-align: left; 
	padding-left: 2px; padding-right: 2px;
}

.newmark {
	color: #ffffff; background-color: #e47d00; text-align: left; 
	font-size: 12px; font-weight: bold;
	padding-left: 2px; padding-right: 2px;
}

.topiccontext {
	width: 585px;
	height: 250px;
	margin-top: 1px;
	border: 1px solid #E6E6E6;
	overflow:scroll;
}
.topicin {
	width: 545px;
	font-size: 12px;
	margin: 5px 0 5px 10px;
}
.topicstittle {
	background-color: #f0f0f0;
	width: 100%;
	padding: 2px 2px 2px 5px;
	font-weight: bold;
}

.topics {
	line-height: 1.4em;
	margin: 2px 5px 2px 15px;
}

.context {
	font-size: 12px;
	padding: 10px 15px 5px 15px;
	line-height: 1.4em;
	margin-top: 1px;
	border: 1px solid #E6E6E6;
}
.context2 {
	font-size: 12px;
	color: #000000;
	font-weight: normal;
	padding: 2px 10px 3px 20px;
	line-height: 1.4em;
}
.midasi {
	font-size: 14px;
	font-weight: bold;
}
.midasi2 {
	font-size: 12px;
	font-weight: bold;
	margin:　5px 0 5px 15px;
}
.center {
	text-align: center;
	margin: 0 0 10px 0;
	padding-top: 10px;
}

.yoyaku {
	background-color: #333333;
	color: #FFFFFF;
	text-align: right;
	vertical-align: middle;
	font-size: 12px;
	padding: 2px 20px 2px 2px;
	margin-top: 2px;
}
.mp3 {
	margin: 1px 4px 1px 4px;
	background-color:#000000;
	border: 1px solid #000000;
}
.mp3title {
	background-color:#CC0000;
	text-align: center;
	font-size: 11px;
	color: #FFFFFF;
	padding: 2px 2px 2px 2px;
	border: 1px solid #000000;
}
.mp3comment {
	background-color: #E6E6E6;
	font-size: 10px;
	color: #000000;
	padding: 2px 5px 2px 5px;
	border: 1px solid #000000;
}
.mp3out {
	background-color: #CC0000;
	text-align: center;
	padding: 0;
	margin: 0;
}
.members {
	margin-top: 1px;
	padding: 4px 3px 5px 3px;
	font-size: 10px;
	color: #FFFFFF;
	border: 1px solid #E6E6E6;
}
.pp {
	margin: 0 0 10px 0;
}

.clearfloat {
	clear:both;
    	height:0;
    	font-size: 1px;
    	line-height: 0px;
}

.count {
	color: #FFFFFF;
	font-size: 10;
	text-align: left;
}