@charset "utf-8"; 

* {margin: 0px; padding: 0px; font-size: 100%; font-weight: normal; font-style:normal;}


/***body要素*********************************/
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif; 
	font-size: 75%;
	line-height: 1.4;
	margin: 0px;
	text-align: center;

}

em{	font-style: normal; font-weight: bold; font-size: 1.2em; } 
strong{ color: #5A3D1B; font-weight:bold;}
img { border: none;}


a:hover {
color: #3aa90d;	
	}

/*メインボディ****************************/

#mama_wrap{
	width: 870px;
	margin: 0px auto;
	background: url(../images/check.gif);

	}

	#mama_wrap h2 {
		display: none;
		}
	
	#mama_wrap h3 {
		clear: both;
		}
	
	#mama_wrap p{
		text-indent: 0;
		}


.boxHalf {
	float: left;
	width: 435px;
	}

.left {
	float: left;
	}

.right {
	float: right;
}

.clear {
	clear: both;
	}

.boxRace {
		background: url(../images/boxp.png) repeat;

}

/*トップ**********************************/

#mtop_left {
	float: left;
	width: 520px;
}

#mtop_right{
	float: right;
	width: 350px;
	}

/*トップの更新ボックス*************************************/
	#Newsbase {
	background: url(../images/mama3_index_02.jpg) no-repeat;
	width: 350px;
	height: 257px;
	color:#ff5167;
	position: relative;
	}
	
		#newsBox{
	width: 250px;
	height: 100px;
	position: absolute;
	z-index: 99;
	right: 78px;
	top: 112px;
	overflow: auto;
	scrollbar-base-color : #fff;
	scrollbar-face-color : #fce5e7;
	scrollbar-arrow-color : #FFF;
	scrollbar-track-color: #f9f5dc;
	scrollbar-shadow-color : #e9b9bf;
	scrollbar-highlight-color : #FFF;
	scrollbar-3dlight-color: #f9f5dc;
	scrollbar-darkshadow-color : #FFF;
		}
		
		#newsBox h3{
		font-weight: bold;
		background: url(../images/top_h3.gif) no-repeat;
		padding-left: 20px;

		}

		#newsBox h3.newsBoxNew{
		font-weight: bold;
		background: url(../images/top_h3_new.gif) no-repeat;
		padding-left: 45px;

		}

			#newsBox p{
			border-bottom: dotted #f4b2ba;
			margin: 5px 0px 15px;
			padding: 2px 0px 5px 20px;
			line-height: 1.6;
		}

/*トップのメニュー****************************/

	#mtop_menu{
	width: 340px!important;
	width /**/: 350px;
	height: 70px;
	padding-left: 10px;
	background: url(../images/mama3_index_03.jpg) no-repeat;
	}

	#gNaviHead{
		float: right;
		width: 330px!important;
		width /**/:350px;
		height: 115px!important;
		height /**/: 145px;
		padding: 30px 0px 0px 20px;
		background: url(../images/page_news_02.jpg) no-repeat;
		}

		ul#gNavi {
		list-style: none;
		width: 276px;
		height: 70px;
		overflow: hidden;
		margin: 0px!important;
		padding: 0px!important; 
			}
		
			ul#gNavi li {
			width: 69px;
			height: 70px;
			float: left;
			margin: 0px!important;
			padding: 0px!important;
			}
			
				ul#gNavi li a{
				display: block;
				width: 69px;
				height: 0px;
				padding-top: 70px;
				overflow: hidden;
				background: url(../images/mtop_menu.png) no-repeat;
				}

				ul#gNavi li#mamaNews a  {background-position: 0px 0px;}	
				ul#gNavi li#mamaNews a:hover  {background-position: 0px -70px;}	
				ul#gNavi li#mamaNewsON a  {background-position: 0px -70px; cursor: default;}	
				
				ul#gNavi li#mamaGame a {background-position: -69px 0px;}
				ul#gNavi li#mamaGame a:hover  {background-position: -69px -70px;}
				ul#gNavi li#mamaGameON a  {background-position: -69px -70px; cursor: default;}			
				
				ul#gNavi li#mamaGallery a  {background-position: -138px 0px;}
				ul#gNavi li#mamaGallery a:hover  {background-position: -138px -70px;}		
				ul#gNavi li#mamaGalleryON a  {background-position: -138px -70px; cursor: default;}			
				
				ul#gNavi li#mamaLink a {background-position: -207px 0px;}
				ul#gNavi li#mamaLink a:hover  {background-position: -207px -70px;}		
				ul#gNavi li#mamaLinkON a  {background-position: -207px -70px; cursor: default;}	

/*メインのボックス****************************/

.mamaBoxhead {
	background: url(../images/box_top.png) no-repeat top;
	height: 0px;
	padding-top: 38px;
	overflow: hidden;
	clear: both;
}

.mamaBoxCont {
		background: url(../images/box_main.png) repeat-y;

}

	.mamaBoxCont h3 {
		margin: 0px 0px 10px;
		}
	
		.mamaBoxCont h3 img { /* IE-expression (fix png alpha) */
					behavior: expression(
					this.style.filter = this.src.match(/\.png$/) ? "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "')" : this.style.filter,
					this.src = this.src.match(/\.png$/) ? this.src.slice(0, this.src.lastIndexOf("/")+1) + "ie6png.gif" : this.src,
					this.style.behavior = "none"
					);}	
	
		.mamaBoxCont p {
	
			padding: 20px 70px;
			font-weight: bold;
			font-size: 1.2em;
			color: #ff5167;
		
		}


	.mamaBoxCont img{ /* IE-expression (fix png alpha) */
					behavior: expression(
					this.style.filter = this.src.match(/\.png$/) ? "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "')" : this.style.filter,
					this.src = this.src.match(/\.png$/) ? this.src.slice(0, this.src.lastIndexOf("/")+1) + "ie6png.gif" : this.src,
					this.style.behavior = "none"
					);}	

.mamaBoxFoot {
	background: url(../images/box_foot.png) no-repeat top;
	width: 810px!important;
	width /**/: 870px;
	padding-right: 60px;
	height: 100px;
	clear: both;
	}

	.mamaBoxFoot a{
	display: block;
	width: 160px;
	height: 0px!important;
	height /**/: 20px;
	padding-top: 20px;
	overflow: hidden;
	float: right;
	}

/********************************/

img.pngfix { /* IE-expression (fix png alpha) */
				behavior: expression(
				this.style.filter = this.src.match(/\.png$/) ? "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "')" : this.style.filter,
				this.src = this.src.match(/\.png$/) ? this.src.slice(0, this.src.lastIndexOf("/")+1) + "ie6png.gif" : this.src,
				this.style.behavior = "none"
				);}	

* #mamaCopy img{ /* IE-expression (fix png alpha) */
				behavior: expression(
				this.style.filter = this.src.match(/\.png$/) ? "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "')" : this.style.filter,
				this.src = this.src.match(/\.png$/) ? this.src.slice(0, this.src.lastIndexOf("/")+1) + "ie6png.gif" : this.src,
				this.style.behavior = "none"
				);}	



/*リンクのページ****************************************/
ul.netsyop {
	float: right;
	width: 480px;
	list-style: none;
	margin-bottom: 20px;
	padding: 10px 110px 0px 0px;
	background: url(../images/link_netshop_mama.png) no-repeat 450px 30px;


}	
	ul.netsyop li{
	width: 230px;
	height: 40px;
	margin: 0px 10px 3px 0px;
	float: left;

	}

	ul.netsyop li a{
	display: block;
	width: 230px;
	height:0px!important;
	height /**/: 40px;
	padding-top: 40px;
	overflow: hidden;
	background: url(../images/netshop.png);
	}

		ul.netsyop li#netA a {background-position: 0px 0px;}
		ul.netsyop li#netA a:hover {background-position: 0px 2px;}

		ul.netsyop li#netB a {background-position: 0px -40px;}
		ul.netsyop li#netB a:hover {background-position: 0px -38px;}

		ul.netsyop li#netC a {background-position: 0px -80px;}
		ul.netsyop li#netC a:hover {background-position: 0px -78px;}

		ul.netsyop li#netD a {background-position: 0px -120px;}
		ul.netsyop li#netD a:hover {background-position: 0px -118px;}

		ul.netsyop li#netE a {background-position: 0px -160px;}
		ul.netsyop li#netE a:hover {background-position: 0px -158px;}

		ul.netsyop li#netF a {background-position: 0px -200px;}
		ul.netsyop li#netF a:hover {background-position: 0px -198px;}

		ul.netsyop li#netG a {background-position: 0px -240px;}
		ul.netsyop li#netG a:hover {background-position: 0px -238px;}

		ul.netsyop li#netH a {background-position: 0px -280px;}
		ul.netsyop li#netH a:hover {background-position: 0px -278px;}
		
		ul.netsyop li#netI a {background-position: 0px -320px;}
		ul.netsyop li#netI a:hover {background-position: 0px -318px;}
/****************/
ul.dac {
	height: 130px;
	background: url(../images/link_dac_02.png) no-repeat;
	padding: 0px 100px 0px 120px;
	list-style: none;

}	
	ul.dac li{
	width: 102px;
	height: 110px;
	margin-right: 5px;
	float: left;
}	

	ul.dac li a{
	display: block;
	width: 102px;
	height: 0px!important;
	height /**/: 110px;
	padding-top: 110px;
	overflow: hidden;
	background-image: url(../images/dac.jpg);

}		

		ul.dac li#dacA a {background-position: 0px 0px;}
		ul.dac li#dacA a:hover {background-position: -102px 0px;}

		ul.dac li#dacB a {background-position: 0px -110px;}
		ul.dac li#dacB a:hover {background-position: -102px -110px;}

		ul.dac li#dacC a {background-position: 0px -220px;}
		ul.dac li#dacC a:hover {background-position: -102px -220px;}

		ul.dac li#dacD a {background-position: 0px -330px;}
		ul.dac li#dacD a:hover {background-position: -102px -330px;}

		ul.dac li#dacE a {background-position: 0px -440px;}
		ul.dac li#dacE a:hover {background-position: -102px -440px;}

		ul.dac li#dacF a {background-position: 0px -550px;}
		ul.dac li#dacF a:hover {background-position: -102px -550px;}

	
/*トップのバナー***************/
#topBunner {
	width: 350px;
	height: 221px;
	background: url(../images/mama3_index_04.jpg) no-repeat;

}
	
	#topBunner ul {
	list-style: none;
	padding: 10px 0px 0px 20px;
	}
	
	#topBunner ul li{
	width: 260px;
	height: 55px;
	margin: 0px 0px -3px 0px;
}	

	#topBunner ul li a{
	display: block;
	width: 260px;
	height:0px!important;
	height /**/: 55px;
	padding-top: 55px;
	overflow: hidden;
	background: url(../images/top_bunner.png) no-repeat;

}		

		#topBunner ul li#bunnerA a{background-position: 0px 0px;}
		#topBunner ul li#bunnerA a:hover {background-position: 0px 2px;}

		#topBunner ul li#bunnerB a {background-position: 0px -55px;}
		#topBunner ul li#bunnerB a:hover {background-position: 0px -53px;}

		#topBunner ul li#bunnerC a {background-position: 0px -110px;}
		#topBunner ul li#bunnerC a:hover {background-position: 0px -108px;}

	 
/*フッタ****************************/

#footer_mama3 {
	width: 860px;
	margin: 5px auto 0px;
	padding: 10px 5px;
	color: #929292;
	font-size: 0.9em;
	text-align: left;
	border-top: dotted #f4b2ba;
	background-color:#FFF;
}

#footer_mama3 img {
	border: none;
	margin-right: 10px;
	float: left;
}

