@charset "utf-8";
/* CSS Document */



html, body {
	margin: 0;
	padding: 0;
}

a{
	text-decoration:none;
	color:#0E69B6;

}

.text{
	padding-bottom:20px;
}


body {
	background:#fff;
    border-top: 3px solid #243671;	
	font-size: 14px;
    font-family:
    	Verdana, Arial,
    	'ヒラギノ角ゴ Pro W3',
    	'Hiragino Kaku Gothic Pro',
    	Osaka,
    	'ＭＳ Ｐゴシック',
    	sans-serif;
    line-height: 160%;
}


h1, h2, h3, h4, h5, h6, strong {
    font-weight: bold;
}


*{ color:#272524;
		}
a:hover{
	color:#7E7E7E;
}

.orange{
	color:#f5b80a;
}


hr.hr01{
	margin: 100px 0px;
	border:0;
	border-bottom:medium double #999;	}

/*///////////////////////////////

レイアウト

///////////////////////////////*/

.container {
	margin: 0 auto;
	width: 940px;	
}


#wrapper{
	width:100%;
	}
	
/*///////////////////////////////

ヘッダー

///////////////////////////////*/	

#top_line{
	background:#000;}


.top_menu{
	margin: 0 auto;
	width: 940px;
	background:#444;
	height:25px;
	color:#fff;
	font-size:85%;	
}


.top_menu a{
	color:#CCC;
	text-decoration:none;
	float:right;
}

.top_menu a:hover{
	color:#F69;
	text-decoration:none;
}

.container.header01{
	height:109px;
	position:relative;
}

.container.header01 h1{
	font-size:85%;
}



.gengo_box1{
	background:#FF0000;
	color:#fff;
	width:80px;
	text-align:center;
	position:absolute;
	top:-3px;
	right:0px;
}

.gengo_box1 a{
	color:#fff;
}

.gengo_box1 a:hover{
	opacity:0.7;
}


.gengo_box2{
	width:80px;
	text-align:center;
	position:absolute;
	top:0px;
	right:0px;
	background:url(../images/ecalic029_006.png) 5px 6px;
	background-repeat: no-repeat;
	padding: 0 0 0 0px;
}

.gengo_box3{
	background:#0F8D0D;
	color:#fff;
	width:120px;
	text-align:center;
	position:absolute;
	top:55px;
	right:0px;
	border-radius:5px;
	padding:5px;
}



.gengo_box3_m{
	background:#c1272d;
	color:#fff;
	width:120px;
	text-align:center;
	position:absolute;
	top:55px;
	right:0px;
	border-radius:5px;
	padding:5px;
}


.gengo_box3 a,.gengo_box3_m a{
	color:#fff;
}

.gengo_box4{
	background:#fff;
	color:#fff;
	width:300px;
	height:40px;
	text-align:center;
	position:absolute;
	top:55px;
	right:150px;
	overflow:hidden;
}


.logo_box{
	width:300px;
	height:109px;
	position:absolute;
	top:0px;
	left:0px;
}



/*///////////////////////////////

会員ページ用タイトル

///////////////////////////////*/

.container_m_bg{
	
	background: #ddd;
	padding: 10px ;
	border-top: 2px solid #c1272d;
	border-bottom: 4px solid #c1272d; 
}

.m-title{
	
	font-size: 18px;
}


/*///////////////////////////////

トップタブ

///////////////////////////////*/

/*タブ部分*/
#demo3 .tab_area ul li{
    display:block;
    float:left;
    background:#dddddd;
    width: 150px;
    border-right:1px solid #ffffff;
    -webkit-box-sizing : border-box ;
    -moz-box-sizing : border-box ;
    box-sizing : border-box ;
    text-align:center;
    font-size:14px;
    padding: 5px;
    color:#313131;
}
 
#demo3 .tab_area ul li:hover {
    background:#999999;
    color:#ffffff;
    cursor:pointer;
}



 
/*コンテンツ部分の表示領域を固定してはみ出さないようにする*/
#demo3 .content_area {
    width: 600px;
    overflow:scroll;
    height: 588px;
    font-size: 14px;
    border: 1px solid #DDDDDD;
    position: relative;
}
 
#demo3 .content_area .content_block {
    height: 400px;
    padding: 10px;
    width: 600px;
    -webkit-box-sizing : border-box ;
    -moz-box-sizing : border-box ;
    box-sizing : border-box ;
}
 
.content_block_3 {
    background: #ffffff;
    padding: 10px;
}
 
#contents3_1 {
    background:#fff;
}
 
#contents3_2 {
    background:#fff;
}
 
#contents3_3 {
    background:#fff;
}

/*///////////////////////////////

トップタブ内装飾

///////////////////////////////*/


/* --- 新着情報エリア --- */
div.update {
width: 100%; /* 新着情報エリアの幅 */
font-size: 80%;
}

/* --- 見出し --- */
div.update h3 {
margin: 0 0 5px; /* 見出しのマージン（上、左右、下） */
font-size: 100%;
}

/* --- 新着リスト --- */
div.update dl {
width: 100%; /* 新着リストの幅 */
margin: 0;
border-top: 1px #c0c0c0 dotted; /* 新着リストの上境界線 */


}

/* --- 日付エリア --- */
div.update dt {
width: 6.7em; /* 日付エリアの幅 */
float: left;
/* padding: 7px 0 6px 3px;  日付エリアのパディング（上右下左） */
line-height: 120%;

/* 三角矢印 */
background:url(../images/arrow025_01.gif) 0 9px;
background-repeat: no-repeat;
padding: 7px 0 6px 17px;
/* 三角矢印終わり */
}

/* --- 本文エリア --- */
div.update dd {
margin: 0;
padding: 7px 3px 6px 8.3em; /* 本文エリアのパディング（上右下左） */
border-bottom: 1px #c0c0c0 dotted; /* 本文エリア下境界線 */
line-height: 120%;
}

/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}




/*///////////////////////////////

トップ装飾

///////////////////////////////*/

.arrow01{
	background:url(../images/ico_right.gif) 0 5px;
	background-repeat: no-repeat;
	padding: 0 0 0 17px;}
	
span.link{
	background:url(../images/link.gif) no-repeat right 5px;
	padding-right: 15px;
	}	

/*///////////////////////////////

リスト 会員専用

///////////////////////////////*/
 .list_left li
{
	
	border: 2px solid #ccc;
	
	margin-bottom: 5px;
	
}

.list_left li a{
display:block; 
padding: 10px;
}

/*///////////////////////////////

リスト装飾

///////////////////////////////*/
.list_01 li{
	list-style: none;
	background:url(../images/ecalic029_006.png) 0 5px;
	background-repeat: no-repeat;
	padding: 0 0 0 17px;}
	
.list_01 li a:hover{
	color:#666;
}

/*///////////////////////////////

リスト装飾 2

///////////////////////////////*/

.list2 ul, ol {
  background: #fcfcfc;/*背景色*/
  padding: 0.5em 0.5em 0.5em 2em;/*ボックス内の余白*/
  border: solid 3px gray;/*線の種類 太さ 色*/
}

.list2 ul li, ol li {
  line-height: 1.5; /*文の行高*/
  padding: 0.5em 0; /*前後の文との余白*/
}

/*///////////////////////////////

テキストサイズ

///////////////////////////////*/
.text_small{
	font-size:11px;
}

.text_lg{
	font-size:21px;
	color:#f5b80a;
}

/*///////////////////////////////

テーブル

///////////////////////////////*/
.table01{
	border:solid 3px #515151;
}


.table01 td{
	padding:10px;
	border-bottom:1px solid #444444;
}

.table01 th{
	padding:10px;
	font-weight:bold;
	text-align:center;
	border-bottom:1px solid #444444;
	
}



.table02{
	padding:10px;
	background-color:#FFF8DE;
}

.table02_small{
	padding:10px;
	background-color:#FFF8DE;
	font-size:11px;
}

.table03{
	padding:10px;
	text-align:center;
	background-color:#F7CD90;
}

.table04_small{
	padding:10px;
	font-size:11px;
}


/*///////////////////////////////

ナビ

///////////////////////////////*/

.container.navi{
	background:#00ffff;
	height:32px;
	padding-top:20px;
	clear:both;
}

.container.navi li{
display: inline;

}




/*///////////////////////////////

ナビ2

///////////////////////////////*/

.menu_bg{
border-top:2px solid #0F8D0D;
border-bottom:5px solid #0F8D0D;
	  color: #f8f8f8;
  background: #585858;
  background-image: -moz-linear-gradient(top, #EEEEEE 0%, #C3C3C3 50%, #AEAEAE 50%, #C3C3C3 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #EEEEEE), color-stop(0.50, #C3C3C3), color-stop(0.50, #AEAEAE), color-stop(1, #C3C3C3));

}


.menu_bg_m{
border-top:2px solid #c1272d;
border-bottom:5px solid #c1272d;
	  color: #f8f8f8;
  background: #585858;
  background-image: -moz-linear-gradient(top, #EEEEEE 0%, #C3C3C3 50%, #AEAEAE 50%, #C3C3C3 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #EEEEEE), color-stop(0.50, #C3C3C3), color-stop(0.50, #AEAEAE), color-stop(1, #C3C3C3));

}

.menu-, .menu-list {
  list-style: none;
  padding-left: 0;
  margin: 0;

}

.menu-list, .menu-one {
  -webkit-transition: 0.25s ease-in;
  -moz-transition: 0.25s ease-in;
  -ms-transition: 0.25s ease-in;
  -o-transition: 0.25s ease-in;
  transition: 0.25s ease-in;
}

.menu-name:hover + .menu-list, .menu-list:hover {
  opacity: 1;
  z-index: 1;
}

.menu- {
  color: #f8f8f8;
  background: #fff;
  background-image: -moz-linear-gradient(top, #F5F5F5 0%, #E1E1E1 50%, #D9D9D9 50%, #E1E1E1 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F5F5F5), color-stop(0.50, #E1E1E1), color-stop(0.50, #D9D9D9), color-stop(1, #E1E1E1));
  font-size:12px;
}
.menu-:after {
  content: "";
  clear: both;
  display: block;
}
.menu-case {
  float: left;
  width:20%;
  text-align:center;
}

.menu-name a:hover{
	  color: #fff;
}

.menu-case:hover .menu-name {
  color: #fff;
}
.menu-name {
  padding: 0.8em 0.8em;
  color:#2F2F2F;
  cursor:pointer;
  border-left:1px solid #EEEEEE;
  border-right:1px solid #AEAEAE;
}

.menu-name a{
  color:#2F2F2F;
  cursor:pointer;
}


.menu-list {
	opacity: 0;
	z-index: -1;
	position: absolute;
	border-top: 1px solid #0F8D0D;
	/* width: 10em;*/
	background: #0F8D0D;
	-webkit-box-shadow: 0 1px 4px -2px #666;
	-moz-box-shadow: 0 1px 4px -2px #666;
	box-shadow: 0 1px 4px -2px #666;
}
.menu-one {
  padding: 0.3em 0.5em;
  cursor: pointer;
  color:#fff;
}

.menu-one a{
  color:#fff;
  text-decoration:none;
}

.menu-one:hover {
  background: #ccc;
	color: #333;
	
}


.menu-one a:hover {

  color: #333;
	
}

/*///////////////////////////////

トップ画像メニューの調整

///////////////////////////////*/
.top_list_img{
	margin-bottom:5px;}

/*///////////////////////////////

カバーエリア

///////////////////////////////*/

#coverarea{
	background:#666;
	/*background:url(../images/bgline3.gif) ;*/
	overflow:hidden;
}
.cover
 	{
	margin: 0 auto;
	width: 940px;
	background:#ccc;
	height:400px;
	}

/*///////////////////////////////

バナーエリア1

///////////////////////////////*/	


.container.bana{
	background:#fff;
	height:98px;
	padding:20px 0;
	clear:both;
}





/*///////////////////////////////

コンテンツエリア

///////////////////////////////*/

.container01{
	background:#ECEFF2;
	overflow:hidden;
}

.keiji{
	background-color:#fff;
	overflow:hidden;
	padding:20px;
	width:900px;
	margin:0 auto;
	}

.box_keiji{
	width:100%;
	}	
	
.box_keiji li.left{
	box-shadow:2px 2px 2px #999;
	float:left;
	width:269px;
	height:225px;
    border:2px solid #ccc;
	padding:10px;
	margin:0px 10px 20px 0px;
	
	}	
.box_keiji li.center{
	box-shadow:2px 2px 2px #999;
	float:left;
	width:269px;
	height:225px;
    border:2px solid #ccc;
	padding:10px;
	margin:0px 10px 20px 0px;
	}	
.box_keiji li.right{
	box-shadow:2px 2px 2px #999;
	float:left;
	width:269px;
	height:225px;
    border:2px solid #ccc;
	padding:10px;
	margin:0px 0px 20px 0px;
	}	
	


/*///////////////////////////////

タイトルデザイン

///////////////////////////////*/
h2{
    font-size: 125%;
    border-left: 5px #F5B80A solid;
    padding: 10px;
    margin-bottom: 30px;
	background-color:#EAEAEA;
	
}


h3{
    font-size: 110%;
    border-bottom: 2px #39B4CE solid;
    margin-bottom: 20px;
	margin-top:20px;
	
	padding:3px 0px 3px 22px;
	background:URL(../images/title_ico01.png) no-repeat  0 8px;
}

.title_01{
	background-color:#EAEAEA;
	font-size: 110%;
	font-weight:bold;
	padding:2px 8px;
}

h5 {
	position: relative;
	text-align: center;
	font-size: 110%;
	margin:40px 0 20px 0;
}
h5 span {
	position: relative;
	z-index: 2;
	display: inline-block;
	margin: 0 4em;
	padding: 0 1em;
	background-color: #fff;
	text-align: left;
}
h5::before {
	position: absolute;
	top: 50%;
	z-index: 1;
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background: #ccc;
	background: -webkit-linear-gradient(-45deg, transparent, #ccc 10%, #ccc 90%, transparent);
	background: linear-gradient(-45deg, transparent, #ccc 10%, #ccc 90%, transparent);
}



/*///////////////////////////////

各ページ企業情報

///////////////////////////////*/

.address{
	border:1px solid #ccc;
	padding:20px;
	margin:20px 0px;
}


/*///////////////////////////////

検索エリアタイトル帯(イベント検索用)

///////////////////////////////*/

#event_title_area{
	background:#777;
	overflow:hidden;
}
.event_title
 	{
	margin: 0 auto;
	width: 940px;
	background:#666;
	height:80px;
	}

	
/*///////////////////////////////

検索エリア(イベント検索用)

///////////////////////////////*/

.kensaku2{
	background-color:#Fdd;
	height:50px;
	
	}	

/*///////////////////////////////

左コンテンツ

///////////////////////////////*/

.left-contents
	{
		padding:5px;
		float:left;
		width:260px;
	}


	
	
/*///////////////////////////////

右コンテンツ 

///////////////////////////////*/

.right-contents 
	{
		padding:5px;
		float:right;
		width:600px;
	}

/*///////////////////////////////

物産コンテンツ　左

///////////////////////////////*/

.left-contents_b
	{
		padding:5px;
		float:left;
		width:200px;
	}




/*///////////////////////////////

コンテンツ内 アイコン

///////////////////////////////*/

.left-icon
	{
		margin-right:10px;
		float:left;
		width:20%;
		border: 2px solid #dddddd;
		
	}

.right-icon
	{
		
		float:right;
		width:75%;
	}

	
	
/*///////////////////////////////

物産コンテンツ　右 

///////////////////////////////*/

.right-contents_b
	{
		padding:5px;
		float:right;
		width:660px;
	}
	

	

/*///////////////////////////////

右コンテンツ2 新着情報

///////////////////////////////*/

.right-contents2
	{
		padding:5px;
		float:right;
		width:390px;
		background-color:#CCC;
	}
	
	
dl.box {
    border: 1px solid #bbbbbb;
    border-radius: 3px;
    height: 170px;
    margin-top: 5px;
    overflow: auto;
    padding: 10px 5px;
	background-color:#fff;
}

/*///////////////////////////////

イベント出力エリア

///////////////////////////////*/

.event{
	background-color:#bbb;
	padding:20px 0px 20px 15px;
	overflow:hidden;	
	}

.box_event{
	width:100%;
	
	}
	
.flort_left{
	
	display: block;
    float: left;
	padding-right:10px;
	
	}	
	

	
.box_event li a{
	box-shadow:2px 2px 2px #999;
	float:left;
	width:430px;
	height:100px;
    border:1px solid #ccc;
	padding:10px;
	margin:0px 10px 20px 0px;
	}
	
	
.event_text01{
	height:80px;
	overflow:auto;
	}	
	

	

/*///////////////////////////////

フッター

///////////////////////////////*/

#footercover{
	border-top:1px solid #ccc;
	background:#999;
	background-image:url(../images/bgline.png) ;
	overflow:hidden;
}

.footer{
	margin: 0 auto;
	width: 940px;
	height:220px;
	
}

/*///////////////////////////////

topへもどる

///////////////////////////////*/
.to_top {
    background-image: url("../images/to_top.gif");
    background-position: 188px 3px;
    background-repeat: no-repeat;
    float: right;
    margin-bottom: 20px;
    margin-top: 40px;
    padding-right: 20px;
    text-align: right;
    width: 180px;}

/*///////////////////////////////

リンク BOX

///////////////////////////////*/

.link_box1{
	width: 280px;
	float:left;
	padding:10px;
}


.link_box1 ul li{
	padding:5px;
	display: block;
}

.link_box1 ul li a:hover{
	background-color:#FFEDEE;
}
.link_box1 ul li a{
	display: block;
	}


.link_box1 ul li i{
	color:#FF0000;
}


.link_box2{
	padding:10px;
}

.link_box2 ul li a:hover{
	background-color:#FFEDEE;
}


.link_box2 ul li{
	padding:5px;
	display: block;
}

.link_box2 ul li a{
	display: block;
	}


.link_box2 ul li i{
	color:#FF0000;
}


/*///////////////////////////////

フッター BOX1

///////////////////////////////*/

.footer_box1{
	
	width: 450px;
	float:left;
	padding:10px;
	
}



/*///////////////////////////////

フッター BOX2

///////////////////////////////*/

.footer_box2{
	width: 450px;
	float:left;
	padding:10px;
}


/*///////////////////////////////

コピーライト

///////////////////////////////*/

#copycover{
	background:#0F8D0D;
	overflow:hidden;
}
.copy
 	{
	margin: 0 auto;
	padding-top:15px;
	width: 940px;
	height:30px;
	text-align:center;
	color:#fff;
	font-size:85%;
	}


/*///////////////////////////////

リンクボタン

///////////////////////////////*/

a.cp_btn {
	margin-top:10px; 
	display: block;
	width: 160px;
	padding: 0.8em;
	text-align: center;
	text-decoration: none;
	color: #0F8D0D;
	border: 2px solid #0F8D0D;
	border-radius: 3px;
	transition: .4s;
}
a.cp_btn:hover {
	background: #0F8D0D;
	color: #fff;
}