@charset "utf-8";
body, div, h1, h2, h3, h4, h5, h6, p, form, ul, dl { margin:0; padding:0;}
img { border:none; }
pre,code,kbd,samp,tt {font-family:monospace;*font-size:108%;line-height:100%;}

h1, h2, h3, h4, h5, h6    { font-size:100%; font-weight:bold; }

li { list-style:none; }html, body { }


/* Default font family */
body {
font-size: small;
font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
line-height: 1.3;
}

input, select, textarea {
font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}
* html body {   /* ie6 */
font-family: "ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}
textarea { font-size:small; /* individually need to define for ff */ line-height:1.3em; }

/* ------------------------- */

.column { float:left; clear:none; }
.colbreak { height: 0; font-size: 1px; _display: none; }



.p20l { padding-left:20px; }
.p5rl { padding:0 5px; }
.p20rl { padding:0 20px; }
.p10tdrl { padding:10px 10px; }

.top250x260x190x1 { width:250px; }
.top250x260x190x2 { width:260px; }
.top250x260x190x3 { width:190px; }
.sub530x190x1 { width:530px; }
body {
	background: #fff url(img/bg-border.gif) top repeat-y;
}

#wrap {
	width:794px;height:auto;
	margin:0 auto;
	background:url(img/bg-wrap.jpg) 0 0 repeat-y;
}
#head {
	height:70px;
	clear:both;
	margin:0 auto;
	background:url(img/bg-head.gif) 7px 0 no-repeat;
}
#flash {
	width:780px; height:200px;
	clear:both;
	margin:0 auto;
}
#main {
	width:780px; height:auto;
	clear:both;
	margin:0 auto;
}
#foot {
	width:780px; height:auto;
	clear:both;
	margin:0 auto;
}

h1 { margin:10px 0; height:40px; line-height:40px;}
h2, h3 { margin:10px 0; height:40px; line-height:40px;}

/* 
   [ P A R T S  -  head ]
*/
#hwLogoCol a {
	float:left; clear:none;
	width:173px;
	margin:30px 0 0 25px;
}
#hwQNaviCol {
	float:right; clear:none;
	width:200px;
	padding:30px 25px 0 0;

}
#hwQNaviCol ul {
	float:right;
	width:200px;
	
}
#hwQNaviCol li {
	float:left; clear:none;
	margin-right:13px;
}
#hwQNaviCol li a {
	color:#A2A275;
	text-decoration:none;
}
#hwQNaviCol li a:hover {
	color:#960;
}
/* 
   [ P A R T S  -  gnavi ]
*/
#gnavi {
  height:44px;
  background:url(img/bg-gnavi.jpg) 0 bottom no-repeat;
}
#gnavi ul {
	width:754px; height:25px;
	margin:12px auto 8px auto;
  background:url(img/bg-gnavi-ul.gif) 0 0 no-repeat;
}
#gnavi ul li {
	float:left; clear:none;
	height:25px;
}
#gnavi a { display:block; background:url(img/bg-gnavi-ul.gif) 0 0 no-repeat; text-indent:-999px; }

#gnavi01 a { width:112px; background-position:0 0; }
#gnavi02 a { width:124px; background-position:-112px 0; }
#gnavi03 a { width:179px; background-position:-236px 0; }
#gnavi04 a { width:112px; background-position:-415px 0; }

#gnavi01 a:hover { background-position:0 -25px; }
#gnavi02 a:hover { background-position:-112px -25px; }
#gnavi03 a:hover { background-position:-236px -25px; }
#gnavi04 a:hover { background-position:-415px -25px; }

/* 
   [ P A R T S  -  flash ]
*/
#flash {
	width:780px; height:200px;
	overflow:hidden;
}
#FlashDiv {
	width:780px; height:200px;
	overflow:hidden;
	margin-bottom:10px;
}
#FlashImg #ImageList  {
	width:780px; height:200px;
}

/* 
   [ sidebar ]
*/


#UnionCardDiv h3 { background:url(img/top-h2.jpg) 0 -40px no-repeat; }
#ServiceDiv h3   { background:url(img/top-h2.jpg) -510px 0 no-repeat; }
#ContactDiv h3   { background:url(img/top-h2.jpg) -510px -40px no-repeat; }


#ServiceDiv li {
  background:url(img/mark-li.gif) 5px center no-repeat;
  padding:5px 0 5px 10px;
}
#ServiceDiv li a { padding-left:10px; text-decoration:none; color:#666; }
#ServiceDiv li a:hover { text-decoration:underline; }

#ContactDiv dl{
	padding:0 5px; color:#666;
}
#ContactDiv dt{
	clear:both;
	padding-top:10px;
	font-weight:bold;
}
#ContactDiv dd{
	margin:0;
	padding:0 0 5px 10px;
}


/* 
   [ P A R T S  -  foot ]
*/
#ENaviCol {
  width:760px; height:20px;
  float:left; clear:both;
	border-top:#999 dotted 1px;
	padding:10px 0;
	margin:20px 10px 0px 10px;
}
#ENaviCol .enavi li{
	float:left;
	padding:0 10px;
}
#ENaviCol .enavi li a{
	color:#A2A275;
	line-height:20px;
	text-decoration:none;
}
#ENaviCol .enavi li a:hover{
	color:#960;
}
#CopyrightCol {
	font-size:11px;
	padding-left:420px;
}
