@charset "utf-8";

form.login_form{
}
form.login_form table{
	width:100%;
}
form.login_form p.login_form_message{
	color:red;
}
form.login_form .login_form_button{
	text-align:right;
}

form.logout_form span.id{
	color:green;
}

#content #right .login_form table th{
	white-space:nowrap;
}
#content #right .login_form table td input.textbox{
	width:90px;
}


body{
	margin:0px;
	padding:0px;
	text-align:center;
	background-color:#eaeaea;
}

#wrapper{
	width:960px;
	margin:0px auto;
	text-align:left;
}

#header{
	border-bottom:2px solid #0071E4;
	background-color:white;
	margin-bottom:10px;
}
#header #header_logo{
	width:960px;
	margin:0px auto;
	text-align:left;
}
#footer{
	border-top:2px solid #0071E4;
	background-color:white;
	margin-top:10px;
}
#footer p{
	padding:50px;
	margin:0px;
}
h1{
	font-size:12px;
	font-weight:normal;
	padding:0px;
	margin:0px;
	margin-bottom:10px;
}
#banner_header{
	margin-bottom:5px;
}
#content{
}

#content #main_left{
	float:left;
	width:735px;
}

#content #main{
	float:right;
	width:580px;
}
#content #left{
	float:left;
	width:140px;
	font-size:12px;
}
#content #right{
	float:right;
	width:210px;
	font-size:12px;
}



#content #left h3{
	color:#ffffff;
	background-color:#80AAFF;
	padding:5px 10px;
	font-size:14px;
	font-weight:bold;
	border-radius: 6px 6px 0px 0px;
	-webkit-border-radius: 6px 6px 0px 0px;
	-moz-border-radius: 6px 6px 0px 0px;
	box-shadow: 2px 2px 3px #aaaaaa;
	-moz-box-shadow: 2px 2px 3px #aaaaaa;
	-webkit-box-shadow: 2px 2px 3px #aaaaaa;
}

#content #left .area{
	background-color:#fafafa;
	padding:8px;
	margin-bottom:20px;
	border-radius: 0px 0px 6px 6px;
	-webkit-border-radius: 0px 0px 6px 6px;
	-moz-border-radius: 0px 0px 6px 6px;
	box-shadow: 2px 2px 3px #aaaaaa;
	-moz-box-shadow: 2px 2px 3px #aaaaaa;
	-webkit-box-shadow: 2px 2px 3px #aaaaaa;
}


#content #left ul{
	list-style:none;
	margin:0px;
	padding:0px;
}
#content #left ul li{
	margin-left:10px;
	padding:0px;
	margin-bottom:10px;
}

/*
 *4 banner_right_top
 */
#content #right #banner_right_top{
	border:solid 5px #aaaaaa;
	margin-bottom:20px;
	border-radius: 6px 6px 6px 6px;
	-webkit-border-radius: 6px 6px 6px 6px;
	-moz-border-radius: 6px 6px 6px 6px;
	box-shadow: 2px 2px 3px #aaaaaa;
	-moz-box-shadow: 2px 2px 3px #aaaaaa;
	-webkit-box-shadow: 2px 2px 3px #aaaaaa;
}

#content #main.thread{
	
}

#content #main.thread h2{
	font-size:32px;
}


#content #main div.thread{
	border:solid 1px #aaaaaa;
	margin-bottom:20px;
	background-color:white;
	padding:15px;
}
#content #main div.thread h3{
	background-color:#eaeaea;
}

#content #main dl.thread_list{
}
#content #main dl.thread_list dt{
	margin:0px;
	padding:5px 8px;
	background-color:#FAEBD7;
	border-left:solid 12px #DEB887;
	border-bottom:solid 1px #DEB887;
	border-radius: 0px 6px 0px 0px;
	-webkit-border-radius: 0px 6px 0px 0px;
	-moz-border-radius: 0px 6px 0px 0px;
}
#content #main dl.thread_list dd{
	margin:0px;
	padding:8px 8px 16px 24px;
	line-height:1.2em;
	border-radius: 0px 0px 6px 6px;
	-webkit-border-radius: 0px 0px 6px 6px;
	-moz-border-radius: 0px 0px 6px 6px;
}
#content #main dl.thread_list dd div.info{
	text-align:right;
	color:#666666;
	font-size:12px;
}
#content #main dl.thread_list dt.maker{
	background-color:#BFF1FF;
	color:#000000;
	border-left:solid 12px #6495ED;
	border-bottom:solid 1px #6495ED;
}
#content #main dl.thread_list dd.maker{
	background-color:#BFF1FF;
	color:#000000;
}

/*
 *1 topic_path
 */
ul.topic_path{
	list-style:none;
	font-size:12px;
	margin:5px 0px 0px 10px;
	padding:0px;
}
ul.topic_path li{
	float:left;
	padding:3px 5px;
	margin:0px;
}
ul.topic_path li span,
ul.topic_path li a{
	margin-left:5px;
}
ul.topic_path li span{
	font-weight:bold;
	color:gray;
}
/*
 *1 paging
 */
.paging{
	margin:10px 0px;
	padding:5px 0px;
	list-style:none;
	border:solid 0px silver;
	border-top-width:1px;
	border-bottom-width:1px;
}
.paging li{
	float:left;
	margin:0px;
	padding:0px;
	padding:0px 5px;
}
/*
.paging li{
	display:inline;
	margin:0px;
	padding:0px;
	padding:0px 5px;
}
*/
.paging li a{
	
}
.paging li.asc{
	
}
.paging li.desc{
	
}
.paging li.current{
	background-color:orange;
}


/*
 *1 main_title
 */
#main .main_title{
	background-color:#0071E4;
	font-size:20px;
	font-weight:bold;
	color:white;
	padding:10px 20px;
	margin:0px;
	border-radius: 6px 6px 0px 0px;
	-webkit-border-radius: 6px 6px 0px 0px;
	-moz-border-radius: 6px 6px 0px 0px;
	box-shadow: 2px 2px 3px #aaaaaa;
	-moz-box-shadow: 2px 2px 3px #aaaaaa;
	-webkit-box-shadow: 2px 2px 3px #aaaaaa;
}
/*
 *1 main_area
 */
#main .main_area{
	background-color:white;
	padding:15px;
	margin:0px 0px 20px 0px;
	border-radius: 6px 6px 6px 6px;
	-webkit-border-radius: 6px 6px 6px 6px;
	-moz-border-radius: 6px 6px 6px 6px;
	box-shadow: 2px 2px 3px #aaaaaa;
	-moz-box-shadow: 2px 2px 3px #aaaaaa;
	-webkit-box-shadow: 2px 2px 3px #aaaaaa;
}
/*
 *1 main_area_title_bottom
 */
#main .main_area_title_bottom{
	background-color:white;
	padding:15px;
	margin:0px 0px 20px 0px;
	border-radius: 0px 0px 6px 6px;
	-webkit-border-radius: 0px 0px 6px 6px;
	-moz-border-radius: 0px 0px 6px 6px;
	box-shadow: 2px 2px 3px #aaaaaa;
	-moz-box-shadow: 2px 2px 3px #aaaaaa;
	-webkit-box-shadow: 2px 2px 3px #aaaaaa;
}
/*
 *1 sub_title
 */
#main .sub_title{
	background-color:#80AAFF;
	font-size:20px;
	font-weight:bold;
	color:white;
	padding:10px 20px;
	margin:0px;
	border-radius: 6px 6px 0px 0px;
	-webkit-border-radius: 6px 6px 0px 0px;
	-moz-border-radius: 6px 6px 0px 0px;
	box-shadow: 2px 2px 3px #aaaaaa;
	-moz-box-shadow: 2px 2px 3px #aaaaaa;
	-webkit-box-shadow: 2px 2px 3px #aaaaaa;
}

/*
 *2 bbs_list
 */
/*
 *3 .res
 */
.bbs_list .res{
}
.bbs_list .res .info{
	margin-bottom:8px;
}
.bbs_list .res .info span{
	margin:0px 8px 0px 0px;
}

.bbs_list .res .note{
	line-height:1.5em;
	padding-left:50px;
	padding-bottom:10px;
}
.bbs_list .res .note .id_date{
	text-align:right;
}

/*
 *2 �ԐM�֘A
 */
.bbs_list .res .commands{
	visibility:hidden;
	/*
	position:absolute;
	bottom:0px;
	right:0px;
	*/
	text-align:right;
	padding-right:10px;
	padding-bottom:10px;
}
.bbs_list .res .commands input{
	margin-left:10px;
}
/*
.bbs_list .res .note input.button_res{
}
*/
.bbs_list .res div.res_edit{
	display:none;
}
.bbs_list .res div.res_edit form{
	padding-left:5px;
}
.bbs_list .res div.res_edit form h4{
	background-color:#80AAFF;
	padding:3px 5px;
	width:150px;
	color:white;
	margin-bottom:2px;
}
.bbs_list .res div.res_edit form label{
	font-size:12px;
}
.bbs_list .res div.res_edit form h4 span{
	font-weight:normal;
	margin-left:10px;
	font-size:12px;
	color:red;
}
.bbs_list .res div.res_edit form textarea.res_body{
	width:536px;
	height:200px;
	font-size:14px;
	overflow:auto;
}

.bbs_list .res div.res_edit form .res_info{
	margin-top:10px;
}
.bbs_list .res div.res_edit form .area{
	margin-bottom:10px;
}
.bbs_list .res div.res_edit form .res_left{
	width:180px;
}
.bbs_list .res div.res_edit form .res_buttons{
	position:absolute;
	top:10px;
	left:250px;
}
.bbs_list .res div.res_edit form .res_buttons input{
	display:block;
	margin-bottom:15px;
	width:180px;
}

/*
 *2 .info_style
 */
#main .info_style{
	background-color:#FFFACD;
}

/*
 *2 #main form
 */
#main form dl dt{
	color:#333333;
}
#main form dl dt span{
	margin-left:10px;
	font-size:12px;
	font-weight:normal;
	color:blue;
}
#main form dl dd div.attention{
	font-size:12px;
	color:blue;
}
#main form.confirm dl dd{
	background-color:#ffcccc;
	padding:8px;
	line-height:1.5em;
}
#main .decision{
	
}
#main .decision h3{
	margin-bottom:20px;
}
#main .decision h4{
	margin-top:20px;
}
#main .decision ul.threads{
	list-style:none;
}
#main .decision ul.threads li{
	padding:5px 0px;
}

/*
 *2 myid_list
 */
.myid_list{
	
}
.myid_list h3.category_name{
	background-color : #8CBDF0;
	margin-bottom:10px;
	font-size:14px;
	font-weight:bold;
	padding:5px;
	margin:0px;
}
.myid_list ul.threads{
	list-style:none;
}
.myid_list ul.threads li{
	padding:3px 0px;
}
.myid_list ul.threads li a:link{
	color:blue;
}
.myid_list ul.threads li a:visited{
	color:#800080;
}
.myid_list ul.threads li a:hover{
	color:red;
}
.myid_list ul.threads li a:active{
	color:orange;
}

/*
 *2 widget
 */
.widget{
	margin:0px;
	padding:0px;
	padding-bottom:20px;
}
.widget .title{
	color:#ffffff;
	background-color:#80AAFF;
	margin:0px;
	padding:5px 10px;
	font-size:14px;
	font-weight:bold;
	border-radius: 6px 6px 0px 0px;
	-webkit-border-radius: 6px 6px 0px 0px;
	-moz-border-radius: 6px 6px 0px 0px;
	box-shadow: 2px 2px 3px #aaaaaa;
	-moz-box-shadow: 2px 2px 3px #aaaaaa;
	-webkit-box-shadow: 2px 2px 3px #aaaaaa;
}
.widget .title a{
	color:white;
}
.widget .title a:hover{
	color:red;
}

.widget .body{
	font-size:12px;
	list-style:none;
	overflow:hidden;
	background-color:#fafafa;
	padding:8px;
	margin:0px;
	border-radius: 0px 0px 6px 6px;
	-webkit-border-radius: 0px 0px 6px 6px;
	-moz-border-radius: 0px 0px 6px 6px;
	box-shadow: 2px 2px 3px #aaaaaa;
	-moz-box-shadow: 2px 2px 3px #aaaaaa;
	-webkit-box-shadow: 2px 2px 3px #aaaaaa;
}


.widget .body li{
	white-space:nowrap;
	padding:3px 0px;
}
.widget.mine .title{
	background-color:#BDB76B;
}

.widget .body.thread_list{
	padding: 8px 0px;
}
.widget .body.thread_list ul{
	height:400px;
	list-style:none;
	margin:0px;
	padding:0px;
	overflow:auto;
	overflow-x:hidden;
}
.widget .body.thread_list ul li{
	margin:0px;
	padding:5px 0px 5px 8px;
}