/*form CSS*/ /*SIDE --------------------------------------------------------------------------------------------------*/ #side_navi a { width:190px; height:50px; position:relative; display:block; background:url(../../about/images/img_sidenavi.gif) no-repeat;} /*style_02　ご予約お申し込み --------------------------------------------------------------------------------------------------*/ .style_02 { position:relative;} .style_02 p { line-height:23px; color:#4d4d4d;} .style_02 #support { padding:88px 0px 69px;} .style_02 p#jisin { position:absolute; top:287px; right:20px;} .style_02 p#jisin span { position:absolute; top:-9999px;} .style_02 h5 em { display:block; font-size:93%;} /*inner*/ .style_02 #inner { margin-top:0px; margin-bottom:36px;} .style_02 #inner img{ display:block;} .style_02 #inner #client img { display:inline;} .style_02 #inner h3 { margin:45px 0px 0px;} .style_02 #inner h3.last { margin-bottom:15px;} .style_02 #inner em.style_02{ display:block; font-size:77%; line-height:16px; color:#4d4d4d;} .style_02 #inner p.style_02 { margin-top:40px; margin-bottom:22px;} .style_02 #inner p.last { margin-bottom:17px;} .style_02 #inner strong { display:block; margin-left:54px; margin-bottom:20px; font-size:77%; line-height:14px; color:#4d4d4d;} /*flow*/ #flow {} #flow ul { width:659px; height:113px; margin:28px 0px 14px; background:url(../../form/yoyaku/images/img_01.gif) no-repeat left top;} #flow li { position:absolute; top:-9999px;} #flow h4{ width:392px; display:block; margin-bottom:20px; line-height:16px; color:#6a3c3c; background:url(../../form/yoyaku/images/img_line_bg.gif) repeat-x left center; text-align:center;} #flow h4 span { background:#fff; padding:0px 8px; color: #c8020f;} #flow p { padding:14px 18px; line-height:23px; color:#6a3c3c; background:#ffdddd;} #flow p em { display:block; margin-top:19px; font-size:77%; color:#6a3c3c;} /*reserve　フォーム部分*/ #reserve { width:660px; overflow:hidden; padding:26px 0px 29px; background:url(../../form/yoyaku/images/img_reserve_bg.gif) repeat-y left top;} #reserve h4 { float:left; clear:both; display:block; margin-left:38px; display:inline; line-height:18px; color:#c5030c; font-weight:bold; padding-right:40px; background:url(../../form/images/img_icon_01.gif) no-repeat right center;} #reserve h4.style_01 { background:none; padding-right:0px;} #reserve .style_02{ float:left; clear:both; display:block; margin-left:38px; display:inline; line-height:18px; font-size:90%; color:#c80310; padding-right:40px; width:500px;} .aka{ color:#c80310;} /*area*/ #area { clear:both; margin:0px 0px 39px 54px; overflow:hidden;} #area div { width:400px; float:left;} #area h5 { margin:15px 0px 3px; font-size:93%; line-height:20px; color:#4d4d4d; font-weight:bold;} #area label { display:block; font-size:93%; line-height:20px; color:#4d4d4d;} /*date*/ #date { clear:both; margin:0px 0px 45px 54px;} #date div { width:260px; float:left;} #date p { font-size:93%; margin:8px 0 0;} #date h5 { margin:8px 0px 0px; font-size:93%; line-height:18px; color:#4d4d4d; font-weight:bold;} #date label { width:190px; overflow:hidden; display:block; margin-bottom:5px;} #date select{ width:122px; float:left;} #date input { width:120px; padding:4px 0px; background:url(../../form/yoyaku/images/img_text_bg.gif) repeat-x left top #fcf2f3; border:#efcbcd solid 1px; float:left;} #date span { width:40px; float:left; display:block; margin:0px; font-size:93%; line-height:20px; color:#4d4d4d;} #date label img { padding-left:5px;} /*today*/ #today { width:520px; clear:both; margin:0px 0px 0 54px; padding-bottom:45px; overflow:hidden;} #today div { padding-right:75px; overflow:hidden;} #today h5 { margin:15px 0px 3px; font-size:93%; line-height:20px; color:#4d4d4d; font-weight:bold;} #today label { display:block; font-size:93%; line-height:20px; color:#4d4d4d;} #today label em { color:#c5030c;} #today label.text { padding:8px 0px 0px;} #today input.text { width:211px; margin:7px 7px 0px; padding:4px 0px; background:url(../../form/yoyaku/images/img_text_bg.gif) repeat-x left top #fcf2f3; border:#efcbcd solid 1px;} /*media*/ #media { clear:both; margin:0px 0px 45px 54px; padding-top:14px; overflow:hidden;} #media div { width:290px; float:left; overflow:hidden;} #media div.right_box { padding:0px;} #media h5 { margin:15px 0px 3px; font-size:93%; line-height:20px; color:#4d4d4d; font-weight:bold;} #media label{ display:block; font-size:93%; line-height:20px; color:#4d4d4d;} #media label.text { float:left; margin-top:0px; padding:3px 0px 0px;} #media input.text { width:120px; margin:0px 7px 0px; padding:4px 0px; background:url(../../form/yoyaku/images/img_text_bg.gif) repeat-x left top #fff;border:#efcbcd solid 1px;} #media label.style_01 { clear:both;} /*client*/ #client { clear:both; margin:0px 0px 20px 54px; padding-top:14px; overflow:hidden;} #client div { padding-right:33px; overflow:hidden; margin-bottom:10px;} #client div.hannrei { margin:-13px 0px 10px 205px;} #client div.hannrei p { width:143px; float:left; color:#c5030c; font-size:95%;} #client h5 { width:205px; float:left; font-size:93%; line-height:20px; color:#4d4d4d;} #client h5 span { font-weight:bold;} #client label { float:left; display:block; margin-bottom:0px; font-size:93%; line-height:20px; color:#4d4d4d;} #client label span { color:#c5030c; padding-left:5px;} #client label.last { margin:5px 0px 0px; font-size:93%; line-height:20px; color:#4d4d4d;} #client input { width:120px; margin:0px 5px 0px 0px; padding:4px 0px; background:url(../../form/yoyaku/images/img_text_bg.gif) repeat-x left top #fcf2f3;border:#efcbcd solid 1px;} /*year*/ #client #year { padding:0 0 10px;} #client #year label { padding-right:10px;} #client #year select { font-size:108%; background:#ffdddd;} /*phone*/ * html #client #phone h5{ width:202px;} /*check*/ #client #check { margin-bottom:13px;} #client #check div { float:left;} #client #check label { float:none; margin-bottom:0px;} #client #check input { width:auto; padding:0px; background:none; border:none;} #client textarea{ float:left; width:340px; height:92px; background:url(../../form/yoyaku/images/img_text_bg.gif) repeat-x left top #fff;border:#efcbcd solid 1px;} /*send　送信ボタン*/ #send { width:552px; height:34px; display:block; margin:0px 0px 0px 54px; background:url(../../form/yoyaku/images/img_btn_mikinyu.jpg) no-repeat left top;} #send span { position:absolute; top:-9999px;} a:hover#send { background:url(../../form/yoyaku/images/img_btn.jpg) no-repeat left top;} /*send_request　お問い合わせ送信ボタン*/ #send_request { width:552px; height:34px; display:block; margin:0px 0px 0px 54px; background:url(../../form/request/images/img_btn.jpg) no-repeat left top;} #send_request span { position:absolute; top:-9999px;} a:hover#send_request{ background:url(../../form/request/images/img_btn_roll.jpg) no-repeat left top;} /*reserve　フォーム部分*/ #reqest { width:660px; overflow:hidden; padding:11px 0px 29px; background:url(../../form/yoyaku/images/img_reserve_bg.gif) repeat-y left top;} .style_02 #inner p.style_01 { margin-top:30px; margin-bottom:22px;} /*req*/ #req { overflow:hidden; margin-bottom:16px;} #req img{ float:left; margin-right:15px; display:inline;} #req p { padding:15px 0px 0px 0px;} #req a { color:#4d4d4d; text-decoration:underline;} /*　記入内容のご確認 --------------------------------------------------------------------------------------------------*/ .style_02 #inner #check_02 h3 { margin:0px;} #check_02{ margin-top:24px; overflow:hidden;} #check_02 div { width:660px; overflow:hidden; padding:20px 0px 22px; background:url(../../form/yoyaku/images/img_line.gif) no-repeat left bottom;} #check_02 div h3 { width:320px; float:left; color:#c8020f; font-weight:bold;} #check_02 div span { float:left; width:340px; display:block; color:#4d4d4d;} #check_02 div table{ width:660px; margin-top:15px; overflow:hidden; clear:both;} #check_02 div tr { width:660px; overflow:hidden;} #check_02 div tr.style_01 { background:#fcf2f3;} #check_02 div td { width:320px; padding: 7px 0px 7px 10px; border:none; color:#4d4d4d;} #check_02 div td.active { color:#666; font-weight:bold;} #check_02 .clear { clear:both;} #check_02 .ch { width:320px; color:#4b4b4b; background-color:#fff; margin-bottom:20px;} /*flow*/ #flow_02 {} #flow_02 ul { width:659px; height:113px; margin:28px 0px 14px; background:url(../../form/yoyaku/images/img_02.gif) no-repeat left top;} #flow_02 li { position:absolute; top:-9999px;} #flow_02 h4{ width:392px; display:block; margin-bottom:20px; line-height:16px; color:#6a3c3c; background:url(../../form/yoyaku/images/img_line_bg.gif) repeat-x left center; text-align:center;} #flow_02 h4 span { background:#fff; padding:0px 8px;color: #c8020f;} #flow_02 p { padding:14px 18px; line-height:23px; color:#6a3c3c; background:#fcf2f3;} #flow_02 p em { display:block; margin-top:19px; font-size:77%; color:#6a3c3c;} div.check_cap { line-height:16px; padding-top:7px; font-size:77%; color:#4b4b4b;} div.check_cap span.comp_last { text-align:center; margin-top:15px; display:block; } div.check_cap span.comp_last a { color:#4b4b4b; text-decoration:underline; } /*send_02　この入力内容で予約するボタン*/ #send_02 { width:552px; height:34px; display:block; margin:30px 0px 0px 54px; background:url(../../form/yoyaku/images/img_btn_02.jpg) no-repeat left top;} #send_02 span { position:absolute; top:-9999px;} a:hover#send_02 { background:url(../../form/yoyaku/images/img_btn_roll.jpg) no-repeat left top;} /*　申し込み完了 --------------------------------------------------------------------------------------------------*/ /*flow*/ #flow_03 {} #flow_03 ul { width:659px; height:113px; margin:28px 0px 14px; background:url(../../form/yoyaku/images/img_03.gif) no-repeat left top;} #flow_03 li { position:absolute; top:-9999px;} #flow_03 h4{ width:392px; display:block; margin-bottom:20px; line-height:16px; color:#6a3c3c; background:url(../../form/yoyaku/images/img_line_bg.gif) repeat-x left center; text-align:center;} #flow_03 h4 span { background:#fff; padding:0px 8px;color: #c8020f;} #flow_03 p { padding:14px 18px; line-height:23px; color:#6a3c3c; background:#fcf2f3;} #flow_03 p em { display:block; margin-top:19px; font-size:77%; color:#6a3c3c;} p.comp { line-height:30px; text-align:center; margin-top:45px; padding-bottom:45px; background:url(../../form/yoyaku/images/img_line_bg.gif) repeat-x left bottom;} p.camp_02 { text-align:center; margin:0 0; padding:36px 0px; line-height:23px; color:#6a3c3c; background:#ffdddd;} div.comp_cap { text-align:center; line-height:16px; margin-top:20px; font-size:77%; color:#4b4b4b;} div.comp_cap span.comp_last { margin-top:0px; display:block; } div.comp_cap span.comp_last a { color:#4b4b4b; text-decoration:underline; } div.comp_cap span.comp_last_02 { margin-top:40px; display:block; } div.comp_cap span.comp_last_02 a { color:#4b4b4b; text-decoration:underline; } p#context { padding:60px 0 40px 20px; text-align:center;} p#context img { display:block;} /*　メール相談 --------------------------------------------------------------------------------------------------*/ #client div#nickname { margin:-5px 0px 5px;} #client div#nickname p { font-size:85%; color:#F00;}