@charset "utf-8";
/* index.css */


body {
	background: #000000;
}


/*********************************************
wrapper
*********************************************/
div#wrapper {
	width:100%;
	height:100%;
	font-size:12px;
	letter-spacing:0.05em;
	text-align: center;
	background: url(../../img/main_bg.jpg) top left repeat-x;	
}

/*********************************************
container
*********************************************/

#container {
	width: 854px;
	margin: 0 auto;
	padding: 0;
	
}

#block_2nd{
	width: 854px;
	height: 41px;
	margin: 0 auto 10px auto;
	background: url(../../img/product_info.gif) top left no-repeat;
}

/*********************************************
メインビジュアル
*********************************************/

#main_img_block{
	width: 854px;
	height: 406px;
	margin: 0;
	background: url(../../img/main.jpg) top left no-repeat;
}

/*********************************************
タイトルバナー
*********************************************/

#ttlbnr_block{
	width: 854px;
	height: 163px;
	margin: 0 auto 10px;
}

#btn01 a{
	width: 163px;
	height: 163px;
	display: block;
	background: url(../../img/btn01.jpg) top left no-repeat;
	margin: 0 10px 0 0;
	float: left;
}

#btn02 a{
	width: 163px;
	height: 163px;
	display: block;
	background: url(../../img/btn02.jpg) top left no-repeat;
	margin: 0 10px 0 0;
	float: left;
	
}

#btn03 a{
	width: 163px;
	height: 163px;
	display: block;
	background: url(../../img/btn03.jpg) top left no-repeat;
	margin: 0 10px 0 0;
	float: left;
}

#btn04 a{
	width: 163px;
	height: 163px;
	display: block;
	background: url(../../img/btn04.jpg) top left no-repeat;
	margin: 0 9px 0 0;
	float: left;
}

#btn05 a{
	width: 163px;
	height: 49px;
	background: url(../../img/btn06.gif) top left no-repeat;
	float: left;
	display: block;
	margin: 0 0 8px 0;
}

#btn06 a{
	width: 163px;
	height: 49px;
	background: url(../../img/btn06.gif) no-repeat;
	background-position: 0 -57px;
	float: left;
	display: block;
	margin: 0 0 8px 0;
}

#btn07 a{
	width: 163px;
	height: 49px;
	background: url(../../img/btn06.gif) no-repeat;
	background-position: 0 -114px;
	float: left;
	display: block;
}


#btn01 a:hover{background-position: 0 -163px;}
#btn02 a:hover{background-position: 0 -163px;}
#btn03 a:hover{background-position: 0 -163px;}
#btn04 a:hover{background-position: 0 -163px;}
#btn05 a:hover{background-position: -163px 0;}
#btn06 a:hover{background-position: -163px -57px;}
#btn07 a:hover{background-position: -163px -114px;}

#dlc_blink{}

#dlc {
	position: absolute;
	top: 372px;
}

#dlc a{
	width: 335px;
	height: 41px;
	display: block;
	background: url(../../img/dlc.gif) top left no-repeat;
}

#dlc a:hover{background-position: 0 -41px;}
/*********************************************
footer
*********************************************/

div#footer_wrapper {
	width: 854px;
	margin: 0 auto 20px;
	color: #FFF;
	font-size: 10px;
	padding: 35px 0 0 0; 
}

div#copyright {
	width: 734px;
	height: 37px;
	float: left;
	background: url(../../img/vita_copyright.gif) top left no-repeat;
}


div#footer {
	width: 218px;
	height: 39px;
	float: right;
	margin-top: 5px;
}


#footer_btn01 {
	width: 120px;
	height: 37px;
	float: left;
}

/*********************************************
header
*********************************************/
.header_logo {
	float:left;
}


/* goiken&support */
#goiken_support_box {
	float:right;
	padding-top:13px;
}

#support {
	display:block;
	width:54px;
	height:9px;
	background:url(../images/support_white.gif) top left no-repeat;
	text-align:left;
	text-indent:-9999px;
}

#goiken {
	display:block;
	width:47px;
	height:9px;
	background:url(../images/goiken_white.gif) top left no-repeat;
	text-align:left;
	text-indent:-9999px;
}

.support_container {
	float:right;
	padding-right:10px;
}

.goiken_container {
	float:left;
}