/********************************************
		body、ページ全体
********************************************/
#menuGbl{
	margin-left:auto;
	margin-right:auto;
  max-width: 1200px;
  width: 95%;
  margin: 0 auto;
	/*background:url("../images/common_navback.gif");*/
	text-align:left;
}

.menu {
	display: block;
	position: relative;
	cursor: pointer;
	font-size:10px;
	
  }

  ul.hList li{
	list-style:none;
  }

  ul.hList li a:hover{
	text-decoration:none;
  }
  
  .menu-title {
	display: block;
	width: 150px;
	height: 40px;
	padding: 12px 0 0;
	background: #9dc852;
	text-align: center;
	color: #ffffff;
	font-weight: bold;
	transition: 0.3s background-color;
	margin:0;
  }
  
  .menu-title:before {
	content: "";
	display: block;
	height: 0;
	border-top: 5px solid #9dc852;
	border-left: 75px solid transparent;
	border-right: 75px solid transparent;
	border-bottom: 0 solid #dddddd;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 101;
	transition:
	  0.2s 0.2s border-top ease-out,
	  0.3s border-top-color;
  }
  
  .menu-title:hover { background: #8db842; }
  .menu-title:hover:before { border-top-color: #8db842; }
  
  .menu:hover > .menu-title:before {
	border-top-width: 0;
	transition:
	  0.2s border-top-width ease-in,
	  0.3s border-top-color;
  }
  
  .menu-title:after {
	content: "";
	display: block;
	height: 0;
	border-left: 75px solid transparent;
	border-right: 75px solid transparent;
	border-bottom: 0 solid #ebebeb;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 101;
	transition: 0.2s border-bottom ease-in;
  }
  
  .menu:hover > .menu-title:after {
	border-bottom-width: 5px;
	transition: 0.2s 0.2s border-bottom-width ease-out;
  }
  
  .menu-title_2nd { background: #4e96b3; }
  .menu-title_2nd:hover { background: #3e86a3; }
  .menu-title_2nd:before { border-top-color: #4e96b3; }
  .menu-title_2nd:hover:before { border-top-color: #3e86a3; }
  
  .menu-title_3rd { background: #c97676; }
  .menu-title_3rd:hover { background: #b96666; }
  .menu-title_3rd:before { border-top-color: #c97676; }
  .menu-title_3rd:hover:before { border-top-color: #b96666; }
  
  .menu-title_4th { background: #dbab58; }
  .menu-title_4th:hover { background: #cb9b48; }
  .menu-title_4th:before { border-top-color: #dbab58; }
  .menu-title_4th:hover:before { border-top-color: #cb9b48; }
  
  .menu-dropdown {
	min-width: 100%;
	padding: 15px 0;
	position: absolute;
	background: #ebebeb;
	z-index: 100;
	transition:
	padding 0.5s,
	background 0.5s;
  }
  
  .menu-dropdown:after {
	content: "";
	display: block;
	height: 0;
	border-top: 5px solid #ebebeb;
	border-left: 75px solid transparent;
	border-right: 75px solid transparent;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 101;
	transition: 0.5s border-top;
  }
  
  .menu:not(:hover) > .menu-dropdown {
	padding: 4px 0;
	background: #dddddd;
	z-index: 99;
  }
  
  .menu:not(:hover) > .menu-dropdown:after {
	border-top-color: #dddddd;
  }
  
  .menu:not(:hover) > .menu-title:after {
	border-bottom-color: #dddddd;
  }
  
  .menu-dropdown > * {
	overflow: hidden;
	height: 30px;
	padding: 5px 10px;
	background: rgba(0,0,0,0);
	white-space: nowrap;
	transition: 
	  0.5s height cubic-bezier(.73,.32,.34,1.5),
	  0.5s padding cubic-bezier(.73,.32,.34,1.5),
	  0.5s margin cubic-bezier(.73,.32,.34,1.5),
	  0.5s 0.2s color,
	  0.2s background-color;
  }
  
  .menu-dropdown > *:hover {
	background: rgba(0,0,0,0.1);
  }
  
  .menu:not(:hover) > .menu-dropdown > * {
	visibility: hidden;
	height: 0;
	padding-top: 0;
	padding-bottom: 0;
	margin: 0;
	color: rgba(25,25,25,0);
	transition: 
	  0.5s 0.1s height,
	  0.5s 0.1s padding,
	  0.5s 0.1s margin,
	  0.3s color,
	  0.6s visibility;
	z-index: 99;
  }

  ul.menu-dropdown li{
	  font-size:1.3em;
  }
  
/* overflowを一時的にOFF */
.hList { overflow: visible; }
  
  .hList > * {
	float: left;
  }
  
  .hList > * + * {
	margin-left: 0;
  }

  .hList:after{
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
  }

*{
	margin-left:auto;
	margin-right:auto;
	padding: 0px 0px 0px 0px;
	text-align: left;
	/*box-sizing: border-box;*/

}

body{
	margin-left:auto;
	margin-right:auto;
	padding: 0px 0px 0px 0px;

	background-color: #ffffff;
	text-align: center;
	font-family: YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 游ゴシック体, 'Yu Gothic', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size: 14px;
	color: #646464;
}
input{
	font-size:15px;
	padding:2px 0 2px 1px;
}
select{
	font-size:15px;
	padding:2px 0 2px 1px;
}

img {
	border-style: none;
	vertical-align: middle;
}

div {
	text-align: center;
}

a {
	text-decoration: none;
}

a:link{
	color: #646464;
}

a:visited{
	color: #646464;
}

a:hover{
	color: #6a1917;
	text-decoration: underline;
}

.a_underline{
	text-decoration: underline;
}

textarea{
	font-size: 15px;
	text-align: left;
}

.dot_line{
	margin: 20px 0px 10px 30px;
	padding: 0px 0px 0px 0px;
}

.dotlistline{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 660px;
	border-bottom: dotted 1px #CCCCCC;
	line-height: 1.2em;
}

p.text  {font-size: 12px;}

/********************************************
		ヘッダー
********************************************/

#header{
	margin-left: auto;
	margin-right: auto;
	padding:0px 0px 0px 0px;
  max-width: 1200px;
  width: 95%;
  margin: 0 auto;
	text-align:left;
}

#header_ttl{
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 10px;
	width: 400px;
	height: 50px;
	text-align:left;
	float: left;
}

#header_right{
	margin: 10px 0px 0px 10px;
	padding:0px 0px 0px 0px;
	width: 580px;
	height: 50px;
	font-size: 12px;
	text-align: right;
	display: inline;
	float: left;
}

#header_right ul{
	margin: 5px 0px 0px 0px;
	_margin: 0;
	padding: 5px 0px 5px 0px;
	_padding: 0;
	width: 350px;
	_width: 300px;
	display: inline;
}

#header_right li{
	margin: 5px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	height: 20px;
	list-style-type: none;
	vertical-align: bottom;
	display: inline;
	float: right;
}

#header_right img{
	vertical-align: bottom;
}

#google_search{
	margin: -20px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width: 250px;
	_width: 200px;
	height: 25px;
	float: left;
}

#header_right:after{
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}

#header:after{
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}

/********************************************
		メニュー
********************************************/

#menu{
	margin-left:auto;
	margin-right:auto;
	padding: 0px 0px 0px 0px;
  max-width: 1200px;
  width: 95%;
  margin: 0 auto;
	height:54px;
	/*background:url("../images/common_navback.gif");*/
	background-repeat: no-repeat;
	background-position: bottom left;
	text-align:left;
}

#menu_contents ul li{
	margin: auto;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
	text-align:left;
	float: left;
}

#menu_contents ul.submenu_01{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
}

#menu_contents ul.submenu_01 li{
	margin: 5px 17px 0px 0px;
	padding: 0px 20px 0px 10px;
	line-height: 13px;
	list-style-type: none;
	font-size: 12px;
	background: url("../images/list_mark1.jpg");
	background-repeat: no-repeat;
	background-position: center left;
	float: left;
}

#menu_contents ul.submenu_02{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
}

#menu_contents ul.submenu_02 li{
	margin: 5px 17px 0px 0px;
	padding: 0px 20px 0px 10px;
	line-height: 13px;
	list-style-type: none;
	font-size: 12px;
	background: url("../images/list_mark1.jpg");
	background-repeat: no-repeat;
	background-position: center left;
	float: left;
}

#menu_contents ul.submenu_03{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
}

#menu_contents ul.submenu_03 li{
	margin: 5px 17px 0px 0px;
	padding: 0px 20px 0px 10px;
	line-height: 13px;
	list-style-type: none;
	font-size: 12px;
	background: url("../images/list_mark2.jpg");
	background-repeat: no-repeat;
	background-position: center left;
	float: left;
}

#menu_contents ul.submenu_04{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
}

#menu_contents ul.submenu_04 li{
	margin: 5px 17px 0px 0px;
	padding: 0px 20px 0px 10px;
	line-height: 13px;
	list-style-type: none;
	font-size: 12px;
	background: url("../images/list_mark3.jpg");
	background-repeat: no-repeat;
	background-position: center left;
	float: left;
}

#menu_contents ul.submenu_05{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
}

#menu_contents ul.submenu_05 li{
	margin: 5px 17px 0px 0px;
	padding: 0px 20px 0px 10px;
	line-height: 13px;
	list-style-type: none;
	font-size: 12px;
	background: url("../images/list_mark4.jpg");
	background-repeat: no-repeat;
	background-position: center left;
	float: left;
}

#menu_contents ul.submenu_06{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
}

#menu_contents ul.submenu_06 li{
	margin: 5px 17px 0px 0px;
	padding: 0px 20px 0px 10px;
	line-height: 13px;
	list-style-type: none;
	font-size: 12px;
	background: url("../images/list_mark5.jpg");
	background-repeat: no-repeat;
	background-position: center left;
	float: left;
}

#menu:after{
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}

#menu_contents table{
	display:block;
	
}

/********************************************
		パンくず
********************************************/

#topic_path{
	text-align:left;
	margin: 5px auto 5px auto;
  max-width: 1200px;
  width: 95%;
  margin: 0 auto;
	height: 15px;
}

#topic_path:after{
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}

/********************************************
	メニュー以下のコンテンツエリア
********************************************/

#contents_body{
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	padding: 0px 0px 0px 0px;
  max-width: 1200px;
  width: 95%;
  margin: 0 auto;
}

#contents_left{
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	width: 690px;
	display: block;
	float: left;
}

/********************************************
	FLASH 		690*250
********************************************/

#top_flash{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 690px;
	height:250px;
}

/********************************************
	見出しバナー	690*150
********************************************/

#top_banner150{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 690px;
	height:150px;
}

/********************************************
	見出しバナー	1000*150
********************************************/

#top_banner1000{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 1000px;
	height:150px;
}

/********************************************
	見出しバナー	690*250
********************************************/

#top_banner250{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 690px;
	height:250px;
}

/********************************************
	新着情報 		690*50
********************************************/

.newsArea{
	border: solid silver 1px;

	margin: 0px 0px 0px 0px;
	padding: 5px 5px 5px 5px;
	width: 510px;
	_width: 500px;
	height:100%;
	_height:100%;
	background-color: #F7F7EF;
}

.newsArea div{
	margin: 5px 0px 0px 5px;
	padding: 0px 0px 5px 0px;
	_padding: 5px 0px 5px 0px;
	width: 290px;
	font-weight: bold;
	text-align: left;
}

.newsArea ul{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.newsArea ul li{
	margin: 0px 0px 0px 25px;
	padding: 0px 0px 0px 0px;
	line-height: 125%;
	letter-spacing: 0.2em;
}

/********************************************
	コンテンツメニュー　共通
********************************************/

#top_left{
	margin: 5px 0px 0px 0px;
	width: 160px;
	float: left;
}

#top_left ul{
	margin: 0px;
	width: 160px;
	list-style-type: none;
	list-style-image: none;
	text-align: left;
}

#top_left ul:after{
	content: ".";
 	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}

#top_left li{
	padding: 5px 0px 0px 0px;
	list-style-type: none;
	list-style-image: none;
}

.leftmenu{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 162px;
}

.leftmenu ul{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
	list-style-image: none;
}

/********************************************
	コンテンツメニュー　TOPページ
********************************************/

div.img-move a:hover {
	 position: relative;
	 top: -1px;
	 left: -1px;
}
div.img-move a:active {
	 position: relative;
	 top: 5px;
	 left: 5px;
}

#list_seminar{
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 2px;
	width: 160px;
	height: 20px;
	background-image: url("../images/lf-menu_seminar.jpg");
	font-weight: bold;
}

#list_expert{
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 2px;
	width: 160px;
	height: 20px;
	background-image: url("../images/lf-menu_expert.jpg");
	font-weight: bold;
}

#list_room{
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 2px;
	width: 160px;
	height: 20px;
	background-image: url("../images/lf-menu_room.jpg");
	font-weight: bold;
}

#list_information{
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 2px;
	width: 160px;
	height: 20px;
	background-image: url("../images/lf-menu_know-how.jpg");
	font-weight: bold;
}

#list_recruit{
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 2px;
	width: 160px;
	height: 20px;
	background-image: url("../images/lf-menu_recruit.jpg");
	font-weight: bold;
}

#sub_list_seminar{
	border: solid #d3d3d3 1px;
	width: 160px;
	list-style-type: none;
}

#sub_list_seminar li{
	margin: 5px 0px 5px 10px;
	padding: 5px 0px 5px 15px;
	list-style-type: none;
	background-image: url("../images/list_mark1.jpg");
	background-repeat: no-repeat;
	background-position: left center;
	display: block;
}

#sub_list_expert{
	border: solid #d3d3d3 1px;
	width: 160px;
	list-style-type: none;
}

#sub_list_expert li{
	margin: 5px 0px 5px 10px;
	padding: 5px 0px 5px 15px;
	list-style-type: none;
	background-image: url("../images/list_mark2.jpg");
	background-repeat: no-repeat;
	background-position: left center;
	display: block;
}

#sub_list_room{
	border: solid #d3d3d3 1px;
	width: 160px;
	list-style-type: none;
}

#sub_list_room li{
	margin: 5px 0px 5px 10px;
	padding: 5px 0px 5px 15px;
	list-style-type: none;
	background-image: url("../images/list_mark3.jpg");
	background-repeat: no-repeat;
	background-position: left center;
	display: block;
}

#sub_list_information{
	border: solid #d3d3d3 1px;
	width: 160px;
	list-style-type: none;
}

#sub_list_information li{
	margin: 5px 0px 5px 10px;
	padding: 5px 0px 5px 15px;
	list-style-type: none;
	background-image: url("../images/list_mark5.jpg");
	background-repeat: no-repeat;
	background-position: left center;
	display: block;
}

#sub_list_recruit{
	border: solid #d3d3d3 1px;
	width: 160px;
	list-style-type: none;
}

#sub_list_recruit li{
	margin: 5px 0px 5px 10px;
	padding: 5px 0px 5px 15px;
	list-style-type: none;
	background-image: url("../images/list_mark4.jpg");
	background-repeat: no-repeat;
	background-position: left center;
	display: block;
}

/********************************************
	左メニュー横、ページセンター部分
********************************************/

#top_right{
	margin: 5px 0px 0px 10px;
	padding: 5px 0px 0px 0px;
	width: 520px;
	float: left;
	display: inline;
}

/********************************************
	mainContents
********************************************/

.mainContents{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
}

/********************************************
	mainContentsInner
********************************************/

.mainContentsInner{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
}

/********************************************
	mainContentsInnerのFloatをクリア
********************************************/

.mainContentsInner:after{
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}

/********************************************
	contents_leftのFloatをクリア
********************************************/

#contents_left:after{
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}

/********************************************
		注釈
********************************************/

.notes_mark{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-weight: bold;
	text-align: left;
	color: red;
}

.notes{
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 10px;
	text-align: left;
	color: red;
}

/********************************************
	文字列を右寄せ
********************************************/

.txtRight{
	margin: 10px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	text-align: right;
}

/********************************************
	文字列を太字
********************************************/

.txtBold{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	font-weight: bold;
}

/********************************************
	リストを右寄せ
********************************************/

.listB01 ul{
	text-align: right;

}

.listB01 li{
	margin: 10px 0px 10px 0px;
	padding: 0px 0px 0px 15px;
	list-style-type: none;
	text-align: right;
}

/********************************************
		ページの先頭へ
********************************************/

.gototop{
	margin: auto;
	padding: 0px 0px 0px 0px;
	text-align: right;
}

/********************************************
		上下に余白をとる
********************************************/

.spacer{
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
}

/********************************************
		上に5px余白をとる
********************************************/

.spacer_top{
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
}

/********************************************
		新着アイコンをつける
********************************************/

#contents_left span{
	margin: 0px 0px 0px 5px;
	padding: 0px 0px 0px 30px;
	background-image: url("../images/new_icon.gif");
	background-repeat: no-repeat;
	background-position: left top;
	_width:0%; /* IE6 */
}

/********************************************
	右メニュー　バナー広告部分
********************************************/

#contents_right{
	margin: 0px 0px 5px 10px;
	padding: 0px 0px 0px 0px;
	width: 300px;
	display: block;
	float: left;
}

#right_menu ul{
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	width: 300px;
	float: left;
	display: inline;
}

#right_menu li{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 5px 0px;

	list-style-type: none;
	width: 300px;
	float: left;
	display: inline;
}

#contents_right:after{
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}

#contents_body:after{
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}

/********************************************
		フッター
********************************************/

.footer{
	clear: both;
	padding: 20px 0px 20px 0px;
	background: url("../images/common_navback.gif") repeat;
	font-size: xx-small;
	font-weight: normal;
	font-style: normal;
	color: #564940;
	text-align: center;
}

.footer{
	margin: auto;
	font-size: x-small;
	text-align: center;
}

.footer a{
	text-decoration: none;
}

.copyright{
	margin: 20px auto 0px auto;
	padding: 0px 0px 0px 0px;
  max-width: 1200px;
  width: 95%;
  margin: 0 auto;
	color: #564940;
	text-align: center;
	vertical-align: middle;
}

/********************************************
		白抜き文字
********************************************/

font.shironuki{
  color: white;
 	background-color: #660033;
}