@charset "UTF-8";
@import "/theme/common/main.css";
/**
 * FrameWork "Tama"
 * StyleSheet
 * 
 * メインスタイルシート
 * 
 * $Id: $
 */

body {
	background: url("images/bg_wallpaper.png");
	background-color: #fff;
		color: #333;
		font-size: 100%;
}

.tabs a,
.tabs .disable {
	background: url("images/tabLeft.png") no-repeat left top;
}
	.tabs a span,
	.tabs .disable span {
		font-size: 12px !important;
		height: 18px !important;
		padding-top: 7px;
		background: url("images/tabRight.png") no-repeat right top;
	}
/*  blocks
--------------------*/
.blockHeader {
	background: url("images/blockHeaderLeft.png") no-repeat left top;
}
	.blockHeader .blockContent {
		background: url("images/blockHeaderRight.png") no-repeat right top !important;
	}

.blockHeaderTab {
	background: url("images/blockHeaderTabLeft.png") no-repeat left top;
}
	.blockHeaderTab .blockContent {
		background: url("images/blockHeaderTabRight.png") no-repeat right top !important;
	}
	
.blockHeaderSub {
	background: url("images/blockHeaderSubLeft.png") repeat-y left top;
}
	.blockHeaderSub .blockContent {
		background: url("images/blockHeaderSubRight.png") repeat-y right top;
	}

.blockMain {
	background: url("images/blockMainLeft.png") repeat-y left top;
}
	.blockMain .blockContent {
		background: url("images/blockMainRight.png") repeat-y right top;
	}

.blockFooter {
	background: url("images/blockFooterLeft.png") no-repeat left bottom;
}
	.blockFooter .blockContent{
		background: url("images/blockFooterRight.png") no-repeat right bottom;
	}

/*  メッセージボックス
--------------------*/
.msgHeader {
	background: url("images/msgHeaderLeft.png") no-repeat left top;
}
	.msgHeader .msgContent {
		background: url("images/msgHeaderRight.png") no-repeat right top;
	}

.msgMain {
	background: url("images/msgMainLeft.png") repeat-y left top;
}
	.msgMain .msgContent {
		background: url("images/msgMainRight.png") repeat-y right top;
	}

.msgFooter {
	background: url("images/msgFooterLeft.png") no-repeat left bottom;
}
	.msgFooter .msgContent {
		background: url("images/msgFooterRight.png") no-repeat right bottom;
	}
	

/*  地図
--------------------*/
#mapArea .blockHeaderTab a{
	background: url("images/mapSwitch.png") no-repeat left top;
}
	
/*  ヘッダーエリア
--------------------*/
#header {
	background: url("images/bg_header.png") no-repeat left top;
	height: 140px;
	margin: 0 auto 0 auto;
}
	#header .headerSymbol {
		float: left;
		width: 200px;
		height: 100px;
		padding: 10px 5px 10px 10px;
		text-align: center;
	}
	#header .headerBanner {
		float: right;
		width: 730px;
		height: 100px;
		padding: 10px 10px 10px 5px;
		text-align: center;
	}

/*  メニューエリア
--------------------*/
#menu {
	background: url("images/bg_menu.png") no-repeat left top;
	height: 50px;
	padding: 10px 0 0 0;
}
	/*  タブ
	--------------------*/
	#menu #tabs {
		font-size: 15px;
		font-weight: bold;
	}
		#menu #tabs .disable {
			color: #999;
		}
			#menu #tabs .disable span {
			color: #999;
			}
		#menu #tabs a span {
			color: #333;
		}
			#menu #tabs a:hover span {
				color:#fff;
			}
		#menu #tabs .current a span {
			color: #fff;
		}
			#menu #tabs .current a:hover span {
				color: #fff;
			}
	#menu #tabs .tabs a span,
	#menu #tabs .tabs .disable span {
		width: 118px;
	}
	/*  サブタブ
	--------------------*/
	#menu #subTabs {
		font-size: 14px;
		font-weight: bold;
	}
		#menu #subTabs .disable {
			color: #999;
		}
			#menu #subTabs .disable span {
			color: #999;
			}
		#menu #subTabs a span {
			color: #333;
		}
			#menu #subTabs a:hover span {
				color:#FFF;
			}
		#menu #subTabs .current a span {
			color: #fff;
		}
		#menu #subTabs .current a span {
			color: #fff;
		}
			#menu #subTabs .current a:hover span {
				color: #fff;
			}
		#menu #subTabs .tabs {
			top: 0;
			background: none;
		}
			#menu #subTabs .tabs a,
			#menu #subTabs .tabs .disable {
				background: url("images/tabSubLeft.png") no-repeat left top;
			}
				#menu #subTabs .tabs a span,
				#menu #subTabs .tabs .disable span {
					background: url("images/tabSubRight.png") no-repeat right top;
				}
					#menu #subTabs .tabs a:hover {text-decoration: none;background-position:0% -25px;}
						#menu #subTabs .tabs a:hover span {background-position:100% -25px;}
				#menu #subTabs .tabs .current a {background-position: 0% -50px;}
					#menu #subTabs .tabs .current a span {background-position: 100% -50px;}
					#menu #subTabs .tabs .current a:hover {text-decoration: none;background-position:0% -25px;}
						#menu #subTabs .tabs .current a:hover span {background-position:100% -25px;}

/*  コンテンツエリア
--------------------*/
#main {
	width: 960px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	background-image: url("images/bg_main.jpg");
	background-repeat: repeat-y;
}

/*  コンテンツエリア
--------------------*/
#main {
	background-image: url("images/bg_main.png");
}

/*  フッターエリア
--------------------*/
#footer {
	height: 27px;
	padding: 13px 0 0 0;
	margin-bottom: 0;
	background-image: url("images/bg_footer.png");
		color: #ccc;
}
	#footer a:link,
	#footer a:visited {
		color: #ccc;
	}
	#footer a:hover {
		color: #fff;
	}
	#copyarea {
		padding: 0 0 0 0;
			color: #fff;
	}

/*  メンバーページ
--------------------*/
	/* ブロック
	--------------------*/
	#Member .blockHeaderTab {
		background: url("images/blockHeaderTabMemberLeft.png") no-repeat left top;
	}
		#Member .blockHeaderTab .blockContent{
			background: url("images/blockHeaderTabMemberRight.png") no-repeat right top !important;
		}
/*  釣り場ページ
--------------------*/
#Point .textMain .textContent h2,
#Point .textMain .textContent h3,
#Shops .textMain .textContent h2,
#Shops .textMain .textContent h3 {
	background: url("images/pointDetail.png") no-repeat left top;
}