@charset "utf-8";
body{
   /* font-family: Georgia, "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
    color:#231815;*/	
	font-family: "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
#glayheader{
	width: 100%;
	height: 212px;
    background: url('../data/gray/gray_bg.png');
    margin:0;
    padding:0;
    z-index: 999;
}

#glayheader img{
    display: block;
    margin:0 auto;
}

#graycontainer{
    display: block;
    background-color: white;
    margin:0 auto;
    width:950px;
}

#gray_left_menu{
    width:200px;
    display: block;
    float:left;
}
#gray_content_upper{
    float:right;
    width:750px;
    height:470px;
    display: block;
}
#gray_content_upper p{
    font-size:12.5px;
    margin:10px 0 10px 28px ;
    line-height: 1.8em;
}


hr{
    border-top: 1px dashed #bbb;
    margin:25px 0 25px 28px;
}


#gray_content_lower{
    float:left;
    width:100%;
    margin:0;
    padding:0;
}
/* 中央線　*/
#gray_content_lower h2 {
    overflow: hidden;
    text-align: left;
    padding:0 20px ;
    margin:90px 0;
    font-size:14px;
}
    
#gray_content_lower h2 span {
    display: inline-block;
    padding: 0.5em 1em;
    position: relative;
}

#gray_content_lower h2 span:before,
#gray_content_lower h2 span:after {
    border-top: 1px solid;
    border-color:#231815;
    content: "";
    position: absolute;
    top: 50%;
    width: 99em;
}

#gray_content_lower h2 span:before {
    right: 100%;
}

#gray_content_lower h2 span:after {
    left: 100%;
}
/* 中央線ここまで　*/

#gray_content_lower p{
    font-size:12px;
    margin:10px 0 15px 230px ;
    line-height: 1.6em;
}

#gray_content_lower h3{
    font-size:12.5px;
    background-color: #9f9fa0;
    padding:14px 12px 12px 48px;
    color:white;
    margin:35px 0;

}

#footer{
    width:100%;
    float:left;
}
#footer .official_outer{
    width:100%;
    height:60px;
    color:white;
    background-color: #000000;
    display: inline-block;
    padding:48px 0 0px 0;
}
#footer .official_innner{
    width:950px;
    text-align: left;
    margin:auto;
    display:table;
    font-size:16px;
}
#footer .c1{
    display: table-cell;
    width:225px;
}
#footer .c2{
    display: table-cell;
    width:180px;
}
#footer .c3{
    display: table-cell;
    width:185px;
}
#footer .c4{
    display: table-cell;
    width:165px;
}
#footer .c5{
    display: table-cell;
    width:95px;
    text-align:right;
}


#footer_logo .outer{
    width:100%;
    height:776px;
    color:white;
    background-color: white;
    display: block;
    padding:48px 0 0px 0;
}
#footer_logo .inner{
    width:950px;
    height:776px;
    color:black;
    display: block;
    margin:auto;
    font-size:16px;
    text-align: center;
}
#footer_logo img{
    margin:0px auto 2px;
}
#footer_logo .link{
    margin:60px 0 120px 0;
    display:table;
    text-align:left;
    font-size:14px;
    border-top: 1px solid #231815;
    padding:8px 0 0 0 ;
}
#footer_logo .l1{
    display: table-cell;
    width:115px;
}
#footer_logo .l2{
    display: table-cell;
    width:150px;
}
#footer_logo .l3{
    display: table-cell;
    width:120px;
}
#footer_logo .l4{
    display: table-cell;
    width:120px;
}
#footer_logo .l5{
    display: table-cell;
    width:135px;
}
#footer_logo .l6{
    display: table-cell;
    width:175px;
}
#footer_logo .l7{
    display: table-cell;
    width:135px;
    text-align:right;

}
#footer_gray .outer{
    width:100%;
    height:500px;
    background-color:#9f9fa0;
    color:white;
    display: block;
}
#footer_gray .inner{
    width:950px;
    height:500px;
    display: block;
    color:black;
    margin:auto;
    font-size:16px;
    text-align: left;

}
#footer_gray .lower_left{
    float:left;
    display: block;
    width:33%;
    height:440px;
}
#footer_gray .lower_middle{
    float:left;
    display: block;
    width:34%;
    height:440px;
}
#footer_gray .lower_right{
    float:left;
    display: block;
    width:33%;
    height:440px;
}
#footer_gray h2{
    text-align: center;
    margin:50px 0px;
    padding:0 90px 0 0;
 }
#footer_gray ul {
    border-top: dotted 1px #231815;
    margin-right:90px;
}
#footer_gray li{
    font-size:13px;
    border-bottom: dotted 1px #231815;
    margin: 4px 0;
    line-height: 2.3em;
    padding: 0.3em 0 0.6em;;

}
#footer_gray li:before{
    content:'＞　';
}
#footer_gray hr{
    clear:both;
    border-top: solid 1px #231815;
    border-bottom:0px;
    width:100%;
    margin:0;
}

#footer_white .outer{
    width:100%;
    background-color:white;
    text-align: center;
}
#footer_white .inner{
    display: inline-block;
    font-size:14px;
    top:0;
    left:0;
    margin:100px auto;
    font-size: 12px;
    text-align: left;
    line-height: 1.65em;
}

#footer_white p{
    font-size:14px;
    text-align: center;
}
#footer_white b {
	font-weight: bold;
}

#forms{
    display: block;
    width:950px;
    height:632px;
    background-image: url('../data/gray/form_bg2.png');
    background-position:top left;
    padding:0;
    margin:0;
}
#forms .form_margin{
    display: block;
    width: 100%;
    height:89px;
}   
p.inquiry{
    clear: both;
    margin:0 0 0 68px !important;
    line-height: 1.8em !important;

}
form {
    padding: 20px 0 0 0;
    position: relative;
    z-index: 2;
  }
  form dt{
    font-size:15px;
    margin:10px 10px 0 65px;
    float: left;
    color:white;

  }
  form dd{
	float: left ;
    padding: 0 0;
    margin: -25px 228px 12px 228px;
  }
  form input,textarea {
    appearance: none;
    border: none;
    background-color: rgba(255, 255, 255, 0.25);
    display: block;

    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 10px 15px;
    margin: 0;
    
    width: 466px;
    font-size: 14px;
/*    color: #9f9fa0;*/
    color: #000000;
    transition-duration: 0.25s;
    font-weight: 300;


  }

#form_submit_button, #form_reset_button, #form_bar_button{
    background:none !important;
    border:none !important;
    margin:0 !important;
    padding:0 !important;
    font-size:12px !important;;
    color:#231815 !important;
    float:left;
  }
#form_submit_button{
    width:40px;
}
#form_bar_button{
    width:10px;
}
#form_reset_button{
    width:55px;
}

.buttons{
    margin:50px 0 50px 780px;
    display: inline-block;
}

#gray_margin{
    float:left;

    display: block;
    width:100%;
    height:220px;
}
p#form_submit{
    margin: 0;
}

span.error_blank{
    padding:0; 
    display : block;
    margin-top :12px;
    float:left;
    line-height:0px;
}