@charset "UTF-8";
/*------------------------------------------------------------------------------
	Created:2014.03.06
	Last Up Date：
	Author:yotigory
------------------------------------------------------------------------------*/
/*****************************************************************************
フォーム専用CSS  
*****************************************************************************/


/* 必須
-----------------------------------------*/
.ex_essential{
	color:#429CC2;
	font-weight:normal;
	font-size:12px;
}
/* エラー
-----------------------------------------*/

/* 注釈
-----------------------------------------*/
.ex_comment{
	color:#fff;
}
/* フォームレイアウト
-----------------------------------------*/
.mod_contact{
	margin:65px auto 0 auto;
	margin-bottom:20px;
	width: 100%;
	height: 100%;
	font-size:12px;
	/*border-radius*/
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}
.mod_contact p.point{
	text-align:right;
}

.mod_contact dl{
 margin:0 0 10px 0;
 padding:10px;
 background-color:#333333;

}

.mod_contact dt{
 font-size:12px;
 line-height:2.8;
 clear: left;
 float: left;
 width: 180px;
 padding:7px 0 0 0;
}
.mod_contact dd{
 padding:7px 0 7px 180px;
 margin:0;
 border-bottom:dotted 1px #FFF;
 min-height:100%;
}

.mod_contact dd.contact_label{
 min-height:30px;
}


/* ドロップ入力パーツ
-----------------------------------------*/	
.mod_dropform{
 margin:10px 0 0 0;
}


/* 入力パーツ
-----------------------------------------*/	
.mod_contact label {
 cursor: pointer;
 display:inline-block;
 margin:0 10px 0 5px;
 color:#fff;
}

.mod_contact dt label{
 vertical-align:middle;
}
.mod_contact dl input {
 margin:0 0 0 0;
 display:inline-block;
 padding:3px;
 border:none;
 line-height:20px;
 height:20px;
 width:400px;
 vertical-align: middle;
}
.mod_contact dl select {
 margin:0 0 7px 0;
 display:inline-block;
 background-color:#FFF;
 padding:3px;
 border:none;
 line-height:20px;
 width:200px;
}
.mod_contact dl select.mini{
 width:80px;
}
.mod_contact dl textarea {
 margin:0 0 8px 0;
 display:inline-block;
 background-color:#FFF;
 padding:3px;
 border:none;
 width:400px;
 margin-right:5px;
 resize: vertical;
}

.mod_contact dl input.checkitem{
 width:auto;
 height:16px;
}
.mod_contact dl ul li.floatitem{
 float:left;
 width:145px;
 list-style-type: none;
}
.mod_contact dl ul li.clearitem{
 float:none;
 clear:both;
}

/* フォーカス・チェック
-----------------------------------------*/
.mod_contact input:focus,
.mod_contact textarea:focus{
	background-color:#FFFFCC;
}
.mod_contact input:checked + label{
	background-color:#0066FF;
}

/* 重要なお知らせの同意
-----------------------------------------*/
.mod_contact_importance{
	margin:20px 0 0 0;
	padding:4px;
	border:double 3px #CCC;
	background-color:#fff;
	line-height:1.5;
	/*border-radius*/
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	font-size:77%;	
}

#scrollElement{
	width:100%;
	height:250px;
	overflow:scroll;
	margin:10px 0 20px 0;
	background-color:#FFF;
	color:#000;
}

.scrollElement_inner{
	margin:10px 20px 15px 20px;
	height: 700px;
}

.mod_contact_importance_btn{
	text-align:center;
}

#label_privacy{
cursor:default;
color:#999999;
}

.check input[type="checkbox"]{
position: relative;
margin-right: 5px;
border: 2px solid #4c4c4c;
-webkit-box-sizing: border-box;
background: #555555;
vertical-align: middle;
}



/* 送信ボタンとエラー表示
-----------------------------------------*/
.mod_contact_btn{
	margin:20px 0 0 0;
	text-align:center;
}

.mod_contact_btn span{
	margin:0 5px;
	text-align:center;
}

.mod_contact_btn p{
	margin:20px 0 0 0;
	text-align:center;
}

.mod_contact_btn input#back,
.mod_contact_btn input#submit{
	width:150px;
	padding:5px;
	margin:0 5px;
}

/*送信・リセットボタンの体裁を指定（[type="○○"]で属性の値でセレクト）*/
.mod_contact p input[type="submit"] ,
.mod_contact p input[type="reset"] ,
.mod_contact p input[type="button"] {
	cursor:pointer;     /*←これでカーソルを指先型に変化させる*/
	font-size:130%;
	font-weight: bold;
	width:100px;
	padding: 4px 10px;
	margin-right:0.5em;
	color: #fff;
    border:1px solid #555;
    background: #00bfff;
/*↓以下、ボックスの角丸の指定*/
    -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

form#form2 p input[type="submit"]:hover ,
form#form2 p input[type="reset"]:hover ,
form#form2 p input[type="button"]:hover {
/*↓ここではロールオーバー時の透明度を変更。もちろんグラデーションを指定してもOK*/
	opacity: 0.8;
	font-size:135%;
}


/* clearfix：float解除＆親要素に高さを算出させる
-----------------------------------------*/
.ex_clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}
.ex_clearfix {
  min-height: 1px;
}
* html .ex_clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}