@charset "shift_jis";

/*-----------------------------------------------------
Container
-------------------------------------------------------*/
#Container{
	background:url("../common/images/body_bg.gif") repeat 0 0;
}


/*-----------------------------------------------------
Content
-------------------------------------------------------*/
#Content{
	height:1076px;
	padding:0 0 15px 0;
	background:none !important;
	margin-top: 60px;
	position: relative;
}
.device_container{
	position: relative;
	min-width: 960px;
	max-width: 1280px;
	margin: 0 auto;
}
.device_container .device{
	position: absolute;
	top: 15px;
	right: 20px;
}

/*-----------------------------------------------------
Main
-------------------------------------------------------*/
#Main{
	width:960px;
	position:absolute;
	bottom:25px;
	left:50%;
	margin:0 0 0 -480px;
	z-index:12;
}

/*-------------------------------------
h1
---------------------------------------*/
#Main h1{
	position:absolute;
	top:-10px;
	left:50%;
	margin:0 0 0 -458px;
	z-index:15;
}


/*-------------------------------------
navi
---------------------------------------*/
#Main div.navi{
	width:960px;
	height:191px;
	/* overflow:hidden; */
	position:relative;
	margin:0 auto 20px auto;
	background:url("../images/navi_bg.png") no-repeat 0 0;
	z-index:4;
}
/* ul
---------------------*/
#Main div.navi ul{
	width:632px;
	height:162px;
	float:right;
	display:inline;
	/* overflow:hidden; */
	margin:16px 15px 0 0;
}
#Main div.navi ul li{
	float:left;
	display:inline;
	position:relative;
	margin:0 1px 2px 1px;
}
#Main div.navi ul li.navi01,
#Main div.navi ul li.navi02{
	width:314px;
	height:94px;
}
#Main div.navi ul li.navi03,
#Main div.navi ul li.navi04,
#Main div.navi ul li.navi05,
#Main div.navi ul li.navi06{
	width:156px;
	height:64px;
}
/* a */
#Main div.navi ul li a{
	width:100%;
	display:block;
	position:relative;
	z-index:6;
}

/* news */
#Main div.navi ul li a span.new{
	width:55px;
	height:27px;
	display:block;
	overflow:hidden;
	position:absolute;
	top:-5px;
	right:-5px;
	text-indent:-9999px;
	background:url("../common/images/navi_img_new.png") no-repeat 0 0;
}

/* cara */
#Main div.navi ul li span.cara{
	width:100%;
	height:0;
	display:none;
	overflow:hidden;
	position:absolute;
	top:0;
	left:0;
	text-align:center;
	z-index:5;
}

#Main div.navi ul li.none{background:url("../images/navi_off.png") no-repeat 0 0;}
#Main div.navi ul li.none a{display:none !important;}

/*-------------------------------------
info
---------------------------------------*/
#Main div.info{
	width:100%;
	overflow:hidden;
	margin:0 auto 0 auto;
}

/* detail
---------------------*/
#Main div.info div.detail{
	width:430px;
	height:108px;
	float:left;
	display:inline;
	position:relative;
	margin:14px 0 0 80px;
	background:url("../images/info_detail_bg.gif") no-repeat 100% 0;
}
#Main div.info div.detail p{position:absolute;}
#Main div.info div.detail p.img01{top:0;left:0;}
#Main div.info div.detail p.img02{top:1px;left:66px;}
#Main div.info div.detail p.img03{top:39px;left:66px;}
#Main div.info div.detail p.img04{top:52px;left:114px;}
#Main div.info div.detail p.img05{top:54px;left:203px;}
#Main div.info div.detail p.txt{top:2px;left:114px;}
#Main div.info div.detail p.btn{top:0;left:298px;}
#Main div.info div.detail p.btn02{top:54px;left:298px;}


/* bnr
---------------------*/
#Main div.info ul.bnr{
	width:426px;
	float:right;
	display:inline;
	margin:0 0 0 0;
}
#Main div.info ul.bnr li{
	float:left;
	display:inline;
}



/*-----------------------------------------------------
external_swf
-------------------------------------------------------*/
#external_swf{
	width:1280px;
	height:760px;
	position:absolute;
	overflow:hidden;
	top:0;
	left:50%;
	z-index:3;
	margin:0 0 0 -640px;
}
#external_swf p{
	width:1280px;
	height:760px;
	position:absolute;
	top:50%;
	left:50%;
	margin:-380px 0 0 -640px;
	text-align:center;
}


/*-----------------------------------------------------
ModalWindow
-------------------------------------------------------*/
#ModalWindow{
	width:100%;
	height:100%;
	min-width:960px;
	display:none;
	position:absolute;
	top:0;
	left:0;
	z-index:1000;
}

/* bg
---------------------*/
#ModalWindow div.bg{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background-color:#000;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
	z-index:1001;
}

/* inline
---------------------*/
#ModalWindow div.content{
	width:880px;
	height:585px;
	position:absolute;
	top:0;
	left:0;
	background:url("../images/modal_bg.png") no-repeat 0 0;
	z-index:1002;
}
/* ttl */
#ModalWindow div.content p.ttl{
	width:100%;
	margin:30px 0 0 0;
	text-align:center;
}
/* iframe */
#ModalWindow div.content div.iframe{
	width:784px;
	height:442px;
	position:absolute;
	top:88px;
	left:46px;
}
/* close */
#ModalWindow div.content p.close{
	position:absolute;
	top:-13px;
	right:-8px;
}