@charset "UTF-8";

/*step1〜4の設定*/
.step_box1 { float:left; background:#E6EFFF; display:inline; width:360px; height:320px; margin:0; padding:0 0 10px 0; text-align:left;}
.step_box1 p { width:202px; margin:5px 0 0 10px; padding:0;}
/*.step_box2 { float:left; background:#CFE6D2; display:inline; width:360px; height:320px; margin:0; padding:0 0 10px 0; text-align:left;}*/
.step_box2 { float:left; background:#CFE6D2; display:inline; width:360px; height:320px; margin:30px 0 0 0; padding:0 0 10px 0; text-align:left;}
.step_box2 p { width:202px; margin:5px 0 0 10px; padding:0;}
.step_box3 { float:left; background:#FAE1D4; display:inline; width:360px; height:200px; margin:0; padding:0 0 10px 0; text-align:left;}
.step_box3 p { width:202px; margin:5px 0 0 10px; padding:0;}
/*.step_box4 { float:left; background:#F2DADA; display:inline; width:360px; height:200px; margin:0; padding:0 0 10px 0; text-align:left;}*/
.step_box4 { float:left; background:#F2DADA; display:inline; width:360px; height:200px; margin:30px 0 0 0 ; padding:0 0 10px 0; text-align:left;}
.step_box4 p { width:202px; margin:5px 0 0 10px; padding:0;}
/*
.sub_ttl { clear:both; background:url(../../flow/img/bg_sub_ttl.gif) no-repeat 0 0; width:204px; height:25px; margin:5px 0 0 10px; padding:0;}
.sub_ttl span { display:block; margin:0; padding:3px 0 0 15px;}
.sub_ttl2 { clear:both; background:url(../../flow/img/bg_sub_ttl2.gif) no-repeat 0 0; width:235px; height:25px; margin:5px 0 0 10px; padding:0;}
.sub_ttl2 span { display:block; margin:0; padding:3px 0 0 15px;}
*/
.sub_ttl { clear:both; background:url(../../flow/img/bg_sub_ttl.gif) no-repeat 0 0; width:340px; height:25px; margin:5px 0 0 10px; padding:0;}
.sub_ttl span { display:block; margin:0; padding:3px 0 0 15px;}
.sub_ttl2 { clear:both; background:url(../../flow/img/bg_sub_ttl2.gif) no-repeat 0 0; width:340px; height:25px; margin:5px 0 0 10px; padding:0;}
.sub_ttl2 span { display:block; margin:0; padding:3px 0 0 15px;}

.step_img { display:inline; float:right;  margin:5px 10px 0 0; padding:0;}

#paper_box {display:inline; float:right; width:123px; margin:5px 10px 0 0; padding:0; border:#EA949E 1px solid;}
#paper_box p { background:#CC2929; width:121px; margin:0; padding:0 0 0 3px; border:#FFFFFF 1px solid; color:#FFFFFF;}

/*stepタイトル*/
#step1_ttl { clear:both; background:url(../../flow/img/step1.gif) no-repeat 0 0; width:360px; height:36px; }
#step1_ttl span { display:block; margin:0; padding:6px 0 0 120px;}
#step2_ttl { clear:both; background:url(../../flow/img/step2.gif) no-repeat 0 0; width:360px; height:36px; }
#step2_ttl span { display:block; margin:0; padding:6px 0 0 120px;}
#step3_ttl { clear:both; background:url(../../flow/img/step3.gif) no-repeat 0 0; width:360px; height:36px; }
#step3_ttl span { display:block; margin:0; padding:6px 0 0 120px;}
#step4_ttl { clear:both; background:url(../../flow/img/step4.gif) no-repeat 0 0; width:360px; height:36px; }
#step4_ttl span { display:block; margin:0; padding:6px 0 0 120px;}



/*矢印の設定*/
#right_arrow1_box { float:left; display:inline; width:32px; margin:150px 4px 0;}
#right_arrow2_box { float:left; display:inline; width:32px; margin:80px 4px 0;}
/*#left45_arrow_box {clear:both; width:32px; margin:0 auto;}*/
#left45_arrow_box {clear:both; width:32px; margin:-15px auto;}

/*リンク設定*/

/*
#step_button { float:left; display:inline; width:154px; margin:0 0 0 10px; padding:0; }
#step_button a { display:block; width:154px; height:32px; margin:5px 0 0 0; padding:0 0 0 0; }
#step_button p {text-indent:-9999px; }

#fax:visited { background:url(../../flow/img/btn_fax.gif) no-repeat 0 0; width:154px; height:32px; }
#fax:active { background:url(../../flow/img/btn_fax.gif) no-repeat 0 0; width:154px; height:32px;}
#fax:link { background:url(../../flow/img/btn_fax.gif) no-repeat 0 0; width:154px; height:32px;}
#fax:hover { background:url(../../flow/img/btn_fax.gif) no-repeat 0px -32px; width:154px; height:32px;}

#move_button { float:left; display:inline; width:173px; margin:0 0 0 10px; padding:0; }
#move_button a { display:block; width:173px; height:21px; margin:5px 0 0 0; padding:0 0 0 0; }
#move_button p {text-indent:-9999px; }

#move:visited { background:url(../../flow/img/btn_move.gif) no-repeat 0 0; width:173px; height:21px; }
#move:active { background:url(../../flow/img/btn_move.gif) no-repeat 0 0; width:173px; height:21px;}
#move:link { background:url(../../flow/img/btn_move.gif) no-repeat 0 0; width:173px; height:21px;}
#move:hover { background:url(../../flow/img/btn_move.gif) no-repeat 0px -21px; width:173px; height:21px;}

#shop_button { float:left; display:inline; width:173px; margin:10px 0 0 10px; padding:0; }
#shop_button a { display:block; width:173px; height:21px; margin:5px 0 0 0; padding:0 0 0 0; }
#shop_button p {text-indent:-9999px; }

#shop:visited { background:url(../../flow/img/btn_shop.gif) no-repeat 0 0; width:173px; height:21px; }
#shop:active { background:url(../../flow/img/btn_shop.gif) no-repeat 0 0; width:173px; height:21px;}
#shop:link { background:url(../../flow/img/btn_shop.gif) no-repeat 0 0; width:173px; height:21px;}
#shop:hover { background:url(../../flow/img/btn_shop.gif) no-repeat 0px -21px; width:173px; height:21px;}

#reference_button { float:left; display:inline; width:173px; margin:10px 0 0 10px; padding:0; }
#reference_button a { display:block; width:173px; height:21px; margin:5px 0 0 0; padding:0 0 0 0; }
#reference_button p {text-indent:-9999px; }

#reference:visited { background:url(../../flow/img/btn_reference.gif) no-repeat 0 0; width:159px; height:21px; }
#reference:active { background:url(../../flow/img/btn_reference.gif) no-repeat 0 0; width:159px; height:21px;}
#reference:link { background:url(../../flow/img/btn_reference.gif) no-repeat 0 0; width:159px; height:21px;}
#reference:hover { background:url(../../flow/img/btn_reference.gif) no-repeat 0px -21px; width:159px; height:21px;}
*/

#step_button { float:left; display:inline; width:133px; margin:0 0 0 10px; padding:0; }
#step_button a { display:block; width:133px; height:21px; margin:5px 0 0 0; padding:0 0 0 0; }
#step_button p {text-indent:-9999px; }

#fax:visited { background:url(../../flow/img/btn_fax.gif) no-repeat 0 0; width:133px; height:21px; }
#fax:active { background:url(../../flow/img/btn_fax.gif) no-repeat 0 0; width:133px; height:21px;}
#fax:link { background:url(../../flow/img/btn_fax.gif) no-repeat 0 0; width:133px; height:21px;}
#fax:hover { background:url(../../flow/img/btn_fax.gif) no-repeat 0px -21px; width:133px; height:21px;}

#move_button { float:left; display:inline; width:133px; margin:0 0 0 10px; padding:0; }
#move_button a { display:block; width:133px; height:21px; margin:5px 0 0 0; padding:0 0 0 0; }
#move_button p {text-indent:-9999px; }

#move:visited { background:url(../../flow/img/btn_move.gif) no-repeat 0 0; width:133px; height:21px; }
#move:active { background:url(../../flow/img/btn_move.gif) no-repeat 0 0; width:133px; height:21px;}
#move:link { background:url(../../flow/img/btn_move.gif) no-repeat 0 0; width:133px; height:21px;}
#move:hover { background:url(../../flow/img/btn_move.gif) no-repeat 0px -21px; width:133px; height:21px;}

#shop_button { float:left; display:inline; width:133px; margin:10px 0 0 10px; padding:0; }
#shop_button a { display:block; width:133px; height:21px; margin:5px 0 0 0; padding:0 0 0 0; }
#shop_button p {text-indent:-9999px; }

#shop:visited { background:url(../../flow/img/btn_shop.gif) no-repeat 0 0; width:133px; height:21px; }
#shop:active { background:url(../../flow/img/btn_shop.gif) no-repeat 0 0; width:133px; height:21px;}
#shop:link { background:url(../../flow/img/btn_shop.gif) no-repeat 0 0; width:133px; height:21px;}
#shop:hover { background:url(../../flow/img/btn_shop.gif) no-repeat 0px -21px; width:133px; height:21px;}

#reference_button { float:left; display:inline; width:133px; margin:10px 0 0 10px; padding:0; }
#reference_button a { display:block; width:133px; height:21px; margin:5px 0 0 0; padding:0 0 0 0; }
#reference_button p {text-indent:-9999px; }

#reference:visited { background:url(../../flow/img/btn_reference.gif) no-repeat 0 0; width:133px; height:21px; }
#reference:active { background:url(../../flow/img/btn_reference.gif) no-repeat 0 0; width:133px; height:21px;}
#reference:link { background:url(../../flow/img/btn_reference.gif) no-repeat 0 0; width:133px; height:21px;}
#reference:hover { background:url(../../flow/img/btn_reference.gif) no-repeat 0px -21px; width:133px; height:21px;}