@import "common.css";

.main strong
{
	font-weight: normal;
}

div.big-image
{
	width: 730px;
	border: solid 1px #eeeeee;
}

td.main div.info
{
	margin-top: 10px;
}
	td.main div.info h1
	{
		font-size: 14px;
		color: #cc0000;
	}
	td.main div.info p.goods-name
	{
		font-weight: bold;
		color: #333333;
		border-bottom: solid 1px;
	}
	td.main div.info p.shop-name
	{
		text-align: right;
		color: #333333;
	}

td.main div.catch
{
	margin: 0px 0px 0px 0px;
}
	td.main div.catch p
	{
		line-height: 1.3em;
		color: #333333;
	}

.main div.icons
{
	float: right;
	padding-left: 84px;
}
	.main div.icons div.icon
	{
		float: right;
		padding-left: 5px;
	}
td.main div.contents1
{
	margin: 10px 0px 0px 0px;
}

td.main div.contents2
{
	margin-top: 40px;
}
	td.main div.contents2 h2
	{
		font-size: 14px;
		color: #cc0000;
	}
	td.main div.contents2 p
	{
		padding: 5px 0px 20px 10px;
		font-size: 12px;
		color: #333333;
		line-height: 1.4em;
	}

/**
 *
 * infobox
 *
 */
td.main table.infobox
{
	margin-left: 30px;
	width: 300px;
	color: #636363;
	font-size: 10px;
	border-collapse: collapse;
}
	td.main table.infobox th
	{
		text-align: left;
		font-weight: normal;
		font-size: 10px;
		padding: 5px 5px 0px 5px;
		border-bottom: solid 1px #cdcdcd;
	}
	td.main table.infobox td
	{
		padding: 5px 0px 5px 40px;
		line-height: 1.3em;
		font-size: 10px;
		height: 20px;
	}
	td.main table.infobox p.material
	{
		float: left;
		width: 40px;
		padding: 3px;
		text-align: center;
		margin-right: 2px;
		font-size: 12px;
		border: solid 1px #993030;
		color: #993030;
	}
	td.main table.infobox table.dtype
	{
		margin-left: 50px;
		border-collapse: collapse;
	}
		td.main table.infobox table.dtype td
		{
			width: 70px;
			padding: 2px;
			text-align: center;
			font-size: 10px;
		}
	td.main table.infobox table.safe
	{
		margin-left: 50px;
		border-collapse: collapse;
	}
		td.main table.infobox table.safe td
		{
			width: 70px;
			text-align: center;
			padding: 2px;
			font-size: 10px;
		}
		td.main table.infobox div.save
		{
			margin-top: 10px;
			margin-left: 25px;
			width: 230px;
		}
			td.main table.infobox div.save div
			{
				font-size: 10px;
			}
		td.main table.infobox div.melt
		{
			margin-top: 5px;
			font-size: 10px;
		}

/**
 *
 * control
 *
 */
td.main div.control
{
	margin-top: 10px;
	width: 398px;
}
	td.main div.control div.title
	{
		width: 72px;
		padding: 5px 0px;
		font-size: 12px;
		color: #ffffff;
		background-color: #630017;
		text-align: center;
	}
	td.main div.control div.data
	{
		padding: 5px 4px;
		font-size: 12px;
		text-align: left;
	}
	td.main div.control span.price
	{
		font-size: 18px;
		font-weight: bold;
		color: #cc0000;
	}

/**
 *
 * return
 *
 */

	div.return
{
	width:210px;
	margin:5px 0 0 75px;
	padding:5px;
	border:#FF0000 1px solid;
	text-align:center;
}

	div.return span.return-text
{
	font-weight:bold;
	color:#FF0000;
	font-size:14px;
	text-decoration:none;
}

/**
 *
 * voice
 *
 */
div.voice
{
	width: 724px;
	height: 300px;
	overflow-y: scroll;
	scrollbar-base-color: #760016;
	scrollbar-arrow-color: #ffffff;
	scrollbar-track-color: #ffffff;
	color: #333333;
	background-color: #FEFCF2;
}
	div.voice p.name
	{
		width: 200px;
		font-size: 12px;
		margin: 30px 0px 0px 20px;
		padding-left: 4px;
		border-bottom: solid 1px #630000;
		border-left: solid 1px #630000;
	}
	div.voice p.voice
	{
		font-size: 12px;
		margin: 4px 0px 0px 40px;
	}

div.rule
{
	width: 700px;
	margin-top: 20px;
}
	div.rule table
	{
		margin: 4px 0px 10px 0px;
		border-collapse: collapse;
	}
	div.rule th
	{
		padding: 5px;
		background-color: #f6f0e4;
		border: solid 1px #988976;
		font-weight: bold;
		font-size: 12px;
		color: #000000;
		text-align: left;
	}
	div.rule td
	{
		line-height: 1.5em;
		text-align: left;
		font-size: 12px;
		color: #333333;
	}
		div.rule td.frame
		{
			padding: 5px;
			border: solid 1px #988976;
		}
		div.rule p.title
		{
			font-weight: bold;
			line-height: 20px;
		}
		div.rule span.notice
		{
			color: #FF3300;
			font-weight: bold;
		}
		div.rule a
		{
			color: #000099;
		}
		div.rule table.fee
		{
			width: 500px;
		}
			div.rule table.fee th
			{
				font-weight: normal;
				padding: 2px;
			}
			div.rule table.fee td.pref
			{
				padding-left: 10px;
				width: 350px;
				border: solid 1px #988976;
			}
			div.rule table.fee td.price
			{
				text-align: right;
				padding-right: 2px;
				border: solid 1px #988976;
			}
			
		div.rule span.bold
		{
			font-weight:bold;
		}