@charset "utf-8";

img {
width: 100%;
height: auto;
}

/*	初期設定
----------------------------------------------------*/

table{
width:100%;
border-spacing:1px;
border-collapse:0;
background:#ccc;
}

th{
width:270px;
padding:8px 15px;
color:#333;
font-size: 14px;
vertical-align: top;
background:#dff1ff;
}

td{
padding:8px 15px;
color: #333;
font-size: 14px;
background:#fff;
}

td.cback{
background: #ffeded;
}

table table{
width:90%;
border-spacing:0;
border-collapse:0;
background:#fff;
}

td table td{
padding:0 10px 0 0;
color: #333;
text-align:right;
background:#fff;
}

.bt{
padding-top: 5px;
padding-right: 10px;
padding-bottom: 5px;
padding-left: 10px;
}

.att{
margin-bottom:5px;
line-height:14px;
font-size: 14px;
font-weight:bold;
color: #f00;
}

.hissu{
float:right;
padding:0 4px;
font-size: 12px;
font-weight:normal;
color: #f23636;
}

p.msg{
color: #F00;
}

/*	form_page
----------------------------------------------------*/
#form_page {
max-width: 900px;
margin: 0 auto;
}

#form_page #title {
margin-bottom:30px;
padding:0 0 5px 5px;
font-size:26px;
border-bottom:5px #4B8AE9 solid;
}

#form_page #title img {
max-width: 312px;
}

/*	f_header
----------------------------------------------------*/
#f_header {
-js-display: flex;/* IE8-9 */
display: -ms-flexbox;/* IE10 */
display: flex;
-ms-flex-pack: justify;/* IE10 */
justify-content: space-between;
padding: 10px 0 6px;
}

#f_header .fd {
margin-top: 3px;
}

/*	m_info
----------------------------------------------------*/
#m_info {
margin: 10px 0;
padding: 3px 0 2px 5px;
background: #dff1ff;
}

/*	step
----------------------------------------------------*/
#step {
margin: 0 0 15px 0;
}

/*	mailform
----------------------------------------------------*/
#mailform {
max-width:900px;
margin:30px auto;
}

#mailform h2 {
margin:0 0 15px 0;
font-size:18px;
}

#mailform h3 {
margin:15px 0 10px 0;
font-size:16px;
color:#333;
}

#mailform p {
margin:0 0 15px 0;
font-size:14px;
}

#mailform .ex {
margin:3px 0 ;
font-size:11px;
color:#666;
}

#mailform .red_check {
color:#f00;
}

#mailform .name {
float:left;
width:180px;
margin-right:15px;
text-align:right;
}

#mailform .btn {
max-width: 312px;
margin: 30px auto;
text-align:center;
}

#mailform .btn_check {
max-width: 471px;
margin: 30px auto;
text-align:center;
}

#mailform .backbtn {
cursor:pointer;
padding: 5px 5px 5px 10px;
}

#mailform select[name="y1"],
#mailform select[name="m1"],
#mailform select[name="d1"],
#mailform select[name="h1"],
#mailform select[name="y2"],
#mailform select[name="m2"],
#mailform select[name="d2"],
#mailform select[name="h2"]{
margin: 0 3px 5px 0;
padding: 3px;
}

#thanks {
max-width:800px;
margin:30px auto;
padding:30px 0 0 0;
}

#thanks h3 {
margin:0 0 15px 15px;
color:#f00;
font-size:20px;
}

#thanks p {
margin:15px;
font-size:14px;
}

/*	m_info_area
----------------------------------------------------*/
#m_info_area {
max-width: 700px;
margin: 30px auto;
padding: 25px 30px;
background: #f4efc4;
}

#m_info_area .subtitle {
font-weight: bold;
font-size: 14px;
}

#m_info_area p {
margin: 5px 0;
}

#m_info_area ul {
margin: 5px 0 15px 20px;
}

#m_info_area li {
list-style: disc;
color: #f23636;
font-weight: bold;
}


/*	f_menu
----------------------------------------------------*/
#f_menu {
max-width:980px;
margin:0 auto 20px;
padding:20px 0;
border-bottom:1px solid #ccc;
}

#f_menu ul {
text-align: center;
}
 
#f_menu li {
display:inline-block; 
margin:0 30px;
}

#f_menu  ul li a {
color:#333;
text-decoration:none;
}

#f_menu  ul li a:hover {
text-decoration: underline;
}