@charset 'utf-8';

/*----------------------------------------------------
	#contents
----------------------------------------------------*/
#wrapper {
	width:100%;
	min-width: 950px;
	background: url(images/bg-main.png) repeat;
}

#contents {
	width:100%;
	min-width: 950px;
	margin: 0 auto;
}

#main {
	width: 910px;
	margin: 0 auto;
	padding:20px 0 80px;
	text-align: left;
}

/*----------------------------------------------------
	#main-visual
----------------------------------------------------*/
#mainVisual {
	width: 910px;
	height:765px;
	background: url(images/main-visual.png) no-repeat;
	position:relative;
}

#summary {
	width: 500px;
	height:200px;
	font-size:110%;
	line-height:1.6em;
	position:absolute;
	top:255px;
	left:90px;
}

#modelnum {
	font-size:90%;
	line-height:1.8em;
	position:absolute;
	top:600px;
	left:698px;
}

.number { font-size:120%; font-weight:bold; }

#feature {
	width: 145px;
	height:30px;
	position:absolute;
	top:680px;
	left:698px;
}

#product {
	width: 485px;
	height:565px;
	position:absolute;
	top:180px;
	left:395px;
    background: url(images/main-pro.png) no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

/*----------------------------------------------------
	#variation
----------------------------------------------------*/
#variation {
	width: 910px;
	height:305px;
	margin:20px 0 40px;
}

#variation ul {
	width: 910px;
	height:305px;
}

#variation ul li {
	width: 300px;
	height:305px;
	float:left;
}

/*----------------------------------------------------
	#howto
----------------------------------------------------*/
#howto {
	width: 910px;
	height:100%;
	margin-top:20px;
	position:relative;
}

#howto #flow{
	width:850px;
	height:800px;
	padding:0 30px;
    background: url(images/bgm-flow.png) repeat-y;
	line-height:1.8em;
}

#howto #flow-b{
	width:910px;
	height:60px;
    background: url(images/bgb-flow.png) bottom no-repeat;
}

#photo {
	width: 260px;
	height:165px;
	position:absolute;
	top:-20px;
	left:650px;
}


#finish {
	width: 280px;
	height:450px;
	position:absolute;
	top:498px;
	left:624px;
}

#howto ul {
	width: 850px;
	padding-top:20px;
}

#howto ul li {
	height:370px;
	float:left;
	position:relative;
	font-size:110%;
	font-weight:bold;
}

#howto ul li p#flow1{ position:absolute; top:25px; left:70px;}
#howto ul li p#flow2{ position:absolute; top:15px; left:70px;}
#howto ul li p#flow3{ position:absolute; top:15px; left:80px;}
#howto ul li p#flow4{ position:absolute; top:15px; left:70px;}

#entry {
	width: 910px;
	height:69px;
	margin:40px auto 0;
	text-align:center;
}


/*----------------------------------------------------
	caption
----------------------------------------------------*/
dl.caption {
	width: 100%;
	clear:both;
	display:block;
    margin: 0 auto;
	text-align:left;
	font-size:85%;
	line-height:1.5em;
}

dl.caption dt {
	width: 3%;
	clear:left;
	float:left;
    color: #00A0E9;
	display:inline;
	text-align:center;
}

dl.caption dd {
	width: 97%;
	float:left;
	margin:0px 0px 5px 0px;
	display:inline;
}

p.box-gr {
	font-size:85% !important;
	padding:10px;
	margin:20px 0 30px;
	border:1px solid #999;
}