@charset "utf-8";

/* contents
--------------------------------------------------------------------------
01. Reset
02. Common
03. 311h
04. 510v
05. 611hfm
06. Clearfix
07. Index
--------------------------------------------------------------------------
*/



/* 01. Reset
--------------------------------------------------------------------------
*/

div#wrapper h1,
div#wrapper p,
div#wrapper ul,
div#wrapper li{
	margin:0;
	padding:0;
}



/* 02. Common
--------------------------------------------------------------------------
*/
div#wrapper{
	background-color:#000000;
	padding-bottom:78px;
	margin-bottom:20px;
}


div#header{
	margin-bottom:9px;
}

div#left{
	float:left;
	width:182px;
	height:200px;
}

div #left p.back-home{
	margin:0 0 16px 16px;
}

div #left li{
	height:75px;
	margin-bottom:5px;
	vertical-align:bottom
}

div#contents{
	float:right;
	padding-left:28px;
	width:712px;
	margin-top:5px;
}

div#contents p.main{
	margin-bottom:25px;
}

div#imgmap {
	width:690px;
	display: block;
}

/* 03. 311h
--------------------------------------------------------------------------
*/
div#contents p.looks{
	color:#ffffff;
	width:683px;
}




/* 04. 510v
--------------------------------------------------------------------------
*/

div#g-box{
	margin-top:15px;
	width:690px;
	color:#ffffff;
}

div#g-box dl{
	margin-bottom:44px;
}
div#contents-left{
	width:330px;
	float:left;
}

div#g-box p{
	 margin-bottom:11px;
}

div#contents-right{
	width:330px;
	float:right;
}

div#apanim01 {
	position:absolute;
	left:829px;
	top:450px;
	width:46px;
	height:46px;
	z-index:100;
}

div#apanim02 {
	position:absolute;
	left:421px;
	top:286px;
	width:46px;
	height:46px;
	z-index:100;
}

div#apanim03 {
	position:absolute;
	left:376px;
	top:300px;
	width:46px;
	height:46px;
	z-index:100;
}

div#apanim04 {
	position:absolute;
	left:338px;
	top:255px;
	width:46px;
	height:46px;
	z-index:100;
}



/* 05. 611hfm
--------------------------------------------------------------------------
*/
div#contents p.pac611hfm{
	margin-bottom:55px;
}

div#g-box dl.headstock{
	height:80px;
	//margin-bottom:55px;
}

div#g-box dl.top{
	height:80px;
	//margin-bottom:38px;
}

* html div#g-box dl.top{
	height:98px;
}

div#g-box dl.finish{
	margin-bottom:117px;
}

div#apanim05 {
	position:absolute;
	left:353px;
	top:379px;
	width:46px;
	height:46px;
	z-index:100;
}

div#apanim06 {
	position:absolute;
	left:296px;
	top:334px;
	width:46px;
	height:46px;
	z-index:100;
}

div#apanim07 {
	position:absolute;
	left:564px;
	top:315px;
	width:46px;
	height:46px;
	z-index:100;
}

div#apanim08 {
	position:absolute;
	left:801px;
	top:188px;
	width:46px;
	height:46px;
	z-index:100;
}

div#apanim09 {
	position:absolute;
	left:398px;
	top:359px;
	width:46px;
	height:46px;
	z-index:100;
}


.howto_bana{
	display: block;
	margin-left: 490px;
	margin-bottom: 10px;
}


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

.clearfix{
   display:inline-block;
   min-height:1%;  /* for IE 7 and MacIE5.5*/
}

/* Hides from IE-mac \*/
*html .clearfix{height: 1%;}
.clearfix{display: block;}
/* for ie5,6*/


/* 07. Index
--------------------------------------------------------------------------
*/

div#main{
	text-align:center;
}

div#main ul{
	margin-top:12px;
}

div#main li{
	display:inline;
	width:285px;
	margin-right:15px;
}

div#main li.last{
	margin-right:0;
}