@charset "shift-jis";

/*============================================================================



	style info : ヘッダ フッタ etc サイト内共通レイアウト用



==============================================================================*/

/*============================================================================

	#wrapper（ページ全体 横幅）

==============================================================================*/







/* 背景 */
.boxA { background-color: #ffdfe8;}
.boxB { background-color: #cfe9fe;}
.boxC { background-color: #fcffd5;}

.btn01 {
    position: absolute;
    top:480px;
    left: 140px;
    z-index: 3;
}



.dw {
    position: absolute;
    top:440px;
    left: 140px;
    z-index: 3;
}

.att {
    text-align: left;
    margin: 40px auto 40px;
    width: 800px;
}


#container {
    background-color: #f4f6f5;
    background-image: url(https://www-f.keibalab.jp/img/lp/ipat/bg.jpg);
    background-repeat: no-repeat;
    width: 100%;
    background-position: top center;
    margin: 0 auto;


}

.mainbox {
    width: 1000px;
    left:50%;
    margin-left:-500px;
    position: relative;
    
}

.formContainer {
    background-color: #FFF;
    height: 376px;
}

.formContainer .formHeader {
    background-color: #000;
    width: 100%;
    min-height: 70px;
    font-size: 20px;
    color: #ff7400;
    line-height: 70px;
}

.formLeft {
    width: 647px;
}


.sub {
    position: relative;
    top:-500px;
    left: 500px;
    margin-bottom: -500px;
}

.info {
    background-color: yellow;
    color: red;
}

#header {

/*     background-image: url(https://www-f.keibalab.jp/img/lp/meg/header_bg.png); */
    background-repeat: repeat-x;
            background-color: #2faf01;
    width: 100%;
/*     height: 83px; */
    text-align: center;
    margin: 0px auto;
}

#headerContents {
    width: 1000px;
    margin: 0px auto;
}


#contents {
	width: 1000px;
	height: 830px;
    margin: 0 auto 0px auto;
    position: relative;
}

#Logo {
    width: 970px;
    height: 810px;
    position: absolute;
    top:10px;
    left: 30px;
}

#Lead {
    width: 881px;
    height: 235px;
    position: absolute;
    top:550px;
    left: 60px;
}


.box {
    margin-bottom: 20px;
    -moz-box-shadow: 1px 1px 3px #000;　/* Firefox用 */  
    -webkit-box-shadow: 1px 1px 3px #000;　/* Safari,Google Chrome用 */ 
}


.box img {


    }
    
.box img:hover {
    transform:rorate(45deg);
    }

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
                フォーム
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.Form {
    width: 960px;
    margin: 20px auto;
}

.FormIn {
    width: 920px;
    margin: 0px auto;
    padding: 20px;
    background-color: #FFF;
    background-repeat: no-repeat;
    border-radius: 6px;
    overflow:hidden;
}

.Formleft{
	float: left;
	margin-right: 17px;
}

.Formright{
	float: right;
	width: 250px;
	text-align: left;
	font-size: 12px;
	line-height: 110%;
}

.Formright:after { content: ""; clear: both; height: 0; display: block; visibility: hidden; }


.formFix {
    background-image: url(https://www-f.keibalab.jp/img/lp/meg/fix.png);
    width: 405px;
    height: 277px;
    position: absolute;
    top:480px;
    left: 29px;
}

p.mailBox {
    width: 642px;
    height: 55px;
    font-size:20px;
	line-height:24px;
	margin-bottom: 15px;
	font-weight:bold;
}



.mailAdd {
    width: 642px;
    height: 68px;
    border: solid 5px #1b9e05;

}

P.mailBtn {
    width: 650px;
    height: 60px;
}



/* スライダー */

.sliderContainer {
    height: 432px;

}　



.newContainer {
    width: 945px;
    margin: 0 auto;
}













/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
                フッター 
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#footer {
    padding: 20px 10px 10px 10px;
    background-color: #252929;

}

#footerContents {
    width: 1000px;
    margin: 0 auto;
}

#footerContents p {
text-align: left;
clear: both;

}

#nav {
    float: left;
    margin-bottom: 20px;
    overflow: hidden; /* はみ出したものは隠す */
  _height: 1.5em; /* IE6用。祖先要素に幅や高さが指定していれば必要ないので，今回のサンプルではなくても問題なし。*/
}

#nav ul {
  margin-left: -1px; /* 一番左のボーダー幅と同じ値の負のマージン */
}

#nav li {
  padding: 0 10px;
  display: inline; /* 横並びにさせる */
  border-left: 1px solid #fff; /* 区切り線 */
}

.EFMsg{
	width:834px;
	margin:20px auto;
	padding:20px;
	background-color: #ffff00;
	border: solid 3px #ac3f7d;
}

.EFMsg p{
	font-size: 26px;
	color: #7f273f;
	font-weight: bold;
}


#bottom {
    background-color: #01a1ff;
    margin: 0 auto;
    width: 1000px;
}
