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

* {
	margin:0px;
	padding:0px;
}

body{
	text-align:center;
}

#contentsBox{
	width:854px;
	margin:auto;
	text-align:left;
	}

/*======================================
　HEADER
=======================================*/

.seotext{
	font:normal 12px sans-serif;
	color:#333333;
}

#topimg{
	background:url(../img/top.png) no-repeat 0 0;
	height:268px;
}	

#topimg p a {
	outline: none;
	display: block;
	width: 854px;
	height:254px;
	text-indent: -9999px;
	}
#topimg2{
	width:840px;
}
#toplogo{
	float:left;
	border: 0px;
}	
	
#phone{
	float:right;
}

#header-submenu{
	float:right;
	padding-top:6px;
}	

#header-submenu  li{
	list-style-type:none;
	float:left;
}

#header-submenu  a{
	display:block;
	width:100px;
	height:0;
	padding-top:22px;
	overflow:hidden;
}

#header-submenu	#subLink1{
	width:105px;
	background:url(../img/sub_top.png);
}

#header-submenu	#subLink2{
	width:84px;
	background:url(../img/sub_kaisya.png);
}

#header-submenu	#subLink3{
	background:url(../img/sub_kiyaku.png);
}
#header-submenu	#subLink4{
	background:url(../img/sub_ask.png);
}

/*======================================
　GLOBAL NAVI
=======================================*/

#globalNavi{
	clear:both;
	height:40px;
	padding-bottom:15px;	
}

#globalNavi li{
	list-style-type:none;
	float:left;
}

#globalNavi a{
	display:block;
	padding-top:40px;
	overflow:hidden;
	height:0px;
	width:140px;
}


#globalNavi #link1 a{
	background: url(../img/globalNavi.png) no-repeat 0 0;
}

#globalNavi #link2 a{
	background: url(../img/globalNavi.png) no-repeat -140px 0;
}

#globalNavi #link3 a{
	background: url(../img/globalNavi.png) no-repeat -280px 0;
}

#globalNavi #link4 a{
	background: url(../img/globalNavi.png) no-repeat -420px 0;
}

#globalNavi #link5 a{
	background: url(../img/globalNavi.png) no-repeat -560px 0;
}

#globalNavi #link6 a{
	background: url(../img/globalNavi.png) no-repeat -700px 0;
}


#globalNavi #link1 a:hover{
	background: url(../img/globalNavi.png) no-repeat 0 -40px;
}

#globalNavi #link2 a:hover{
	background: url(../img/globalNavi.png) no-repeat -140px -40px;
}

#globalNavi #link3 a:hover{
	background: url(../img/globalNavi.png) no-repeat -280px -40px;
}

#globalNavi #link4 a:hover{
	background: url(../img/globalNavi.png) no-repeat -420px -40px;
}

#globalNavi #link5 a:hover{
	background: url(../img/globalNavi.png) no-repeat -560px -40px;
}

#globalNavi #link6 a:hover{
	background: url(../img/globalNavi.png) no-repeat -700px -40px;
}


/*======================================
　MESSAGE
=======================================*/

#message{
	clear:both;
}

#message-left{
	width:294px;
	float:left;
}


#message-title{
	font:bold 14px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	margin-bottom:15px;
}

.mesasge-text{
	font:normal 12px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color:#333333;
	margin-bottom:10px;
}
	
#message-right{
	width:640px;
	height:203px;
	background: url(http://hermani.jp/img/hehaikeiimage.png) no-repeat 0 0;
	float:left;
	position:relative;
}

#message-right a{
	display:block;
	width:230px;
	height:0;
	padding-top:42px;
	overflow:hidden;
	background: url(../img/banner-button.png) no-repeat 0 0;
	position:absolute;
	right:10px;
	bottom:10px;
}	

#message-right a:hover{
	background: url(../img/banner-button.png) no-repeat 0 -42px;
}

/*======================================
　 CONTENTS
=======================================*/
#contents{
	clear:both;
	font:normal 12px "ＭＳ Ｐゴシック",Osaka,"ヒラギノ角ゴ Pro W3";
	color:#333333;
}


#contents a{
	color:#333333;
}	
	

#contents a:hover{
	color:#cc0000;
}

#contents .blue{
	color:#0000ff;
}	


td {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
}

td input{
    vertical-align:middle;
}
/*======================================
　 FOOTER
=======================================*/
#footer{
	width:854px;
	text-align:center;
	}

#footer  #toiawase img{
	border:none;
	margin-left:10px;
}

/*======================================
　GLOBAL NAVI
=======================================*/

#underNavi{
	clear:both;
    text-align:left;
	}

#underNavi li{
	list-style-type:none;
	float:left;
}

#underNavi a{
	display:block;
	padding-top:40px;
	overflow:hidden;
	height:0px;
	width:140px;
}


#underNavi #uLink1 a{
	background: url(../img/underNavi.png) no-repeat 0 0;
}

#underNavi #uLink2 a{
	background: url(../img/underNavi.png) no-repeat -140px 0;
}

#underNavi #uLink3 a{
	background: url(../img/underNavi.png) no-repeat -280px 0;
}

#underNavi #uLink4 a{
	background: url(../img/underNavi.png) no-repeat -420px 0;
}

#underNavi #uLink5 a{
	background: url(../img/underNavi.png) no-repeat -560px 0;
}

#underNavi #uLink6 a{
	background: url(../img/underNavi.png) no-repeat -700px 0;
}


#underNavi #uLink1 a:hover{
	background: url(../img/underNavi.png) no-repeat 0 -40px;
}

#underNavi #uLink2 a:hover{
	background: url(../img/underNavi.png) no-repeat -140px -40px;
}

#underNavi #uLink3 a:hover{
	background: url(../img/underNavi.png) no-repeat -280px -40px;
}

#underNavi #uLink4 a:hover{
	background: url(../img/underNavi.png) no-repeat -420px -40px;
}

#underNavi #uLink5 a:hover{
	background: url(../img/underNavi.png) no-repeat -560px -40px;
}

#underNavi #uLink6 a:hover{
	background: url(../img/underNavi.png) no-repeat -700px -40px;
}

/*======================================
　COPYRIGHT
=======================================*/
#copyRight{
	clear:both;
	display:block;
	padding:10px 0;
	font-family:sans-serif;
	font-size:12px;
	text-align:center;
}