@charset "UTF-8";

/* ---------------------------------------------------------------------

TITLE   : base.css
DATE    : 2009/05/26
URL     : http://www.may-j.com/family/_lib/css/base.css
AUTHOR  : Kumiko Mori

--------------------------------------------------------------------- */


/* ----------------------------------------------------------------
For index.html
---------------------------------------------------------------- */

/* bace
----------------------------------------------- */
body, div,
dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre, form, fieldset, legend, input, textarea, p, blockquote, address,
th, td {
	margin: 0;
	padding: 0;
}

body#enter {
	padding: 0;
	margin:0;
	font: 80%/1.5 "‚l‚r ‚oƒSƒVƒbƒN", "Hiragino Kaku Gothic Pro", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", Osaka, sans-serif;
	color: #999;
	background:#FFF;
	height:100%;
}
/* for WinIE \*/
*html body#enter {
	font-size: 80%; /* ƒRƒR */
}

address, cite, code, dfn, em, var {
	font-style: normal;
	font-weight: normal;
}

img,
a img {
	text-decoration: none;
	background: transparent;
	border: 0 none;
}

fieldset { border: 0 none; }

ul, ol { list-style: none; }

.hide { display: none; }





/* Link
----------------------------------------------- */
a:link { color: #333; text-decoration: underline; }
a:visited { color: #000;  text-decoration: underline; }
a:hover { color: #000; text-decoration: underline; }
a:active { color: #000; text-decoration: underline; }



/* Clear Fix
----------------------------------------------- */
/* for Modern Browser */
.clearfix:after { 
	content: ".";
	height: 0;
	display: block;
	clear: both;
	visibility: hidden;
}
/* for WinIE7 & MacIE */
.clearfix { display: inline-block; } 
/* for WinIE \*/
*html .clearfix { height: 1%; }
.clearfix { display: block; }



/* container
------------------------------------------------------- */
body#enter #container {
	margin: 0 auto;
	padding:0;
	text-align:center;
	width:1000px;
	height:710px;
	background:#FFF;
}



/* contents
------------------------------------------------------- */
body#enter #contents {
	/*height:670px;*/
	padding-top:255px;
	display:block;
	overflow:hidden;
	padding-bottom:255px;
}



body#enter #contents h1{
	background:url(../../images/logo.jpg) no-repeat top center;
	height:65px;
	text-indent:-9999px;

}

body#enter #contents p.copy{
	background:url(../../images/copy.gif) no-repeat top center;
	height:23px;
	text-indent:-9999px;
	margin-top:5px;
	margin-bottom:20px;
}

body#enter #contents p.enterBTN a{
	background:url(../../images/enterBTN.jpg) no-repeat 0 0;
	height:45px;
	width:175px;
	display:block;
	text-indent:-9999px;
	margin:0 auto;
	margin-top:5px;
	outline:none;
}

body#enter #contents p.enterBTN a:hover{
	background-position:0 -45px;
}



/* footer
------------------------------------------------------- */
body#enter #footer{
	clear:both;
	margin-bottom:10px;
	padding:0 10px;
}

body#enter #footer .ftLeft{
	width:350px;
	float:left;
	text-align:left;
	font-size:10px;
	padding-top:18px;
}

body#enter #footer .ftLeft p.rhythmzone{
	float:left;
	width:102px;
	margin-right:10px;
}

body#enter #footer .ftLeft p.rhythmzone img{
	position:relative;
	top:-4px;
}

body#enter #footer .ftRight{
	width:600px;
	float:right;
}

body#enter #footer .ftRight p.player{
	width:126px;
	float:right;
	
}

body#enter #footer .ftRight p.player img{
	position:relative;
	
}

body#enter #footer .ftRight p.fpText{
	width:32em;
	float:right;
	text-align:right;
	border-top:1px solid #999;
	border-bottom:1px solid #999;
	height:22px;
	font-size:80%;
	padding-top:7px;
	margin-right:5px;
}
*html body#enter #footer .ftRight p.fpText{ width:36em; }
*:first-child+html body#enter #footer .ftRight p.fpText{ width:36em; }








/* ----------------------------------------------------------------
For family.html
---------------------------------------------------------------- */
body#family {
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	color: #000;
}
body#family #flashcontent {
	text-align:center;
}