@charset "utf-8";

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

2008.08.21 ver 0.0: waterfall_menuをリリース
2008.12.15 ver 0.1: #globalNavにposition:relative;を追記(FF2.0対策)

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

*{
	margin:0;
	padding:0;
}
body{
	margin:0 auto;
	font-family:"Hiragino Kaku Gothic Pro", HiraKakuPro-W3, "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", verdana, sans-serif;
	font-size:12px;
	line-height: 1.6;
	color: #333;
	letter-spacing: 1px;
}
h1{
	margin:30px 0;
	font-size:150%;
}
#contents{
	margin-bottom:20px;
}
#localNav{
	float:left;
	width:240px;
}

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

	dropdown

--------------------*/
#globalNav{
	position:relative;
}
.dropdownBox{
	margin-bottom:20px;
}
.dropdown{
	float:left;
	width:206px;
}
.dropdownBox dl.firstMenu{
	width:208px;
}
.dropdown dt{
	width:188px;
	border:2px solid #9ac1c9;
	border-left:none;
	padding:8px;
	font-weight:bold;
	cursor:pointer;
	background:#D9DEE0 url(images/header.gif) repeat-x;
}
.dropdownBox dl.firstMenu dt{
	border-left:2px solid #9ac1c9;
}
.dropdown dt:hover{
	background:#C9D3D6 url(images/header_over.gif) repeat-x;
}
.dropdown dd{
	position:absolute;
	margin-left:-2px;
	overflow:hidden;
	display:none;
	background:#FFF;
	z-index:200;
}
.dropdownBox dl.firstMenu dd{
	margin-left:0;
}
.dropdown ul{
	width:204px;
	border:2px solid #9ac1c9;
	list-style:none;
	border-top:none;
}
.dropdown li{
}
.dropdown a,
.dropdown a:active,
.dropdown a:visited{
	display:block;
	padding:5px;
	color:#333;
	text-decoration:none;
	background:#eaf0f2;
	width:194px;
}
.dropdown a:hover{
	background-color:#d9e1e4;
	color:#000;
}
.dropdown .underline{
	border-bottom:1px solid #b9d6dc;
}

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

	accordion

--------------------*/
.accordionBox{
	margin-bottom:20px;
}
.accordion{
	width:208px;
}
.accordion dt{
	width:200px;
	padding:10px;
	font-weight:bold;
	cursor:pointer;
	background:#D9DEE0 url(images/header.gif) repeat-x;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #9ac1c9;
	border-right-color: #9ac1c9;
	border-bottom-color: #9ac1c9;
	border-left-color: #9ac1c9;
}
.accordionBox dl.firstMenu dt{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #9ac1c9;
}
.accordion dt:hover{
	background:#C9D3D6 url(images/header_over.gif) repeat-x;
}
.accordion dd{
	overflow:hidden;
	display:none;
	background:#FFF;
}
.accordion ul{
	width:204px;
	border:2px solid #9ac1c9;
	list-style:none;
	border-top:none;
}
.accordion a,
.accordion a:active,
.accordion a:visited{
	display:block;
	padding:5px;
	color:#333;
	text-decoration:none;
	background:#eaf0f2;
	width:194px;
}
.accordion a:hover{
	background-color:#d9e1e4;
	color:#000;
}
.accordion .underline{
	border-bottom:1px solid #b9d6dc;
}

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

	float clear

--------------------*/
#contents,
.dropdownBox,
.accordionBox,
.clearFix{
	overflow:hidden;
}

#contents:after,
.dropdownBox:after,
.accordionBox:after,
.clearFix:after{
	content:"";
	display:block;
	clear:both;
	height:0px;
	overflow:hidden;
}

/*\*/
* html #contents,
* html .dropdownBox,
* html .accordionBox,
* html .clearFix{
	height:1em;
	overflow:visible;
}
/**/

/* or */
.clear{
	clear:both;
}