/* ------------ メインメニュー ------------  */

#m-menu {
	width: 940px;
	height: 68px;
	margin: 0;
}
#m-menu ul {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
#m-menu li {
	display:inline;
	list-style-type:none;
	float:left;
}
#m-menu li a {
	display:block;
	text-indent:-9999px;
}

/*-off*/

li.menu01 a {
	background:url(../images/menu01.jpg) no-repeat;
	width:188px; height:68px;
}
li.menu02 a {
	background:url(../images/menu02.jpg) no-repeat;
	width:188px; height:68px;
}
li.menu03 a {
	background:url(../images/menu03.jpg) no-repeat;
	width:188px; height:68px;
}
li.menu04 a {
	background:url(../images/menu04.jpg) no-repeat;
	width:188px; height:68px;
}
li.menu05 a {
	background:url(../images/menu05.jpg) no-repeat;
	width:188px; height:68px;
}


/*-on-hover for preload-img*/

li.menu01 a:hover {
	background:url(../images/menu01.jpg) no-repeat;
	width:188px; height:68px;
	background-position:bottom;
}
li.menu02 a:hover {
	background:url(../images/menu02.jpg) no-repeat;
	background-position:bottom;
	width:188px; height:68px;
}
li.menu03 a:hover {
	background:url(../images/menu03.jpg) no-repeat;
	background-position:bottom;
	width:188px; height:68px;
}
li.menu04 a:hover {
	background:url(../images/menu04.jpg) no-repeat;
	background-position:bottom;
	width:188px; height:68px;
}
li.menu05 a:hover {
	background:url(../images/menu05.jpg) no-repeat;
	background-position:bottom;
	width:188px; height:68px;
}



/* ------------ メインメニュー ------------  */

#header-function {
	width:620px;
	height:103px;
	float:right;
}

#header-function ul {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
#header-function li {
	display:inline;
	list-style-type:none;
	float:left;
}
#header-function li a {
	display:block;
	text-indent:-9999px;
}

/*-off*/
li.btn-contact a {
	background:url(../images/btn-contact.jpg) no-repeat;
	width:360px; height:63px;
	margin:0 0 0 260px;
}

li.btn-mailmag a {
	background:url(../images/btn-mailmag.jpg) no-repeat;
	width:620px; height:40px;
}

/*-on-hover for preload-img*/

li.btn-contact a:hover {
	background:url(../images/btn-contact.jpg) no-repeat;
	background-position:bottom;
	width:360px; height:63px;
}
li.btn-mailmag a:hover {
	background:url(../images/btn-mailmag.jpg) no-repeat;
	background-position:bottom;
	width:620px; height:40px;
}



/* ------------ バナー関連 ------------  */


/* side-contact */
.banner-contact a {
	display:block;
	text-indent:-9999px;
	background:url(../images/banner-contact.jpg) no-repeat;
	width:235px; height:132px;
	margin:0 0 20px 0;
	
}

/* on-hover */

.banner-contact a:hover {
	background:url(../images/banner-contact.jpg) no-repeat;
	background-position:bottom;
}





/* banner-hmc */
.banner-hmc a {
	display:block;
	text-indent:-9999px;
	background:url(../images/banner-hmc.jpg) no-repeat;
	width:233px; height:112px;
	margin:0 0 20px 0;
}



/* banner-seminarroom */
.banner-seminarroom a {
	display:block;
	text-indent:-9999px;
	background:url(../images/banner-seminarroom.jpg) no-repeat;
	width:235px; height:112px;
	margin:0 0 20px 0;
}



/* banner-useful */
.banner-useful {
	display:block;
	border-top:1px solid #f0dab6;
	color:#b49768;
	font-size: 80%;
	text-align:center;
	width:235px;
	padding-top:20px;
	margin:40px 0 40px 0;
}


/* ------------ 会社案内ショートカット ------------  */


.company-pdmenu {
	margin: 0 0 0 0;
	padding:  0 0 0 0;
}
.company-pdmenu ul {
	position: relative;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
}
.company-pdmenu li {
	position: relative;
	float: left;
	list-style:none;
	margin: 0;
	padding: 0;
}

.company-pdmenu ul li table {
	border-collapse: collapse;
	border: none;
	font-size: 90%;
	padding: 0;
	position: absolute;
	top: 0;
	left: 0;
}
				
.company-pdmenu ul li ul {
	visibility: hidden;
	overflow: hidden;
	position: absolute;
	top: 121px;
	left: 0;
	height: 0;
	z-index: 100;
	margin: 0;
	padding: 0;
}
		
.company-pdmenu ul li a {
	display: block;
}
			
.company-pdmenu ul li a:hover {
	position: relative;
	z-index: 100;
}
			
.company-pdmenu ul li:hover ul ,
.company-pdmenu ul li a:hover ul {
	visibility: visible;
	overflow: visible;
	height: auto;
	z-index: 10;
}


/*-off*/
li.campany-menu01 a {
	background:url(../images/btn-company01.jpg) no-repeat;
	width:202px; height:121px; text-indent:-9999px;
}
li.campany-menu02 a {
	background:url(../images/btn-company02.jpg) no-repeat;
	width:202px; height:121px; text-indent:-9999px;
}
li.campany-menu03 a {
	background:url(../images/btn-company03.jpg) no-repeat;
	width:201px; height:121px; text-indent:-9999px;
}

/*-on-hover*/
li.campany-menu01 a:hover {
	background:url(../images/btn-company01.jpg) no-repeat;
	width:202px; height:121px;
	background-position:bottom;
}
li.campany-menu02 a:hover {
	background:url(../images/btn-company02.jpg) no-repeat;
	background-position:bottom;
	width:202px; height:121px;
}
li.campany-menu03 a:hover {
	background:url(../images/btn-company03.jpg) no-repeat;
	background-position:bottom;
	width:201px; height:121px;
}



.sub li{
	padding: 0 0 0 5px;
}


li.campany-menusub a {
	text-decoration:none;
	font-size:12px;
	line-height:12px;
	overflow:hidden;
	padding: 5px 5px 5px 5px;
	width:180px; height:22px; !important;
	text-indent:0px; !important;
	background-image:none; !important;
	background-color:#FFFF99; !important;
	border:1px solid #ccc;
	margin: 0 0 -1px 0;
}
li.campany-menusub a:hover {
	width:180px; height:22px; !important;
	background-image:none; !important;
	background-color:#FF99FF; !important;
	margin: 0 0 -1px 0;
}




/* ------------ ブログセレクトメニュー ------------  */

#btn-blogsel {
	width: 235px;
	height: 400px;
	margin: 0 0 10px 0;
}
#btn-blogsel ul {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
#btn-blogsel li {
	display:inline;
	list-style-type:none;
}
#btn-blogsel li a {
	display:block;
	text-indent:-9999px;
}

/*-off*/

li.btn-blogsel-mizuochi a {
	background:url(../images/btn-blog-mizuochi.jpg) no-repeat;
	width:235px; height:50px;
}
li.btn-blogsel-suzumori a {
	background:url(../images/btn-blog-suzumori.jpg) no-repeat;
	width:235px; height:50px;
}
li.btn-blogsel-nara a {
	background:url(../images/btn-blog-nara.jpg) no-repeat;
	width:235px; height:50px;
}
li.btn-blogsel-kuroki a {
	background:url(../images/btn-blog-kuroki.jpg) no-repeat;
	width:235px; height:50px;
}
li.btn-blogsel-sakano a {
	background:url(../images/btn-blog-sakano.jpg) no-repeat;
	width:235px; height:50px;
}
li.btn-blogsel-tsuchiya a {
	background:url(../images/btn-blog-tsuchiya.jpg) no-repeat;
	width:235px; height:50px;
}
li.btn-blogsel-katsube a {
	background:url(../images/btn-blog-katsube.jpg) no-repeat;
	width:235px; height:50px;
}
li.btn-blogsel-uchida a {
	background:url(../images/btn-blog-uchida.jpg) no-repeat;
	width:235px; height:50px;
}


/*-on-hover for preload-img*/


li.btn-blogsel-mizuochi a:hover {
	background:url(../images/btn-blog-mizuochi.jpg) no-repeat;
	width:235px; height:50px;
	background-position:bottom;
}
li.btn-blogsel-suzumori a:hover {
	background:url(../images/btn-blog-suzumori.jpg) no-repeat;
	width:235px; height:50px;
	background-position:bottom;
}
li.btn-blogsel-nara a:hover {
	background:url(../images/btn-blog-nara.jpg) no-repeat;
	width:235px; height:50px;
	background-position:bottom;
}
li.btn-blogsel-kuroki a:hover {
	background:url(../images/btn-blog-kuroki.jpg) no-repeat;
	width:235px; height:50px;
	background-position:bottom;
}
li.btn-blogsel-sakano a:hover {
	background:url(../images/btn-blog-sakano.jpg) no-repeat;
	width:235px; height:50px;
	background-position:bottom;
}
li.btn-blogsel-tsuchiya a:hover {
	background:url(../images/btn-blog-tsuchiya.jpg) no-repeat;
	width:235px; height:50px;
	background-position:bottom;
}
li.btn-blogsel-katsube a:hover {
	background:url(../images/btn-blog-katsube.jpg) no-repeat;
	width:235px; height:50px;
	background-position:bottom;
}
li.btn-blogsel-uchida a:hover {
	background:url(../images/btn-blog-uchida.jpg) no-repeat;
	width:235px; height:50px;
	background-position:bottom;
}