@charset "utf-8";
/*core*/
form input.button{
	background: url(bg/bg.gif) 0 -510px;
	height: 21px;
	width: 63px;
	color: #FFF;
	margin-left: 5px;
}
form input.disable{ background-position: -80px -510px}
.inner .core{ margin-bottom: 10px; }
/*owen*/
.core dl.owen{
	float: left;
	width: 130px;
}
dl.owen dt{}
dl.owen dd{}
dl.owen img{
	padding: 4px;
	border: 1px solid #CCC;
}
dl.owen ul{
	line-height: 20px;
	padding-top: 5px;
	height: 60px;
}
dl.owen li{
	float: left;
	width: 50%;
	text-align: center;
}
dl.owen a{
	color: #06F;
	text-decoration: underline;
}
dl.owen a:hover{ color: #F30; }
/*about*/
.core .about{
	float: right;
	width: 464px;
}
/*me*/
.about dl.me{
	line-height: 24px;
	padding-top: 10px;
	font-size: 14px;
}
dl.me dt{ 
}
dl.me dt strong{
	color: #06F;
	margin-right: 8px;
}
dl.me dd{}
dl.me dd p{
	color: #66C;
	width: 300px;
	overflow: hidden;
	background: url(bg/icon.gif) no-repeat -8px -845px;
	padding-left: 20px;
	height: 24px;
}
dl.me dd p.loading{ background: url(../shared/ing/data.gif) no-repeat 0; }
dl.me dd.credit{
	height: 21px;
	padding-bottom: 5px;
}
dl.me dd.credit span,
dl.me dd.credit strong,
dl.me dd.credit cite{ float: left; }
dl.me dd.credit span{}
dl.me dd.credit strong{
	color: #F60;
	padding-right: 15px;
}
dl.me dd.credit cite{
	background: url(bg/icon.gif) repeat-x 0px -757px;
	height: 21px;
}
/*relate*/
.about dl.relate{
	float: right;
	width: 139px;
}
dl.relate dt{
	text-align: right;
	line-height: 18px;
}
dl.relate dt a{ color: #62b548; }
dl.relate dt a:hover{
	color: #FFF;
	background-color: #62b548;
}
dl.relate dd{ padding-top: 5px; }
dl.relate dd a{
	background: url(bg/bg.gif) no-repeat 0 -460px;
	height: 39px;
	width: 139px;
	display: block;
	font-size: 14px;
	line-height: 39px;
	text-align: center;
	font-weight: bold;
	color: #060;
}
dl.relate dd a:hover{ color: #F30; }
/*status*/
.about form.status{
	border: 1px solid #AAA;
	padding: 10px 5px;
	background: url(bg/bg.gif) 0 -782px;
	clear: both;
}
form.status input.text{
	color: #777;
	padding: 5px;
	width: 368px;
	border: 1px solid #CCC;
}
/*exter*/
.about ul.exter{
	line-height: 21px;
	height: 21px;
	padding: 5px;
	clear: both;
}
ul.exter li{
	float: left;
	padding-right: 10px;
}
ul.exter a{ color: #06F; padding: 2px 5px;}
ul.exter a:hover{
	color: #FFF;
	background-color: #06F;
}
/*sys*/
.about ul.sys{
	background-color: #fef5ef;
	padding: 5px;
	border: 1px solid #fbd2d3;
	line-height: 21px;
	height: 21px;
}
ul.sys li{
	float: left;
	padding-right: 15px;
}
ul.sys span{ color: #666; }
ul.sys strong{ color: #F30; }
/*nav*/
.inner ul.nav{ line-height: 26px; }
ul.nav li{
	float: left;
	padding: 4px 10px 0 0;
}
ul.nav a{
	display: block;
	padding-left: 10px;
}
ul.nav a span{
	display: block;
	padding-right: 10px;
}
ul.nav a:hover{}
ul.nav a.choosed{
	background: #8F8F8F url(bg/bg.gif) no-repeat 0 -535px;
	color: #FFF;
	font-weight: bold;
}
ul.nav a.choosed span{background: url(bg/bg.gif) no-repeat 100% -565px;}
/*cols*/
.inner .cols{
	padding: 5px;
}
/*icon*/
.cols .box{
	border-bottom: 1px solid #E4E4E4;
	margin-bottom: 8px;
	padding-bottom: 5px;
}
.box h4{
	line-height: 24px;
	padding-left: 24px;
	font-size: 12px;
	font-weight: normal;
}
.box h4 span{
	color: #999;
	padding: 5px;
}
.box h4 a{
	color: #06F;
	padding-right: 5px;
}
.box h4 a:hover{ color: #F30; }
.box .total{
	float: right;
	background: url(bg/bg.gif) 0px -595px;
	height: 59px;
	width: 66px;
	text-align: center;
	color: #a7b6d6;
	line-height: 18px;
}
.total h6{
	font-size: 18px;
	line-height: 18px;
	padding-top: 5px;
}
.total a{
	display: block;
	color: #FFF;
}
.total a:hover{ color: #F30; }
/*cons*/
.box .cons{
	margin-left: 24px;
	min-height: 60px;
	_height: 60px;
	line-height: 21px;
}
.cons h6{
	line-height: 21px;
	font-size: 12px;
}
.cons h6 a{ color: #06F; }
.cons h6 a:hover{ color: #F30; }
.cons p a{ color: #C60; }
.cons p a:hover{ color: #F30; }
.cons p{
	line-height: 18px;
	padding-top: 3px;
	display: block;
	width: 480px;
	color: #666;
}
.cons ul.album{
	height: 130px;
	width: 480px;
	overflow: hidden;
}
ul.album li{
	float: left;
	padding-right: 8px;
	height: 130px;
}
ul.album a img{
	border: 1px solid #CCC;
	padding: 2px;
	background: #FFF;
}
ul.album a:hover img{border-color: #399;}
/*datas*/
.cons table.datas{width: 90%;}
table.datas caption{
	text-align: left;
}
table.datas th{
	text-align: right;
	width: 100px;
	background: #EEE;
}
table.datas td{}
/*photo*/
.inner ul.photo{
	height: 150px;
	width: 602px;
	overflow: hidden;
	margin-bottom: 10px;
}
ul.photo li{
	height: 150px;
	text-align: center;
}
ul.photo span{
	display: block;
	line-height: 20px;
}
.inner ul.gift{}
ul.gift img{
	padding: 0px;
	border:none;
}
/*commbox*/
.inner form.commbox{
	text-align: right;
	margin: 0 auto 8px;
	width: 530px;
}
form.commbox textarea.textarea{
	background: #f5f8fd;
	border: 1px solid #d1d9e4;
	padding: 4px;
	width: 520px;
	height: 80px;
	margin-bottom: 5px;
	color: #666;
}
form.commbox label{ color: #999; }
form.commbox dfn{
	font-style: normal;
	color: #F30;
	padding-right: 10px;
}
/*comment*/ 
.inner .comment{ line-height: 18px; }
.comment a{
	color: #06F;
	padding-left: 5px;
}
.comment a:hover{ color: #F30; }
.comment span{
	color: #999;
	padding-left: 5px;
}
.comment acronym{
	float: left;
	width: 56px;
}
.comment acronym a{
	padding: 0;
}
.comment acronym img{
	display: block;
	padding: 2px;
	border: 1px solid #CCC;
}
.comment acronym a:hover img{border-color: #099;}
.comment .detail{
	margin-left: 65px;
	margin-bottom: 8px;
	padding-bottom: 5px;
	min-height: 56px;
	_height: 56px;
	border-bottom: 1px solid #E4E4E4;
}
.comment h6{
	font-size: 12px;
}
.comment h6 a{ padding: 0; }
.comment p{
	padding-bottom: 5px;
	width: 88%;
	overflow: hidden;
	padding-left: 15px;
}
.comment form.reply{
	background: #d8e6fd;
	padding: 10px;
	line-height: 21px;
	width: 410px;
	margin: 0 15px;
}
form.reply textarea.textarea{
	width: 400px;
	height: 40px;
}
/*more*/
.inner div.more{
	clear: both;
	line-height: 21px;
	height: 21px;
	padding-bottom: 5px;
}
.inner div.more a{
	background: url(bg/icon.gif) no-repeat 100% -636px;
	float: right;
	padding-right: 22px;
	color: #F30;
}
/*intro*/
table.intro{
	line-height: 18px;
	margin-bottom: 10px;
}
table.intro caption{
	font-weight: bold;
	text-align: left;
	line-height: 24px;
	border-bottom: 1px solid #DDD;
	margin-bottom: 5px;
}
table.intro caption a{
	float: right;
	font-weight: normal;
	color: #09F;
}
table.intro tbody{}
table.intro tbody th{
	font-weight: normal;
	color: #666;
	text-align: right;
	padding: 3px;
	width: 20%;
	vertical-align: top;
}
table.intro tbody td{}
/*reply*/
.cons .pushup{ width: 90%; }
.pushup h5{
	font-size: 12px;
	font-weight: normal;
	background: #EEE;
	padding: 5px;
	margin-bottom: 2px;
}
.pushup h5 a{}
.pushup .rebox{
	background: #EEE;
	margin-bottom: 2px;
	padding: 5px;
}
.rebox h6{}
.rebox p a{
	font-weight: bold;
	color: #06F;
	margin-right: 8px;
}
.rebox p span{ color: #999; }
.rebox acronym{
	float: right;
	visibility: hidden;
}
.rebox acronym a{
	display: block;
	height: 14px;
	width: 14px;
	background: url(../shared/bg/icon.gif) no-repeat -8px -698px;
}
.pushup .textbox{
	background: #EEE;
	padding: 5px;
}
.textbox dfn{
	color: #F00;
	font-style: normal;
}
.textbox span{}
.textbox textarea.textarea{
	background: #f5f8fd;
	border: 1px solid #d1d9e4;
	padding: 4px;
	color: #666;
	height: 16px;
}
.textbox blockquote{
	padding-top: 5px;
	text-align: right;
	width: 490px;
	display: none;
}
.pushup .focus{}
.focus textarea.textarea{
	width: 480px;
	height: 50px;
}
.focus blockquote{ display: block; }
/*cons*/
.cons p.gift{}
p.gift img{
	vertical-align: top;
	float: left;
	padding-right: 10px;
}
p.gift q{ margin-left: 8px; }
