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

clearfix Hack

------------------------------ */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hide Mac IE \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }

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

共通項目

------------------------------ */
h1,h2,h3,p { margin: 0px; padding: 0px; }

a {
	color: #006699;
	text-decoration: none;
}
a:hover {
	color: #0099CC;
}
.menu {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

.txt-small {	font-size: small; }

body {
 color: #333333;
 font-size: medium;
	text-align: center;
	line-height: 1.8;
	background: url(../img/bg-body.jpg) repeat-x #FFFFFF;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;	
}

img { border: none; }

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

ヘッダ

------------------------------ */
#head {
	width: 900px;
	height: 76px;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}

#logo {
 width: 467px;
	height:44px;
	position: absolute;
	left: 35px;
	top: 20px;
}

#description {
	position: absolute;
	top: 27px;
	right: 35px;
}

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

フッタ

------------------------------ */
#wrap-foot {
	height: 147px;
	background: url(../img/bg-wrap-foot.jpg) repeat-x #000000;
}

#foot {
	width: 900px;
	color: #FFFFFF;
	font-size: 80%;
	text-align: left;
	background: url(../img/bg-foot.jpg) no-repeat center top;
	padding-top: 40px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}

#copyright {
	position: absolute;
	left: 42px;
	top: 50px;
}

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

コンテンツ

------------------------------ */
#wrap-contents {
	width: 900px;
	text-align: left;
	background: url(../img/bg-wrap-contents.jpg) no-repeat;
	margin-right: auto;
	margin-left: auto;
}

/* メインコンテンツ */
#main-content {
	width: 550px;
	padding-right: 77px;
	float: right;
}

#main-content h2 { padding-top: 30px; padding-bottom: 5px; }

/* サブコンテンツ */
#sub-content {
	width: 199px;
	padding-top: 30px;
	padding-left: 42px;
	float: left;
}

/* テーブル */
table { border-top: 1px solid #99CC99; }

tr.even { background-color: #F0FAEB; }
tr:hover  { background-color: #E7FFCE; }

td { vertical-align:top; padding:5px; border-bottom: 1px solid #99CC99; }
td.thumb-img { width:125px; text-align:center; padding-top:10px; padding-bottom:10px; }
td strong { color: #006633; }



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

グローバルナビゲーション(水平方向の階層メニューサンプル)

------------------------------ */
ul#global-navi {
	width: 818px;
	height: 40px;
	background: url(../img/bg-btn-navi.jpg) repeat-x;
	margin-left:41px;
	position: relative;
	z-index:1;
}

/* 第1階層のリスト項目 */
ul#global-navi li { float: left; position: relative; }

/* 下層メニュー */
ul#global-navi ul {
	display:none;
	position:absolute;
	left:-1px;
	top:40px;
}

/* 下層メニューを持つリスト項目(マウスホバー時) */
ul#global-navi li:hover ul { display:block; }

/* 下層メニューのリスト項目 */
ul#global-navi ul li {
	border: 1px solid #C4C8C0;
	border-top-style: none;
	float: none;
}

/* 第1階層のa要素 */
ul#global-navi a { width:auto; display:block; }

/* 下層メニューのa要素 */
ul#global-navi ul a {
	width:190px;
	color:#FFFFFF;
	background-color: #666666;
	padding: 0 5px;
	display: block;
}

/* 下層メニューのa要素(マウスホバー時) */
ul#global-navi ul a:hover { color:#FFFFFF; background-color: #333333; }


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

サブナビゲーション(垂直方向の階層メニューサンプル)

------------------------------ */
ul#sub-navi {
	font-size: 80%;
	background: url(../img/bg-sub-navi.jpg) no-repeat right bottom;
	padding-bottom: 44px;
	position: relative;
	z-index:0;
}

/* 第1階層のリスト項目 */
ul#sub-navi li {
	background: url(../img/bg-sub-navi-li.jpg) repeat-y;
	border-bottom: 1px solid #FFFFFF;
	position: relative;
}

/* 第1階層のリスト項目(マウスホバー時) */
ul#sub-navi li:hover {
	color:#FFFFFF;
	background: url(../img/bg-sub-navi-li-hover.jpg) repeat-y;
}

/* 下層メニュー */
ul#sub-navi ul {
	border-top: 1px solid #FFFFFF;
	display:none;
	position:absolute;
	left:199px;
	top:-1px;
}

/* 下層メニューのリスト項目 */
ul#sub-navi ul li {
	color:#FFFFFF;
	background: #7b9c57;	
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}

/* 下層メニューを持つリスト項目(マウスホバー時) */
ul#sub-navi li:hover ul{ display:block; }

/* a要素の共通設定 */
ul#sub-navi a,ul#sub-navi ul a {
	width:185px;
	color:#003300;
	padding: 5px 0px 5px 10px;
	display: block;
}

/* 第1階層のa要素(マウスホバー時) */
ul#sub-navi li:hover a { color:#FFFFFF; }
ul#sub-navi a:hover { color:#FFFFFF; }

/* 下層メニューのa要素(マウスホバー時) */
ul#sub-navi ul a:hover { color:#FFCC00; }