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

/*--Base------------------------------------------------------------*/
html,body {
	width: 100%;
	height: 100%;
}
html {
	height: 100%;
	overflow-y: scroll;
}
/*--Reset-----------------------------------------------------------*/
* {
	margin: 0;
	padding: 0;
}
a {
	text-decoration: none;
}
img {
	border: none;
	vertical-align: middle;
}
ul,ol {
	list-style: none;
}
/*--Text------------------------------------------------------------*/
body {
	font-size: 88%;
	font-weight: normal;
	line-height: 1.5;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
    background: url("../img/bg.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
    margin: 0;
    padding: 0;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
}
/*--Link------------------------------------------------------------*/
a,
a:link {
	color: #333333;
}
a:visited {
	color: #333333;
}
a:hover,
a:active {
	color: #777777;
}
a:focus {
	outline: none;
}
/*--HTML5-----------------------------------------------------------*/
article,aside,details,footer,header,main,menu,nav,section,summary {
	display: block;
}
/*--sample----------------------------------------------------------*/
/*--layout----------------------------------------------------------*/
#wrapper {
	width: 100%;
}
#header {
	background: #9fb7d4;
	min-width: 900px;
}
#header header {
	margin: 0 auto;
}
#contents {
	margin: 0 auto;
	min-width: 900px;
	background-color:#fff;
}
#contents table{
	width:800px;
	margin:0 auto;
	padding:50px;
	background: none repeat scroll 0 0 #f3f3f3;
}
#contents table tr{
	height:3em;
}
#contents table th{
	width:100px;
}
#footer {
	border-top: 2px solid #9fb7d4;
	min-width: 900px;
    background: none repeat scroll 0 0 #111111;
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: center;
	color:#FFF;

}
#footer footer {
	margin: 0 auto;
	height: 120px;/*サンプル用に高さ設定してあります。*/
}
#header header,
#contents,
#footer footer {
	width: 900px;/*センター固定 or リキッドレイアウトの変更(リキッドレイアウトにする場合はwidthを100%に変更)*/
}
/*--common----------------------------------------------------------*/
#header h1,
#header h2,
#contents h3,
#header p,
#contents p,
#footer p {
	padding: 10px;
}header,footer,main,menu,nav,section,summary {
	display: block
}
/*--トップボタン----------------------------------------------------------*/
#button_top{
	background-image:url(../img/rec_lp001.jpg);
	background-repeat:no-repeat;
	height:954px;
}
#button_top img{
	width:800px;
	margin:800px 0 0 50px;
}
/*--コンタクトフォーム----------------------------------------------------------*/
#contact {
	background-image:url(../img/rec_lp005.jpg);
	background-repeat:no-repeat;
	padding:350px 0 0 0;
	height:550px;
}
form {
    display: inline;
}
input.input-text, select, textarea{
	background: none repeat scroll 0 0 #F8F4EB;
    border: 1px solid #CBCD9A;
    padding: 5px;	
}
.fieldset {
    background: url("../img/letter_bkg.gif") repeat scroll 0 0 rgba(0, 0, 0, 0);
	margin:30px 50px;
    padding: 10px;
}
.bgwhite {
    background: none repeat scroll 0 0 #FBFCFD;
    border: 4px solid #DCE2EA;
    margin: 10px auto;
    padding: 10px 10px 5px;
}
.buttons-set {
	width:600px;
    margin: 10px auto;
    padding: 10px;
}
.email {
    margin-bottom: 15px;
}
.email strong {
    color: #8A8C5E;
    display: block;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 15px;
    font-weight: normal;
    margin-bottom: 10px;
}
.email dl {
    padding-left: 45px;
}
.email dt {
}
.email dd {
    margin-bottom: 5px;
}

.form-list {
    margin: 10px auto;
	width:600px;
}
.form-list li {
    margin: 0 0 8px;
    clear: both;
}
.form-list label {
    color: #737373;
    float: left;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-weight: normal;
    margin-bottom: 5px;
    position: relative;
    z-index: 0;
}
.form-list label.required {
}
span.required, .form-list label.required em {
    color: #FF5959;
    float: right;
    font-style: normal;
    position: absolute;
    right: -8px;
    top: 0;
}
.form-list li.control label {
    float: none;
}
.form-list li.control input.radio, .form-list li.control input.checkbox {
    margin-right: 6px;
}
.form-list .input-box {
    clear: both;
    display: block;
    width: 240px;
}
.form-list .field {
    float: left;
    width: 265px;
}
.form-list input.input-text {
    width: 229px;
}
.form-list textarea {
    height: 10em;
    width: 234px;
}
.form-list select {
    width: 240px;
}
.form-list li.wide .input-box {
    width: 515px;
}
.form-list li.wide input.input-text {
    width: 509px;
}
.form-list li.wide textarea {
    width: 509px;
}
.form-list li.wide select {
    width: 515px;
}
.form-list li.additional-row {
    border-top: 1px solid #CCCCCC;
    margin-top: 10px;
    padding-top: 7px;
}
.form-list li.additional-row .btn-remove {
    float: right;
    margin: 5px 0 0;
}
.form-list .input-range input.input-text {
    width: 74px;
}
.form-list .control .input-box {
    display: inline;
    float: left;
    width: auto;
}
.buttons-set button.button {
	padding:5px 30px;
}

.bonbi {
	background-color:#060606;
	text-align:center;
}
.bonbi a{
	color:#E6F751;
	font-size:18px;
}
/*--send.php----------------------------------------------------------*/
.back_p {
    background: url("../img/letter_bkg.gif") repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.back_p p{
	background-color:#FFF;
	margin:30px 50px;
    padding: 10px;
	height:100px;
}