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


/*--------------------------------------------
COMMON
--------------------------------------------*/

body{ margin:0; padding:0; font-family:Arial,"MS PGothic"; font-size:12px; color:#ffffff; background:#000000;}

p,img,th,td{ margin:0; padding:0; border:0;}

ul,li,dl,dt,dd{ margin:0; padding:0; list-style:none;}

#warp{ width:950px; margin:0 auto;}

h1,h2{ margin:0;}

.clear{ clear:both; font-size:1px; line-height:1px;}
.clearFix:after{ display: block; clear: both; height: 0; visibility: hidden; content: ".";}
.clearFix{ display: inline-block; }
/* Hides from IE 4-6 \*/
* html .clearFix{ height: 1%; }
.clearFix{ display: block; } 
/* End hide from IE 4-6 */


/*--------------------------------------------
HEADER
--------------------------------------------*/
#header {
	margin:0;
	width: 950px;
	height: 142px;

	}

	#headLeft {
		float: left;
		width: 174px;
		height: 89px;
		}
#headLeft h1 {
	margin: 0px;
	float: left;
	width: 950px;
	height: 89px;
	background:url(../images/header_img.jpg);
		}
	#headLeft h1 a {
		margin: 30px 0 0 22px;
		display: block;
		width: 165px;
		height: 40px;
		}
	#headLeft h1 a span {
		position: relative;
		left: -9999px;
		display: none;
		}


#NaviArea{ margin:0 0 0 0;}

/*--------------------------------------------
MAIN AREA
--------------------------------------------*/
#TOPArea{ width:950px; background:#000000; margin:0 auto; padding:14px 0 0 0 ;}

#TOPArea #news{ float:left; width:177px; height:auto; background-color:#655a3c; margin-left:22px;*margin-left:22px !important ; *margin-left:10px}
#TOPArea #news .txtarea{ width:167px; height:150px;background:#FFFFFF; margin:1px 0 0 0; padding:5px 3px 5px 7px; color:#000000;border: 1px ##655a3c solid;scrollbar-base-color: #655a3c;scrollbar-arrow-color: #655a3c;overflow: auto;}
#TOPArea #news .newsbtn{ padding-top:12px;background-color:#000000;}
#TOPArea #imgarea{ float:left; padding-left:21px;}

#ContentsArea{ width:905px; background:#000000; margin:0 22px 0 23px; padding:14px 0 0 0 ;}

#ScrollArea {
width: 177px;
height: auto;
overflow: auto;
background-color: #ffffff;
border: 1px ##655a3c solid;
scrollbar-base-color: #655a3c;
scrollbar-arrow-color: #655a3c;
color: #000000;
}

.text_news{
font:"ＭＳ ゴシック", "Osaka－等幅";
font-size:11px;
font-weight:normal;
text-align:left;
padding-left:11px;
padding-bottom:0px;
line-height: 12px;
}


/*--------------------------------------------
BANNER
--------------------------------------------*/
#BannerArea{padding:0;}
#BannerArea #banner{ float:left; width:586px; padding-right:30px; margin-left:22px;*margin-left:22px !important ; *margin-left:10px}
#BannerArea #banner h2{padding-top:23px; padding-bottom:10px;}
#BannerArea #blog{float:left; width:290px;}
#BannerArea #blog h2{padding-top:23px; padding-bottom:10px;}



/*--------------------------------------------
FOOTER
--------------------------------------------*/
#FooterArea{ width:950px;  padding-top:0 ;*padding-top:31px !important ; *padding-top:0}