@charset "utf-8";
/* CSS Document */

/*	 #searchResult
-------------------------------------------------------------------*/

#p-episode #searchResult.section {
	margin-bottom: 30px;
}
#p-episode #searchResult div.searchCondition {
	margin-bottom: 15px;
	padding-bottom: 5px;
	background: url("/img/common/line_dot.gif") repeat-x 0 100%;
}	
#p-episode #searchResult p.searchCondition {
	float: left;
	margin-bottom: 0;
}
#p-episode #searchResult .searchCondition strong {
	padding-right: 0.25em;
	color: #C00;
	font-size: 150%;
	font-family: Arial, Helvetica, sans-serif;
}
#p-episode #searchResult #tabArea {
	position: relative;
	overflow: hidden;
	margin-bottom: 12px;
	_zoom: 1;
}
#p-episode #searchResult #tab {
	width: 760px;
	height: 31px;
	background: url("/img/common/bg_ul_tab.gif") no-repeat 0 0;
}
#p-episode #searchResult #tab li {
	position: relative;
	float: left;
	margin-right:5px;
}
#p-episode #searchResult #tab a {
	display: block;
	width: 177px;
	height: 31px;
	background: url("/img/common/bg_tab.gif") no-repeat;
}
#p-episode #searchResult #tabRanking a {
	margin-left: 8px;
	background-position: 0 0;
}
#p-episode #searchResult #tabEpisode a { background-position: -182px 0; }

#p-episode #searchResult #tabRanking a.now { background-position: 0 -31px; }
#p-episode #searchResult #tabEpisode a.now { background-position: -182px -31px; }

#p-episode #searchResult #tabRanking a:hover { background-position: 0 -31px; }
#p-episode #searchResult #tabEpisode a:hover { background-position: -182px -31px; }

#p-episode #searchResult #tab li span {
	position: absolute;
	top: 6px;
	right: 12px;
	padding-right: 8px;
	background: url("/img/icon/icon_li.gif") no-repeat 100% 0.5em;
	color: #EA2B86;
	font-size: 84%;
}
#p-episode #searchResult #tab li span.now {
	background: url("/img/icon/icon_li2.gif") no-repeat 100% 0.5em;
}

#p-episode #searchResult #sort {
	position: absolute;
	bottom: 4px;
	right: 0;
	padding-left: 5px;
	background: url("/img/icon/icon_separator.gif") no-repeat 0 50%;
	font-size: 89%;
}
#p-episode #searchResult #sort li {
	float: left;
	margin-right: 5px;
	padding-right: 5px;
	background: url("/img/icon/icon_separator.gif") no-repeat 100% 50%;
}
#p-episode #searchResult #sort li.last {
	margin-right: 0;
}
#p-episode #searchResult #sort #sortTitle,
#p-episode #searchResult #sort .now {
	font-weight: bold;
}
#p-episode #searchResult #sort .now {
	color: #06C;
}
#p-episode #searchResult #detailSearch {
	float: right;
}
#p-episode #searchResult #detailSearch li {
	display: inline;
}
#p-episode #searchResult #sortItem {
	margin-right: 15px;
	padding-left: 20px;
	background: url("/img/icon/icon_search.gif") no-repeat 0 50%;
}
#p-episode #searchResult #sortComment {
	padding-left: 20px;
	background: url("/img/icon/icon_annotation.gif") no-repeat 0 50%;
}

/*	 #searchItem
-------------------------------------------------------------------*/
#p-episode #searchResult .searchItemTitle {
	position: relative;
	height: 20px;
	padding: 5px;
	background: url("/img/common/h_episode_title.gif") no-repeat;
}

#p-episode #searchResult .searchItem h3 {
	padding-left: 60px;
	color: #FFF;
	font-weight: bold;
	font-size: 130%;
}
#p-episode #searchResult .searchItemTitle span {
	position: absolute;
	top: 7px;
	right: 5px;
	color: #FFF;
}
#p-episode #searchResult .searchItem.no1 h3 { background: url("/img/icon/episode_no1.gif") no-repeat; }
#p-episode #searchResult .searchItem.no2 h3 { background: url("/img/icon/episode_no2.gif") no-repeat; }
#p-episode #searchResult .searchItem.no3 h3 { background: url("/img/icon/episode_no3.gif") no-repeat; }

#p-episode #searchResult .searchItemBody {
	margin-bottom: 10px;
	background: url("/img/common/bg_roundbox_w.gif") no-repeat 0 100%;
}
#p-episode #searchResult .searchItemBody .inner {
	background: url("/img/common/bg_roudbox_w.gif") no-repeat 0 0;
}
#p-episode #searchResult .searchItemBody .leftBox {
	width: 270px;
}
#p-episode #searchResult .searchItemBody .leftBox p {
	margin-bottom: 0;
}
#p-episode #searchResult .searchItemBody .rightBox {
	width: 460px;
}
#p-episode #searchResult .searchItemBody h4 {
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 180%;
	line-height: 1.4;
}

#p-episode #searchResult .annotation {
	margin-bottom: 10px;
}
#p-episode #searchResult .annotation .average {
	margin-bottom: 5px;
}
#p-episode #searchResult .annotation dt.average,
#p-episode #searchResult .annotation dt.total {
	display: block;
	width: 	112px;
	height: 25px;
	background: url("/img/common/bg_annotation.gif") no-repeat 0 50%;
}
#p-episode #searchResult .annotation dt.average { background-position: 0 0; }
#p-episode #searchResult .annotation dt.total { background-position: 0 -25px; }

#p-episode #searchResult .annotation dt {
	float: left;
	clear: both;
}
#p-episode #searchResult .annotation dd {
	float: left;
}
#p-episode #searchResult .annotation dd.average {
	color: #C00;
	font-size: 140%;
	font-weight: bold;
}
#p-episode #searchResult .annotation dd.total .star {
	margin: 0 5px;
}
#p-episode #searchResult .rankingView {
	clear: both;
	font-size: 118%;
	font-weight: bold;
	text-align: right;
}
#p-episode #searchResult .rankingView a {
	padding-left: 17px;
	background: url("/img/icon/li.gif") no-repeat 0 50%;
}
#p-episode #searchResult .submit {
	height: 56px;
	padding-top: 12px;
	background: url("/img/common/bg_episode_submit.gif") no-repeat;
}
#p-episode #searchResult .submit img {
	display: block;
	margin: 0 auto;
}
#p-episode #searchResult .episode {
	margin-bottom: 15px;
	padding-bottom: 5px;
	background: #FFF url("/img/common/bg_episode.gif") no-repeat 0 100%;
}
#p-episode #searchResult .episode .inner {
	padding: 10px 12px 3px;
	background: #FFF url("/img/common/bg_episode.gif") no-repeat 0 0;
}

#p-episode #searchResult .episode .leftBox {
	width: 510px;
}
#p-episode #searchResult .episode .rightBox {
	width: 210px;
}
#p-episode #searchResult .episode .util {
	clear: both;
	text-align: right;
	font-size: smaller;
	padding-top: 8px;
	background: url("/img/common/line_dot.gif") repeat-x 0 0;
}
#p-episode #searchResult .episode .util li {
	margin-left: 10px;
}
#p-episode #searchResult .episode .util .crap {
	padding-left: 18px;
	background: url("/img/icon/icon_hands.gif") no-repeat 0 50%;
}
#p-episode #searchResult .episode .util .viewEpisode {
	padding-left: 18px;
	background: url("/img/icon/icon_annotation.gif") no-repeat 0 50%;
}
#p-episode #searchResult .episode .util .writeComment {
	padding-left: 16px;
	background: url("/img/icon/icon_add.gif") no-repeat 0 50%;
}

#p-episode #searchResult .episode h5 {
	display: inline;
	margin-bottom: 0;
	padding-left: 9px;
	padding-right: 1em;
	background: url("/img/common/h_li.gif") no-repeat 0 50%;
	font-weight: bold;
}
#p-episode #searchResult .episode p.writerName {
	margin-top: 5px;
	padding-left: 16px;
	background: url("/img/icon/icon_user.gif") no-repeat 0 50%;
	font-weight: bold;
}
.writerName {	
	padding-left: 16px;
	background: url("/img/icon/icon_user.gif") no-repeat 0 50%;
	font-weight: bold;
}
#p-episode #searchResult .episode p.writerName a {
	color: #444;
}
#p-episode #searchResult .episode p.episodeBody {
	margin: 8px 0 3px;
}
#p-episode #searchResult .episode .updateTime {
	display: block;
	text-align: right;
}
#p-episode #searchResult .episode .updateTime span {
	padding-left: 19px;
	background: url("/img/icon/icon_time.gif") no-repeat 0 50%;
}
#p-episode #searchResult .episode .rightBox ul {
	float: right;
	margin-bottom: 10px;
}
#p-episode #searchResult .episode .rightBox ul li {
	display: inline;
	text-align: right;
}
#p-episode #searchResult .episode .rightBox ul li a {
	padding-right: 10px;
	background: url("/img/icon/icon_bl.gif") no-repeat 100% 50%;
}
#p-episode #searchResult .rate {
	clear: both;
	margin-top: 10px;
}
#p-episode #searchResult .rate dt {
	clear: left;
	float: left;
	width: 11em;
	margin-bottom: 10px;
	font-size: 95%;
	*font-size: 86%;
	line-height: 16px;
}
#p-episode #searchResult .rate dd {
	float: left;
	width: 88px;
	height: 16px;
	margin-left: 5px;
	margin-bottom: 10px;
}
#p-episode #searchResult .rate dd span {
	display: -moz-inline-box;
	display: inline-block;
	width: 88px;
	height: 16px;
}
#p-episode #searchResult .rate dd.smile span { background-image: url("/img/icon/icon_smile.gif"); }
#p-episode #searchResult .rate dd.surprise span { background-image: url("/img/icon/icon_surprise.gif"); }
#p-episode #searchResult .rate dd.heart span { background-image: url("/img/icon/icon_heart.gif"); }

#p-episode #searchResult .rate .rate_0 { background-position: 0 0; }
#p-episode #searchResult .rate .rate_1 { background-position: 0 -16px; }
#p-episode #searchResult .rate .rate_2 { background-position: 0 -32px; }
#p-episode #searchResult .rate .rate_3 { background-position: 0 -48px; }
#p-episode #searchResult .rate .rate_4 { background-position: 0 -64px; }
#p-episode #searchResult .rate .rate_5 { background-position: 0 -80px; }
	

#p-episode #searchResult .btnArea {
	height: 52px;
	background: url("/img/common/bg_episode_bottom.gif") no-repeat;
}
#p-episode #searchResult .btnArea .inner {
	margin: 0 auto;
	padding-top: 9px;
	width: 410px;
	height: 22px;
}
#p-episode #searchResult .episodeList span {
	padding-left: 20px;
	background: url("/img/icon/li.gif") no-repeat;
}
#p-episode #searchResult .episodeList {
	margin: 0 5px 30px 0;
	font-weight: bold;
	text-align: right;
}
#p-episode #searchResult .episodeList a {
	padding-left: 16px;
	background: url("/img/icon/li.gif") no-repeat 0 50%;
}

/*	 Episode Post
-------------------------------------------------------------------*/

#p-episode .sheet th {
	width: 160px;
}
#p-episode #post {
	position: relative;
	width: 760px;
	height: 68px;
	margin-bottom: 30px;
	background: url("/img/common/bg_reviewpost.gif") no-repeat;
}
#p-episode #post input,
#p-episode #post img {
	position: absolute;
	top: 12px;
	left: 212px;
}

.rating_img{
	float:left;
	width:16px;
	height:16px;
	margin-right: 3px;
}


/*	 エピソードを投稿する
-------------------------------------------------------------------*/
.p-episodePost #main {
	float: left;
	width: 680px;
}
.p-episodePost #sideNavigation {
	float: right;
	width: 225px;
	padding: 10px;
	background: #FFF4F8;
}
.p-episodePost #sideNavigation ul {
	padding: 0;
	background: 0;
}

ol.breadNavigation {
	background-image: url("/img/common/bg_bl_l.gif")
}
.p-episodePost #post {
	width: 680px !important;
	margin-top: 15px;
}
#p-episode #post input { left: 190px; }
.headline2 span {
	padding-left: 20px;
	background: url("/img/icon/icon_info.gif") no-repeat 0 50%;
}

/*	 Clearfix
-------------------------------------------------------------------*/
.annotation:after,
#searchResult .inner:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.annotation,
#searchResult .inner {
	display: inline-block;
}
/* Hides from IE-mac \*/
* hmlt .annotation,
* html #searchResult .inner {
	height: 1%;
}
.annotation,
#searchResult .inner {
	display: block;
}

/*	 Image Replacement
-------------------------------------------------------------------*/
#p-episode #searchResult #tab a,
#p-episode #searchResult .annotation dt {
	display: block;
	overflow: hidden;
	height: 0 !important;
}

#p-episode #searchResult #tab a { padding-top: 31px; }
#p-episode #searchResult .annotation dt { padding-top: 25px; }