/* ******************************************************************************
	Style001 - TopNavigationStyle - TopPage
		(c) 2007 foryousystem.co.,ltd
****************************************************************************** */
/* ==============================================================================
	Navigation Area Sub Settings
============================================================================== */
.CounterArea {
	margin-top:		20px;
	margin-left:		auto;
	margin-right:		auto;
	margin-bottom:		50px;
	width:			120px;
}
.LinkArea{
	margin-left:		auto;
	margin-right:		auto;
	width:			147px;
}

/* ==============================================================================
	PR Area Settings
============================================================================== */
.PRArea {
	margin-left:		6px;
	margin-right:		6px;
	margin-bottom:		10px;
	width:			635px;
	height:			440px;
	background-image:	url(img/top_pagetitle.jpg);
	background-repeat:	no-repeat;
}
.PRArea .IntroduceArea {
	float:			left;
	margin-top:		75px;
	margin-left:		7px;
	_margin-left:		3px;	/* ie4 〜ie6用 */
	width:			340px;
}
/* ----- IntroduceArea IE以外用　CSSハック使用 ----- */
:root .PRArea .IntroduceArea {
	margin-left:		7px;
}
/* ----- ここまで ----- */
.PRArea .IntroduceArea .CommentArea {
	margin-top:		15px;
	padding:		5px;
	widht:			326px;
	font-size:		small;
	color:			#C0C0C0;
	background-color:	#301515;
	border:			2px solid #9C8B4A;
}
.PRArea .IntroduceArea .CommentArea strong {
	font-weight:		normal;
}
.PRArea .PointArea {
	float:			right;
	margin-top:		90px;
	margin-right:		5px;
	_margin-right:		2px;	/* ie4 〜ie6用 */
	width:			270px;
}
/* ----- PointArea IE以外用　CSSハック使用 ----- */
:root .PRArea .PointArea {
	margin-right:		5px;
}
/* ----- ここまで ----- */
.PRArea .PointArea h2 {
	margin-bottom:		5px;
	padding-top:		5px;
	padding-bottom:		1px;
	padding-left:		15px;
	color:			#9C8B4A;
	font-weight: 		bold;
	font-size:		large;
	font-family:		ＭＳ Ｐ明朝;
	background-image:	url(img/h2_titleline_270.gif);
	background-repeat:	no-repeat;
}
.PRArea .PointArea .ContentsArea {
	padding-top:		5px;
	background-repeat:	no-repeat;
}
.PRArea .PointArea .MobileArea {
	margin-bottom:		10px;
	padding-bottom:		5px;
	font-size:		12px;
	width:			270px;
	color:			#9C8B4A;
}
.PRArea .PointArea .MobileArea img {
	margin-top:		5px;
	margin-left:		5px;
}
/* ----- MobileArea img IE以外用　CSSハック使用 ----- */
:root .PRArea .PointArea .MobileArea img {
	margin-left:		13px;
	margin-right:		10px;
}
/* ----- ここまで ----- */
/* ----- IE8用　CSSハック使用 ----- */
head~/* */body .PRArea .PointArea .MobileArea img {
	margin-left:		13px;
	margin-right:		10px;
}
/* ----- ここまで ----- */
.PRArea .PointArea .MobileArea form{
	margin-top:		10px;
	margin-left:		3px;
	padding-left:		5px;
}
/* ----- MobileArea form IE以外用　CSSハック使用 ----- */
:root .PRArea .PointArea .MobileArea form {
	margin-top:		5px;
}
/* ----- ここまで ----- */
.PRArea .PointArea .MagaArea {
	margin-bottom:		10px;
	font-size:		12px;
	color:			#9C8B4A;
}
.PRArea .PointArea .MagaArea .side{
	margin-top:		15px;
	margin-left:		10px;
	margin-right:		10px;
}
/* ----- side IE以外用　CSSハック使用 ----- */
:root .PRArea .PointArea .MagaArea .side {
	margin-top:		5px;
}
/* ----- ここまで ----- */

/* ==============================================================================
	ShowTime Area Settings
============================================================================== */
.ShowTimeArea {
	margin-left:		6px;
	margin-right:		6px;
	margin-bottom:		10px;
	width:			635px;
	height:			455px;
	background-image:	url(img/liveshowtitle_back.gif);
	background-repeat:	no-repeat;
}
.ShowTimeArea .FlashArea {
	float:			left;
	margin-top:		70px;
	margin-left:		6px;
	_margin-left:		3px;	/* ie4 〜ie6用 */
	width:			320px;
}
/* ----- FlashArea IE以外用　CSSハック使用 ----- */
:root .ShowTimeArea .FlashArea {
	margin-left:		2px;
}
/* ----- ここまで ----- */
.ShowTimeArea .ScheduleArea {
	float:			right;
	margin-top:		60px;
	margin-right:		4px;
	_margin-right:		2px;	/* ie4 〜ie6用 */
	width:			270px;
}
/* ----- ScheduleArea IE以外用　CSSハック使用 ----- */
:root .ShowTimeArea .ScheduleArea {
	margin-right:		5px;
}
/* ----- ここまで ----- */
.ShowTimeArea .ScheduleArea h2 {
	margin-bottom:		5px;
	padding-top:		5px;
	padding-bottom:		1px;
	padding-left:		15px;
	color:			#9C8B4A;
	font-weight: 		bold;
	font-size:		large;
	font-family:		ＭＳ Ｐ明朝;
	background-image:	url(img/h2_titleline_270.gif);
	background-repeat:	no-repeat;
}
.ShowTimeArea .ScheduleArea h3 {
	margin-bottom:		5px;
	padding-top:		5px;
	padding-bottom:		1px;
	padding-left:		15px;
	color:			#9C8B4A;
	font-weight: 		bold;
	font-size:		large;
	font-family:		ＭＳ Ｐ明朝;
}
.ShowTimeArea .ScheduleArea .Schedule {
	padding-top:		15px;
	height:			150px;
	background-image: 	url(img/contents_270-150.gif);
	background-position:	0 0;
	background-repeat: 	no-repeat;
}
.ShowTimeArea .ScheduleArea ul{
	list-style: 		none;
}
.ShowTimeArea .ScheduleArea li {
	margin-top:		10px;
	margin-bottom:		10px;
	margin-left:		15px;
	margin-right:		5px;
	padding-left:		20px;
	width:			220px;
	padding-bottom:		5px;
	font-size:		small;
	color:			#C0C0C0;
	line-height:		120%;
	vertical-align: 	top;
	background-image: 	url(img/li_triangle_red_g.gif);
	background-position:	0 0;
	background-repeat: 	no-repeat;
	border-bottom:		3px dotted #9C8B4A;
}
.ShowTimeArea .ScheduleArea .ScheduleList {
	margin-left:		35px;
}
.ShowTimeArea .CommentArea {
	float:			left;
	margin-top:		15px;
	margin-left:		6px;
	_margin-left:		3px;
	padding:		5px;
	width:			307px;
	color:			#C0C0C0;
	font-size:		small;
	background-color:	#301515;
	border:			2px solid #9C8B4A;
}
/* ----- CommentArea IE以外用　CSSハック使用 ----- */
:root .ShowTimeArea .CommentArea {
	float:			left;
}
/* ----- ここまで ----- */

/* ==============================================================================
	Information Area Settings
============================================================================== */
.InformationArea {
	margin-left:		6px;
	margin-right:		6px;
	margin-bottom:		10px;
	width:			635px;
	height:			480px;
	background-color:	#000000;
	background-image:	url(img/informationtitle_back.gif);
	background-repeat:	no-repeat;
}
.InformationArea .StoreArea {
	float:			left;
	margin-top:		65px;
	margin-left:		3px;
	_margin-left:		1px;	/* ie4 〜ie6用 */
	width:			340px;
}
/* ----- StoreArea IE以外用　CSSハック使用 ----- */
:root .InformationArea .StoreArea {
	margin-left:		3px;
}
/* ----- ここまで ----- */
.InformationArea .StoreArea h2 {
	margin-bottom:		5px;
	padding-top:		5px;
	padding-bottom:		1px;
	padding-left:		15px;
	color:			#9C8B4A;
	font-weight: 		bold;
	font-size:		large;
	font-family:		ＭＳ Ｐ明朝;
	background-image:	url(img/h2_titleline_340.gif);
	background-repeat:	no-repeat;
}
.InformationArea .StoreArea .ContentsArea {
	padding-top:		7px;
	background-color:	#301515;
	border:			2px solid #9C8B4A;
}
.InformationArea .StoreArea .NewsArea {
	margin-left:		3px;
	margin-bottom:		20px;
}
.InformationArea .StoreArea .NewsArea .ContentsArea {
	overflow:		auto;
	padding-top:		7px;
	width:			335px;
	height:			110px;
	background-color:	#301515;
	border:			2px solid #9C8B4A;
}
.InformationArea .StoreArea .NewsArea ul{
	list-style: 		none;
}
.InformationArea .StoreArea .NewsArea li {
	overflow:		auto;
	margin-left:		5px;
	margin-right:		5px;
	margin-bottom:		10px;
	clear:			left;
	width:			305px;
	text-decoration:	none;
	color:			#ffffff;
}
.InformationArea .StoreArea .NewsArea li .title{
	margin-bottom:		0.5em;
	padding-left:		10px;
	float:			left;
	width:			220px;
	color:			#9C8B4A;
	font-size:		medium;
	font-weight: 		bold;
	border-left:		5px solid #990000;
	border-bottom:		1px solid #990000;
}
.InformationArea .StoreArea .NewsArea li .caption {
	float:			left;
	margin-left:		5px;
	width:			295px;
	font-size:		small;
}
.InformationArea .StoreArea .AccessArea {
	margin-left:		3px;
	margin-bottom:		20px;
	font-size:		small;
	color:			#ffffff;
}
.InformationArea .StoreArea .AccessArea .TextArea {
	float:			left;
	margin-left:		4px;
	_margin-left:		2px;	/* ie4 〜ie6用 */
	width:			120px;
}
.InformationArea .StoreArea .AccessArea .TextArea p {
	margin-top:		20px;
}
/* ----- TextArea p IE以外用　CSSハック使用 ----- */
:root .InformationArea .StoreArea .AccessArea .TextArea p {
	margin-top:		5px;
}
/* ----- ここまで ----- */
.InformationArea .StoreArea .AccessArea .MapArea {
	float:			right;
	margin-right:		4px;
	_margin-right:		2px;	/* ie4 〜ie6用 */
	width:			200px;
	height:			170px;
	border:			1px solid #990000;
	background-image:	url(img/map.jpg);
}
/* ----- MapArea IE以外用　CSSハック使用 ----- */
:root .InformationArea .StoreArea .AccessArea .MapArea {
	margin-right:		4px;
}
/* ----- ここまで ----- */
.InformationArea .WebArea {
	float:			right;
	margin-top:		65px;
	margin-right:		6px;
	_margin-right:		3px;	/* ie4 〜ie6用 */
	width:			270px;
}
/* ----- StoreArea IE以外用　CSSハック使用 ----- */
:root .InformationArea .WebArea {
	margin-right:		6px;
}
/* ----- ここまで ----- */
.InformationArea .WebArea h2 {
	margin-bottom:		5px;
	padding-top:		5px;
	padding-bottom:		1px;
	padding-left:		15px;
	color:			#9C8B4A;
	font-weight: 		bold;
	font-size:		large;
	font-family:		ＭＳ Ｐ明朝;
	background-image:	url(img/h2_titleline_270.gif);
	background-repeat:	no-repeat;
}
.InformationArea .WebArea .ContentsArea {
	padding-top:		7px;
	background-color:	#301515;
	border:			2px solid #9C8B4A;
}
.InformationArea .WebArea .TopicsArea {
	margin-bottom:		10px;
}
.InformationArea .WebArea .TopicsArea ul{
	list-style: 		none;
}
.InformationArea .WebArea .TopicsArea li {
	margin-top:		10px;
	margin-bottom:		10px;
	margin-left:		5px;
	margin-right:		5px;
	padding-left:		20px;
	padding-bottom:		5px;
	font-size:		small;
	color:			#ffffff;
	line-height:		120%;
	vertical-align: 	top;
	background-image: 	url(img/li_triangle_red_g.gif);
	background-position:	0 0;
	background-repeat: 	no-repeat;
	border-bottom:		3px dotted #9C8B4A;
}