@charset "utf-8";

/* contents.css -----------------------------------------------------------------
 :title "contents";
 :created "2006-10-01";
 :release [:revision "1.0"; :created "2008-10-01"];
 :author [:name "diamon"; :homepage <http://refeed.jp/>; :mbox "info@refeed.jp"];
------------------------------------------------------------------------------------*/

.contents {
	padding-top:33px;
}


.contents-head h2 {
	background:url(../img/howto/head_image.jpg);
}

.contents-caption-box {
	margin:0 0 30px 0;
}

.contents-caption-box p {
	margin:0 30px;
}

.article {
	margin:0 0 50px 50px;
}

h3.caption01 {
	width:594px;
	height:64px;
	margin:0 0 20px 25px;
	background:url(../img/howto/caption01.gif);
	text-indent:-30000px;
}


h2.caption02 {
	width:700px;
	height:35px;
	margin:0 0px 40px 0;
	background:url(../img/howto/caption02.gif);
	text-indent:-30000px;
}

.column {
	width:680px;
}

h3.before {
	width:70px;
	height:620px;
	background:url(../img/howto/before_contract.gif) no-repeat;
	text-indent:-30000px;
	float:left;
	margin:0 10px 0 0;
}

h3.after {
	width:70px;
	height:335px;
	background:url(../img/howto/after_contract.gif) no-repeat;
	text-indent:-30000px;
	float:left;
	margin:0 10px 0 0;
}



table {
	width:620px;
	border:none;
	border-collapse:collapse;
	border-spacing:5px;
}

th {
	font-weight:normal;
	border:none;
	width:150px;
	height:50px;
	text-align:center;
	background:url(../img/howto/th_bg.gif) no-repeat;
	color:#fff;
}

th.after {
	background:url(../img/howto/th_bg2.gif) no-repeat;
}

td {
	width:440px;
	border:none;
	background:#eee;
	padding:5px 10px;
}

td.arrow {
	border-left:none;
	border-right:none;
	height:45px;
	background:#fff;
}

td img {
	margin-left:275px;
}

.komidasi {
	margin:0 0 10px 93px;
}



/**下部分**/
.left {
	width:200px;
	float:left;
}

.right {
	width:510px;
	float:left;
}

h3.midasi {
	font-size:14px;
	color:#0066cc;
	margin:0 0 0 20px;
}