
#FrameTop{
	width: 878px;
	margin: 0px auto;
	padding: 0 0px 15px 0px;
	/*background: url(/img/bg_FrameTop.jpg) no-repeat;*/
	}

/*-----------------------------------------------------------
  Top311エリア
-----------------------------------------------------------*/
div#Top311{
	display: none;
	/*
	width: 878px;
	margin: 10px auto 10px auto;
	padding: 0;
	background: url(/img/Top311.jpg) 0 0 no-repeat;
	border: solid 2px #e11600;
	*/
	}
	div#Top311 .Txt{
		margin: 0;
		padding: 13px 15px 7px 320px;
		font-weight: bold;
		font-size: 13px;
		}
	div#Top311 .Txt2{
		margin: 0;
		padding: 0 30px 15px 40px;
		}

/*-----------------------------------------------------------
  TopMainImageエリア
-----------------------------------------------------------*/
div#TopMainImage{
	position:relative;
	width: 958px;
	height: 360px;
	margin: 0 auto 10px auto;
	padding: 0;
	background: url(/img/mainimage_normal.jpg);
	}
	div#TopMainImage .CPBnrArea{
		position: absolute;
		width: 246px;
		top: 10px;
		left: 659px;
		margin: 0;
		padding: 8px 0 3px 0;
		background: url(/img/bg_CPBnrArea.jpg);
		}
		div#TopMainImage .CPBnrArea div#pnlCustomPageBanner1{
			width: 230px;
			margin: 0 auto 5px auto;
			padding: 0;
			background: #ffffff;
			}
			div#TopMainImage .CPBnrArea div#pnlCustomPageBanner1 a{
				display: block;
				width: 230px;
				background: #dfdfdf;
				}
		div#TopMainImage .CPBnrArea div#pnlCustomPageBanner2{
			width: 230px;
			margin: 0 auto 5px auto;
			padding: 0;
			background: #ffffff;
			}
			div#TopMainImage .CPBnrArea div#pnlCustomPageBanner2 a{
				display: block;
				width: 230px;
				background: #dfdfdf;
				}
	div#TopMainImage .PointBnr1{
		position: absolute;
		width: 211px;
		height: 99px;
		top: 256px;
		left: 52px;
		margin: 0;
		padding: 0;
		}
		div#TopMainImage .PointBnr1 a{
			display: block;
			width: 211px;
			height: 99px;
			background: url(/img/top_pointbnr1.png) 0 0 no-repeat;
			overflow:hidden;
			text-indent:-10000px;
			color:#FFFFFF;
			}
	div#TopMainImage .PointBnr2{
		position: absolute;
		width: 211px;
		height: 99px;
		top: 256px;
		left: 266px;
		margin: 0;
		padding: 0;
		}
		div#TopMainImage .PointBnr2 a{
			display: block;
			width: 211px;
			height: 99px;
			background: url(/img/top_pointbnr2.png) 0 0 no-repeat;
			overflow:hidden;
			text-indent:-10000px;
			color:#FFFFFF;
			}
	div#TopMainImage .PointBnr3{
		position: absolute;
		width: 211px;
		height: 99px;
		top: 256px;
		left: 480px;
		margin: 0;
		padding: 0;
		}
		div#TopMainImage .PointBnr3 a{
			display: block;
			width: 211px;
			height: 99px;
			background: url(/img/top_pointbnr3.png) 0 0 no-repeat;
			overflow:hidden;
			text-indent:-10000px;
			color:#FFFFFF;
			}
	div#TopMainImage .PointBnr4{
		position: absolute;
		width: 211px;
		height: 99px;
		top: 256px;
		left: 694px;
		margin: 0;
		padding: 0;
		}
		div#TopMainImage .PointBnr4 a{
			display: block;
			width: 211px;
			height: 99px;
			background: url(/img/top_pointbnr4.png) 0 0 no-repeat;
			overflow:hidden;
			text-indent:-10000px;
			color:#FFFFFF;
			}

/*-----------------------------------------------------------
  Leftエリア
-----------------------------------------------------------*/
div#TopLeft{
	float: left;
	width: 180px;
	margin: 0px 0px 0px 0px;
	padding: 0 0 10px 0;
	}
	div#TopLeft .TopBnrArea{
		display: block;
		margin: 0.5em 0;
		}
		div#TopLeft .TopBnrArea .BnrTxt{
			display: block;
			margin: 0;
			padding: 3px 0 0 0;
			font-size: 10px;
			line-height: 110%;
			}
	/*== SideNewsArea =====================================▼==*/
	div#TopLeft .SideNewsArea{
		display: block;
		margin: 0;
		padding: 0;
		background: url(/img/bg_SideNewsArea.jpg) center top no-repeat;
		}
			div#TopLeft .SideNewsArea .SideNewsTitle{
				display: block;
				width: 180px;
				height: 40px;
				margin: 0;
				padding: 0;
				}
				div#TopLeft .SideNewsArea .SideNewsT_news	{background: url(/img/SideNewsT_news.png) 0 0 no-repeat;}
				div#TopLeft .SideNewsArea .SideNewsT_staff	{background: url(/img/SideNewsT_staff.png) 0 0 no-repeat;}
			div#TopLeft .SideNewsArea ul{
				display: block;
				list-style-type: none;
				text-align: left;
				margin: 0;
				padding: 5px 10px 0 10px;
				}
				div#TopLeft .SideNewsArea ul li{
					display: block;
					margin: 0;
					padding: 5px 0 8px 0;
					background: url(/img/bg_dotted.gif) left bottom repeat-x;
					line-height: 120%;
					}
					div#TopLeft .SideNewsArea ul li .Date{
						display: block;
						font-size: 80%;
						}
						div#TopLeft .SideNewsArea ul li .Date span.Busyo{
							display: block;
							padding: 0;
							color: #a80000;
							}
	div#TopLeft .SideNewsAreaF{
		display: block;
		margin: 0 0 10px 0;
		padding: 0 8px 6px 8px;
		background: url(/img/bg_SideNewsAreaF.jpg) center bottom no-repeat;
		}
		div#TopLeft .SideNewsAreaF .NewsMode{
			display: block;
			margin: 0;
			padding: 0;
			text-align: right;
			}
			div#TopLeft .SideNewsAreaF .NewsMode a{
				background: url(/img/list_mark.gif) right center no-repeat;
				display: block;
				font-size: 11px;
				padding: 2px 18px 2px 2px;
				text-align: right;
				}
	/*=====================================================▲==*/

/*-----------------------------------------------------------
  Centerエリア
-----------------------------------------------------------*/
div#TopCenter{
	float: right;
	width: 680px;
	margin: 0;
	padding: 0 0 10px 0;
	/*background: url(/img/bg_TopCenter.jpg) center top no-repeat;*/
	}

	/*== TopPRBnr =========================================▼==*/
	div#TopCenter .TopPRBnrArea{
		width: 680px;
		margin: 0 0 1.5em 0;
		padding: 0;
		}
		div#TopCenter .TopPRBnrArea .TopPRBnr1{
			float: left;
			margin: 0;
			padding: 0;
			}
		div#TopCenter .TopPRBnrArea .TopPRBnr2{
			float: right;
			width: 330px;
			margin: 0;
			padding: 0;
			}
	/*=====================================================▲==*/

	/*== TopMenuCateArea ==================================▼==*/
	div#TopCenter .TopMenuCateAreaT{
		display: block;
		width: 680px;
		height: 32px;
		margin: 0;
		padding: 0;
		background: url(/img/TopMenuCateAreaT.jpg) 0 0 no-repeat;
		}
	div#TopCenter .TopMenuCateArea{
		display: block;
		margin: 0;
		padding: 10px 8px 0 8px;
		background: url(/img/TopMenuCateArea_bg.jpg) 0 center repeat-y;
		}
		div#TopCenter .TopMenuCateArea .TopMenuCate{
			width: 330px;
			height: 60px;
			float: left;
			margin: 0;
			padding: 0;
			}
			div#TopCenter .TopMenuCateArea .TopMenuCate a{
				display: block;
				width: 320px;
				height: 50px;
				margin: 0 auto;
				padding: 0;
				}
	div#TopCenter .TopMenuCateAreaF{
		display: block;
		width: 680px;
		height: 6px;
		margin: 0 0 1.5em 0;
		padding: 0;
		background: url(/img/TopMenuCateAreaF.jpg) 0 bottom no-repeat;
		}
	/*=====================================================▲==*/

	/*== TopNewsArea ======================================▼==*/
	div#TopCenter .TopNewsArea{
		display: block;
		margin: 0;
		padding: 10px 15px 0 15px;
		background: url(/img/bg_TopNewsArea.jpg) center top no-repeat;
		}
		div#TopCenter .TopNewsArea .NewsBox{
			display: block;
			width: 322px;
			margin: 0;
			padding: 0;
			}
			div#TopCenter .TopNewsArea .LeftBox	{float: left;}
			div#TopCenter .TopNewsArea .RightBox	{float: right;}
			div#TopCenter .TopNewsArea .NewsBox .NewsTitle{
				display: block;
				position: relative;
				width: 322px;
				height: 36px;
				margin: 0;
				padding: 0;
				}
				div#TopCenter .TopNewsArea .NewsBox .NewsT_news	{background: url(/img/NewsT_news.png) 0 0 no-repeat;}
				div#TopCenter .TopNewsArea .NewsBox .NewsT_staff	{background: url(/img/NewsT_staff.png) 0 0 no-repeat;}
				div#TopCenter .TopNewsArea .NewsBox .NewsTitle .NewsMode{
					display: block;
					position: absolute;
					width: 80px;
					margin: 0;
					padding: 0;
					top: 8px;
					left: 242px;
					text-align: right;
					font-size: 12px;
					}
					div#TopCenter .TopNewsArea .NewsBox .NewsTitle .NewsMode a{
						background: url(/img/list_mark.gif) right center no-repeat;
						clear: both;
						display: block;
						font-size: 11px;
						padding: 2px 18px 2px 2px;
						text-align: right;
						}
			div#TopCenter .TopNewsArea .NewsBox ul{
				display: block;
				list-style-type: none;
				text-align: left;
				margin: 0;
				padding: 0;
				}
				div#TopCenter .TopNewsArea .NewsBox ul li{
					display: block;
					margin: 0;
					padding: 4px 0 8px 0;
					background: url(/img/bg_dotted.gif) left bottom repeat-x;
					line-height: 120%;
					}
					div#TopCenter .TopNewsArea .NewsBox ul li .Date{
						display: block;
						font-size: 80%;
						}
						div#TopCenter .TopNewsArea .NewsBox ul li .Date span.Busyo{
							padding: 0 0 0 5px;
							color: #a80000;
							}
	div#TopCenter .TopNewsAreaF{
		display: block;
		height: 15px;
		margin: 0 0 10px 0;
		padding: 0;
		background: url(/img/bg_TopNewsAreaF.jpg) center bottom no-repeat;
		}
	/*=====================================================▲==*/

	/*== NewsTop ==========================================▼==*/
	div#TopCenter h2#NewsTopTitle{
		position: relative;
		display: block;
		clear: both;
		margin: 0 0 2px 0;
		padding: 0;
		}
		div#TopCenter h2#NewsTopTitle span{
			display:block;
			width: 490px;
			height: 40px;
			margin: 5px 0 0 0;
			background: url(/img/t_NewsTop.jpg);
			overflow:hidden;
			text-indent:-10000px;
			color:#FFFFFF;
			}
		div#TopCenter h2#NewsTopTitle div#GoNewsList{
			position: absolute;
			width: 100px;
			margin: 0;
			padding: 2px 0;
			top: 13px;
			left: 340px;
			text-align: right;
			}
			div#TopCenter h2#NewsTopTitle div#GoNewsList a{
				padding: 2px 18px 2px 2px;
				background: url(/img/list_mark.gif) no-repeat right center;
				text-align: right;
				font-size: 11px;
				font-weight: normal;
				}
	div#TopCenter ul#NewsTop{
		margin: 0;
		padding: 0;
		list-style-type: none;
		}
		div#TopCenter ul#NewsTop li{
			display: block;
			float: left;
			/*clear: both;*/
			margin: 0 0 6px 0;
			padding: 0 0 3px 0;
			width: 490px;
			border-bottom: solid 1px #e9e9e9;
			}
			div#TopCenter ul#NewsTop li div.Date{
				display: block;
				float: left;
				width: 130px;
				padding: 2px 0 0 0;
				text-align: right;
				line-height: 120%;
				}
				div#TopCenter ul#NewsTop li div.Date span{
					font-size: 11px;
					color: #a90000;
					}
			div#TopCenter ul#NewsTop li div.Text{
				display: block;
				float: left;
				width: 330px;
				margin: 0 0 0 15px;
				}
				div#TopCenter ul#NewsTop li div.Text span{
					padding: 4px 4px 2px 4px;
					background: #ff0000;
					color: #ffffff;
					font-size: 11px;
					}
	/*=====================================================▲==*/

	/*== FootBnr ==========================================▼==*/
	div#TopCenter div.FootBnr{
		display: block;
		float: left;
		width: 490px;
		margin: 0 auto;
		padding: 10px 0 0 0;
		font-size: 10px;
		text-align: center;
		letter-spacing: 1px;
		}
	/*=====================================================▲==*/

/*-----------------------------------------------------------
  Rightエリア
-----------------------------------------------------------*/
div#TopRight{
	float: right;
	width: 180px;
	margin: 0;
	padding: 0 0 10px 0;
	}
	div#TopRight .TopBnrArea{
		display: block;
		margin: 0.5em 0;
		}
		div#TopRight .TopBnrArea .BnrTxt{
			display: block;
			margin: 0;
			padding: 3px 0 0 0;
			font-size: 10px;
			line-height: 110%;
			}


/*-----------------------------------------------------------
  Recommendエリア
-----------------------------------------------------------*/
div#TopRecommend{
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	background: #f6f3ee url(/img/bg_Recommend.jpg) no-repeat;
	}
	/*== RecommendTop =====================================▼==*/
	div#TopRecommend h2{
		margin: 0 13px;
		padding: 12px 10px 0 8px;
		border-left: solid 5px #8b7760;
		font-size: 14px;
		}
	div#TopRecommend table{
		margin: 5px auto;
		padding: 0;
		}
		div#TopRecommend table td{
			width: 135px;
			margin: 0;
			padding: 3px 0 0 0;
			border-left: solid 1px #d9cfbe;
			}
			div#TopRecommend table td div.Img{
				width: 71px;
				height: 71px;
				margin: 0 0 0 7px;
				padding: 3px 0 0 0;
				background: #ffffff;
				border: solid 1px #dfdfdf;
				}
				div#TopRecommend table td div.Img img{
					display: block;
					margin: auto;
					}
			div#TopRecommend table td strong{
				display: block;
				margin: 0 0 0 7px;
				padding: 5px 0 3px 0;
				font-size: 15px;
				/*color: #a90000;*/
				}
			div#TopRecommend table td div.Name{
				display: block;
				margin: 0 0 0 7px;
				padding: 0;
				text-align: left;
				font-weight: bold;
				color: #e96800;
				}
	/*=====================================================▲==*/

