@charset "utf-8";
/* ===================================================================
CSS information

 file name  :item.css
 author     :Naoki Takahashi
 style info :アイテム関連
=================================================================== */

/* -----------------------------------------------------------
	#titleArea
----------------------------------------------------------- */

#titleArea {
	width: 950px;
}

#titleArea:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}


/* -----------------------------------------------------------
	#contentArea
----------------------------------------------------------- */

#contentArea {
	width: 950px;
}

#contentArea:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}


/* -----------------------------------------------------------
	演出アイテム
----------------------------------------------------------- */

#itemTitle {
	margin: 20px 0 30px 0;
}

.tabNav li {
	float: left;
}

.tabNav li img {
	vertical-align: top;
}

.tabNav a {
	display: block;
}

#itemContent {
	padding: 30px 15px 20px;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}

.tabNav:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

#itemContent:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

#itemTab1 a {
	background: url(../item/img/item_navi_tab1.gif) no-repeat left top;
}

#itemTab1 a.active {
	background: url(../item/img/item_navi_tab1_ac.gif) no-repeat left top;
}

#itemTab2 a {
	background: url(../item/img/item_navi_tab2.gif) no-repeat left top;
}

#itemTab2 a.active {
	background: url(../item/img/item_navi_tab2_ac.gif) no-repeat left top;
}

#itemTab3 a {
	background: url(../item/img/item_navi_tab3.gif) no-repeat left top;
}

#itemTab3 a.active {
	background: url(../item/img/item_navi_tab3_ac.gif) no-repeat left top;
}

#itemTab4 a {
	background: url(../item/img/item_navi_tab4.gif) no-repeat left top;
}

#itemTab4 a.active {
	background: url(../item/img/item_navi_tab4_ac.gif) no-repeat left top;
}

#itemContent, #itemContent div {
	zoom: 1;
}


/* tab1====== */
#tab1L {
	float: left;
	width: 459px;
	font-size: 77%;
}

#tab1L p {
	margin-top: 25px;
}

#tab1R {
	float: right;
	width: 434px;
	font-size: 77%;
}

#tab1R p {
	margin-top: 20px;
}

/* tab2====== */
#tab2L {
	float: left;
	width: 459px;
	font-size: 77%;
}

#tab2Op {
	margin-bottom: 6px;
}

#tab2L p {
	margin-top: 25px;
}

#tab2R {
	float: right;
	width: 434px;
	font-size: 77%;
}

/* tab3====== */
#tab3L {
	float: left;
	width: 459px;
	font-size: 77%;
}

#tab3 p {
	margin-top: 25px;
}

#tab3R {
	float: right;
	width: 434px;
	font-size: 77%;
}

.tab3SubL {
	float: left;
}

.tab3SubR {
	float: right;
	text-align: right;
}

.tab3SubR img {
	margin-left: 2px;
	margin-right: 2px;
}

/* tab4====== */
#tab4L {
	float: left;
	width: 431px;
	height: 362px;
	font-size: 77%;
	background: url(../item/img/item_tab4_film.jpg) no-repeat -10px top;
	padding-left: 158px;
	line-height: 1.4;
}

#tab4L img {
	margin-top: 20px;
}

#tab4 p {
	margin-top: 25px;
	margin-bottom: 15px;
	width: 400px;
}

#tab4R {
	float: right;
	width: 315px;
	height: 360px;
	background: url(../item/img/item_tab4_pic.jpg) no-repeat center center;
}

#tab4Flow {
	margin-top: 15px;
}



.itemHeadline {
	display: block;
	padding-bottom: 2px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	font-size: 120%;
	line-height: 1;
	margin-bottom: 4px;
	color: #48322A;
}

.itemHeadlineSub {
	padding-left: 16px;
}


.itemLead {
	font-size: 110%;
}