@charset "utf-8";

/* ===== import basic style ===== */
@import "base.css";
@import "common.css";
@import "navi.css";
@import "font.css";

/* enhance setting */
@import "local.css";



/* ===== category style ===== */
.area_main {}
.area_main .section {}



/* ----- lead area ----- */
.lead {margin-bottom: 20px;}
.race .lead:after {
	content: ".";
	display: block;
	clear: both;
	height: 0px;
	visibility: hidden;
}/* for modern browser */

.lead h1 {margin-bottom: 20px;}

/* tweet form */
.lead form {
	padding: 10px 10px 9px;
	position: relative;
	background-color: #DDEEF6;
	border-radius: 7px;/* CSS3 */
	-webkit-border-radius: 7px;/* Safari,GoogleChrome */
	-moz-border-radius: 7px;/* Firefox */
}
.lead form:after {
	content: ".";
	display: block;
	clear: both;
	height: 0px;
	visibility: hidden;
}/* for modern browser */

.lead form textarea {
	float: left;
	padding: 3px;
	width: 562px;
	height: 52px;
	border: 1px solid #CCCCCC;
	font-size: 15px;
	resize : none; /* for Chrome */
}
	* html .lead form textarea {width: 570px; height: 60;}
/*
.lead form input#tweetnow {
	float: right;
	margin: 1px 0px 0px;
	padding: 0;
	border: 0;
	width: 350px;
	height: 60px;
	background: url(../img/tweet/btn_tweet.gif) left top no-repeat;
}
	* html .lead form input#tweetnow {margin: 0;}
*/
.lead form button {
	float: right;
	margin: 0;
	padding: 0;
	border: 0;
	width: auto;
	overflow: visible;
	background: none;
	cursor: pointer;
}
	* html .lead form button {margin-top: -2px;}
	*:first-child+html .lead form button {margin-top: -2px;}
.lead form button span {
	display: block;
	width: 350px;
	height: 60px;
	text-indent: -10000px;
	overflow: hidden;
	background: url(../img/tweet/btn_tweet.gif) left top no-repeat;
}


.lead form h2 {margin: 0px 1px 2px; font-size: 17px; line-height: 1.2;}

.lead form p {clear: both; margin: 0px 1px; padding-top: 3px; font-size: 13px;}
.lead form p span {margin: 0px 3px; color: #FF0000;}

.lead form p.signup {float: right; margin: 0; padding: 0px 3px 0px 0px; width: 260px; text-align: right;}
.lead form p.signup a {
	display: -moz-inline-box;
	display: inline-block;
	padding: 0px 2px 0px 28px;
	line-height: 42px;
	background: url(../img/icon/question.gif) left center no-repeat;
	zoom: 1;
}

	* html .lead form div.jquery-corner {margin-bottom: -1px !important;}

/* counter */
.lead form div.counter {
	position: absolute;
	right: 370px;
	top: 7px;
	color: #BCBCBC;
	font-size: 17px;
	font-weight: bold;
	line-height: 1.1;
}
.lead form div.counter span {font-size: 21px; font-family: Arial, Helvetica, sans-serif;}
	.lead form div.exceeded span {color: #CC3333;}




/* ----- notice box ----- */
.area_main #notice {}

/* alert */
.area_main #notice p {
	margin: 0px 0px 18px;
	padding: 3px 4px 3px 21px;
	border: 1px solid #DDDDDD;
	font-size: 13px;
	line-height: 22px;
	background: #FFCCCC url(../img/icon/tweet.gif) 4px 10px no-repeat;
	zoom: 1;
}

.area_main #notice p em {margin-right: 5px; color: #FF0000;}

/* arrival */
.area_main #notice form {
	margin: 0px 0px 18px;
	padding: 3px 4px 3px 21px;
	border: 1px solid #DDDDDD;
	font-size: 13px;
	line-height: 22px;
	background: #FFFFCC url(../img/icon/tweet.gif) 4px 10px no-repeat;
	zoom: 1;
}
.area_main #notice form:after {
	content: ".";
	display: block;
	clear: both;
	height: 0px;
	visibility: hidden;
}/* for modern browser */

.area_main #notice form input {float: right;}

.area_main #notice form em {font-weight: bold;}
.area_main #notice form em span {color: #FF0000; font-size: 17px;}



/* ----- tweet list ----- */
.area_main #tweetlist {}
.area_main #tweetlist h2 {display: none;}

/* list */
.area_main #tweetlist ol {list-style: none;}
.area_main #tweetlist ol li {
	padding: 0px 5px 13px;
	border-bottom: 1px solid #E4E4E4;
	position: relative;
	zoom: 1;
}
	.area_main #tweetlist ol li.focus {background-color: #EFFFDF;}
	* html .area_main #tweetlist ol li.focus {margin-bottom: -2px;}

.area_main #tweetlist ol li a.thum {display: block; width: 48px; height: 48px; position: absolute; left: 5px; top: 14px;}
.area_main #tweetlist ol li a.thum img {}

.area_main #tweetlist ol li dl {/* float: left; */ margin: 0px 2px 0px 58px; padding-top: 13px;}
.area_main #tweetlist ol li dl dt {
	margin: 0px 0px 5px;
	font-size: 18px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1;
}
.area_main #tweetlist ol li dl dd {margin-left: 1px; font-size: 13px; line-height: 1.3;}

.area_main #tweetlist ol li dl dd.date {margin-top: 7px; color: #999999;}
.area_main #tweetlist ol li dl dd.date a {
	display: -moz-inline-box;
	display: inline-block;
	padding: 0px 0px 0px 16px;
	color: #999999;
	text-decoration: none;
	background: url(../img/icon/tweet.gif) left center no-repeat;
	zoom: 1;
}
.area_main #tweetlist ol li dl dd.date a:hover {text-decoration: underline;}

/* function menu */
.area_main #tweetlist ol li ul {
	display: none;
	position: absolute;
	right: 5px;
	bottom: 12px;
	font-size: 13px;
}
	.area_main #tweetlist ol li.focus ul {display: block;}
.area_main #tweetlist ol li ul li {
	display: inline;
	margin: 0px 0px 0px 10px;
	padding: 0;
	border: 0;
	position: static;
	line-height: 1.3;
	zoom: normal;
}
.area_main #tweetlist ol li ul li:after {display: none;}

.area_main #tweetlist ol li ul li a {
	display: -moz-inline-box;
	display: inline-block;
	padding: 0px 0px 0px 0px;
	text-decoration: none;
	background: left center no-repeat;
	zoom: 1;
}
	.area_main #tweetlist ol li ul li.rep a {padding-left: 13px; background-image: url(../img/icon/reply.gif);}
	.area_main #tweetlist ol li ul li.ret a {padding-left: 18px; background-image: url(../img/icon/retweet.gif);}
.area_main #tweetlist ol li ul li a:hover {text-decoration: underline;}