@charset "UTF-8";

/*access.html専用
-----------------------------------------*/
body nav ul li a[href="faq.php"] {
color: #666;
background-position: right bottom;
}

/* 必須
-----------------------------------------*/
.ex_essential{
    color:#CC0000;
    font-weight:normal;
}
/* エラー
-----------------------------------------*/
/* 注釈
-----------------------------------------*/
.ex_comment{
    color:#666;
}
/* フォームレイアウト
-----------------------------------------*/
.mod_form{
	margin:0 auto;
	margin-bottom:20px;
	padding:20px;
	width: 850px;
	border:solid 5px #EEE;
}
.mod_form1{
	margin-bottom:20px;
	padding:20px;
	width: 640px;
	border:solid 5px #EEE;
	margin-top: 0;
	margin-right: auto;
	margin-left: 210px;
}

.mod_form p.point{
    text-align:right;
}
.mod_form table,
.mod_form1 table{
    width:100%;
    border-collapse:separate;
    border-spacing:2px;
}
.mod_form table tr th,
.mod_form1 table tr th{
	padding:10px;
	white-space: nowrap;
	font-weight:bold;
	vertical-align: middle;
	border-bottom:solid 1px #C1D0E3;
	background-color:#EBF0F6;
}
.mod_form table tr td,
.mod_form1 table tr td{
    width:70%;
    padding:10px;
    border-bottom:solid 1px #B6D1F5;
}
/* フォーム内2段組
-----------------------------------------*/
.mod_form_listbox{
    width:100%;
}
.mod_form_listbox_left{
    float:left;
    width:50%;
}
.mod_form_listbox_right{
    float:left;
    width:50%;
}
/* 入力パーツ
-----------------------------------------*/
label {
  cursor: pointer;
}
select#item,
select#address01{
	width:250px;
	height: 26px;
}
select#year,
select#month,
select#day{
    width:60px;
	height: 26px;
}
input,
textarea{
    border:solid 1px #CCCCCC;
}
input#gazou{
    width:400px;
	height: 26px;
}

input#character_m,
input#character_w{
	border:none;
	height:1.6em;
	vertical-align: middle;
}
input#address02,
input#bill{
    width:350px;
    height:1.8em;
}
input#coment1,
input#coment2{
    width:500px;
    height:1.8em;
}

input#name,
input#names,
input#kana,
input#email,
input#emailcheck
{
    width:250px;
    height:1.8em;
}
select#age,
select#hour,
select#kind,
select#type,
select#new{
	height: 26px;
}
input#postal1,
input#postal2{
	height: 26px;

}

input#zipcode,
input#code,
input#pass,
input#pass2,
input#id,
input#tel,
input#price{
    width:150px;
    height:1.8em;
}
textarea{
    width:350px;
}
/* フォーカス・チェック
-----------------------------------------*/
input:focus,
textarea:focus{
    background-color:#FFFFCC;
}
input:checked + label{
    background-color:#FFFFCC;
    font-weight:bold;
}
/* 重要なお知らせの同意
-----------------------------------------*/
.mod_form_importance{
    margin:20px 0 0 0;
    padding:10px;
    border:double 3px #CCC;
    background-color:#DDD;
}
.mod_form_importance h2{
    font-weight:bold;
}
.mod_form_importance_txt{
    width:784px;
    height:250px;
    overflow:scroll;
    margin:10px 0 20px 0;
    padding:10px 20px 15px 20px;
    background-color:#FFF;
}
.mod_form_importance_txt h3{
    margin:10px 0 5px 0;
    font-weight:bold;
    border-bottom:solid 1px #DDD;
}
.mod_form_importance_btn{
    text-align:center;
}

/* 送信ボタンとエラー表示
-----------------------------------------*/
.mod_form_btn{
    margin:20px 0 0 0;
    text-align:center;
}
/*
.mod_form_btn input#back,
.mod_form_btn input#submit{
    width:150px;
    padding:5px;
}
*/
.ris{
	width:200px;
	height:40px;
	background-color: #ff80b5;
	font-size: 2em;
	color: #FFF;
}
.ris:hover,
.kaku:hover{
	filter: alpha(opacity=80);
	opacity: 0.8;
}
.ris:active,
.kaku:active{
	position:relative;
	left:+1px;
	top:+1px;
}
.ris:focus {
	background-color: #ff80b5;
}
.kaku:focus {
	background-color: #0080b5;
}

.kaku {
	width:200px;
	height:40px;
	background-color: #0080b5;
	font-size: 2em;
	color: #FFF;
}
/*.ris {
	cursor:pointer;
	font-size:0;
	line-height:0;
	border-style:none;
	padding:0;
	background-image:url(../../img/reset.gif);
	width:240px;
	height:40px;
}
.ris:hover {
	background-image:url(../../img/reset_on.gif);
}
*/
.back {
	cursor:pointer;
	font-size:0;
	line-height:0;
	border-style:none;
	padding:0;
	/*↓背景に画像ファイルを指定。続いて画像サイズに合わせて幅と高さも指定*/
	background-image:url(../../img/back.gif);
	width:240px;
	height:40px;
}
.back:hover {
	/*↓ロールオーバー時の背景画像を指定*/
	background-image:url(../../img/back_on.gif);
}
.sou {
	cursor:pointer;
	font-size:0;
	line-height:0;
	border-style:none;
	padding:0;
	/*↓背景に画像ファイルを指定。続いて画像サイズに合わせて幅と高さも指定*/
	background-image:url(../../img/sendok.gif);
	width:240px;
	height:40px;
}
.sou:hover {
	/*↓ロールオーバー時の背景画像を指定*/
	background-image:url(../../img/sendok_on.gif);
}
.login {
	cursor:pointer;
	font-size:0;
	line-height:0;
	border-style:none;
	padding:0;
	/*↓背景に画像ファイルを指定。続いて画像サイズに合わせて幅と高さも指定*/
	background-image:url(../../img/login.gif);
	width:240px;
	height:40px;
}
.login:hover {
	/*↓ロールオーバー時の背景画像を指定*/
	background-image:url(../../img/login_on.gif);
}
.kaku:active,
.ris:active,
.back:active,
.sou:active,
.login:active{
	text-decoration:none;
	position:relative;
	left:+1px;
	top:+1px;
}

/* 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;
  /**/
}
.center {
	text-align: center;
}