@charset "utf-8"; 

body {
	behavior:url("../../scripts/csshover2.htc");
	}

* html 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"
				);}	

/*共通の設定***************************/
#mugwrap a {
		font-weight: bold;
		color: #00b3f0;
}

#mugwrap a:hover{
	color:#F06;
}

em{	font-style: normal; font-weight: bold;} 
strong{ font-weight:bold; font-size: 1.0em; color:#F06;}
img { border: none;}

.typeS{
	font-size:0.9em;
}

.imgL {
	float: left;
	margin: 0px 10px 10px 10px;
	}

.imgR {
	float: right;
	margin: 0px 10px 10px 10px;
	}

.topLink {
	text-align: right;
	clear: both;
}

#mugwrap ul{
	margin: 5px 5px 10px 20px;
}

	#mugwrap ul li{
	margin:4px 2px 3px;
	}

/*トップページの設定*************************************************************/

/*ページ全体を包む要素*/

#mugwrap {
	width:100%;
	margin: 0px auto;
	position: relative;
	z-index: 1;
	background: url(../images/mug_bac.jpg) repeat-x #ffd64f;
	}
	#mugwrap p {
		margin: 0px!important;
		padding: 10px 10px 15px 20px!important;
		text-indent: 0em!important;
	}


	#mugwrap h3 {

	margin-bottom: 20px;
	}
	#mugwrap h4 {
	margin-bottom: 5px;

	}
	#mugwrap h5 {
	border-bottom: #03b0f9 dotted;
	color: #03b0f9;
	font-weight: bold;
	padding: 10px 5px 0px 5px;
	margin: 10px 5px 10px 10px;
	clear:both;

	}


#mugwrap table th {
	background-color: #ffdbed;
	font-weight: bold;
	padding: 3px;
	text-align: right;

}

#mugwrap table td {
	padding: 3px;
	background-color: #fdffc7;

}

#mugwrap table.base{


}

	#mugwrap table.base th{
	padding: 2px 5px 3px 2px;
	border-bottom: 1px solid #9CF
	
	}
	
		#mugwrap table.base td{
		padding: 2px 5px 3px 10px;
		border-bottom: 1px solid #9CF;
		
		}

/*トップページヘッダ****************************/
/*左*/
h2#toph2 {
	width:335px;
	height:0px!important;
	height /**/:214px;
	background:url(../images/mug_top_01.jpg) no-repeat;
	padding-top: 214px;
	overflow: hidden;

	}		


#mugTopLeft{
	width:335px;
	height: 496px;
	float: left;
	background:url(../images/mug_top_04.jpg) no-repeat 0px 214px; 
}

	#mtopBanner{
	width:260px;
	margin: 0px 0px 0px 50px;

	}

		#mtopBanner img{
		margin-bottom:4px;
		}

/*右*/
#mugTopRight{
	width: 565px;
	height: 496px;
	float: right;
	position: relative;

}

	#mtopGnavi{
	width: 565px;
	height: 92px;
	background:url(../images/mug_top_02.jpg) no-repeat 0px 0px;
	overflow:hidden;

	}

	#mtopGnavi ul{
	margin: 0px 0px 0px 33px!important;
	padding: 0px!important;
	list-style: none!important;
	}

		#mtopGnavi ul li{
		margin: 58px 0px 0px;
		float:left;
		width: 119px;
		height: 35px;
		overflow: hidden;
		}


			#mtopGnavi ul li a{
			display: block;
			height: 0px;
			height /**/: 35px;
			width: 114px;
			padding-top: 35px;
			overflow: hidden;
			background:url(../images/mug_gnavi.gif) no-repeat 0px 2px;
			}

				#mtopGnavi ul li#mnaviGame a{background-position: 0px 2px;}
				#mtopGnavi ul li#mnaviList a{background-position: -114px 2px;}
				#mtopGnavi ul li#mnaviMovie a{background-position: -228px 2px;}
				#mtopGnavi ul li#mnaviBlog a{background-position: -342px 2px;}

				#mtopGnavi ul li#mnaviGame a:hover{background-position: 0px 0px;}
				#mtopGnavi ul li#mnaviList a:hover{background-position: -114px 0px;}
				#mtopGnavi ul li#mnaviMovie a:hover{background-position: -228px 0px;}
				#mtopGnavi ul li#mnaviBlog a:hover{background-position: -342px 0px;}

				#mtopGnavi ul li#mnaviGameON a{background-position: 0px -36px; cursor:default;}
				#mtopGnavi ul li#mnaviListON a{background-position: -114px -36px; cursor:default;}
				#mtopGnavi ul li#mnaviMovieON a{background-position: -228px -36px; cursor:default;}
				#mtopGnavi ul li#mnaviBlogON a{background-position: -342px -36px; cursor:default;}



	p.mugblog {
	position:absolute;
	width: 240px;
	height: 23px;
	font-size: 0.9em;
	left: 276px;
	top: 0px;
	overflow: hidden;
			}

	p.mugblogB {
	position:absolute;
	width: 240px;
	height: 23px;
	font-size: 0.9em;
	left: 611px;
	top: 0px;
	overflow: hidden;
			}
/*更新ボックス****************************/


#boxA{
	width: 255px;
	height: 130px;
	margin: 0px 30px 0px 50px;
	padding-top: 20px;
	background: url(../images/mug_box_top.gif) no-repeat;
}
/***/
	#boxB {
	background: url(../images/mug_box_p.gif) ;
	padding: 0px 10px;
	}

	
		#boxB h3 {
			background: url(../images/mug_list.jpg) no-repeat 3px 0px;
			padding-left: 25px;
			margin-bottom: 3px;
			font-weight: bold;
		
			}
			#boxB p {
				padding: 2px 0px 5px 15px!important;
				margin-bottom: 0px!important;
			}
		
			#boxC {
				
				background: url(../images/mug_box_foot.gif) no-repeat bottom;
				padding-bottom: 20px;
			}			
			
			#boxD {
			overflow: auto;
			height: 97px;
			padding-bottom: 5px;
			}

/*各ページのヘッダ設定***************************************/




/*ブログページの設定***************************************************************************************************/
#mugwrapB {
	width: 900px;
	margin: 0px auto;
	background: url(../images/mug_bac.jpg) repeat-x #f19cc5;
	text-align: center;
	}

/****************************/

h2#blogh2 {	

	}

			* html h2#blogh2 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"
				);}	

								
/*メインボディ****************************/
#MmainCont {
	width: 740px!important;
	width /**/: 800px;
	margin: 0px auto;
	padding: 0px 30px;
	overflow: hidden;
	background: url(../images/mug_main.jpg) repeat-y 0px 0px #FFF;

}

/*各ページの設定****************************/
	.Munit {
	width: 740px!important;
	width /**/: 800px;
	margin: 0px auto;
	padding: 15px 0px 5px;
	overflow: hidden;
	background: url(../images/mug_dot.gif) repeat-x bottom;
	zoom:1;/*for IE 5.5-7*/
	text-align: left;
	}
		div.Munit:after {
		content:".";
		height:0;
		clear:both;
		display:block;
		visibility:hidden;
	}
		.Munit p {
		padding: 10px 20px 20px!important;

		}

/*曲リストページの設定10/4/21****************************/
#mugList{
	width: 735px;
	background:url(../images/mug_list_head.jpg) no-repeat 0px 0px;
	padding: 20px 0px 0px;
	margin: auto;
}

	#mugList div{
	background:url(../images/mug_list_back.jpg);
	}

	#mugList table {
	width:706px;
	margin:auto;
/*	border-collapse:separate;
	border-spacing: 3px 2px;*/
	}
	
		#mugList table td{
		width: 49%;
		padding: 3px 3px 3px 25px;
		font-weight: bold;
	}
			#mugList table td span{
			font-size:0.9em;
			font-weight:normal;
		}
			#mugList table td img{
			float: right;
			margin-left: 3px;
		}

/***/
#mugList table td.pink{	background:url(../images/mug_tdico01.gif) no-repeat 3px 2px #ffd4e0;}
#mugList table td.orange{	background:url(../images/mug_tdico02.gif) no-repeat 3px 2px #ffd19f;}
#mugList table td.green{	background:url(../images/mug_tdico03.gif) no-repeat 3px 2px #cfffaa;}
#mugList table td.purple{	background:url(../images/mug_tdico04.gif) no-repeat 3px 2px #ecd3ff;}
#mugList table td.red{	background:url(../images/mug_tdico05.gif) no-repeat 3px 2px #fdbaba;}
#mugList table td.blue{	background:url(../images/mug_tdico06.gif) no-repeat 3px 2px #c7effd;}
#mugList table td.yellow{	background:url(../images/mug_tdico07.gif) no-repeat 3px 2px #fbfea9;}


/***/
#mugListFoot{
	background:url(../images/mug_list_footer.jpg) no-repeat;
	height:24px;
	width: 735px;
	margin:auto;
}

/*ギャラリーページページの設定09/11/26****************************/

.boxhalf, .boxhalfB {
	width:370px;
	float: left;
	margin: 5px 0px 20px;
	text-align: center;
}

	.boxhalf img, .boxhalfB img{
	border: 2px solid #ff8d12;
	margin: 0px 27px;
	}
	
	.boxhalf h4, .boxhalfB h4 {
	background: url(../images/mug_gallery_h3.jpg) no-repeat #0F0;
	color:#FFF;
	font-weight: bold;
	margin: 10px 10px 0px;
	height: 25px;
	line-height: 25px;
	overflow: hidden;
	}

/*ブログ本体の設定**************/

.contBlog {
	width: 480px;
	margin: 0px 0px 10px 20px;
	}

	.contBlog h3 {
	font-weight: bold;
	background:  url(../images/mug_b_h3.jpg) no-repeat;
	height: 20px;
	color: #FFFFFF;
	padding: 2px 2px 2px 20px;
	margin-bottom: 10px;
	}
	
	.contBlog p{
	text-indent: 0em!important;
	padding: 5px 20px 10px!important;
	}

/*リストの設定**************/
.contRight {
	width:190px;
	padding: 15px 0px 0px;
	float: right;
	border:#21bdff dotted;
	text-align: center;
}
	
	.contRight ul {
		padding: 0px 3px 3px 10px;
		margin: 0px 2px 5px;
		text-align: left;

	}
	
		.contRight ul li {
		margin: 2px 0px 3px 0px;
		padding: 2px 2px 2px 37px;
		list-style: none;
		background: url(../images/mug_list.jpg) no-repeat 0px 2px;
		}
		
		.contRight ul li.mugNew {
		padding: 2px 2px 2px 37px;
		background: url(../images/mug_list_new.jpg) no-repeat 0px 2px;
		
		}	
		
			.contRight p {
			font-size: 0.9em;
			text-indent: 0em;
			background-color: #FFFFCC;
			text-align: left;
			margin: 10px 15px 10px;
			padding: 10px!important;
			}

/*トップリンク**********************/	
#topLink {
	text-align: right;
	padding: 10px 0px;
}

/*NO考リンク**********************/	
#nokoLink {
	margin-top: 30px;
	height: 48px;
	text-align: right;
	background: url(../images/senyo_noko_link.gif) no-repeat;
}

/*フッタ****************************/


#Mfooter {
	width: 800px;
	height: 80px;
	margin: 0px auto;
	clear: both;
	text-align: right;	
	background: url(../images/mug_footer.gif) no-repeat;
}
	#Mfooter img {
		margin:50px 30px 15px 0px;
	}

			* html #Mfooter 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"
				);}	
/*フッタ****************************/

			* html img.Mfiximg{ /* 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"
				);}	

/*利用規約用ボックス****************************/

.boxhalfC {
	width:370px;
	float: left;
	margin: 0px 0px 0px;
}

.boxKiyaku{
	border:1px solid #F99;
	height: 80px;
	overflow: auto;
	margin: -10px 20px 0px;
	background-color: #fdffc7;
	
}