@charset "UTF-8";

/* ******************************************************************

	--search.css--

	1.#detailSec
		1-1.#detailSec

****************************************************************** */

/*==================================================================
	1. common Setting
===================================================================*/
.date{
	padding:3px 5px;
	background-color:#EEE;
	font-size:93%;
}

/*==================================================================
	1.#detailSec
===================================================================*/
#detailSec{
	padding:10px;
	margin-bottom:15px;
}
#detailSec .leftBox{
	width:260px;
}
#detailSec .rightBox{
	width:425px;
}
#detailSec h1{
	margin-bottom:10px;
	padding:5px;
	background:url(/img/common/h_stripe.gif) repeat 0 0;
	font-size:138.5%;
	font-weight:bold;
}
#detailSec h1 span{
	display:block;
	padding:7px;
	background-color:#FFF;
}

/*==================================================================
	1.#infoSec
===================================================================*/
#infoSec .leftBox{
	width:440px;
}
#infoSec .leftBox h2{
	padding:5px 7px;
	background-color:#FF5400;
	color:#FFF;
	font-weight:bold;
}
#infoSec .leftBox h2 a{
	padding-left:12px;
	color:#FFF;
	background:url(/img/common/icon_li_orange.gif) no-repeat 0 50%;
}
#infoSec .rightBox{
	width:260px;
}
#infoSec .rightBox h3{
	padding:5px 7px;
	background-color:#4065AF;
	color:#FFF;
	font-weight:bold;
}
#infoSec .rightBox .sideInfo{
	padding:10px;
	margin-bottom:10px;
	background-color:#EEE;
}
#infoSec .rightBox .sideInfo h4{
	color:#4065AF;
	font-weight:bold;
}
#infoSec p{
	margin-bottom:10px;
}
#infoSec blockquote{
	font-style: italic;
	padding-left:15px;
	border-left: 3px solid #EEE;
	font-family:Times New Roman,"ＭＳ Ｐゴシック";
}

/* 作品情報・動画の切り替え
----------------------------------------------------------------------
*/
.motion {
	/*width: 500px;*/
	display: none;
}
#motion_area1 {
	display: block;
}
a.active {
	font-weight: bold;
	background: #ddd;
}