@charset "utf-8";

.clr {
	clear: both;
}

.clr_sp {
	clear: both;
	padding:15px 0px 0px 0px;
}

.align_right {
	float: right;
}

.align_left {
	float: left;
}

/*
========================================
reset
========================================
*/

div,p,ul,ol,li,h1,h2,h3,h4,h5,h6,table,th,td,dl,dt,dd {
margin: 0px;
padding: 0px;
}

h1 {
margin: 0px;
padding: 0px;
text-align:left;
font-size: 1.8em;
}

img {
border: none;
}

hr {
display: none;
}

li {
list-style-type: none;
line-height: normal;
}


/*
========================================
Body style
========================================
*/

body {
width:100%;
line-height: 20px;
background-position:center top;
background-repeat:no-repeat;
background-color:#000;
margin: 0px auto;
padding: 0px;
color: #E6E6E6;
font-size: 0.8em;
font-family: verdana,"qMmpS Pro W3","Hiragino Kaku Gothic Pro",Osaka,"lr oSVbN","MS PGothic",Sans-Serif;
}

#wrap {
margin: 0px auto;
width: 810px;
}

#page {
margin: 0px auto;
padding: 0px 10px 0px 10px;
width: 790px;
background-color:#333333;
}

/*
========================================
header style
========================================
*/

#header {
width: 790px;
background-color:#333333;
height:80px;
}

#header h1 {
width: 300px;
height: 80px;
text-indent: -9999px;
float: left;
background: url(../images/logo.jpg) ;
}

#h_menu {
margin: 20px 8px 0px 0px;
padding: 0px;
width: 235px;
height: 50px;
float: right;
}

#h_menu ul{
padding: 10px 0px 0px 0px;
width: 235px;
height:20px;
float: right;
}

#h_menu ul li{
padding:0px 0px 0px 15px;
float: right;
}


/*
========================================
menu
========================================
*/

#menu {position:relative; width:790px; height:45px; background:url("../images/menu.gif") 0 0 no-repeat; overflow:hidden; font:110%/1 "tahoma",sans-serif;}
#menu ul {margin:0 20px; list-style:none;}
#menu li {display:inline;}
#menu li a {display:block; float:left; padding:17px 20px 17px 18px; background:url("../images/menu-separator.gif") 100% 0 no-repeat; text-decoration:none; color:#FFF;}
#menu li a:hover {background:url("../images/menu-hover.gif"); color:#FFF;}
#menu li#menu-active a {background:url("../images/menu-active.gif");}


/*
========================================
flash  
========================================
*/

#flash_block {
margin: 0px auto;
width:790;
height:270px;
}

/*
========================================
content main
========================================
*/

#main {
width: 790px;
padding: 10px 0px;
}

#main p{
padding: 5px 0px;
}

#main img.space{
padding: 15px 0px 0px 0px;
}

#main.content{
margin: 0px auto;
padding: 0px;
width:790;
}

#main .content p{
float: rignt;
width:530;
padding:0px 0px 0px 260px;
}

#main .content p.space{
float: rignt;
width:530;
padding:10px 0px 0px 260px;
}

#main .content img{
margin:0px 0px 5px 0px;
}

#main .content img.border{
border:solid 1px #996;
float: left;
margin:0px 0px 10px 0px;
}

img.index{
padding: 0px 9px 0px 0px;
}


#left{
padding: 10px 0px 0px 0px;
width:520px;
float: left;
}

#left .cont{
padding: 0px 5px 0px 0px;
float: left;
width:520px;
padding: 5px 0px 10px 0px;
margin: 0px 0px 5px 0px;
border-bottom: 1px dotted #aeaeae;
}

#left .cont .photo{
padding: 0px 5px 0px 0px;
float: left;
width:205px;
}

#left .cont .text{
float: right;
width:310px;
}

#left .cont .text h2{
font-size: 1.2em;
padding: 0px;
}

#left .cont p{
font-size: 1.0em;
}

#mainCol ul#maincon {
border: 1px solid #282828;
margin: 0px;
padding: 6px;
width: 505px;
background-color:#000;
color:#CCC;
}
#mainCol ul#maincon li {
width: 505px;
padding: 5px 0px 10px 0px;
margin: 0px 0px 5px 0px;
border-bottom: 1px dotted #aeaeae;
}
#mainCol ul#maincon li.last {
border: none;
width: 505px;
padding: 5px 0px 10px 0px;
margin: 0px 0px 5px 0px;
}
#mainCol ul#maincon li img {
width: 160px;
height: 115px;
float: left;

}
#mainCol ul#maincon li h2 {
font-size: 1.2em;
color:#FFF;
padding: 0px;
margin: 0px 0px 10px 170px;
}
#mainCol ul#maincon li p {
margin-left: 170px;
line-height: 20px;
}

.border{
border:solid 1px #282828;
}

h2{
font-size: 1.2em;
padding: 5px 0px 2px 0px;
color: #FFF;
}


/*
========================================
content right
========================================
*/

#right{
width:260px;
float: right;
padding: 10px 0px 0px 10px;
}

#right .block {
	padding: 0px 5px 5px 5px;
	background: url(../images/bg.gif); 
	height: 100%;
	width:250px;
	color:#E6E6E6;
}

#right .block2 {
	padding: 0px 5px 5px 5px;
	background: url(../images/bg.gif);
	height: 100%;
	width:250px;
	border-bottom: 1px solid #191919;
}

h3{
	padding: 5px;
	background-color:#000;
	height: 100%;
	width:250px;
	font-size: 1.0em;
	color:#FFF;
}

#right .img{
	float: left;
	padding: 5px 5px 0px 0px;
}

#right .img2{
	float: right;
	padding: 5px 0px 0px 0px;
}

#right .block .p{
	padding: 0px 5px 0px 0px;
	text-align: left;
}

#right .banner {
	margin-bottom: 5px;
}


/*
========================================
footer
========================================
*/
#footer{
	margin: 0px auto;
	background:#000000 repeat-x;
	width: 800px;
	float: left;
	padding: 7px 5px 7px 5px;
	height: 40px;
	color: #FFFFFF;
}

#footer .leftbox{
	float:left;
	text-align:left;
}

#footer .rightbox{
	text-align:left;
	float:right;
}

address {
  font-style: normal; 
}



/*
========================================
Link style
========================================
*/

a:link {
text-decoration: underline;
color: #FF9900;
}

a:visited {
text-decoration: underline;
color: #FF9900;
}

a:hover {
text-decoration: underline;
color: #FF3300;
}

a:active {
text-decoration: underline;
color: #FF3300;
}