@charset "Shift_JIS";

/* common */

html {
	margin: 0;
	padding: 0;
}

body {
	color: #000000;
	font-family: "‚l‚r ‚oƒSƒVƒbƒN","ƒqƒ‰ƒMƒmŠpƒS Pro W6" ;
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	line-height:14px;
	background: url(../img/bg.gif) repeat left top;
}



div#wrapper {
	background:url(../img/bg_container.gif) no-repeat center top;
}



h1,h2,h3,ul,p {
	margin:0px;
	padding:0px;
}

img{
	border:none;
}

div#container{
	width:892px;
	margin:0 auto;
}

div#header{
	position:relative;
	line-height:0px;
	font-size: 0;
}

div#header p.image{
	position:absolute;
	top:0;
	right:0;
}

div#header ul.navi{
	list-style-type:none;
}

div#header ul.navi li{
	float:left;
}

/*------------------------
        CONTENT
------------------------*/

a,
a:link,
a:visited{
	text-decoration:underline;
	color:#ff0074;
}

a:hover,
a:active{
	text-decoration:none;
	color:#ff0074;
}

h2.page-title{
	margin:0 0 0 -15px;
	position:relative;
	width:907px;
}


div.contents{
	background: url(../img/bg_contents_middle.gif) repeat-y center top;
	padding:25px 0 0 0;
}

div.contents-inner{
	background: url(../img/bg_contents_bottom.gif) no-repeat center bottom;
	padding:0 0 52px 0;
	width:892px;
}

div.copyright{
	text-align:center;
	padding:10px 0 20px 0;
}

div.comingsoon{
	width:334px;
	margin:0 auto;
	min-height:400px;
	height: auto !important;
	height: 400px;
}


/*--------------------------------
           CSS HACK
 ------------------------------ */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {
    display: inline-block;
    min-height: 1%;
}