@charset "utf-8";

/* common */
* {
	margin: 0;
	padding: 0;
	font-size: 100%;
}

body {
	text-align: center;
	background: url(../common/body_bg.gif) repeat-x top;
	color: #444444;
	font-family: "ＭＳ Ｐゴシック", Osaka, Arial, "ヒラギノ角ゴ Pro W3";
}

html>/**/body {
	font-size: 16px; 
}

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

* html .clear {
	height: 1%;
}

.clear {
	display: block;
}

img {
	border: none;
	vertical-align: bottom;
}

a:link,
a:visited {
	color: #444444;
	text-decoration: underline;
}

a:hover,
a:active {
	color: #218971;
	text-decoration: none;
}



/* base-layout */
#wrapper {
	width: 820px;
	margin: 0 auto;
	text-align: left;
}

#header {
	width: 820px;
	margin: 0 auto;
	padding: 20px 0 10px 0;
	text-align: left;
}

#header h1,
#header div.logo {
	float: left;
	width: 500px;
}

#header p.license {
	float: right;
	width: 250px;
	text-align: right;
}

#pankuzu {
	width: 800px;
	margin: 8px 0 5px 7px;
	overflow: hidden;
}

#pankuzu li {
	float: left;
	margin: 0 5px 0 0;
	list-style: none;
	font-size: 70%;
	line-height: 1.2em;
}

#mainImg {
	clear: both;
}

#nav {
	float: right;
	width: 200px;
	margin: 0 0 40px 0;
}

#nav ul.btn01 li {
	padding: 0 0 5px 0;
	list-style: none;
}


#nav dl.kumiai dd {
	padding: 5px 0 0 0;
	background: url(../common/nav_tensen.gif) no-repeat left top #218971;
}

#nav dl.kumiai dd ul.txtLink {
	padding: 3px 0;
}

#nav dl.kumiai dd ul.txtLink li {
	list-style: none;
	font-size: 78%;
	line-height: 1.2;
}

#nav dl.kumiai dd ul.txtLink li a:link,
#nav dl.kumiai dd ul.txtLink li a:visited {
	display: block;
	padding: 7px 15px 4px 15px;
	color: #FFF;
	text-decoration: none;
}

#nav dl.kumiai dd ul.txtLink li a:hover,
#nav dl.kumiai dd ul.txtLink li a:active {
	display: block;
	padding: 7px 15px 4px 15px;
	background: #7AB8AA;
	color: #FFF;
	text-decoration: none;
}

#nav dl.kumiai dd ul.txtLink li a.current {
	background: #7AB8AA;
}



#nav ul.btn02 {
	margin: 0 0 5px 0;
	padding: 0 0 2px 0;
	background: #218971;
}

#nav ul.btn02 li {
	padding: 5px 0 0 0;
	background: url(../common/nav_tensen.gif) no-repeat left top #218971;
	list-style: none;
}

#nav dl.inquiry {
	margin: 5px 0 0 0;
	border: solid 2px #218971;
	text-align: center;
}

#nav dl.kumiaiin {
	margin: 10px 0 0 0;
	border: solid 2px #2974A1;
	text-align: center;
}

#nav dl.kumiaiin dd {
	padding: 8px 0 0 0;
}

#nav dl.kumiaiin dd ul li {
	padding: 0 0 8px 0;
	list-style: none;
}







#main {
	float: left;
	width: 600px;
	margin: 0 0 40px 0;
}



#footer {
	clear: both;
	width: 820px;
	margin: 0 auto;
	padding: 0 0 5px 0;
	background: url(../common/footer_line.gif) repeat-x 0 25px;
}

#footer div.goTop {
	text-align: right;
}

#footer address {
	float: left;
	width: 600px;
	margin: 10px 0 0 2px;
	color: #666666;
	font-size: 70%;
	line-height: 1.2em;
	font-style: normal;
}

#footer p {
	float: right;
	width: 200px;
	margin: 10px 2px 0 0;
	text-align: right;
	font-size: 70%;
	line-height: 1.2em;
}

#footer p a {
	background: url(../common/arw03.gif) no-repeat left center;
	padding: 0 0 0 8px;
}