@charset "utf-8";

@import "../common/css/base.css";
@import "../common/css/frame.css";

#bodyContent div.mainArea div.bnrObj ul:after,
#bodyContent div.mainArea div.newsObj ul li:after,
#bodyContent div.mainArea div.newsObj:after,
#bodyContent div.mainArea div.naviObj ul:after,
.row:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#bodyContent div.mainArea div.bnrObj ul,
#bodyContent div.mainArea div.newsObj ul li,
#bodyContent div.mainArea div.newsObj,
#bodyContent div.mainArea div.naviObj ul,
.row {
	zoom: 1;
}

/* CONTENTS FRAME */
	#bodyContent {
	_width:1040px;
	}
		#bodyContent div.mainimgObj {
			position: relative;
			z-index: 1;
		}
#bodyContent .mainimgObj .nyantomotopimg {
	background-image: url(../images/img_noflash_0911.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	clear: both;
	height: 375px;
	width: 965px;
}
#bodyContent .mainimgObj .nyantomotopimg p {
	margin: 0px;
	padding-top: 321px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 743px;
}

		#bodyContent div.mainArea {
	position: relative;
	z-index: 10;
	left: 24px;
	margin-top: -35px;
	float: left;
	width: 740px;
		}
		#bodyContent div.sideArea {
			position: relative;
			z-index: 10;
			left: 0;
			float: right;
			width: 185px;
			padding-top: 20px;
		}


/* CONTENTS */
		
		#bodyContent div.mainArea div.opcpObj {
			margin-bottom: 12px;
		}

		#bodyContent div.mainArea div.livingstyleObj {
			/*margin-bottom: 12px;*/
		}
			#bodyContent div.mainArea div.livingstyleObj a {
				position: relative;
				padding: 6px 7px 8px 7px;
				display: block;
			}
			#bodyContent div.mainArea div.livingstyleObj span.bgbox {
				position: relative;
				margin-left: -7px;
				margin-top: -97px;
				width: 732px;
				height: 105px;
				/*\*//*/
				padding-bottom: 105px;
				/**/
				background: url(../images/bnr_frm.png) no-repeat left top;
				_background: none;
				_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/bnr_frm.png');
				text-indent: -9999px;
				overflow: hidden;
				display: block;
				cursor: pointer;
			}

		#bodyContent div.mainArea div.NyanMobile {
			margin-bottom: 12px;
			position:relative;
		}
		#bodyContent div.mainArea div.NyanMobile div.NyanMobileURL {
			width:240px;
			height:30px;
			position:absolute;
			top:60px;
			left:45px;
		}
		#bodyContent div.mainArea div.NyanMobile div.NyanMobileURL a {
			display:block;
			background:url(../images/bg_mobile_big_off.gif) no-repeat;
			width:240px;
			height:30px;
		}
		#bodyContent div.mainArea div.NyanMobile div.NyanMobileURL a:hover {
			background-image:none;
		}
		
		#bodyContent div.mainArea div.leftArea {
			float: left;
			width: 236px;
			margin-bottom: 12px;
			margin-right:5px;
			margin-left:4px;
			_margin-right:4px;
			_margin-left:2px;
		}

		#bodyContent div.mainArea div.naviObj {
			float:left;
			width:492px;
			margin-bottom: 12px;
		}
			#bodyContent div.mainArea div.naviObj ul {
			}
				#bodyContent div.mainArea div.naviObj ul li {
					float: left;
				}
				#bodyContent div.mainArea div.naviObj ul li.l1 {
					width: 240px;
					margin-right: 5px;
					margin-bottom: 5px;
				}
				#bodyContent div.mainArea div.naviObj ul li.l2 {
					width: 240px;
					margin-right: 5px;
					margin-bottom: 5px;
				}
				#bodyContent div.mainArea div.naviObj ul li.l3 {
					width: 240px;
					margin-right: 5px;
					margin-bottom: 5px;
				}
				#bodyContent div.mainArea div.naviObj ul li.l4 {
					width: 240px;
					margin-right: 5px;
					margin-bottom: 5px;
				}
				#bodyContent div.mainArea div.naviObj ul li.l5 {
					width: 240px;
					margin-right: 5px;
					margin-bottom: 5px;
				}
				#bodyContent div.mainArea div.naviObj ul li.l6 {
					width: 240px;
					margin-right: 5px;
					margin-bottom: 5px;
				}
					#bodyContent div.mainArea div.naviObj ul li a {
						display: block;
						cursor: pointer;
						color: #000;
					}
					#bodyContent div.mainArea div.naviObj ul li a * {
						cursor: pointer;
					}
					#bodyContent div.mainArea div.naviObj ul li.l1 a {
						background: url(../images/nav1.jpg) no-repeat;
						background-position: 0 0;
						width: 240px;
						height: 115px;
					}
					#bodyContent div.mainArea div.naviObj ul li.l2 a {
						background: url(../images/nav3.jpg) no-repeat;
						background-position: 0 0;
						width: 240px;
						height: 115px;
					}
					#bodyContent div.mainArea div.naviObj ul li.l3 a {
						background: url(../images/nav2.jpg) no-repeat;
						background-position: 0 0;
						width: 240px;
						height: 115px;
					}
					#bodyContent div.mainArea div.naviObj ul li.l4 a {
						background: url(../images/nav4.jpg) no-repeat;
						background-position: 0 0;
						width: 240px;
						height: 115px;
					}
					#bodyContent div.mainArea div.naviObj ul li.l5 a {
						background: url(../images/nav5.jpg) no-repeat;
						background-position: 0 0;
						width: 240px;
						height: 91px;
					}
					#bodyContent div.mainArea div.naviObj ul li.l6 a {
						background: url(../images/nav6.jpg) no-repeat;
						background-position: 0 0;
						width: 240px;
						height: 91px;
					}
					#bodyContent div.mainArea div.naviObj ul li.l1 a:hover,
					#bodyContent div.mainArea div.naviObj ul li.l2 a:hover,
					#bodyContent div.mainArea div.naviObj ul li.l3 a:hover,
					#bodyContent div.mainArea div.naviObj ul li.l4 a:hover {
						background-position: 0 -115px;
						color: #000;
					}
					#bodyContent div.mainArea div.naviObj ul li.l5 a:hover,
					#bodyContent div.mainArea div.naviObj ul li.l6 a:hover {
						background-position: 0 -91px;
						color: #000;
					}
					#bodyContent div.mainArea div.naviObj ul li a strong {
						display: none;
					}
					#bodyContent div.mainArea div.naviObj ul li a span {
						padding: 45px 15px 0 21px;
						display: block;
					}
					#bodyContent div.mainArea div.naviObj ul li.l5 a span,
					#bodyContent div.mainArea div.naviObj ul li.l6 a span {
						padding: 42px 15px 0 21px;
					}
					
		#bodyContent div.mainArea div.newsObj {
			margin-bottom: 22px;
			padding: 0 1px 0 19px;
		}
			#bodyContent div.mainArea div.newsObj h5 {
				float: left;
				background: url(../images/hed_news.jpg) no-repeat left top;
				width: 109px;
				height: 107px;
				/*\*//*/
				padding-bottom: 107px;
				/**/
				text-indent: -9999px;
				overflow: hidden;
			}
			#bodyContent div.mainArea div.newsObj ul {
				float: right;
				line-height: 1;
				width: 582px;
			}
				#bodyContent div.mainArea div.newsObj ul li {
					background: url(../images/bg_news2.gif) no-repeat right top;
					margin-bottom: 2px;
					padding-right: 15px;
					height: 25px;
					line-height: 25px;
					overflow: hidden;
					display: block;
					color: #693d0d;
				}
				#bodyContent div.mainArea div.newsObj ul li a {
					position: relative;
					margin-right: -15px;
					padding-right: 15px;
					background: url(../images/bg_news2.gif) no-repeat right top;
					height: 25px;
					overflow: hidden;
					display: block;
					color: #0062db;
				}
				#bodyContent div.mainArea div.newsObj ul li a:hover {
					background-position: right -25px;
					color: #FFF;
				}
					#bodyContent div.mainArea div.newsObj ul li span,
					#bodyContent div.mainArea div.newsObj ul li a span {
						background: url(../images/bg_news1.gif) no-repeat;
						background-position: 0 0;
						float: left;
						width: auto;
						margin-right: 10px;
						padding: 0 10px;
						color: #FFF;
					}
					#bodyContent div.mainArea div.newsObj ul li a span {
						cursor: pointer;
					}
					#bodyContent div.mainArea div.newsObj ul li a:hover span {
						background-position: 0 -25px;
						color: #FFF;
					}
		
		#bodyContent div.mainArea div.bnrObj {
			background: url(../common/images/dot1.gif) repeat-x left top;
			padding: 22px 1px 0 1px;
		}
			#bodyContent div.mainArea div.bnrObj ul {
			}
			#bodyContent div.mainArea div.bnrObj ul li.l1 {
				float: left;
				width: 355px;
			}
			#bodyContent div.mainArea div.bnrObj ul li.l2 {
				float: right;
				width: 355px;
			}
				#bodyContent div.mainArea div.bnrObj ul li a {
					color: #666;
					cursor: pointer;
				}
					#bodyContent div.mainArea div.bnrObj ul li a * {
						cursor: pointer;
					}
				#bodyContent div.mainArea div.bnrObj ul li a:hover {
					color: #ff6000;
				}
				#bodyContent div.mainArea div.bnrObj ul li a span.image {
					float: left;
					position: relative;
					z-index: 1;
					width: auto;
					border: none;
					display: block;
					overflow: hidden;
				}
					#bodyContent div.mainArea div.bnrObj ul li a span.image img {
						position: relative;
						left: 0;
						top: 0;
						z-index: 2;
					}
				#bodyContent div.mainArea div.bnrObj ul li a:hover span.image {
					border: solid 1px #ff6000;
				}
					#bodyContent div.mainArea div.bnrObj ul li a:hover span.image img {
						position: relative;
						left: -1px;
						top: -1px;
						margin-right: -2px;
						margin-bottom: -2px;
					}
				#bodyContent div.mainArea div.bnrObj ul li span.txt {
					float: right;
					width: 158px;
					display: block;
				}

		#bodyContent div.sideArea div.bnrObj {
			margin-bottom: 10px;
			padding: 0;
		}

		#bodyContent div.sideArea div.naviObj {
			margin-bottom: 10px;
		}
			#bodyContent div.sideArea div.naviObj ul {
			}
				#bodyContent div.sideArea div.naviObj ul li.l1 {
					height: 42px;
				}
				#bodyContent div.sideArea div.naviObj ul li.l2 {
					height: 41px;
				}
				#bodyContent div.sideArea div.naviObj ul li.l3 {
					height: 41px;
				}
					#bodyContent div.sideArea div.naviObj ul li a {
						height: 41px;
						/*\*//*/
						padding-bottom: 41px;
						/**/
						text-indent: -9999px;
						overflow: hidden;
						display: block;
						cursor: pointer;
					}
					#bodyContent div.sideArea div.naviObj ul li.l1 a {
						background: url(../images/side_nav1.gif) no-repeat;
						background-position: 0 0;
						height: 42px;
						/*\*//*/
						padding-bottom: 42px;
						/**/
					}
					#bodyContent div.sideArea div.naviObj ul li.l2 a {
						background: url(../images/side_nav2.gif) no-repeat;
						background-position: 0 0;
					}
					#bodyContent div.sideArea div.naviObj ul li.l3 a {
						background: url(../images/side_nav3.gif) no-repeat;
						background-position: 0 0;
					}
					#bodyContent div.sideArea div.naviObj ul li.l1 a:hover {
						background-position: 0 -42px;
					}
					#bodyContent div.sideArea div.naviObj ul li.l2 a:hover,
					#bodyContent div.sideArea div.naviObj ul li.l3 a:hover {
						background-position: 0 -41px;
					}

			#bodyContent div.sideArea div.shopObj {
				margin-bottom:10px;
				background-image:url(../images/bnr_shop_on.gif);
			}
			#bodyContent div.sideArea div.shopObj a {
				margin:0;
				padding:0;
				width:185px;
				height:98px;
				display:block;
				overflow:hidden;
				text-indent:-9999px;
				background:url(../images/bnr_shop.gif) no-repeat;
			}
			#bodyContent div.sideArea div.shopObj a:hover {
				background-image:url(../images/bnr_shop_on.gif);
			}


		#bodyContent div.sideArea div.mobileObj {
	margin: 0px;
	background:url(../images/bg_mobile.gif) no-repeat left top;
	width:185px;
	height:190px;
		}
		
			#bodyContent div.sideArea div.mobileObj p {
	width:185px;
	line-height:1.5em;
	padding-top: 32px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 75px;
			}
				
		#bodyContent div.sideArea div.mobileObj2 {
			margin: 0px;
			background:url(../images/bg_mobile.gif) no-repeat left bottom;
			width:185px;
			height:30px;
		}
		
			#bodyContent div.sideArea div.mobileObj2 a {
				margin:0;
				padding:0;
				width:185px;
				height:30px;
				display:block;
				overflow:hidden;
				text-indent:-9999px;
				background:url(../images/bg_mobile2.gif) no-repeat;
			}
			#bodyContent div.sideArea div.mobileObj2 a:hover {
				background-image:none;
			}
			
/* Top Main 静止画用 オンマウス処理 */
#bodyContent div.mainimgObj div.mOver {
	position:absolute;
	display:block;
	width:127px;
	height:20px;
	z-index:20;
	border:none;
	left:814px;
	top:236px;
}
#bodyContent div.mainimgObj div.mOver a {
	display:block;
	width:127px;
	height:20px;
	margin:0; padding:0;
	text-indent:-9999px;
	background:url(../images/img_noflash_olive_btn.gif) no-repeat;
}

#bodyContent div.mainimgObj div.mOver a:hover {
	background:url(../images/img_noflash_olive_btn2.gif) no-repeat;
}