@charset "utf-8";
/* CSS Document */

body { font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"; font-size: 13px; line-height: 1.5; }
.container-fluid { margin: 0 auto; max-width: 1010px; }

#header { margin: 0 auto; padding: 15px 0 11px; border-bottom: 1px solid #ddd; }
#header .logo { margin-bottom: 3px; }
#header .logo img:first-child { height: 15px; margin-left: 2px; }
#header .logo img:nth-child(2) { height: 12px; margin-top: 3px; }
#header .title { font-size: 26px; font-weight: bold; line-height: 1.1; }
#header .order_flow { padding: 15px 0 5px; }
#header .order_flow ul { margin: 0 auto; padding: 0; width: auto; }
#header .order_flow li.sp { margin-left: -10px; margin-right: -10px; width: 50px; height: 32px; background: url(/common3/images/line_gray_123.png) repeat-x left top; }
#header .order_flow li { list-style-type: none; display: inline-block; color: #bbb; }
#header .order_flow li span { margin: 0 auto 5px; display: block; background-color: #E3E4E9; width: 28px; height: 28px; line-height: 28px; text-align: center; border-radius: 100px; color: #999; }
#header .order_flow li.focus { color: #0074D9; }
#header .order_flow li.focus span { background-color: #0074D9; color: white; }

#summary { margin: 0; padding: 20px 0; background-color: #fff; line-height: 1.7;
border-bottom: 1px solid #E6E6E8; }
#summary img { margin: 0 5px 0 0; }

#main .container-fluid { padding: 30px 10px; }
#main h2 { margin: 20px 0 15px; font-size: 18px; font-weight: bold; clear:both; }
#main h2:first-child { margin-top: 15px; }

#footer { border-top: 1px solid #E6E6E8; }
#footer .container-fluid { padding: 20px 10px; font-size: 12px; }
#footer_in .ft_navi { float: left; text-align: left; width: 500px; padding-top: 8px; }
#footer_in .ssl { float: right; }
#footer_in .ssl td { line-height: 1.5; }

input:focus, select:focus { outline: none; }
.form-control:focus { border-color: #0066CC !important; box-shadow: none }
.msg { color: red; }
.fm_tbl { margin: 0 0 30px; border-top: 1px solid #E6E6E8; border-left: 1px solid #E6E6E8; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.fm_tbl th { padding: 8px 5px 8px 12px; background-color: #E6E6E8; border-right: 1px solid #E6E6E8; border-bottom: 1px solid #ddd; font-weight: normal; }
.fm_tbl td { padding: 8px 12px; border-bottom: 1px solid #E6E6E8; border-right: 1px solid #E6E6E8; }
.fm_tbl th span { display: block; padding: 2px 3px 1px 2px; float: right; color: white; font-size: 10px; border-radius: 3px; font-weight: normal; }
.fm_tbl th span.required { background-color: #DA6F5D; background-color: #B94A48; }
.fm_tbl th span.optional { background-color: #999; }
.fm_tbl th.cust { background-color: #FFFDDF; }
.fm_tbl th.rent { background-color: #E6FBE8; }
.fm_tbl td label { font-weight: normal; }
.sep { margin: 0 0 15px; padding: 15px 0 0; }
#sb_navi_in li.btn { display: none; }
#side_navi { display: none; }
.btn-primary { color: #fff; background-color: #007bff; border-color: #007bff; }
.btn-primary:hover { color: #fff; background-color: #0069d9; border-color: #0062cc; }


.rental_step { margin-bottom: 25px; padding-left: 2em; }
.rental_step li { padding-bottom: 10px; padding-left: 3px; }