@charset "UTF-8";

@import "headmenu.css";
@import "style.css";

/* Base ----------------------------------------------------- */
* {
	margin: 0px;
	padding: 0px;
}

html, body {
	height: 100%;
}
	
body > #wrapper {
    height: auto;
}
body {
	margin: 0;
	padding: 0;
	color: #3B3B3B;
	background-color: #ffffff;
	font-size:82%;
	line-height:1.5em;
	height: auto;
}

a {
	overflow:hidden;
	outline:none;
}



/* header ----------------------------------------------------- */
h1 {
	width: 900px;
	height: 17px;
	font-weight: bold;
	font-size:90%;
	color:#00000;
	line-height:100%;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	font-variant: normal;
	word-spacing: normal;
	padding-top: 5px;
}

#header { 
	margin: 0;
	padding: 0 0 0 0;
}

.h {
	width: 900px;
	height: 85;
	margin: 0 auto 0 auto;
	padding: 0;
	position:relative;
}

p.logo a {
	width: 378px;
	height: 69px;
	text-indent: -9999px;
	background: url(../images/logo.gif) no-repeat;
	float:left;
	display:block;
	margin-top: 16px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;

}

.headnavi {
	width: 340px;
	float:right;
}

.headnavi .l {
	padding: 0px;
	float:left;
	margin-top: 11px;
	height: 69px;
}



p.r a {
	width: 56px;
	height: 55px;	
	text-indent: -9999px;
	background: url(../images/btn_consultation.gif) no-repeat left top;
	float:right;
	display:block;
	
	margin-top: 16px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

p.r a:hover    {background: url(../images/btn_consultation.gif) no-repeat left bottom;}
p.r a_stay     {background: url(../images/btn_consultation.gif) no-repeat left bottom;}





.telno {
	width: 260px;
	height: 59px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-indent: -9999px;
	background: url(../images/telno.gif) no-repeat left top;
}

.r select {
	width: 225px;
	margin: 10px 0px 13px 0px;
	padding: 0px 0px 0px 0px;
}





/* main-navigation ----------------------------------------------------- */
.navigation {
	margin: 0 auto 0 auto;
	padding: 0;
	position:relative;
	background-image: url(../images/bkimg.gif);
	background-repeat: repeat-x;
	background-position: center top;
}



.syouhinn, .syouhinn:hover, .syouhinn_stay, 
.company, .company:hover, .company_stay, 
.nagare, .nagare:hover, .nagare_stay, 
.blog, .blog:hover, .blog_stay {
	width: 225px;
	height: 56px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	display:block;
	float: left;
}
.syouhinn          {background: url(../images/btn_syouhin.gif) no-repeat left top;}
.syouhinn:hover    {background: url(../images/btn_syouhin.gif) no-repeat left bottom;}
.syouhinn_stay     {background: url(../images/btn_syouhin.gif) no-repeat left bottom;}
.company       {background: url(../images/btn_company.gif) no-repeat left top; }
.company:hover {background: url(../images/btn_company.gif) no-repeat left bottom; }
.company_stay  {background: url(../images/btn_company.gif) no-repeat left bottom; }
.nagare         {background: url(../images/btn_nagare.gif) no-repeat left top; }
.nagare:hover   {background: url(../images/btn_nagare.gif) no-repeat left bottom; }
.nagare_stay    {background: url(../images/btn_nagare.gif) no-repeat left bottom; }
.blog         {background: url(../images/btn_blog.gif) no-repeat left top; }
.blog:hover   {background: url(../images/btn_blog.gif) no-repeat left bottom; }
.blog_stay    {background: url(../images/btn_blog.gif) no-repeat left bottom; }




/* main ----------------------------------------------------- */
#main { 
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	height: auto;
	margin: 0;
	padding: 0 0 0 0;
}

.h2 {
	width: 900px;
	padding: 0;
	position:relative;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}










h4{
	text-indent: -9999px;
}



/* wrapper ----------------------------------------------------- */
#wrapper {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background:url(../images/hc.gif) repeat-x top left;
	height: 100%;
	min-height: 100%;
}









/* footer ----------------------------------------------------- */
#footer { 
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	height:45px;
	margin: 0;
	padding: 0;
	background-color:#0062B1;
}
.f { 
	width: 900px;
	margin: 0 auto 0 auto;
	padding: 5px 0px 3px 0px;
	position:relative;
}


address {
	margin: 0;
	padding: 0;
	color: #ffffff;
	font-style:normal;
	font-size:100%;
	text-align: center;
}

/* 足あと----------------------------------------------------- */

.linktxt {
	font-size:85%;
	width: 640px;
	height: 40px;
}