@charset "Shift-JIS";


/* --------------------------------------------------
  knowhow syokureki index layout 
-------------------------------------------------- */

/* ttl */
h3#shokureki_cont01_ttl{
	background:url(img/shokureki_cont01_ttl.png);
}
h3#shokureki_cont02_ttl{
	background:url(img/shokureki_cont02_ttl.png);
}
h3#shokureki_cont03_ttl{
	background:url(img/shokureki_cont03_ttl.png);
}


/* 01 */
div.syokureki_indexBox_img1{
	float:right;
	padding-right:15px;
}
div.syokureki_indexBox_txt1{
	float:left;
	width:420px;
}

/* 02 */
div.syokureki_indexBox_img2{
	float:left;
	width:200px;
}
div.syokureki_indexBox_txt2{
	float:right;
	width:438px;
}
div.syokureki_indexBox_txt2 h4{
	margin-bottom:0.5em;
}
div.syokureki_indexBox_txt2 p{
	margin-left:15px;
}

/* syokureki_tbl */
table.syokureki_tbl{
	margin-top:14px;
	margin-left:15px;
	background: none;
}

table td.syokureki_tbl_left{
	padding-right:7px;
	padding-bottom:5px;
}

table td.syokureki_tbl_middle{
	padding-right:2px;
	padding-bottom:5px;
}

table td.syokureki_tbl_right{
	padding-right:2px;
	padding-bottom:5px;
}

div.syokureki_indexBox_img_right{
	background:url(img/shokureki_img11.png) no-repeat 0 37px;
	padding-bottom:20px;
	float:right;
}

div.syokureki_indexBox_img_left{
	background: url(img/shokureki_img11.png) no-repeat 0 37px;
	padding-bottom:20px;
	float:left;
}
syokureki_indexBox_img_left h4{
	margin: 0;
	padding: 0;
}



/* --------------------------------------------------
  knowhow syokureki sample layout
-------------------------------------------------- */

/* top */
div#syokureki_sample_comment{
	width: 510px;
	float: left;
}
div#syokureki_sample_consul{
	width: 140px;
	float: right;
}


/* before */
div#syokureki_sample_before{
	border: 1px solid #888888;
}
div#syokureki_sample_before ol li{
	margin: 0.5em 0;
	padding-left: 35px;
}
div#syokureki_sample_before ol li.before_point01{
	background: url(img/before_point01.gif) no-repeat;
}
div#syokureki_sample_before ol li.before_point02{
	background: url(img/before_point02.gif) no-repeat;
}
div#syokureki_sample_before ol li.before_point03{
	background: url(img/before_point03.gif) no-repeat;
}
div#syokureki_sample_before ol li.before_point04{
	background: url(img/before_point04.gif) no-repeat;
}

/* after */
h3#sample_after_ttl{
	background:url(img/sample_after_ttl.png);
}

div#syokureki_sample_after ol li{
	margin: 0.5em 0;
	padding-left: 35px;
}
div#syokureki_sample_after ol li.after_point01{
	background: url(img/sample_after_point01.gif) no-repeat;
}
div#syokureki_sample_after ol li.after_point02{
	background: url(img/sample_after_point02.gif) no-repeat;
}
div#syokureki_sample_after ol li.after_point03{
	background: url(img/sample_after_point03.gif) no-repeat;
}
div#syokureki_sample_after ol li.after_point04{
	background: url(img/sample_after_point04.gif) no-repeat;
}

div.syokureki_sample_txt{
	width: 495px;
	float: right;
}
div.syokureki_sample_sum{
	width: 166px;
	float: left;
}



/* --------------------------------------------------
  knowhow syokureki sample popup layout
-------------------------------------------------- */

body#sample{
	text-align: left;
	background: #fff;
	min-width: 600px;
}
body#sample div#syokureki_sample_popup{
	margin: 15px;
}
body#sample h1{
	font-size: 14px;
	font-weight: bold;
	color: #004263;
	border-bottom: 1px solid #004263;
	position: relative;
	left: 0;
	top: 0;
}
body#sample div.syokureki_sample_img{
	text-align: center;
	border: 1px solid #ccc;
	margin: 10px 0;
	padding: 15px 0;
}