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


/*----------------------------------------------------------
	共通
----------------------------------------------------------*/
#mainContent .item{
	font-size: 81.25%;
}

#mainContent .item p.back{
margin-bottom:2px;
display:block;
padding:2px 2px 2px 15px;
background:url(/images/icons/icons_back.gif) no-repeat 0 4px;
line-height:100%;}
	
	#mainContent .item p.back a:link,
	#mainContent .item p.back a:visited,
	#mainContent .item p.back a:active{
		color: #9E1D20 !important;
		text-decoration: none;
	}
	
	#mainContent .item p.back a:hover{
		color: #9E1D20 !important;
		text-decoration:underline;
	}
	

/*----------------------------------------------------------
	作品詳細専用
----------------------------------------------------------*/


#mainContent .item h4{
margin-bottom:10px;}


#mainContent .item table#idxTbl{
	width:600px;
	padding:0;
	margin-bottom:5px;
	background:url(/images/item/idx_bg.gif) repeat-y 0 0;}
	
	#mainContent .item table#idxTbl td.head,
	#mainContent .item table#idxTbl td.bottom{
		background:#000 url(/images/item/idx_head.gif) no-repeat 0 0;
		height:1px !important;
		padding:0 !important;}
		
	#mainContent .item table#idxTbl td.icon{
	background:url(/images/item/idx_icon.gif) no-repeat 8px 3px;
	width:70px;
	height:31px;}
	
	#mainContent .item table#idxTbl td.itemName{	
	padding:3px;
	}
	
	#mainContent .item table#idxTbl td.itemName h2{
	background:url(/images/item/idx_item_bg.gif) repeat-y 0 0;
	color: #FFF;
	display:block;
	padding-left:15px;
	font-size: 112.5% !important;
	font-weight: bold;
	letter-spacing: 1px;
	margin-bottom: 0 !important;}
	

/* ---------------------------------
オプション
*/

#mainContent .item #optionBox{
	width: 600px;
	margin-bottom: 5px;
}

	*+html #mainContent .item #optionBox{
		margin-bottom:-5px !important;}
		
	
	* html #mainContent .item #optionBox{
		margin-bottom:-5px !important;}


#mainContent .item #optionBox #option{
	float: left;
	width: 400px;
}

	
	#mainContent .item #optionBox #option #good,
	#mainContent .item #optionBox #option #dl,
	#mainContent .item #optionBox #option #eturan,
	#mainContent .item #optionBox #option .eturan{
	float: left;
	height:20px;
}

	/* -----------------IE----------------*/
	*+html #mainContent .item #optionBox #option #good,
	*+html #mainContent .item #optionBox #option #dl,
	*+html #mainContent .item #optionBox #option #eturan,
	*+html #mainContent .item #optionBox #option .eturan{
	padding-top: 0 !important;
}

	* html #mainContent .item #optionBox #option #good,
	* tml #mainContent .item #optionBox #option #dl,
	* tml #mainContent .item #optionBox #option #eturan,
	* html #mainContent .item #optionBox #option .eturan{
	padding-top: 1px !important;
}

	/* -----------------------------------*/

	
	#mainContent .item #optionBox #option #good{
	background:url(/images/icons/icon_good.jpg) no-repeat 0 3px;
	padding-left:54px;
	margin-right: 20px;
}

	#mainContent .item #optionBox #option #dl{
	background:url(/images/icons/icon_dl.jpg) no-repeat 0 3px;
	font-family: 'qMmpS Pro W3','Hiragino Kaku Gothic Pro','CI',Meiryo,'lr oSVbN', sans-serif;
	font-weight: bold;
	padding-left:100px;
}

	#mainContent .item #optionBox #option #eturan,
	#mainContent .item #optionBox #option .eturan{
	background:url(/images/icons/icon_eturan.jpg) no-repeat 0 3px;
	padding-left:64px;
	font-family: 'qMmpS Pro W3','Hiragino Kaku Gothic Pro','CI',Meiryo,'lr oSVbN', sans-serif;
	font-weight: bold;
}

		
		#mainContent .item #optionBox #option #good img,
		#mainContent .item #optionBox #option #dl img,
		#mainContent .item #optionBox #option #eturan img,
		#mainContent .item #optionBox #option .eturan img{
	margin-right: 5px;
}

			
			#mainContent .item #optionBox #option #good span.star img{
	margin-right: 2px !important;
}



#mainContent .item #optionBox #free{
	float: right;
	width: 42px;
}


/* SBM Box */

#mainContent .item #optionBox #sbm{
	float: right;
}

#mainContent .item #optionBox #sbm a:hover{
background:#FFF !important;
text-decoration:none;
}

	
#mainContent .item #optionBox #sbm a.tooltip span {
	display:none;
	padding:3px;
	margin-left:5px;
	/*width:155px;*/
	font-size:81.25% !important;
	text-align:left;
	color:#FFF;}
	
#mainContent .item #optionBox #sbm a.tooltip:hover span{
	display:inline;
	position:absolute;
	background:url(/images/common/clear_black.png) 0 0;
	border:1px solid #000;
	color:#FFF;
	line-height:130%;}
	
	* html #mainContent .item #optionBox #sbm a.tooltip:hover span{
	display:none !important;}
	
	
/**/


	
	
/* ---------------------------------
作品画像
*/

#mainContent .item #itemMainImg{
	margin-bottom: 10px;
	text-align: center;
}

	
	#mainContent .item #itemMainImg img{
	padding: 1px;
	border: 1px solid #CCC;
}


#mainContent .item #itemSampleImg{
	width:560px;
	margin-bottom: 20px;
	margin-left:20px;
	text-align: center;
}

			
	#mainContent .item #itemSampleImg .sample1,
	#mainContent .item #itemSampleImg .sample2,
	#mainContent .item #itemSampleImg .sample3{
	width:154px;
	height:154px;
	overflow:hidden;
	margin-left:2px;
	margin-right:2px;
	
}

	
	#mainContent .item #itemSampleImg span img{
	padding: 1px;
	width:150px;
	border: 1px solid #CCC;
}

#mainContent .item #itemSampleMov{
	width:560px;
	margin-bottom: 20px;
	margin-left:20px;
	text-align: center;
	background:#EEE;
	padding:5px 5px 0 5px;
}



		
/* ---------------------------------
ボタン
*/		

#mainContent .item .btnBox{
	margin-bottom: 20px;
	text-align: center;
}


#mainContent .item .btnBox img{
	margin:0 5px 0 5px}

	
/* ---------------------------------
作品内容
*/

#mainContent .item table{
	width: 600px;
}

#mainContent .item table a:link,
#mainContent .item table a:visited,
#mainContent .item table a:active{
	color: #9E1D20;
	text-decoration: none;
}


#mainContent .item table a:hover{
	text-decoration: underline;
}


#mainContent .item table.detail{
	width: 600px;
	margin-bottom: 20px;
	line-height: 140%;
	border-collapse: collapse;
}


#mainContent .item table.detail th{
	width: 200px;
	padding: 10px;
	background: #EEE;
	border-top: 1px dotted #666;
	/*border-right: 1px solid #666;*/
	border-bottom: 1px dotted #666;
	font-weight: bold;
	text-align: left;
}

	
#mainContent .item table.detail td{
	padding: 10px;
	background: #FFF;
	border-top: 1px dotted #666;
	border-bottom: 1px dotted #666;
	text-align: left;
}
	
	#mainContent .item table.detail td .option{
		background:#CCFF99;
		border:1px solid #99CC33;
		padding-left:2px;
		padding-right:2px;
		white-space:nowrap;
		float:left;
		margin-right:2px;
		margin-bottom:2px;
		}
	
	
	#mainContent .item table.detail td .os{
		background:#CCFFFF;
		border:1px solid #66CCFF;
		padding-left:2px;
		padding-right:2px;
		white-space:nowrap;
		float:left;
		margin-right:2px;
		margin-bottom:2px;
		}

	
	#mainContent .item table.detail td .userTag{
	margin-bottom: 5px;
	font-size:81.25%;
}
		#mainContent .item table.detail td .userTag span{
		white-space:nowrap;}

#mainContent .item table.detail form{
	margin-top:5px;}

	
	#mainContent .item table.detail td input.addTxt{
	width: 200px;
	height: 18px;
	padding-left: 5px;
	font-weight: bold;
	color: #666;
}

		
	/* ----------------IE-----------------*/
	
	*+html #mainContent .item table.detail td input.addTxt{
	padding-top: 5px;
}

	
	* html #mainContent .item table.detail td input.addTxt{
	padding-top: 4px;
}

	
	/* ----------------/IE-----------------*/
	
	#mainContent .item table.detail td input.addTag{
	width: 88px;
	height: 18px;
	background: url(/images/item/btn_add_tag.jpg) no-repeat 0 0;
	border: none;
	text-indent: -9999px;
}


#mainContent .item .more{
	font-size:112.5% !important;
	font-weight:bold !important;}
	
	#mainContent .item table .more{
		font-size:81.25% !important;}