/*
----- ここからが重要なフッター下部設定 -----
html,body{
    height: 100%;
}
div#content_wrapper{
    position: relative;
    min-height: 100%;
    height: auto !important;
}*/
div#content_main{
    padding-bottom: 50px;
}
#footer2{
    text-align: center;
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 100px;
}

#container{
	padding-bottom: 100px;
}



/* 出展要領 */
.outline_contents {
	width: 1130px;
	top: 100px;
	margin: 0 auto;
	padding-top: 5px;
	overflow: hidden;
}

.highway-outline_title_box{
	padding-left:0px;
	padding-right:0px;
	padding-top:10px;
	padding-bottom:10px;
	border-bottom: 1px solid #cccccc;
	width:100%;
	/*margin-bottom: 5px;*/
			background-color:#1f91be; /*#4477AA;   背景色BLUE */
	vertical-align:middle;
	line-height:150%;
	margin:0 auto;z-index:1000;
			/*height:50px;*/
}

/* 出展要領ヘッダー タイトル */
#outline_title{
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	padding-left: 50px;
}
#outline_title h1{
	margin-top:0px;
}

/* 出展要領 ヘッダータイトルリンク */
.title_link{ 
	color:#ffffff;
	text-decoration: none;
}

/* 出展要領 ヘッダーポータルサイトリンク*/
#htfpotal_link{
	position: absolute;
	right: 0px;
	top: 10px;
	width: 300px;
	height: 28px;
	vertical-align: middle;
	line-height: 120%;
	font-weight: normal;
	padding-left: 5px;
	float: right;
}

/* 出展要領 */
.outline_contents {
	width: 1130px;
	top: 100px;
	margin: 0 auto;
	padding-top: 5px;
	overflow: hidden;
}

/* 出展要領ヘッダー タイトル */
#outline_title{
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	padding-left: 50px;
}
#outline_title h1{
	margin-top:0px;
}

/* 出展要領 ヘッダータイトルリンク */
.title_link{ 
	color:#ffffff;
	text-decoration: none;
}

/* 出展要領 ヘッダーポータルサイトリンク*/
#htfpotal_link{
	position: absolute;
	right: 0px;
	top: 10px;
	width: 300px;
	height: 28px;
	vertical-align: middle;
	line-height: 120%;
	font-weight: normal;
	padding-left: 5px;
	float: right;
}

div.top_box {
  border: 1px solid #EEEEEE;
}

#top_news{
    min-height: 500px;
}

#top_contact{
    height: 200px;
}

.error-message{
	color:red;
}

/*
 *　readonly属性
 */
input[type=text]:readonly{background-color:#f8f8fe;color:#222;}

input:-moz-read-only, textarea:-moz-read-only {
	background-color:#f8f8fe;color:#222;
}

/* Blink/WebKit/Edge では接頭辞なしで対応 */
input:read-only , textarea:read-only {
	background-color:#f8f8fe;color:#222;
}

.exhibitor_box{
	margin-top: 100px;
}

/*
 *　googleMAPを画面サイズに合わせて表示させるCSS
 */
.googlemap-auto {
	position: relative;
	height: 0;
	overflow: hidden;
	padding-bottom: 70%;
}
.googlemap-auto iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

/*
 *　広告材イメージ画像
 */
.advertisment_box{
	position: relative;
	height: 170px;
}

.advertisment_img {
	position: absolute;
	right:0px;
	top: 0px;
}

.advertisment_img img{
/*	max-height : 180px;*/
	max-width: 200px;
}

/*
 *　過去メルマガ
 */
.dataTables_scroll{
	padding-top:10px;
}

#mailmagazine_detail{
	height: 600px;
	overflow-y: auto;
}

#exhibitor_checkbox .checkbox{
	float: left;
}


/*
 * カタログ素材 展示品の分類
 */
.exhibit_classification + label{
	padding-left: 0px !important;
	padding-right: 0px !important;
	height:25px;
	width:25px;
}

.exhibit_classification_text{
	padding-left: 0px;
	padding-right: 0px;
}


/*
 * カタログ素材 特徴・仕様
 */
.specifiction_box{
	position: relative;
}

.specifiction_box p {
	pointer-events: none;
	position: absolute;
	top: 50px;/*画像の左上に配置*/
	left: 60px;
	margin: 0; /*余計な隙間を除く*/
	font-size: 13px;
	line-height: 1;/*行高は1に*/
	padding: 5px 10px;/*文字周りの余白*/
}

.specifiction_textarea{
	height:100%;
	border: 1px solid #cccccc;
}

/*写真イメージエリア*/
.photolayout_box, .photolayout1{
	width: 283px;
	height: 209px;
	border: 1px solid #cccccc;
	position: relative;
}

.photolayout1 img{
	object-fit: contain;
	width: 281px;
	height: 207px;
	font-family: 'object-fit: contain;';
}

.photolayout2 img{
	object-fit: contain;
	width: 150px;
	height: 111px;
	font-family: 'object-fit: contain;';
}

.photolayout3 .photoimg3_center img{
	object-fit: contain;
	width: 281px;
	height: 207px;
	font-family: 'object-fit: contain;';
}

.photolayout3 .photoimg3_right img{
	object-fit: contain;
	width: 101px;
	height: 74px;
	font-family: 'object-fit: contain;';
}

/*
 * カタログ素材 写真レイアウト、写真イメージ
 */
.photolayout_box p {
	pointer-events: none;
	position: absolute;
	top: 20px;/*画像の左上に配置*/
	left: 0px;
	margin: 0; /*余計な隙間を除く*/
	font-size: 13px;
	line-height: 1;/*行高は1に*/
	padding: 5px 10px;/*文字周りの余白*/
	z-index: 3;
}

/*写真レイアウト 2枚レイアウトA(左)の画像*/
.photoimg2_left{
	border: 2px solid #cccccc;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 154px;
	height: 114px;
	z-index: 2;
}

/*写真レイアウト 2枚レイアウトA(右)の画像*/
.photoimg2_right{
	border: 2px solid #cccccc;
	position: absolute;
	right: 0px;
	bottom: 0px;
	width: 155px;
	height: 114px;
	z-index: 1;
}

/*写真レイアウト 2枚レイアウトB(右)の画像)*/
.photoimg3_right {
	border: 2px solid #cccccc;
	position: absolute;
	right: 0px;
	bottom: 0px;
	width: 105px;
	height: 78.55px;
	z-index: 2;
}

/*写真イメージの制御*/
.photolayout2, .photolayout3{
	display: none;
}

/*写真イメージ参照ボタンの制御*/
.phptoimg_update_btn2, .phptoimg_update_btn3{
	display: none;
}

.catalog_box{
	display: none;
}

.email_link {
  cursor : pointer;
}

/*写真イメージIE対応*/
.object-fit-img {
  object-fit: contain;
  font-family: 'object-fit: contain;';
}