@charset "utf-8";

@import "base.css";
@import "layout.css";


/* top */
section#topWrap {
	margin: 0px auto 0px auto;
	padding: 15px 15px 30px 15px;
	text-align: left;
	width: 870px;
	clear: both;
	font-size: 0.83em;
	line-height: 1.5em;
}
header {
height: 304px;
background-color: #02050a;
}
header h1 {
	text-indent: -5000px;
}
header #fade {
	text-indent: 0px;
}

#topWrap section.katuyou {
	background: url(../img/bk01.gif) repeat;
	margin: 0px 0px 20px 0px;
	padding: 10px 5px 10px 15px;
	width: 850px;
}
#topWrap section.katuyou h2 {
	margin: 0px 0px 10px 0px;
	padding: 0px;

}
#topWrap section.katuyou ul {
margin: 0px 0px 0px 0px;
padding: 0px;
}
#topWrap section.katuyou ul li {
float: left;
padding: 0px;
}
#topWrap section.katuyou ul li img {
margin: 0px 10px 6px 0px;
}

#topWrap section.service {
	background: url(../img/bk01.gif) repeat;
	margin: 0px 0px 20px 0px;
	padding: 10px 5px 5px 15px;
	float: left;
	width: 647px;
}
#topWrap section.service div.left {
margin: 0px 0px 0px 0px;
}

#topWrap section.service object {
margin: 0px 0px 0px 10px;
}

#topWrap section.service h2 {
	margin: 0px 0px 5px 0px;
	padding: 0px;
}
#topWrap section.service p {
}
#topWrap section.banner {
float: right;
}
#topWrap section.banner ul {
}
#topWrap section.banner ul li {
margin: 0px 0px 10px 0px
}

#fade1 img,
#fade2 img,
#fade3 img,
#fade4 img,
#fade5 img,
#fade6 img {
background-color: #02050a;
}




/*CtH[V*/
.news {
	width: 424px;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	color: #333;
	line-height: 1.5em;
float: left;
}

html .news .scroll {
	height: 165px;
	overflow: auto;
	scrollbar-track-color:#ffffff;
	scrollbar-face-color:#ffffff;
	scrollbar-shadow-color:#ccc;
	scrollbar-darkshadow-color:#ffffff;
	scrollbar-highlight-color:#ccc;
	scrollbar-3dlight-color:#ffffff;
	scrollbar-arrow-color:#ccc;
	width: 424px;
}
.news h2 {
	padding: 0px;
	margin: 0px;
}
.news dl {
}
.news dl dt {
	color: #483522;
	display: block;
	padding: 0px 0px 0px 20px;
	text-align:left;
	background-image: url(../img/arrow01.gif);
	background-repeat: no-repeat;
	background-position: 5px 8px;
}

.news dl dd {
	text-align: left;
	padding: 0px 0px 5px 20px;
	display: block;
	color: #666666;
	border-bottom: 1px dotted #CCCCCC;
}


/*cCb^[*/
.twitter {
	width: 425px;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	color: #333;
	line-height: 1.5em;
float: right;
}


html .twitter .scroll {
	height: 165px;
	overflow: auto;
	scrollbar-track-color:#ffffff;
	scrollbar-face-color:#ffffff;
	scrollbar-shadow-color:#ccc;
	scrollbar-darkshadow-color:#ffffff;
	scrollbar-highlight-color:#ccc;
	scrollbar-3dlight-color:#ffffff;
	scrollbar-arrow-color:#ccc;
	width: 425px;
}

.twitter h2 {
	padding: 0px;
	margin: 0px;
}
.twitter ul {
}
.twitter ul li {
	color: #483522;
	display: block;
	padding: 5px 0px 5px 20px;
	text-align:left;
	background-image: url(../img/arrow01.gif);
	background-repeat: no-repeat;
	background-position: 5px 11px;
	border-bottom: 1px dotted #CCCCCC;
}





.flash {
}
.flash script,
.flash embed,
.flash noscript {
	width: 175px;
	margin: 0px;
	padding: 0px;
}
.flash .right {
	width: 175px;
	margin: 0px 0px 0px 0px;
	padding: 0px 5px 0px 0px;
	*padding: 0px 15px 5px 0px;
}
.flash .left {
	width: 175px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	*padding: 0px 0px 5px 0px;
}
/*-------------------------------------------------------------
	* ClearFix
---------------------------------------------------------------*/
.clearfix:after {
  content: ".";  /* Vvf */
  display: block;  /* ubNxvf */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}