@charset "utf-8";

/* flow.css --------------------------------------------------------------
 :title "print_flow";
 :created "2008-09-01";
 :release [:revision "1.0"; :created "2008-09-01"];
 :author [:name "diamon"; :homepage <http://refeed.jp/>; :mbox "info@refeed.jp"];
 
------------------------------------------------------------------------------------*/
.header {
	padding:0 0 5px 0;
	border-bottom:5px solid #000;
}

h2.caption {
	width:650px;
	height:36px;
	margin:15px 0 20px 20px;
	background:url(../img/print/title_flow.gif) no-repeat;
	text-indent:-30000px;
}

.caption01 {
	width:713px;
	height:56px;
	margin:0 0 10px 38px;
	background:url(../img/print/flow_caption01.gif) no-repeat;
	text-indent:-30000px;
}


.caption02 {
	width:713px;
	height:56px;
	margin:0 0 10px 38px;
	background:url(../img/print/flow_caption02.gif) no-repeat;
	text-indent:-30000px;
}

.caption03 {
	width:713px;
	height:56px;
	margin:0 0 10px 38px;
	background:url(../img/print/flow_caption03.gif) no-repeat;
	text-indent:-30000px;
}

.caption04 {
	width:713px;
	height:56px;
	margin:0 0 10px 38px;
	background:url(../img/print/flow_caption04.gif) no-repeat;
	text-indent:-30000px;
}

#flow .article {
	margin-bottom:32px;
}

.article-frame {
	padding:15px 0 0 0;
	background:url(../img/base/frame_L.gif) no-repeat;
	overflow:hidden;
}

.article-box {
	padding:0 0 15px 0;
	background:url(../img/base/frame_L_bottom.gif) no-repeat left bottom;
	overflow:hidden;
}

.inquiry-box {
	padding:20px 0 20px 28px;
}

.inquiry-box p {
	margin:0;
}

.inquiry-box .inquiry-comment {
	width:132px;
	height:55px;
	margin:15px 23px 0 0;
	background:url(../img/base/inquiry_comment.gif) no-repeat;
	text-indent:-30000px;
	float:left;
}

.inquiry-box .freedial {
	width:504px;
	height:54px;
	background:url(../img/base/freedial.gif) no-repeat;
	text-indent:-30000px;
	float:left;
}

.inquiry-box .mail-comment {
	width:231px;
	height:30px;
	margin:0 8px 0 0;
	background:url(../img/base/mail_comment.gif) no-repeat;
	text-indent:-30000px;
	float:left;
}

.inquiry-box .btn-inquiry {
	width:263px;
	height:30px;
	background:url(../img/base/btn_inquiry.gif) no-repeat;
	text-indent:-30000px;
	float:left;
}

.inquiry-box .btn-inquiry:hover {
	background-position:0 -30px;
}

.arrow01 {
	width:87px;
	height:51px;
	margin:32px 0 0 315px;
	background:url(../img/base/flow_arrow01.gif) no-repeat;
	text-indent:-30000px;
}

.arrow02 {
	width:87px;
	height:51px;
	margin:20px 0 20px 125px;
	background:url(../img/base/flow_arrow01.gif) no-repeat;
	text-indent:-30000px;
}

.arrow03 {
	width:46px;
	height:14px;
	margin:20px 0 20px 145px;
	background:url(../img/base/flow_arrow02.gif) no-repeat;
	text-indent:-30000px;
}

.tel {
	width:206px;
	height:19px;
	padding:0 15px 0 0;
	background:url(../img/print/tel.gif) no-repeat;
	text-indent:-30000px;
	display:block;
	float:left;
}

.fax {
	width:218px;
	height:19px;
	padding:0 15px 0 0;
	background:url(../img/print/fax.gif) no-repeat;
	text-indent:-30000px;
	display:block;
	float:left;
}

.mail {
	width:217px;
	height:23px;
	background:url(../img/print/mail.gif) no-repeat;
	text-indent:-30000px;
	display:block;
	float:left;
}

.mail:hover {
	background-position:0 -22px;
}

.pdf {
	margin:0 0 0 27px;
}

.pdf-comment {
	width:157px;
	height:108px;
	padding:0 18px 0 0;
	margin:0;
	background:url(../img/base/pdf_comment.gif) no-repeat;
	text-indent:-30000px;
	float:left;
}

.btn-download {
	width:497px;
	height:67px;
	margin:15px 0 0 0;
	background:url(../img/base/btn_pdfdl.gif) no-repeat;
	display:block;
	text-indent:-30000px;
	float:left;
}

.btn-download:hover {
	background-position:0 -67px;
}


.article-frame-s {
	width:347px;
	padding:15px 0 0 0;
	background:url(../img/base/frame_S.gif) no-repeat;
	overflow:hidden;
}

.article-box-s {
	padding:0 0 5px 0;
	background:url(../img/base/frame_S_bottom.gif) no-repeat left bottom;
	overflow:hidden;
}

.f4caption01 {
	width:304px;
	height:100px;
	margin:0 auto;
	background:url(../img/print/flow4_caption01.gif) no-repeat;
	text-indent:-30000px;
}

.f4caption01-1 {
	width:286px;
	height:51px;
	margin:0 auto;
	background:url(../img/print/flow4_caption01_1.gif) no-repeat;
	text-indent:-30000px;
}

.f4caption01-2 {
	width:216px;
	height:38px;
	margin:0 auto 20px;
	background:url(../img/print/flow4_caption01_2.gif) no-repeat;
	text-indent:-30000px;
}

.f4caption02 {
	width:260px;
	height:100px;
	margin:0 auto;
	background:url(../img/print/flow4_caption02.gif) no-repeat;
	text-indent:-30000px;
}

.f4caption02-1 {
	width:250px;
	height:52px;
	margin:0 auto;
	background:url(../img/print/flow4_caption02_1.gif) no-repeat;
	text-indent:-30000px;
}

.f4caption02-2 {
	width:256px;
	height:17px;
	margin:0 auto 20px;
	background:url(../img/print/flow4_caption02_2.gif) no-repeat;
	text-indent:-30000px;
}

.f4caption02-3 {
	width:256px;
	height:17px;
	margin:0 auto 20px;
	background:url(../img/print/flow4_caption02_3.gif) no-repeat;
	text-indent:-30000px;
}

.f4caption02-4 {
	width:256px;
	height:17px;
	margin:0 auto 20px;
	background:url(../img/print/flow4_caption02_4.gif) no-repeat;
	text-indent:-30000px;
}

.f4details-box {
	border:1px solid #ccc;
	margin:20px;
	padding:20px 0;
}

.f4details-box ul {
	margin:0 0 0 20px;
}

.f4details-box li {
	list-style-type:none;
	padding:0 0 0 15px;
	background:url(../img/base/list_point01.gif) no-repeat 0 5px;
}