@charset "utf-8";

/* 共通パーツ用CSS */

/* 共通クラス
=========================================================================*/
.left{
	float:left;
}
.right{
	float:right;
}


/* マージン調整用クラス
======================================*/
.mt10{
	margin:10px 0 0 0;
}
.mt15{
	margin:15px 0 0 0;
}
.mt20{
	margin:20px 0 0 0;
}
.mt25{
	margin:25px 0 0 0;
}

.mb25{
	margin:0 0 25px 0;
}



/* モジュール　ボックス
=========================================================================*/
.itemBoxModule{
	width:716px;
	margin:0 0 20px ;
}

.itemBoxModuleTop{
	position:relative;
	margin:0 0 -3px;
	width:700px;
	border-left:none;
	border-top:none;
	border-right:none;
	overflow:hidden;
}

.itemBoxModuleTop-sub{
	position:relative;
	margin:-21px 0 20px 0;
	width:697px;
	border:1px dotted #C1C1C1;
	border-top:none;
	overflow:hidden;
}


/* カテゴリ一覧
=========================================================================*/
.lineupTitle{
	padding:15px 0 10px;
	width:700px;
	line-height:100%;
	overflow:hidden;
}
.lineupTitle h2{
	float:left;
	margin:0 23px 0 0;
	padding:4px 0;
	font-size:122%;
	font-weight:bold;
}
.lineupTitle p{
	float:left;
	font-size:92%;
	color:#666;
}




/* モジュール　カテゴリ一覧
===================================================*/
.itemBoxModuleTop .personImg{
	position:absolute;
	width:90px;
	height:100px;
	right:3px;
	bottom:3px;
}
.itemBoxModuleTop .personImg160{
	position:absolute;
	width:160px;
	height:80px;
	right:10px;
	bottom:3px;
}


.itemList{
	padding:13px;
	width:668px;
	border:3px solid #CCC;
	overflow:hidden;
	}
	.itemList .img{
		float:left;
		margin:0 15px 0 0;
		width:180px;
	}
	.itemList .txtSection{
		float:left;
		margin:0 0 0 0;
		width:470px;
		}
		.itemList .txtSection .title{
			margin:0 0 40px;
			padding-top:5px;
			padding-bottom:4px;
			}
			.itemList .txtSection .title h3{
				margin:0 0 8px;
				font-size:122%;
				font-weight:bold;
			}
		.itemList .txtSection .popular1{
			padding-left:55px;
			background:url(/images/icon/icon_popular_1.gif) no-repeat 0 0;
		}
		.itemList .txtSection .popular2{
			padding-left:55px;
			background:url(/images/icon/icon_popular_2.gif) no-repeat 0 0;
		}
		.itemList .txtSection .popular3{
			padding-left:55px;
			background:url(/images/icon/icon_popular_3.gif) no-repeat 0 0;
		}
		.itemList .txtSection .lead{
			margin:0 0 8px 0;
		}
		.itemList .txtSection .txt{
			float:right;
			text-align:right;
			padding:0 80px 0 0;
			width:320px;
			font-size:14px;;
			font-weight:bold;
			line-height:140%;
		}
		.itemList .txtSection .txtIrregular{
			float:right;
			padding:0 120px 0 0;
			width:300px;
			font-size:100%;
			line-height:140%;
			color: #666;
		}
.derivativeItemList{
	float:left;
	width:200px;
	margin:5px 0;
}
.derivativeItemList dt{
	float:left;
	width:86px;
	margin-left:15px;
}
.derivativeItemList dd{
	margin-top:20px;
}



/* モジュールボックス　タイトル部分
=========================================================================*/
.itemBoxModule .introduction{
	overflow:hidden;
	margin: 0 0 20px 0;
	padding:0 0 0 13px;
	background:#000;
}
.itemBoxModule .introduction dt{
}
.itemBoxModule .introduction dd{
	float:left;
}
.itemBoxModule .introduction .title{
	margin:10px 0 5px;
	font-size:122%;
	font-weight:bold;
	line-height:100%;
	color:#DF0247;
}
.itemBoxModule .introduction .lead{
	font-size:85%;
	line-height:100%;
	color:#FFF;
	margin: 0 0 10px;
}
.itemBoxModule .itemBoxInner{
	padding:0 0 0 20px;
	width:676px;
	overflow:hidden;
}


/* モジュール　パーツ
=========================================================================*/
.otherLink{
	text-align:right;
	margin:0 0 20px;
	font-size:92%;
}
.itemBoxInner .youtubeS{
	margin:0 0 20px;
	width:320px;
}
.itemBoxInner .title{
	font-weight:bold;
	color:#DF0247;
	line-height:150%;
}
.itemBoxInner .txt{
	font-size:92%;
	line-height:160%;
}
.itemBoxInner table{
	border:1px solid #CCC;
	font-size:92%;
}
.itemBoxInner table th, .itemBoxInner table td{
	padding:8px 9px;
	border:1px solid #CCC;
}
.itemBoxInner table th{
	background:#EFEFEF;
}
.itemBoxInner table td{
	background:#FFF;
}
.itemBoxInner .note{
	font-size:77%;
}
.itemBoxInner .module180x460{
	margin:0 0 20px;
	width:676px;
	overflow:hidden;
}
.itemBoxInner .module180x460 dt{
	float:left;
	margin:0 20px 0 0;
	width:180px;
	text-align:center;
}
.itemBoxInner .module180x460 dt.border img{
	margin:0 0 3px;
	border:1px solid #CCC;
}
.itemBoxInner .module180x460 dd{
	float:left;
	width:476px;
}
.itemBoxInner .module180x460 dd .title,
.itemBoxInner .module180x460 dd .txt{
	margin:0 0 10px;
}

.itemBoxInner .module320x320{
	margin:0 0 40px;
	width:676px;
	overflow:hidden;
}
.itemBoxInner .module320x320 dt{
	float:left;
	margin:0 20px 0 0;
	width:320px;
	text-align:center;
}
.itemBoxInner .module320x320 dt.border img{
	margin:0 0 3px;
	border:1px solid #CCC;
}
.itemBoxInner .module320x320 dd{
	float:left;
	width:336px;
}

.itemBoxInner .commentBox{
	clear:both;
	margin:0 0 20px;
	padding:12px;
	border:1px dotted #C1C1C1;
	background:;
}
.itemBoxInner .commentBox dl{
	overflow:hidden;
}
.itemBoxInner .commentBox dt{
	float:right;
	margin:0 0 0 20px;
	width:140px;
}
.itemBoxInner .commentBox dd{
	float:left;
	width:490px;
}
.itemBoxInner .commentBox .lead{
	margin:0 0 8px;
	font-weight:bold;
	font-size:92%;
}
.itemBoxInner .commentBox .name{
	margin:0 0 15px;
	font-size:92%;
}
.itemBoxInner .commentBox dl.module94x520{
	overflow:hidden;
}
.itemBoxInner .commentBox .module94x520 dt{
	float:left;
	margin:0 20px 0 0;
	width:94px;
}
.itemBoxInner .commentBox .module94x520 dd{
	float:left;
	width:520px;
}
.immunity{
	background:#FCF;
}


/* 実際の上映例
=========================================================================*/
#example .referenceImage{
	float:left;
	margin:0 20px 20px 0;
}
#example .textSection{
	float:left;
	margin:0 0 20px;
	padding:0 0 2px;
}
#example .title{
	margin:0 0 15px;
}
#example .txt{
	margin:0 0 10px;
}
#example .textSectionLong{
	width:658px;
}
#example .textSection .otherLink{
	margin:0;
}



/* わがままアレンジ
=========================================================================*/
#arrange .referenceImage{
	float:left;
	margin:0 20px 20px 0;
}
#arrange .textSection{
	float:left;
	margin:0 0 20px;
	padding:0 0 2px;
}

#arrange .tooltip,
#arrange .tooltip td{
	border:none;
	width:auto;
}
#arrange .tooltip td{
	padding:0 10px 0 0;
	height:27px;
	background:url(/images/product/tooltip_bg_right.gif) no-repeat right;
}
#arrange .tooltip p{
	padding:6px 0 0 10px;
	height:26px;
	background:url(/images/product/tooltip_bg_left.gif) no-repeat 0 0;
}
#arrange .title{
	margin:0 0 10px;
}
#arrange .txt{
	margin:0 0 10px;
}
#arrange table{
	margin:0 0 10px;
}
#arrange .textSection .otherLink{
	margin:0;
}
#arrange .referenceImage li{
	margin-bottom:5px;
	float:left;
	clear:both;
}
#arrange .referenceImage img{
	border:1px solid #C1C1C1;
}


/* 購入者アンケート
=========================================================================*/
#questionnaire .userVoiceBox{
	margin:0 0 20px;
	width:688px;
	overflow:hidden;
}
#questionnaire .userVoiceBox dt{
	float:left;
	margin:0 18px 0 0;
	width:90px;
}
#questionnaire .userVoiceBox dt img{
	border:1px solid #CCC;
}
#questionnaire .userVoiceBox dd{
	float:left;
	width:560px;
}
#questionnaire .userVoiceBox dd .name{
	margin:0 15px 15px 0;
	font-size:92%;
	font-weight:bold;
	line-height:100%;
}
#questionnaire .userVoiceBox dd .name .date{
	margin:0 0 0 15px;
	font-size:92%;
	font-weight:normal;
}
#questionnaire .userVoiceBox dd .title{
	margin:0 0 5px;
}
#questionnaire .userVoiceBox dd .title span{
	display:block;
	float:left;
	margin:0 10px 0 0;
	padding:3px 0 2px;
	width:90px;
	color:#FFF;
	font-size:70%;
	line-height:100%;
	text-align:center;
}
#questionnaire .userVoiceBox dd .groom{
	color:#DF0247;
}
#questionnaire .userVoiceBox dd .groom span{
	background:#DF0247;
}
#questionnaire .userVoiceBox dd .guest{
	color:#268C8E;
}
#questionnaire .userVoiceBox dd .guest span{
	background:#268C8E;
}


/* 選べるナレーター
=========================================================================*/
#narrator .listBOX{
	float:left;
	margin:0 0 20px;
	width:325px;
	height:94px;
	overflow:hidden;
}
#narrator .listBOX dt{
	float:left;
	margin:0 20px 0 0;
	width:92px;
}
#narrator .listBOX dt img{
	padding:2px;
	background:#DF0247;
}
#narrator .listBOX dt a:link img, #narrator dt a:visited img{
	background:url(/images/product/border_bg_88.gif) no-repeat 0 0;
}
#narrator .listBOX dt a:hover img, #narrator dt a:active img{
	background:#DF0247;
}
#narrator .listBOX dd{
	float:left;
	padding:0 0 2px;
	width:188px;
	line-height:100%;
}
#narrator .listBOX dd .title{
	padding:2px 0;
}

#narrator .listBOX dd .txt{
	margin:0 0 20px;
	font-size:107%;
}
#narrator .listBOX dd .profile{
	font-size:92%;
}


/* クリエイターのこだわり
=========================================================================*/
#creator .module180x460 dd .detail{
	font-size:92%;
	line-height:100%;
	text-align:right;
}
#creator .exampleImage{
	margin:0 0 20px;
}


/* 見どころピックアップ！
=========================================================================*/
#pickup .list{
	margin:0 0 20px;
	width:670px;
	overflow:hidden;
}
#pickup .list dt{
	float:left;
	margin:0 20px 0 0;
	width:140px;
}
#pickup .list dt img{
	margin:0 0 3px;
	border:1px solid #C1C1C1;
}
#pickup .list dd{
	float:left;
	width:508px;
}
#pickup .list dd .title{
	margin:0 0 5px;
}
#pickup .list dd .txt{
	margin:0 0 20px;
}
#pickup .list dd .subContents{
	margin:0 0 20px;
	padding:10px;
	width:486px;
	background:#EFEFEF;
}
#pickup .list dd .subTitle{
	margin:0 0 10px;
	font-weight:bold;
	font-size:92%;
}
#pickup .list dd ul{
	overflow:hidden;
}
#pickup .list dd li{
	float:left;
	padding:0 2px;
	width:79px;
	text-align:center;
	font-size:77%;
	margin: 0 0 15px;
}
#pickup .list dd li img{
	display:block;
	margin:0 0 7px 9px;
}




/* BGM & 写真枚数
=========================================================================*/
#bgmPhoto .title{
	margin:0 0 8px;
}
#bgmPhoto .titleMt20{
	margin:20px 0 8px;
}
#bgmPhoto .typeName{
	padding:0 0 0 2px;
	width:676px;
	overflow:hidden;
}
#bgmPhoto .typeName dd{
	float:left;
	padding:0 0 4px;
	font-size:77%;
}
#bgmPhoto table{
	margin:0 0 5px;
	width:676px;
	line-height:100%;
}
#bgmPhoto .note{
	margin:0 0 20px;
	line-height:150%;
}
#bgmPhoto .note a{
	color:#331F8E;
}


/* 納品イメージ
=========================================================================*/




/* 合わせて買う人多いです
=========================================================================*/
#together .setDefaultImg{
	float:left;
	margin:0 20px 0 0;
	width:80px;
}
#together .setDefaultImg img{
	border:1pxsolid #CCC;
}
#together .setItem{
	float:left;
	width:576px;
}
#together .setItem dl{
	margin:0 0 20px 0;
	padding:0 0 10px 80px;
	width:490px;
	background:url(/images/product/set_img.gif) no-repeat 0 0;
	overflow:hidden;
	border-bottom: 1px dotted #C1C1C1;
}
#together .setItem dt{
	float:left;
	margin:0 20px 0 0;
	width:180px;
}
#together .setItem dt img{
	border:1px solid #CCC;
}
#together .setItem dd{
	float:left;
	padding:0 0 2px;
	width:290px;
}
#together .setItem dd .category{
	margin:0 0 8px;
	font-size:77%;
}
#together .setItem dd .title{
	margin:0 0 15px;
}
#together .setItem dd .txt{
	margin:0 0 10px;
}


/* 注意事項
=========================================================================*/
#notes h4{
	clear:both;
	margin:0 0 5px;
	font-weight:bold;
	font-size:92%;
}
#notes .txt{
	margin:0 0 20px;
}


/* 上映の手順
=========================================================================*/


/* 印刷　特徴
=========================================================================*/
.itemBoxInner .module320x320 dd .title{
	margin:0 0 10px;
}
.itemBoxInner .module320x320 dd .txt{
	margin:0 0 30px;
}


/* ペーパーシリーズ
=========================================================================*/
#paperSeries h4.title{
	margin:0 0 10px;
}
#paperSeries .lead{
	margin:0 0 20px;
	font-size:92%;
	line-height:160%;
}
#paperSeries .paperBox{
	float:left;
	margin:0 0 20px;
	width:325px;
	height:94px;
	overflow:hidden;
}
#paperSeries .paperBox dt{
	float:left;
	margin:0 20px 0 0;
	width:92px;
}
#paperSeries .paperBox dt img{
	/*padding:2px;*/
	background:#DF0247;
}
#paperSeries .paperBox dt a:link img, paperSeries dt a:visited img{
	background:url(/images/product/border_bg_88.gif) no-repeat 0 0;
}
#paperSeries .paperBox dt a:hover img, paperSeries dt a:active img{
	background:#DF0247;
}
#paperSeries .paperBox dd{
	float:left;
	width:188px;
	line-height:100%;
}
#paperSeries .paperBox dd .title{
	margin:0 0 15px;
}

#paperSeries .paperBox dd .txt{
	margin:0 0 8px 0;
	line-height:100%;
}
#paperSeries .paperBox dd .detail{
	font-size:92%;
	float:right;
}
#paperSeries .cartArea{
	clear:both;
	margin:0 0 20px;
	padding:10px 0;
	width:676px;
	background:#EFEFEF;
	text-align:center;
}

/* 付属品
=========================================================================*/
#accessories ul{
	margin:0 0 20px;
	width:320px;
	overflow:hidden;
}
#accessories li{
	font-size:92%;
	line-height:160%;
}


/* 選べるサイズ
=========================================================================*/
#selectsize .leadTitle{
	margin:0 0 6px 220px;
	font-size:92%;
}
#selectsize .img{
	margin:0 0 20px 130px;
	width:456px;
}


/* 費用感
=========================================================================*/
#cost .module320x320 dt{
	text-align:left;
}
#cost .module320x320 dt p, #cost .module320x320 dt table{
	margin:0 0 5px;
}
#cost .module320x320 th, #cost .module320x320 td{
	text-align:center;
}
#cost .module320x320 td.feature{
	font-weight:bold;
	color:#DF0247;
}
.costTitle img{
	margin:0 0 5px;
}
.costTitle span{
	font-size:85%;
}


/* JACK全国行脚
=========================================================================*/
#jack .jackCityList{
	overflow:hidden;
}
#jack .jackCityList li{
	float:left;
	margin:0 10px 20px 0;
	padding:0 2px;
	width:92px;
	text-align:center;
	font-size:92%;
}
#jack .jackCityList li img{
	display:block;
	margin:0 0 7px;
	padding:2px;
	background:#DF0247;
}
#jack .jackCityList li a img{
	background:url(/images/product/border_bg_88.gif) no-repeat 0 0;
}
#jack .jackCityList li a:hover img{
	background:#DF0247;
}


/* Q&A部分
=========================================================================*/
.qaBoxModule{
	margin:0 0 40px;
	padding:0 0 10px;
	width:720px;
	background:#EFEFEF;
}
.accordion{
	position:relative;
	padding:25px 0 0;
}
.accordion dt{
	position:absolute;
	left:0;
	padding:0 0 0 14px;
	bottom:0;
	_bottom:10px;
	cursor:pointer;
	font-size:92%;
}
.accordion dt span{
	margin:0 20px 0 0;
	padding:0 0 0 15px;
	background:url(/images/icon/icon_arrow_blue_b.gif) no-repeat 0 1px;
	cursor:pointer;
	color:#331F8E;
	text-decoration:underline;
}
.accordion dt span:hover{
	color:#331F8E;
	text-decoration:none;
}
.accordion dt.open span{
	background:url(/images/icon/icon_arrow_blue_t.gif) no-repeat 0 1px;
}
.accordion dd{
	position:relative;
	bottom:15px;
	width:720px;
	overflow:hidden;
}

.faqList{
	padding:0 20px 12px 14px;
	width:686px;
	font-size:92%;
	border-bottom:1px solid #C1C1C1;
}
.faqList h4.question{
	margin:0 0 5px;
	font-weight:bold;
}
.faqList .answer{
	margin:0 0 15px 10px;
}

.formArea{
	margin:0 0 10px;
	padding:20px 20px 12px 14px;
	width:686px;
	overflow:hidden;
	border-bottom:1px solid #C1C1C1;
}
.noteSection{
	float:left;
	width:325px;
}
.noteSection .title{
	margin:0 0 8px;
	font-size:92%;
	font-weight:bold;
}
.noteSection .formNote{
	font-size:77%;
	line-height:160%;
}
.questionForm{
	float:right;
	width:330px;
}
.questionForm .category{
	display:none;
}
.questionForm .messageForm{
	margin:0 0 10px;
	padding:5px;
	width:316px;
	height:120px;
	border:1px solid #C1C1C1;
	background:url(/images/common/form_bg.jpg) no-repeat -2px -2px;
}
.questionForm .btn{
	text-align:center;
}



/* サンプル・カートボタン
=========================================================================*/
.conversionBtnModule{
	margin:0 auto;
	width:252px;
	height:50px;
	overflow:hidden;
}
.conversionBtnModule li{
	float:left;
	padding:0 8px;
}
.selectBoxLine .conversionBtnModule{
	margin:0 auto;
	width:262px;
	height:46px;
	overflow:hidden;
}
.selectBoxLine .conversionBtnModule li{
	float:left;
	padding:0 5px;
}


.boxBottomSubLink{
	margin:6px 0 0;
	width:720px;
}
.boxBottomSubLink .link{
	float:right;
	font-size:92%;
}
.boxBottomSubLink .link li{
	float:left;
	margin:0 15px 0 0;
}



/* 一緒におすすめの商品　エリア
=========================================================================*/
.footRecommendArea{
	clear:both;
	width:100%;
	background:#F3F3F3 url(/images/product/bg_footrecommend_area.jpg) repeat-x 0 0;
}
.footRecommendInner{
	margin:0 auto;
	padding:15px 0;
	width:940px;
	clear:both;
}
.footRecommendArea h3{
	margin:0 0 15px 6px;
	padding:0 0 0 15px;
	background:url(/images/icon/icon_square_red.gif) no-repeat 0 2px;
	font-size:92%;
	font-weight:bold;
	line-height:100%;
}
.footRecommendArea dl{
	margin:0 0 0 10px;
	width:930px;
	overflow:hidden;
}
.footRecommendArea dd{
	float:left;
	margin:0 40px 0 0;
	width:140px;
}
.footRecommendArea dd img{
	padding:0 0 19px 0;
	background:url(/images/product/bg_shadow.jpg) no-repeat 0 bottom;
}
.footRecommendArea dd .txt{
	margin:0 0 5px;
	font-size:77%;
	color:#666;
}
.footRecommendArea dd .linkTxt{
	font-size:92%;
}

.footRecommendArea .ban{
	margin:10px 0 0;
	overflow:hidden;
}
.footRecommendArea .ban li{
	float:left;
	margin:0 20px 0 0;
}


/* サイド吹き出し
=========================================================================*/
.itemContentsSub .leadTooltip{
	margin:0 0 4px;
	padding:42px 8px 0;
	width:194px;
	height:52px;
	background:url(/images/common/lead_tooltip.gif) no-repeat 0 bottom;
	color:#FFF;
	font-size:114%;
	font-weight:bold;
	line-height:130%;
	text-align:center;
}



/* サイドリンク
=========================================================================*/
.rightLinkArea{
	margin:0 0 16px;
	padding:4px;
	_padding:4px 2px 4px 4px;
	width:200px;
}


/* サイド　商品一覧
=========================================================================*/

/* -------
	設定 */
.party #productList .party,
.paper #productList .party,
.movie2nd #productList .party2nd,
.photo #productList .photo,
.otion #productList .otion{
	display:block;
	}


/*デフォルト*/
.party2nd #productList .js-openList.party,
.photo #productList .js-openList.party,
.option #productList .js-openList.party{
	display:none;
	}

.party2nd #productList .js-openList.party2nd,
.photo #productList .js-openList.photo,
.option #productList .js-openList.option{
	display:block;
	}


.op #productList #productListWrapper .js-openList ul li.op a,
.pf #productList .js-openList ul li.pf a,
.re #productList .js-openList ul li.re a,
.et #productList .js-openList ul li.et a,
.vl #productList .js-openList ul li.vl a,
.ed #productList .js-openList ul li.ed a,
.op2nd #productList .js-openList ul li.op2nd a,
.pf2nd #productList .js-openList ul li.pf2nd a,
.vl2nd #productList .js-openList ul li.vl2nd a,
.et2nd #productList .js-openList ul li.et2nd a,
.ed2nd #productList .js-openList ul li.ed2nd a,
.inv #productList .js-openList ul li.inv a,
.wb #productList .js-openList ul li.wb a,
.sc #productList .js-openList ul li.sc a,
.so #productList .js-openList ul li.so a,
.inv2nd #productList .js-openList ul li.inv2nd a{
	background:#FFF0F0;
	color:#df0247;
	font-weight:bold;
	}


/*
	設定 
--------*/


#productList{
	background:#000;
	}
	
#productList #productListWrapper{
	padding:2px;
	background:#FFF;
	}
	
#productList h4{
	text-align:center;
	padding:7px;
	background:#000;
	}
	
#productList h4 a{
	color:#FFF;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	}
	
#productList h5{
	font-size:14px;
	font-weight:bold;
	padding:5px 5px 5px 24px;
	cursor:pointer;
	}

#productList h5#title-party{
	color:#FFF;
	background:#df0247 url(/images/product/iconSet-btnOpenRD-open.gif) no-repeat 4px center;
	}

#productList h5#title-party_open{
	color:#FFF;
	background:#df0247 url(/images/product/iconSet-btnOpenRD-close.gif) no-repeat 4px center;
	}


#productList h5#title-party2nd{
	color:#FFF;
	background:#0000FE url(/images/product/iconSet-btnOpenBL-open.gif) no-repeat 4px center;
	}

#productList h5#title-party2nd_open{
	color:#FFF;
	background:#0000FE url(/images/product/iconSet-btnOpenBL-close.gif) no-repeat 4px center;	
	}


#productList h5#title-photo,
#productList h5#title-option{
	color:#FFF;
	background:#333 url(/images/product/iconSet-btnOpenBK-open.gif) no-repeat 4px center;
	}

#productList h5#title-photo_open,
#productList h5#title-option_open{
	color:#FFF;
	background:#333 url(/images/product/iconSet-btnOpenBK-close.gif) no-repeat 4px center;
	}

#productList .js-openList{
	display:none;
	}
	
#productList .js-openList.party{
	display:block;
	}
#productList .js-openList.party2nd{}
#productList .js-openList.photo{}
#productList .js-openList.option{}
	

#productList .js-openList h6{
	font-size:14px;
	font-weight:bold;
	padding:4px 4px 4px 24px;
	background:#EDEDED;
	}
	
#productList .js-openList.party h6{
	color:#333;
	}

#productList .js-openList ul{}
#productList .js-openList ul li{}

#productList .js-openList ul li a{
	display:block;
	text-decoration:none;
	color:#333;
	padding:5px 10px 5px 10px;
	border-bottom:1px dotted #CCC;
	font-size:12px;
	}
	
#productList .js-openList ul li a:hover{
	background:#F5F5F5;
	}


/* サイド　プランコーディネート
=========================================================================*/
div#planCoordinateArea{
	border:none;
}
#planCoordinateArea .title{
	padding:0 0 9px;
	width:200px;
	background:url(/images/product/plan_title_headbg.gif) no-repeat 0 bottom;
}
#planCoordinateArea .titleInner{
	padding:10px 0;
	width:200px;
	background:url(/images/product/plan_title_bg.gif) repeat;
}
#planCoordinateArea .title .image{
	margin:0 0 8px;
	text-align:center;
}
#planCoordinateArea .title h4{
	text-align:center;
	font-size:107%;
	font-weight:bold;
	line-height:100%;
}
#planCoordinateArea ul{
	width:200px;
}
#planCoordinateArea li{
	padding:4px 0;
	width:200px;
	border-bottom:1px dotted #C1C1C1;
}
#planCoordinateArea li.noBorder{
	border:none;
	margin-bottom:20px;
}
#planCoordinateArea li dl{
	padding:4px;
	width:192px;
	overflow:hidden;
}
#planCoordinateArea li dt{
	float:left;
	margin:0 8px 0 0;
	width:67px;
}
#planCoordinateArea li dd{
 float:left;
 width:117px;
 line-height:100%;
}
#planCoordinateArea li dd .category{
	margin:5px 0;
	font-size:85%;
	color:#666;
}
#planCoordinateArea li dd .linkTxt{
	font-size:92%;
}

#planCoordinateArea .planTitleBanner{
	width:210px;
	height:250px;
}

#planCoordinateArea .planTitleBanner img{
	position:relative;
	z-index:1;
}

#planCoordinateArea .planTitleBanner p{
	position:relative;
	top:-100px;
	z-index:2;
	padding:20px 25px 0;
	font-size:13px;
	line-height:1.3em;
}

#planCoordinateArea .planTitleBanner a{
	text-decoration:none;
}


#invitationCategory li dl.invitation,
#welcomeCategory li dl.welcome,
#seatcardCategory li dl.seatcard,
#seatorderCategory li dl.seatorder,
#openingCategory li dl.opening,
#profileCategory li dl.profile,
#entertainmentCategory li dl.entertainment,
#opening2Category li dl.opening2,
#videoletterCategory li dl.videoletter,
#endingCategory li dl.ending,
#gameCategory li dl.game{
	border:3px solid #DF0247;
}

#opening_01 li dl.opening_01,
#opening_02 li dl.opening_02,
#opening_03 li dl.opening_03,
#opening_04 li dl.opening_04,
#opening_05 li dl.opening_05,
#opening_06 li dl.opening_06,
#profile_01 li dl.profile_01,
#profile_02 li dl.profile_02,
#profile_03 li dl.profile_03,
#profile_04 li dl.profile_04,
#profile_05 li dl.profile_05,
#profile_06 li dl.profile_06{
	border:3px solid #DF0247;
}


/* サイド　オリジナル招待状選集
=========================================================================*/
.originalSub{
	border:none;
	}
	.originalSub ul{
		margin:0 0 10px 0;}
	
	
	.originalSub ul li{
		background:#CCC;
		margin-bottom:5px;
		padding:7px 10px;
	}
	.originalSub a{
		color:#333;
		}
		.originalSub a:hover,
		.originalSub a:active{
			color:#DF0247;
		}
#originalSub00 .originalSub00,
#originalSub01 .originalSub01,
#originalSub02 .originalSub02,
#originalSub03 .originalSub03,
#originalSub04 .originalSub04,
#originalSub05 .originalSub05,
#originalSub06 .originalSub06,
#originalSub07 .originalSub07,
#originalSub08 .originalSub08,
#originalSub09 .originalSub09,
#originalSub10 .originalSub10,
#originalSub11 .originalSub11,
#originalSub12 .originalSub12,
#originalSub13 .originalSub13,
#originalSub14 .originalSub14,
#originalSub15 .originalSub15,
#originalSub16 .originalSub16,
#originalSub17 .originalSub17,
#originalSub18 .originalSub18,
#originalSub19 .originalSub19{
	border:3px solid #DF0247;
	background:#FFF;
}


/* 各バナー
=========================================================================*/
.ban{
	margin-bottom:16px;
	text-align:center;
}
.banList li{
	margin:0 0 16px;
}
.itemContentsSub .ban{
	margin:0 0 16px;
}
.announce{
	margin:0 0 18px;
	border:3px solid #C1C1C1;
	padding:20px;
	width:164px;
	text-align:center;
}

.announce h3{
	margin:0 0 15px;
}
.announce dl dt{
	font-weight:bold;
	margin:0 0 15px;
}
.announce dl dd{
	text-align:left;
	margin:0 0 15px;
	padding:0 0 10px;
	border-bottom:1px dotted #C1C1C1;
}

.productListBan{
	padding:4px;
	width:200px;
	height:200px;
	border:1px solid #C1C1C1;
	background:#FFF;
}
.productListBan h4{
	width:200px;
}
.productListBan h4 a{
	display:block;
	padding:14px 0 20px;
	width:200px;
	text-align:center;
	font-weight:bold;
	line-height:100%;
	color:#FFF;
	text-decoration:underline;
}
.productListBan h4 a:link, .productListBan h4 a:visited{
	background:#000 url(/images/common/flow_title_bg.gif) no-repeat 0 bottom;
	color:#FFF;
	text-decoration:underline;
}
.productListBan h4 a:hover, .productListBan h4 a:active{
	background:#333 url(/images/common/flow_title_bg_on.gif) no-repeat 0 bottom;
	color:#FFF;
	text-decoration:none;
}
.productListBan p{
	margin:12px 0 8px 10px;
	font-size:92%;
	font-weight:bold;
}
.productListBan ul{
	margin:5px 0 0 5px;
	width:195px;
	font-size:92%;
}
.footRecommendArea .ban .productListBan li{
	float:none;
	margin:0;
	line-height:150%;
}




/* わがままアレンジ・購入者アンケート・実際の上映例
=========================================================================*/
.itemBoxModuleLarge{
	margin:0 0 20px;
	padding:20px 0 0 20px;
	_padding:20px 0 20px 20px;
	width:916px;
	border-bottom:1px dotted #C1C1C1;
	overflow:hidden;
}
* .itemBoxModuleLarge{
	overflow:hidden;
	width:916px;
}
.noborder{
	border:none;
}
*:first-child+html .itemBoxModuleLarge{
	padding:20px 0 20px 20px;
}
.itemBoxModuleLarge .title{
	font-size:114%;
	color:#DF0247;
	line-height:150%;
}
.itemBoxModuleLarge .txt{
	font-size:92%;
	line-height:180%;
}
.itemBoxModuleLarge .txt467{
	font-size:92%;
	line-height:180%;
	float:left;
	width:467px;
}
.itemBoxModuleLarge table{
	border:1px solid #CCC;
	font-size:92%;
}
.itemBoxModuleLarge table th,
.itemBoxModuleLarge table td{
	padding:4px 10px;
	border:1px solid #CCC;
}
.itemBoxModuleLarge table th{
	background:#EFEFEF;
}


.attention{
	padding:20px;
	width:900px;
	background:#EFEFEF;
}
.attention dl{
	padding:0 0 0 50px;
	white-space:850px;
	background:url(/images/icon/icon_attention.gif) no-repeat 0 0;
	overflow:hidden;
}
.attention dl .txt{
	float:left;
	font-size:92%;
	line-height:180%;
}
.attention dl .btn{
	float:right;
	margin: 5px 10px 0 0;
}




/* わがままアレンジ
=========================================================================*/
.arrange .mainArea{
	float:left;
	margin:0 45px 20px 0;
	width:665px;
	overflow:hidden;
}
.arrange .mainArea h3{
	font-weight:bold;
}
.arrange .mainArea dl{
	overflow:hidden;
	margin:0 0 5px;
	width:665px;
	font-size:92%;
	font-weight:bold;
	line-height:100%;
}
.arrange .mainArea dt{
	float:left;
	margin:0 10px 0 0;
	padding:13px 0 0;
	width:37px;
	height:24px;
	color:#FFF;
	text-align:center;
}
.arrange .mainArea dd{
	float:left;
	padding:13px 0 0;
	color:#1F1912;
}
.arrange .mainArea .demand dt{
	background:#1F1912;
}
.arrange .mainArea .proposal{
	margin:0 0 20px;
}
.arrange .mainArea .proposal dt{
	margin:0 10px 0 0;
	background:#DF0247;
}
.arrange .mainArea .proposal dd{
	color:#DF0247;
}
.arrange .mainArea .ImageSection320{
	float:left;
	margin:0 10px 0 0;
	width:330px;
}
.arrange .mainArea .ImageSection178{
	float:left;
	margin:0 10px 0 0;
	width:188px;
}
.arrange .mainArea .ImageSection178 ul{
	overflow:hidden;
}
.arrange .mainArea .ImageSection178 li{
	clear:both;
	float:left;
	margin-bottom:5px;
	width:156px;
}
.arrange .mainArea .ImageSection178 img,
.arrange .mainArea .ImageSection178 li img{
	border:1px solid #C1C1C1;
}
.arrange .mainArea .p{
	float:left;
	font-size:92%;
	line-height:160%;
}

.arrange .subArea{
	float:left;
	margin:0 0 20px;
	width:190px;
}
.arrange .subArea .creator{
	margin:0 0 20px;
	font-size:92%;
}
.arrange .subArea .creatorImg{
	margin:0 0 5px;
}
.arrange .subArea .creatorImg img{
	border:1px solid #C1C1C1;
}



/* 購入者アンケート
=========================================================================*/
.uservoice .mainArea{
	float:left;
	margin:0 20px 20px 0;
	width:595px;
	overflow:hidden;
}
.uservoice .mainArea h2{
	margin:0 0 8px;
	font-size:122%;
	font-weight:bold;
	line-height:100%;
}
.uservoice .mainArea .date{
	margin:0 0 20px;
	font-size:77%;
	color:#666;
	line-height:100%;
}
.uservoice .mainArea .image{
	margin:0 0 20px;
	overflow:hidden;
}
.uservoice .mainArea .image li{
	float:left;
	margin:0 10px 0 0;
}
.uservoice .mainArea .leadUserVoice{
	margin:0 0 20px;
	font-size:92%;
	line-height:160%;
}
.uservoice .mainArea h3.subTitle{
	margin:0 0 10px;
	padding:10px 0 5px;
	width:595px;
	border-bottom:1px solid #333;
	font-size:107%;
	font-weight:bold;
	line-height:100%;
}
.uservoice .mainArea .userVoiceBox{
	margin:0 0 20px;
	width:595px;
	overflow:hidden;
}
.uservoice .mainArea .userVoiceBox dt{
	float:left;
	margin:0 18px 0 0;
	width:90px;
}
.uservoice .mainArea .userVoiceBox dt img{
	border:1px solid #CCC;
}
.uservoice .mainArea .userVoiceBox dd{
	float:left;
	width:485px;
}
.uservoice .mainArea .userVoiceBox dd .name{
	margin:0 15px 8px 0;
	font-size:92%;
	font-weight:bold;
	line-height:100%;
}
.uservoice .mainArea .userVoiceBox dd .title{
	margin:0 0 6px;
}
.uservoice .mainArea .userVoiceBox dd .groom{
	color:#DF0247;
}
.uservoice .mainArea .userVoiceBox dd .guest{
	color:#268C8E;
}

.uservoice .subArea{
	float:left;
	width:290px;
}
.uservoice .subArea .listTitle{
	margin:0 0 10px;
	padding:8px 0 0 37px;
	height:21px;
	font-size:92%;
	background:url(/images/icon/icon_cart_red.gif) no-repeat 0 0;
}
.uservoice .subArea table{
	margin:0 0 20px;
}
.uservoice .subArea table th{
	font-size:85%;
}
.uservoice .subArea .optionTitle{
	margin:0 0 4px;
}
.uservoice .subArea .optionitem{
	margin:0 0 0 15px;
	line-height:160%;
}
.uservoice .mainArea .userVoiceSupplement{
	padding:10px;
	width:575px;
	background:#EFEFEF;
	overflow:hidden;
}
.uservoice .mainArea .userVoiceSupplement table{
	width:575px;
	border:none;
}
.uservoice .mainArea .userVoiceSupplement td{
	padding:0;
	vertical-align:middle;
	line-height:160%;
	background:none;
	border:none;
}
.uservoice .mainArea .userVoiceSupplement td.img{
	padding:0 20px 0 0;
	width:140px;
}


/* 実際の上映例
=========================================================================*/
.ImageSection480{
	float:left;
	margin:0 20px 20px 0;
}
.example .txtSection{
	float:left;
	padding:0 0 20px 0;
	width: 395px;
}
.example .txtSection .title{
	margin:0 0 8px;
	font-weight: bold;
}
.example .txtSection table{
	margin:0 0 20px;
	border:none;
}
.example .txtSection table td{
	vertical-align:middle;
	border:none;
}
.example .txtSection table .img{
	padding:0 10px 0 0;
}
.example .txtSection table img{
	border:1px solid #C1C1C1;
}
.example .txtSection .name{
	font-weight:bold;
	line-height:159%;
	font-size: 129%;
}
.example .txtSection .date{
	line-height:130%;
}


/* カートポップアップ用
=========================================================================*/
div#detailBG{ display: none; position: absolute; background: #000000; z-index: 400; filter: alpha(opacity=60); opacity: 0.60; width: 1px; height: 1px; top:0; left:0;}
div#detailWindow{ display: none; position: absolute; z-index: 500; width: 1px; height: 1px; }



/*20100713 miyauchi*/
.itemBoxInner .module676{
	margin:0 0 40px;
	width:676px;
	overflow:hidden;
}

.itemBoxInner .module676 .bdrimg{
border:1px solid #CCC;
width:674px;
}

/*
	アンケート解答結果のスター
*/

.review_star{
	line-height: 1.4 !important;
	height: 25px;
}

.review_star.none .star, .review_star.none .fukidasi{
/*	display: none;*/
}

.review_star .star{
	margin: 0 2px 0 0;
}

.review_star .star img{
	width: 58px;
}

.review_star .fukidasi{
	font-size: 10px;
	text-align: center;
	width: 28px;
	height: 15px;
	padding: 0 0 0 2px;
	display: inline-block;
	*display:inline;
	zoom:1;
	background: url(/images/review/bg_fukidasi.png) no-repeat left center;
}