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

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}

body,
#htbdfwp_contents{
	background-color:#000;
}

/*----------------------------------------

	#wrap ページ全体のスタイル

----------------------------------------*/

/* default */
#wrap{
	color: #000;
	font-size: small;
	line-height: 1.5;
	font-size:85%;
	font-family:'Hiragino Kaku Gothic Pro','MS Pa',sans-serif;
	text-align:center;
	width:775px;
	margin:0 auto;
	padding:0;
}

/* IE6 base font */
* html #wrap {
	font-family:"MS PGothic", Sans-Serif;
}

*:first-child+html #wrap {
	font-family: "MS PGothic", Sans-Serif;
}

#wrap ul,#wrap ol{
	list-style:none;
}

#wrap p{
	text-align:left;
	padding:0;
}

#wrap image{
	margin: 0;
}

#sectionTop{
	width:775px;
	height:35px;
	background-color:#FFFFFF;
	background:url(../images/mainHeader.jpg) center top no-repeat;
	margin:0 auto;
	padding:0;
}

#section{
	background:url(../images/sideBarBack.gif) no-repeat left bottom #a00c0c;
	margin:0 auto;
	padding:0;
}

/*----------------------------------------

	clear要素

----------------------------------------*/
.clearAll{
	background-color:#000000;
	font-size:1px;
	width:auto;
	height:1px;
	display:block;
	clear:both;
}

/*-- clearfix --*/
#wrap .cf:before,
#wrap .cf:after {
	content:"";
	display:table;
}
#wrap .cf:after {clear:both;}
#wrap .cf {zoom:1;}


/*----------------------------------------

	#header

----------------------------------------*/
#header{
	margin:0 auto;
	width:775px;
	height:200px;
	background:url(../images/topBack.png) center center no-repeat;
	display:block;
}

h1{
	width:416px;
	height:80px;
	text-align:left;
	padding:110px 0 0 0;
	display:block;
	float:left;
}

h2{
	padding:60px 0 0 0;
	width:353px;
	height:54px;
	float:right;
}

h3{
	position:relative;
	top:-10px;
	left:10px;
}

/*----------------------------------------

	#main

----------------------------------------*/
#main{
	background-color:#000;
	width:576px;
	float:right;
	margin:0;
	padding:0;
}

#main ul{
	margin:5px;
	list-style:inside square;
	text-align:left;
}

#main ul li{
	padding:2px 0;
}

.entryArea{
	color:#898989;
	text-align:left;
	width:576px;
	margin:0;
	padding:0;
	font-size:90%;
}

/* スライドショーCSS */
#imgBox {
	width: 576px;
	height: 363px;
	overflow: hidden;
	position: relative;
}

#imgBox img {
	position: absolute;
}

/*	#new 新着情報
----------------------------------------*/
.new{
	margin:20px 0 10px 10px;
	float:left;
	display:inline;
	width:560px;
	height:120px;
	border:1px solid #FFFFFF;
}

#main .new ul{
	height:90px;
	width:540px;
	margin:0 10px 10px;
	padding:0;
	line-height:1.1em;
	overflow:auto;
	overflow-x:hidden;
}

.new ul li{
	color:#fff;
	line-height:1.7em;
	padding:0 0 10px 0;
	list-style:inside square;
}

.smb{
	text-align:right;
	margin:10px;
	padding:5px 10px 0;
	
}

/*----------------------------------------

	#sidebar

----------------------------------------*/

#sidebar{
	margin:0;
	padding:0;
	width:199px;
	background-color:#a00c0c;
	float:left;
	display:block;
}

#sidebar a img{
	border:none;
	text-decoration:none;
	vertical-align:top;
}

#sidebar ul#navigation li.nav01{
	width:199px;
	height:40px;
	display:block;
	/*\*/
	overflow:hidden;
	/**/
	position:relative;
}

#navigation .navM01,#navigation .navM02{
	width:199px;
	height:40px;
	position:relative;
	display:block;
}

#sidebar ul#navigation li.nav02{
	width:199px;
	height:30px;
	display:block;
	/*\*/
	overflow:hidden;
	/**/
	position:relative;
}

#sidebar ul#navigation li.nav01 a{
	height:40px;
	display:block;
}

#sidebar ul li.nav01 a:hover{margin-top: -40px;}
#sidebar ul li.nav02 a:hover{margin-top: -30px;}

#sidebar #smpNav{
	width:189;
	height:98px;
	display:block;
	overflow:hidden;
}

#sidebar #smpNav a{
	height:98px;
	display:block;
}

#sidebar #smpNav a:hover{margin-top: -98px;}

/* ドロップダウンメニューCSS */
#navigation .navM01 ul.subNav01,
#navigation .navM02 ul.subNav02{
	background-color:#a00c0c;
    border-top: 1px solid #000000;
    border-right: 1px solid #000000;
    border-left: 1px solid #000000;
    position: absolute;
	top:0;
	left:199px;
    z-index: 9999px;
	display:none;
}
#navigation .navM01 ul.subNav01 li,
#navigation .navM02 ul.subNav02 li{
    display: block;
    width: 199px;
	height:30px;
	overflow:hidden;
	border-bottom:1px solid #000000;
}
ul#navigation .navM01 ul.subNav01 li a,
ul#navigation .navM02 ul.subNav02 li a{
    display: block;
	height:30px;
    width: 199px;
}
ul#navigation .navM01 ul.subNav01 li a:hover,
ul#navigation .navM02 ul.subNav02 li a:hover{margin-top: -30px;}

#navigation .navM01 ul.subNav01 li.sub2012{
    display: block;
    width: 199px;
	height:50px;
	overflow:hidden;
	border-bottom:1px solid #000000;
}

ul#navigation .navM01 ul.subNav01 li.sub2012 a{
    display: block;
	height:50px;
    width: 199px;
}

ul#navigation .navM01 ul.subNav01 li.sub2012 a:hover{margin-top: -50px;}

/*----------------------------------------

	Link Style

----------------------------------------*/

#wrap a:link,#wrap a:visited,#wrap a:active{
	color:#ffea00;
	text-decoration:none;
}

#wrap a:hover{
	color:#ac8e00;
	text-decoration:none;
}

#main a:link,#main a:visited,#main a:hover,#main a:active{
	text-decoration:underline;
}