@charset "UTF-8";
/*--------------------------------------------------
layout.css 
--------------------------------------------------*/
/*moderator*/
.modelator{
	width:640px;
	padding:0;
	border:none;
}
div.mod-all{
	position:relative;
	height:116px;
	border:1px solid #cccccc;
	overflow:scroll;
	overflow-x:hidden;
	background-color:#FFF;
}
div.mod-all img{
	text-align:center;
	background-color:none;
	border:none;
	padding:0
}
div.mod-all p{
	margin:0;
	padding:0
}
div.mod-all p.all-loading{
	position:absolute;
	top:0;
	left:0;
}
div.mod-box{
	width:620px;
	margin:10px auto 0 auto;
	border-bottom:1px dotted #cccccc;
	padding-bottom:3px;
	text-align:left;
	display:none;
}

div.mod-box{
	margin:0 auto 0 auto;
	border-bottom:1px dotted #cccccc;
	padding:11px 0 3px 0;
	text-align:left;
}

/*---clearfix-*/
div.mod-box:after {
    content: "."; 
	font-size:0;
    display: block; 
    clear: both; 
    visibility: hidden;
	line-height: 0;
}
div.mod-box {
	 display:inline-block;
}
/*Hides from IE-mac\*/
*html div.mod-box {
	height:1%;
}
div.mod-box{display:block}
/*end hide from IE-mac*/

div.mod-box div.text-area{
	float:left;
	width:542px;
	margin-left:10px;
	display:inline;
	font-size:12px;
}


div.img-box{
	float:left;
	background-color:#000;
	display:inline;
}


div.text-area .user-name{
	line-height:1em;
	margin:0 0 5px 0;
}

div.text-area .user-name span{
	color:#098cb5;
}

div.text-area .msg{
	line-height:1.3em;
	margin-bottom:4px;
}
div.text-area p{
	font-size:93%;
}

div.text-area li{
	float:right;
	display:inline;
	margin-left:3px;
}
div.box{
	padding-left:10px;
}

div.box p{
	line-height:1.5em;
}


/*user tweet*/
div.tubu-all{
	position:relative;
	height:520px;
	border:1px solid #cccccc;
	overflow:scroll;
	overflow-x:hidden;
	background-color:#f6f6f6;
}
div.tubu-all p{
	margin:0;
	padding:0
}
div.tubu-all img{
	text-align:center;
	background-color:none;
	border:none;
	padding:0
}

div.tubu-all p.all-loading{
	position:absolute;
	top:0;
	left:0;
}

div.tubu-box{
	margin:0 auto 0 auto;
	border-bottom:1px dotted #cccccc;
	padding:11px 0 3px 0;
	text-align:left;
}

div.m-box{
	background-color:#fdfaec;
}


/*---clearfix-*/
div.tubu-box:after {
    content: "."; 
	font-size:0;
    display: block; 
    clear: both; 
    visibility: hidden;
	line-height: 0;
}
div.tubu-box {
	 display:inline-block;
}
/*Hides from IE-mac\*/
*html div.tubu-box {
	height:1%;
}
div.tubu-box{display:block}
/*end hide from IE-mac*/

div.tubu-box div.text-area{
	float:left;
	width:385px;
	margin-left:10px;
	display:inline;
	font-size:93%;
}





div.img-box{
	float:left;
	width:48px;
	height:48px;
	margin:0 0 0 10px;
	background-color:#000;
	display:inline;
}
div.img-box img{
	border:1px soid #CCCCCC;
}

div.tubu-box div.text-area{
	float:left;
	width:228px;
	_overflow:hidden;
	margin-left:10px;
	display:inline;
}

div.text-area .user-name{
	line-height:1em;
	margin:0 0 5px 0;
}

div.text-area .user-name span{
	color:#098cb5;
}

div.text-area .msg{
	line-height:1.5em;
	margin-bottom:4px;
}

div.text-area p{
	font-size:93%;
}

div.text-area p.date{
	display:inline;
	float:left;
}
div.text-area ul{
	margin:0;
	padding:0;
}
div.text-area li{
	float:right;
	display:inline;
	margin:0 0 0 3px;
	padding:0;
}

div.text-area p.tw-icon{
	padding-left:5px;
	display:inline;
}

div.text-area p.tw-icon img{
	vertical-align:text-bottom;
	line-height:1;
}


div.text-area p.noscript{
	font-size:93%;
	line-height:1.2em;
	margin-bottom:7px;
}


/*tweet form*/
div.tweet_form{
	margin-bottom:8px;
	height:121px;
	position:relative;
}
div.tweet_form p{
	margin:0;
	padding:0;
}
div.tweet_form img{
	text-align:center;
	background-color:none;
	border:none;
	padding:0
}

div.tweet_form textarea{
	clear:both;
	margin-top:1px;
	height:35px;
	width:318px;
	padding:1px;
	font-size:93%;
}
div.notlogin textarea{
	color:#666;
	font-size:93%;
}
div.tweet_form p.charsLeft,
div.tweet_form p.twcharsLeft{
	margin-top:3px;
	line-height:1em;
	color:#999999;
	font-size:154%;
	font-family:"Arial Black", Gadget, sans-serif;
}
div.tweet_form #submit-img{
	position:absolute;
	left:238px;
	width:81px;
	padding:0;
	border:0;
	margin-top:4px;
}

div.tweet_form p.status-error{
	margin:2px 0 0 0;
	color:#f00;
	font-size:77%;
	line-height:1em;
}

div.tweet_form p.scrname{
	float:left;
}
div.tweet_form p.back_btn{
	float:right;
	display:inline;
	margin:2px 0 0 4px;
	font-size:77%;
}
div.tweet_form p.back_btn a,
div.tweet_form p.back_btn a:link,
div.tweet_form p.back_btn a:visited{
	color:#fff;
	text-decoration:none;
	background-color:#00aed3;
	padding:2px 4px;
}
div.tweet_form p.back_btn a:active,
div.tweet_form p.back_btn a:hover{
	background-color:#39d5ff;
}

/*login*/
div.tweet_form div.login{
	width:320px;
}

div.tweet_form div.login p.login_btn{
	float:left;
	display:inline;
}
div.tweet_form div.login p.addition_btn{
	float:right;
}
div.tweet_form div.login p.note{
	padding-top:4px;
	font-size:77%;
	line-height:1.3em;
	float:left;
	display:inline;
}

/*nickname form*/
input.nickname{
	height:1.5em;
	width:318px;
	padding:1px;
	font-size:100%;
}
div#submit_nickname{
	margin-top:5px;
	float:right;
	display:inline;
}
div.tweet_form p.nickname-error{
	margin:3px 0 5px;
	clear:both;
	color:#f00;
	font-size:77%;
	line-height:1.2em;
}
div.logined textarea{
	height:50px;
	width:318px;
	font-size:123.1%;
}

/*update*/
div.update_tweet textarea{
	height:50px;
}