@charset "Shift_JIS";

#cont_a{
    float: left;
	width: 380px;
	height: 315px;
	margin: 0;
	padding: 15px 0 0 40px;}

#cont_b{
	float: right;
	width: 420px;
	height: 340px;
	margin: 0;}

/*------------------------------
title layout elements
------------------------------*/
#newface{
	background: url(../img/t_newface.jpg) no-repeat;
	text-indent: -9999px;
	height: 25px;
	width: 400px;
	margin: 0;}

#info{
	background: url(../img/t_info.jpg);
	text-indent: -9999px;
	height: 25px;
	width: 400px;
	margin: 15px 0 0 0;}

#ber{
	background: url(../img/t_ber.jpg);
	text-indent: -9999px;
	height: 25px;
	width: 400px;
	margin: 10px 0 5px 0;}

/*------------------------------
dl layout elements
------------------------------*/
.dl {
	margin: 0;
	padding: 0;
	font-size: 10px;}

.new_dt{
	font-weight: normal;
	color: #FF6666;
	margin: 0 0 0 25px;}

.new_dd{
	margin: 0 0 0 0px;}

.info_dt{
	font-weight: bold;
	color: #FF3333;
	margin: 0 0 0 25px;}

.info_dd{
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;}

.img_dl{
	margin: 25px 0 0 0;}

.img_dt1{
	width: 130px;
	font-size: 14px;
	font-weight: bolder;
	text-align: center;}

.img_dt2{
	width: 130px;
	height: 16px;
	font-size: 10px;
	text-align: center;
	border-bottom: 1px solid #999999;
	line-height: 16px;}


.img_dd{
    width: 130px;
	height: 16px;
	font-size: 10px;
	text-align: center;
	border-bottom: 1px solid #999999;
	line-height: 16px;
	margin: 0;}

/*------------------------------
cont layout elements
------------------------------*/
#topimg {
	width: 310px;
	height: 190px;
	background: url(../img/topimg_b.jpg) no-repeat;
	margin: 5px 0 0 10px;}

#img {
	float: right;
	height: 150px;
	width: 113px;
	margin: 24px 14px 0 0 !important;
	margin: 24px 7px 0 0 ;}

#deta {
	float: left;
	height: 150px;
	width: 130px;
	margin: 24px 0 0 0;
	padding: 0 0 0 40px; }

#massage {
	height: 50px;
	width: 330px;
	margin: 5px 0 0 0;}

#massage img {
    float:right}

.m {
	float: left;
	width: 120px;}

.m1{color: #FF6666;
	margin: 0px;
	float: left;
	font-size: 10px;
	font-weight: bold;}

.m2{font-size: 10px;
	margin: 0px;
	float: left;
	line-height: 13px;}

#message {
	width: 410px;
	height: 340px;
	overflow : hidden;
	overflow-y: scroll;
	scrollbar-base-color: #ffffff;
	padding: 1px;
	color: #333333;}

.b1{
	text-align: center;
	margin: 0 0 10px 0;}
.top_t1{
	font-size: 10px;
	font-weight: bold;
	color: #333333;}
.style1 {
	color: #FF3366;
	font-weight: bold;}

.style3 {font-size: 16px;font-weight: bold;}
.style4 {font-size: 12px;font-weight: bold;color: #999999;}
.style5 {font-size: 18px;font-weight: bold;color: #999999;}

.style8 {color: #0000FF; font-size: 12px; font-weight: bold; }
.style9 {font-size: 12px}
.style19 {font-size: 14px}

.style13 {color: #333333}
.style17 {color: #ff6666}
.style18 {font-size: 10px}
a:visited {color: #FF6666;}
a:link {color: #FF0000;}
.style20 {color: #FF0000;font-weight: bold;}
.style22 {font-size: 12px;color: #FF0000;font-weight: bold;}