@charset "utf-8";
@import "common.css";
/* -- メインCSS -----------------------------------------------------*/

body {
	margin:0;
	font-size:62.5%;
	line-height:150%;
	text-align:center;
	background-color:#fefaed;
	/*background:url('../images/body_bg.png') repeat-y center top;*/
}

/*- メインラップ -----------------------------------------------------*/
#main_wrap {
	margin:0 auto;
	width:880px;
	color:#333;
	font-size:1.2em;
	text-align:left;
	background-color:#fff;
	/*border-left:1px solid #ccc;*/
}	

#header_wrap,
#navi_wrap,
#body_wrap,
#footer_wrap{
	margin:0 10px;
}

/*- ヘッダーラップ ---------------------------------------------------*/
#header_wrap{
	/*margin:0px;*/
	padding:0px;
	height:300px;
	position:relative;
}
#header_wrap h1 {
	width:120px;
	height:120px;
	position:absolute;
	top:6px;
	left:10px;
}
#header_wrap h1 a{
	display:block;
	width:120px;
	height:120px;
	text-indent: 100%;
	white-space: nowrap;
	overflow:hidden;
}



/*- グローバルナビラップ ---------------------------------------------*/
#navi_wrap{
	/*border:1px solid #666;*/
	height:30px;
}

#navi_wrap ul{
	margin:0;
	padding:0;
}
/*
#navi_wrap li{
	float:left;
	width:25%;
}
*/
#navi_wrap a {
	display:block;
	height:30px;
	color:#fff;
	line-height:30px;
	text-indent:2em;
	background-image:url('../images/navi_bg.jpg');
	background-repeat:no-repeat;
	background-position:left bottom;
}
#navi_wrap a.active, 
#navi_wrap a:hover {
	text-decoration:underline;
	background-position:left top;
}
/*- アコーディオンリスト ---------------------------------------------*/

.navi {
		z-index:100;
		position:relative;
	}

	.navi li {
			float:left;
			margin:0;
			padding:0;
			list-style:none;
			position:relative;
			height:30px;
			text-indent:-99999px;
			width:25%;
	}
	.navi li li{width:100%;}
	 	
	.navi li a,
	.navi li a:link,
	.navi li a:active,
	.navi li a:visited {
			font-weight:bold 1.22em/25px;
			color:#333;
			display:block;
			text-transform:lowercase;
			text-decoration:none;
			height:30px;
	}

	#navi_wrap li:hover ul a,
	#navi_wrap li.sfHover ul a {
		background:#333;
		filter: alpha(opacity=80);
		opacity: 0.80;
		color:#fff;
			width:100%;
	}


	#navi_wrap li:hover ul a:hover, 
	#navi_wrap li.sfHover ul a:hover {
		background:#ccc;
		opacity: 0.75;
		color:#000;
	}
	.navi ul {
		border-bottom:1px solid #000;
			list-style:none;
			margin:0;
			width:100%;
			position:absolute;
			top:-9999em;
		left:0px;
	}
	.navi li:hover ul,
	.navi li.sfHover ul {
		top:30px;
	}
	.navi ul li {
			border:0;
			float:none;
			text-indent:1em;
	}
	.navi ul a { border-bottom:0; white-space:nowrap; }
	.navi ul a:hover { background:#ccc; color:#000; }


/*- ボディーラップ ---------------------------------------------------*/
#body_wrap{/*border:1px solid #666;*/}



/*- コンテンツ表示設定 -----------------------------------------------*/
#main_contents {	margin:1.5em;}

/*- コンテンツタイトル表示設定 ---------------------------------------*/
.contents_title {
	margin-bottom:0.5em;
	padding-bottom:0.3em;
	height:18px;
	background-repeat:no-repeat;
	background-position:left top;
	border-bottom:1px solid #666;
	text-indent: 100%;
	white-space: nowrap;
	overflow:hidden;
}

/*- 外部リンク -------------------------------------------------------*/
.ad_wrap{margin-bottom:1em;}
.ad_wrap li{
	display:block;
	width:200px;
	height:40px;
	float:left;
}
.ad_banner{margin-right:5px;}

.ad_wrap a {
	display:block;
	width:200px;
	height:40px;
	background-repeat:no-repeat;
	background-position:left top;
	text-indent: 100%;
	white-space: nowrap;
	overflow:hidden;
}

.ad{background-image:url('../images/ad.gif');}
.ad_banner1{background-image:url('../images/ad_banner1.gif');}
.ad_banner2{background-image:url('../images/ad_banner2.gif');}
.ad_banner3{background-image:url('../images/ad_banner3.gif');}
.ad_banner4{background-image:url('../images/ad_banner4.gif');}

/*- フッターラップ ---------------------------------------------------*/
#footer_wrap{
	margin-bottom:1em;
	padding:0.2em 0.5em;
	/*border:1px solid #666;*/
	background-color:#F6F2D7;
}
#copy{text-align:center;}
address {
	font-size:10pt;
	text-align:right;
}