@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*/
}

/*.clearfix 
	overflow:hidden;
} 20170406 詳細Tcikettab1の場合*/

.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 li img {             /* 文字可変時の画像のずれをおさえる */
	font-size: 0;
    line-height: 0;
    vertical-align: bottom;
}

/* パディング 下方向
--------------------------------------------------------------*/
.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; }


/* マージン
--------------------------------------------------------------*/
.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%;
}

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

#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;
}