@charset "UTF-8";

/* ----------------------------------------------------------------
　　汎用クラス
　　必要に応じて追記可能。汎用クラスの範疇に入らないものは記述しない。
--------------------------------------------------------------*/


/*リンク画像ロールオーバー(アルファ処理)*/

a:hover img,
.btn_alpha:hover {
filter: alpha(opacity=60);
-moz-opacity:0.60;
opacity:0.60;	
}
/*▼rolloverを付与したボタンはアルファ処理しない*/
a:hover.rollover img {
filter: alpha(opacity=100);
-moz-opacity:1;
opacity:1;	
}
/*▲----------*/




/* 回り込み解除 
--------------------------------------------------------------*/
.clear_both { clear: both; display: block;  }
hr { display: none; }

/* クリアフィックス */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {
    display: block;
	min-height:1%;  /* for IE 7*/
}



/*------------------------------------ Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/*---------------------------------- End hide from IE-mac */

/* リスト（TYPE-NO）
--------------------------------------------------------------*/
ul.type_none { list-style-type: none; }
ul.type_disc { list-style-type:disc; margin-left:20px; }

ul li img {             /* 文字可変時の画像のずれをおさえる */
	font-size: 0;
    line-height: 0;
    vertical-align: bottom;
}

/* パディング 
--------------------------------------------------------------*/
.pt05 { padding-top: 5px !important; }
.pt10 { padding-top: 10px !important; }
.pt15 { padding-top: 15px !important; }
.pt20 { padding-top: 20px !important; }
.pt30 { padding-top: 30px !important; }
.pt40 { padding-top: 40px !important; }
.pt50 { padding-top: 50px !important; }

.pr05 { padding-right: 5px !important; }
.pr10 { padding-right: 10px !important; }
.pr15 { padding-right: 15px !important; }
.pr20 { padding-right: 20px !important; }
.pr30 { padding-right: 30px !important; }
.pr40 { padding-right: 40px !important; }
.pr50 { padding-right: 50px !important; }

.pb05 { padding-bottom: 5px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb40 { padding-bottom: 40px !important; }
.pb50 { padding-bottom: 50px !important; }

.pl05 { padding-left: 5px !important; }
.pl10 { padding-left: 10px !important; }
.pl15 { padding-left: 15px !important; }
.pl20 { padding-left: 20px !important; }
.pl30 { padding-left: 30px !important; }
.pl40 { padding-left: 40px !important; }
.pl50 { padding-left: 50px !important; }


/* マージン
--------------------------------------------------------------*/
.mt00 {margin-top: 0px !important;}
.mt05 {margin-top: 5px !important;}
.mt10 {margin-top: 10px !important;}
.mt15 {margin-top: 15px !important;}
.mt20 {margin-top: 20px !important;}
.mt25 {margin-top: 25px !important;}
.mt30 {margin-top: 30px !important;}
.mt35 {margin-top: 35px !important;}
.mt40 {margin-top: 40px !important;}
.mt45 {margin-top: 45px !important;}
.mt50 {margin-top: 50px !important;}

.mb00 {margin-bottom: 0px !important;}
.mb05 {margin-bottom: 5px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb15 {margin-bottom: 15px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb25 {margin-bottom: 25px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb35 {margin-bottom: 35px !important;}
.mb40 {margin-bottom: 40px !important;}
.mb45 {margin-bottom: 45px !important;}
.mb50 {margin-bottom: 50px !important;}

.ml00 {margin-left: 0px !important;}
.ml05 {margin-left: 5px !important;}
.ml10 {margin-left: 10px !important;}
.ml15 {margin-left: 15px !important;}
.ml20 {margin-left: 20px !important;}
.ml25 {margin-left: 25px !important;}
.ml30 {margin-left: 30px !important;}
.ml35 {margin-left: 35px !important;}
.ml40 {margin-left: 40px !important;}
.ml45 {margin-left: 45px !important;}
.ml50 {margin-left: 50px !important;}

.mr00 {margin-right: 0px !important;}
.mr05 {margin-right: 5px !important;}
.mr10 {margin-right: 10px !important;}
.mr15 {margin-right: 15px !important;}
.mr20 {margin-right: 20px !important;}
.mr25 {margin-right: 25px !important;}
.mr30 {margin-right: 30px !important;}
.mr35 {margin-right: 35px !important;}
.mr40 {margin-right: 40px !important;}
.mr45 {margin-right: 45px !important;}
.mr50 {margin-right: 50px !important;}


/* ポジション
--------------------------------------------------------------*/
.positionCenter { text-align: center !important; }
.positionRight { text-align: right !important; }
.positionLeft { text-align: left !important; }

/* リストポイント又は矢印アイコンポジション
--------------------------------------------------------------*/
.diskArrow { margin: 0px 3px -1px 0px; }
.toTopArrow { margin: 0px 3px -1px 0px; _margin: 0px 3px -2px 0px; }

/* 注文
--------------------------------------------------------------*/
.caution { text-indent: -0.95em; margin-left: 0.95em; }

/* インデント
--------------------------------------------------------------*/
.indentTxt {
    text-indent: -1.1em;
	margin-left: 1.1em;
}

* html .indentTxt {
    text-indent: -0.8em;
	margin-left: 0.8em;
}

.IndentListdot {
    text-indent: -1em;
	margin-left: 1em;
	padding: 5px 0;
}

/* （中黒- ie6以前, win_ie7） */
* html .IndentListdot {
	text-indent: -0.5em;
	margin-left: 1.2em;
	padding: 5px 0;
}

*:first-child+html .IndentListdot {
	text-indent: -0.5em;
	margin-left: 1.2em;
	padding: 5px 0;
}

/* フロート
--------------------------------------------------------------*/
.float_L { float: left; }
.float_R { float: right; }

/* イメージ回り込み
--------------------------------------------------------------*/
.image_L {
    float: left;
	margin-right:15px;
}

.image_R {
    float: right;
	margin-left:15px;
	}

/* ライン
--------------------------------------------------------------*/
.separateSolidLine {
    border-top: solid 1px #bcbcbc;
	padding-top: 8px;
	margin-top: 8px;
}

.separateDottedLine {
    border-top: dotted 1px #bcbcbc;
	padding-top: 8px;
	margin-top: 8px;
}



/* バックグラウンド
--------------------------------------------------------------*/
.bgColor-lightBlue {
    background-color: #e8eff4;
	padding: 15px;
}

/* フレーム
--------------------------------------------------------------*/
.frame-lightGray {
    border: solid 1px #d6d6d6;
	padding: 10px;
}


/* 下つき・上つき文字
--------------------------------------------------------------*/
sub {
    position:relative;
	bottom: -0.1em;
	vertical-align:baseline;
}

sup {
    position:relative;
	bottom: 0.2em;
	vertical-align:baseline;
	font-size: 82%;
}


/*ボタンリンク
----------------------------------------------------------------*/
    .btnblue a{
    	width:96%;
    	padding:10px;
    	background:#40b6df;
    	color:#ffffff !important; 
    	text-align:center;
    	display:block;
    	text-decoration:none;
	border-radius:2px;
    }
	
    .btnblue a:hover{
    	text-decoration:none;
    	background:#7cd0ed;     
    }

/*テーブル
----------------------------------------------------------------*/

#container .table_blue {
	border-collapse:collapse;
	width:100%;
}

#container .table_blue th,
#container .table_blue td {
	border: 1px solid #DFDFDF;
	padding: 15px;
}

#container .table_blue th {
	background-color: #EAF3F7;
	font-weight:normal;
	text-align:left;
}

/*ボタン　カラー グレー枠白背景グレー文字　a class="btn"
----------------------------------------------------------------*/
.btn {
  display: inline-block;
  *display: inline; /* IE7用 */
  *zoom: 1; /* IE7用 */
  transition: opacity .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out,color .2s ease-in-out;
  padding: 10px 20px;
  border: 1px solid #d2d2d2;
  background-color: #fff;
  font-size: .92em;
  font-weight: bold;
  text-align: center;
  text-decoration: none !important;
  line-height: 1.4em;
  vertical-align: middle;
}

.btn,
a.btn {
}

a.btn {
  cursor: pointer;
}

.btn .fa:before {
  margin-right: 14px;
}

.btn.middle {
  min-width: 200px;
  font-size: 1em;
  text-align: center;
}


.btn.gold {
  border-color: transparent;
  background-color: #d9a83d;
  color: #fff !important;
}

.btn.arw.gold:before {
  border-top-color: #fff;
  border-right-color: #fff;
}

.btn.frame.gold {
  border-color: #d9a83d;
  background-color: transparent !important;
  color: #d9a83d !important;
}

.btn.frame.arw.gold:before {
  border-top-color: #d9a83d;
  border-right-color: #d9a83d;
}

a:hover .btn.gold,
a.btn.gold:hover {
  border-color: transparent;
  background-color: #cc9a30;
}

a.btn.frame.gold:hover {
  border-color: #cc9a30;
  color: #cc9a30 !important;
}

a.btn.frame.arw.gold:hover:before {
  border-top-color: #cc9a30;
  border-right-color: #cc9a30;
}



/*フォーム
----------------------------------------------------------------*/

/*フォーム用テーブル*/
#container .table_form {
	margin: 10px 0px;
}
#container .table_form th {
	width:180px;
	}


/*ラジオボタン・チェックボックス*/
#container .form_list li {/*clearfixを併用*/
	float:left;
	margin-right:15px;
	margin-bottom:5px;
	}
#container .form_list input {
	margin-right:5px;
	}


/*テキストフィールド*/

#container .form_field01 {
	width:950px;
	height:6em;
	}
#container .form_field02 {
	width:475px;
	height:3em;
	}



/*送信ボタン*/

#container .form_btn {
	margin-top:20px;
	padding-top:20px;
	text-align:center;
	background:url(/common/img/general/line_dotted.gif) repeat-x center top;
	}