@charset "utf-8";
/* CSS Layout Style ---------------------------------------------------------- */

/* timeline
----------------------------------------------*/
#timelineName {
	background:url(../img/timeline/bg_timeline.jpg) no-repeat;
	width:960px;
	height:84px;
	margin-bottom:20px;
}
#timelineName p {
	float:left;
	width:80px;
	height:80px;
	margin:2px 40px 0 20px;
	display:inline;
}
#contentsArea #timelineName h2 {
	background:none;
	width:auto;
	height:auto;
	float:left;
	padding:30px 0 0 0;
	font-size:1.4em;
	color:#FFF;
	font-weight:bold;
}
.share {
	background:url(../img/timeline/bg_share_mid.jpg) repeat-y;
	width:690px;
	margin-bottom:20px;
}
.shareTop {
	background:url(../img/timeline/bg_share_top.jpg) no-repeat top;
}
.shareBtm {
	background:url(../img/timeline/bg_share_btm.jpg) no-repeat bottom;
}
.shareBtm textarea {
	width:650px;
	height:45px;
	margin:15px 0 10px 20px;
}
.btnFile {
	float:left;
	width:100px;
	padding:0 0 10px 20px;
}
.btnShare {
	float:right;
	width:80px;
	padding:0 20px 10px 0;
}

/* tab
----------------------------------------------*/
#tab {
	border-bottom:5px solid #3C6937;
	width:690px;
	height:30px;
}
#tab li {
	float:left;
	width:130px;
	height:30px;
	margin-right:2px;
}
#tab li a {
	display:block;
	width:130px;
	height:30px;
	color:#FFF;
	text-decoration:none;
	cursor:pointer;
}
#tab li a span {
	display:block;
	width:90px;
	padding:8px 0 0 30px;
	font-weight:bold;
	text-align:center;
}
#tab li a {
	background:url(../img/timeline/bg_tab.gif) no-repeat;
}
#tab a:hover,
#tab li.present a {
	background:url(../img/timeline/bg_tab_on.gif) no-repeat;
}
#tab li span{
	display:block;
	width:90px;
	padding:8px 0 0 30px;
	font-weight:bold;
	text-align:center;
}
#tab li p{
	background:url(../img/timeline/bg_tab_on.gif) no-repeat;
	display:block;
	width:130px;
	height:30px;
	color:#FFF;
	text-decoration:none;
}

/* tab - contents
----------------------------------------------*/
#tabBoxIndex {
	clear:both;
	background:url(../img/timeline/bg_timeline_mid.gif) repeat-y;
	width:690px;
}
#tabBoxIndexBtm {
	background:url(../img/timeline/bg_timeline_btm.gif) no-repeat 0 bottom;
}
#tabBoxIndexArea {
	padding:15px 20px;
}

/* sort
----------------------------------------------*/
.sort p {
	float:left;
}
.sort p select {
	margin:0 20px 0 5px;
}
.sort p.noComment {
	float:right;
	width:115px;
}

.highlight {
	background-color: #FFFF00;
}

.search_result {
	font-size: large;
}