@charset "utf-8";

/* CSS Document */

/* ------------------------------- 2010年1月16日作成 */
/* ---- 合成・精錬 レシピ一覧 */

#refining {
	width: 660px;
	margin:0 auto;
	text-align: left;
}

/* 見出し 水色囲み */
#refining h3 {
	width: 660px;
	background: url(../_image/refining/h3_bg.gif) top left no-repeat;
	color: #0074C5;
	font-size: 15px;
	font-weight: bold;
	padding: 6px 18px;
	width: 624px;
}

html>body #refining h3 {
	width: 624px;
}

/* W620 */
#refining .layoutbox01 {
	width: 620px;
	margin:0 auto;
}

/* 見出し 黒子 */
#refining h4 {
	background: url(../_image/refining/h4_bg.gif) bottom left no-repeat;
	padding-left: 17px;
	color: #0074C5;
	font-size: 15px;
	font-weight: bold;
	width: 603px;
}
html>body #refining h4 {
	width: 603px;
}

/* 見出し オレンジ */
#refining h5 {
	color: #FF7F00;
	font-size: 13px;
	font-weight: bold;
}

/* 表 */
#refining table{
	width: 620px;
	margin: 0;
	padding: 0;
	border-collapse:collapse;
}

#refining table th , #refining table td{
	padding: 5px;
	border: 1px solid #5CB4E5;
	text-align: center;
}

#refining .ttl{
background-color: #C2E8F2;
}

#refining .zebla{
background-color: #DFF2F7;
}


/* 各テキスト */
#refining p {
	margin-top: 10px;
	margin-left: 20px;
	margin-right: 40px;
}

#refining .mt05{
	margin-top: 5px;
}

#refining .mt10{
	margin-top: 10px;
}

#refining .mt20{
	margin-top: 20px;
}

#refining .mt30{
	margin-top: 30px;
}

#refining .mb30{
	margin-bottom: 30px;
}

/* ---- 合成・精錬のご案内 ---- */
.guide_infoWrapper {
	width:600px;
}

.guide_infoText {
	float:right;
	width:300px;
}

#refining .cau {
	color:#ff5aab;
	padding:24px 0 0 0;
}

#refining .cau2 {
	color:#b882d6;
	font-weight:bold;
	padding:24px 0 0 0;
}

#refining ul.refining {
	width:620px;
	margin:0 auto;
	color:#ff5aab;
	padding:24px 0 0 0;
}

#refining ul.refining li {
	width:310px;
	padding:0 0 24px 0;
	float:left;
	font-size:0;
	text-align:center;
}

#refining .red {
	padding:12px 0 0 0;
	color:#FF0000;
}