body		{
			color: #330000;
			font-size:13.5px;
			line-height:25px;
			font-family: "ＭＳ Ｐゴシック","Arial","Osaka";
			background-image:url("http://www.hat.ne.jp/img/background.gif");
			background-color:#669999;
			margin-top    : 0;
			margin-right  : 0;
			margin-bottom : 0;
			margin-left   : 0;
			word-break　　: break-all;
}

.clear {
  clear:both;
  }

img {
  border:none;
  }
  
A:link,A:visited,A:active
			{
			text-decoration:none; 
			color:#006699;
			font-size:13.5px;
			line-height:150%;
			font-family: "ＭＳ Ｐゴシック","Arial","Osaka";
}

A:hover		{
			color:#cc0000;
			text-decoration:underline;
			font-family: "ＭＳ Ｐゴシック","Arial","Osaka";
}

h1	{font-size: 20px;color: #333333;line-height:20px;}
h2	{font-size: 16px;color: #333366;}
h3	{font-size: 15px;color: #333366;line-height:15px;}
h4	{font-size: 12px;color: #333366;line-height:12px;}
h5	{font-size: 11px;color: #333366;line-height:11px;}
h6	{font-size: 10px;color: #333366;line-height:10px;}
h7	{font-size: 9px;color: #333366;line-height:9px;}

td	{color: #333333;font-size:13px;line-height:20px;margin:5px 0 0 0;word-break: break-all;}

.stt{font-size:14px;border-bottom:1px dotted #333333;padding:5px 0;margin:0;}
.sttu{color: #333333;font-size:14px;line-height:25px;margin:5px 0 0 0;}
.new{color: #ffff00;background-color:#cc0000;font-size: 11px;font-family: Arial;}
.chapterb	{color: #333333;font-size: 15px;font-weight: bold;font-family: "ＭＳ Ｐゴシック","Arial","Osaka";}
.sidebarbo  {font-size: 17px;color: #ffffff;padding: 5px;width: 139px;height: 100%;background-color:#EDEDCC;}
.subtit		{font-size: 17px;color: #ffffff;padding: 5px;width: 651px;height: 30px;background: url(../img/sub_bar.jpg) no-repeat;}
.news		{font-size: 12px;color: #ffffff;padding: 5px;width: 651px;height: 30px;background: url(../img/sub_bar.jpg) no-repeat;}
.mnu		{text-indent: 10em;}

input, select, textarea { background-color: #EEFFFF;font-size:13px;color: #333333;} 

p.ch1 {font-size:11.5px;line-height: 5px;color:#003366;font-weight:bold;}
p.ch2 {font-size:12.5px;line-height: 15px;}
.ch3 {font-size:12.5px;color:#FFFFFF;line-height: 15px;}

.ban{
	line-height:10px;
}

.pan{
float:left;
margin-left:10px;
height:20px;
}

.area{
    text-align:center;
    width:100%;
	line-height:0px;
}

.header{
	width:843px;
	border:0px;
	background-color:#FFFFFF;
	text-align:right;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
}

.header-navi{
	width:843px;
	border:0px;
	background-color:#FFFFFF;
	text-align:right;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
}

.introduction{
	width:843px;
	border:0px;
	background-color:#FFFFFF;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
}

.main{
	width:843px;
	background-color:#FFFFFF;
	border:0px;
	margin-left:auto;
	margin-right:auto;
	float:left;
}


.footer-navi{
width:843px;
height:25px;
border:0px;
background:url(http://www.hat.ne.jp/img/footer2.jpg);
text-align:center;
margin-left:auto;
margin-right:auto;
}


.footer-copyright{
width:845px;
height:33px;
border:0px;
background:url(http://www.hat.ne.jp/img/footer.jpg) ;
text-align:center;
margin-left:auto;
margin-right:auto;
}

.footer-copyright span.ch3{
text-align:center;
}

/*menu*/
#menu{
	background-color:#FFFFFF;
	width:828px;
	height:32px;
	margin:0px;
	padding:0px;
	margin-left:auto;
	margin-right:auto;
}


#menu ul {
	margin-left:auto;
	margin-right:auto;
	margin:0px;
	padding:0px;
	list-style: none;
}

#menu ul li {
	float: left;
	margin-left:auto;
	margin-right:auto;
	margin:0px;
	padding:0px;
	list-style: none;
}

#menu ul li a.menu01 {
float:left;
width:138px;
height:41px;
background:url(http://www.hat.ne.jp/img/menu_01.gif);
}

#menu ul li a.menu02 {
width:138px;
height:41px;
background:url(http://www.hat.ne.jp/img/menu_02.gif);
float:left;
}

#menu ul li a.menu03 {
width:138px;
height:41px;
background:url(http://www.hat.ne.jp/img/menu_03.gif);
float:left;
}

#menu ul li a.menu04 {
width:138px;
height:41px;
background:url(http://www.hat.ne.jp/img/menu_04.gif);
float:left;
}

#menu ul li a.menu05 {
width:138px;
height:41px;
background:url(http://www.hat.ne.jp/img/menu_05.gif);
float:left;
}

#menu ul li a.menu06 {
width:138px;
height:41px;
background:url(http://www.hat.ne.jp/img/menu_06.gif);
float:left;
}

#menu ul li a:hover.menu01 {
	background: url(http://www.hat.ne.jp/img/menu_01_f2.gif) left top no-repeat;
	float:left;
	width:138px;
	height:41px;
}

#menu ul li a:hover.menu02 {
	background: url(http://www.hat.ne.jp/img/menu_02_f2.gif) left top no-repeat;
	float:left;
	width:138px;
	height:41px;
}

#menu ul li a:hover.menu03 {
	background: url(http://www.hat.ne.jp/img/menu_03_f2.gif) left top no-repeat;
	float:left;
	width:138px;
	height:41px;
}

#menu ul li a:hover.menu04 {
	background: url(http://www.hat.ne.jp/img/menu_04_f2.gif) left top no-repeat;
	float:left;
	width:138px;
	height:41px;
}

#menu ul li a:hover.menu05 {
	background: url(http://www.hat.ne.jp/img/menu_05_f2.gif) left top no-repeat;
	float:left;
	width:138px;
	height:41px;
}

#menu ul li a:hover.menu06 {
	background: url(http://www.hat.ne.jp/img/menu_06_f2.gif) left top no-repeat;
	float:left;
	width:138px;
	height:41px;
}

.list{display:none;}


/********ＷＥＢコンサルティング（ＨＡＴのホームページ制作）設定**************/
.txt12 {
    font-size:12px;
	letter-spacing:-0.05em;
  }
  
.txt_area {
  font-size:13px;
  line-height:130%;
  margin:0 0 10px 0;
  padding:0;
  width:650px;
  }

.hat_r_area {
  width:651px;
  height:auto;
  margin:0;
  padding:0;
  }

.hat_results {
  margin:0;
  padding:10px 9px 0px 9px;
  text-align:center;
  width:199px;
  height:230px;
  float:left;
    }

.hat_r_area p {
  margin:0;
  padding:0;
  font-size:12px;
  }

.hat_results a,.hat_results a:link,.hat_results a:visited {
  color:#006699;
  text-decoration:none;
  font-size:10px;
  }
  
.hat_results a:hover,.hat_results a:active {
  color:#C33;
  text-decoration:underline;
  font-size:10px;
  }