@charset "utf-8";

/******************************
* iPRESS CAFEが出来るまで
******************************/

#flowbox {
	clear:both;
	width:462px;
	border:solid 2px #000000;		
}
* html #flowbox {
	width:464px;
}
.flow_head {
	width:462px;
	margin:0;
}
.flow_head_sub {
	height:18px;
	background:#000000;
}
.flow_report {
	width:406px;
	background:url(../images/flow_bg.gif) repeat-y;
	padding:25px 28px;
}
.flow_report_sub {
	width:370px;
	padding:15px 18px 30px;
	background:#FFFFFF;
}
* html .flow_report_sub {
	width:406px;
}
.flow_txt01 {
	font-size:11px;
	margin:0 auto;
	padding:10px;
	background:url(../images/caption_bg.gif) no-repeat;
}
.flow_txt02 {
	width:232px;
	font-size:11px;
	margin-left:10px;
	float:left;
}
.btn_report {
	width:370px;
	padding:20px 0 0;
	text-align:center;
	background:#FFFFFF;
}
.btn_next {
	margin-top:15px;
	padding:5px 107px 0 106px;
}
.border01 {
	width:9px;
	height:23px;
	background:#000000;
	margin:0 0 0 35px;
}
.border02 {
	width:9px;
	height:35px;
	background:#000000;
	margin:0 0 0 35px;
}
.flow_img01 {
	margin-top:-4px;
}

/* 詳細ページ */
.flow_subtitle {
	margin-bottom:30px;
}
.flow01 {
	clear:both;
	width:370px;
	position:relative;
}
.flow01_txt01 {
	width:348px;
	font-size:11px;
	text-align:right;
	position:absolute;
	top:120px;
	left:11px;
}
.flow01_txt02 {
	font-size:11px;
	line-height:120%;
	position:absolute;
	top:154px;
	left:11px;
	width: 206px;
	height: 23px;
}
.flow02 {
	width:370px;
	padding-bottom:15px;
	position:relative;
}
.flow03 {
	width:161px;
	margin-top:-50px;
	position:relative;
	float:right;
}
.flow03_txt01 {
	font-size:11px;
	position:absolute;
	top:251px;
	left:9px;
	width: 129px;
}
.flow04 {
	width:370px;
	margin-top:5px;
	position:relative;
}
.flow05 {
	padding-top:10px;
}
.flow04_txt01 {
	font-size:11px;
	position:absolute;
	top:321px;
	left:288px;
	width: 70px;
}
.flow04_txt02 {
	font-size:11px;
	position:absolute;
	top:364px;
	left:168px;
	width: 191px;
	text-align:right;
	height: 14px;
}
.flow_txt03 {
	font-size:14px;
	font-weight:bold;
	color:#534741;
	margin:54px 0 0 10px;
	float:left;
}
.flow_txt04 {
	width:133px;
	margin:0 10px 0 0;
	float:left;
}
.flow_txt05 {
	width:230px;
	margin:0 10px 0 0;
	float:left;
}
.flow_txt06 {
	margin:10px 0 20px;
	color:#534741;
}
.flow_txt07 {
	width:199px;
	height:238px;
	margin:15px 10px 0 0;
	float:left;
	background:url(../images/illust04.gif) right bottom no-repeat;
}
.flow_txt08 {
	width:240px;
	font-size:14px;
	font-weight:bold;
	margin:0 10px 0 0;
	float:left;
}
.flow_txt09 {
	font-size:14px;
	font-weight:bold;
	color:#BC272D;
}
.flow_txt10 {
	width:75px;
	font-size:14px;
	font-weight:bold;
	margin:30px 5px 0 0;	
}
.flow_txt11 {
	font-size:14px;
	font-weight:bold;
	color:#BC272D;
	margin-top:60px;
}
.flow_txt12 {
	font-size:14px;
	font-weight:bold;
	color:#BC272D;
	margin-top:50px;
}
.photo_l {
	margin:20px 70px;
}

/*- ボタン -*/
.to_page {
	width:406px;
	height:30px;
	margin:20px 0;
}
.to_page ul {
	margin:0;
	padding:0;
	list-style:none;
}
* html .to_page ul {
	margin-left:-10px;
}
.to_page li.to_prev {
	width:170px;
	margin:0 20px 0 0;
	float:left;
}
.to_page li.to_top {
	width:26px;
	margin:4px 0 0;
	text-align:center;
	float:left;
}
.to_page li.to_next {
	width:170px;
	margin:0 0 0 20px;
	float:left;
}
.to_page li a {
	color:#FFFFFF;
}
.to_page li a:hover {
	color:#D4DB21;
}