.index #contents {
	height: 675px;
}

#genki_anim{
	position:absolute;
	z-index: 100;
	top: 0px;
	left:0px;
}

/*
.index h1 {
	height: 37px;
	background-image: url(../img/img_holonlogo.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width: 437px;
	text-indent: -9999px;
	position: absolute;
	left: 235px;
	top: 270px;
	background-color: #FFF;
	border: solid 1px #CACACA;
}
*/

/*
.index h1 {
	background-image: url(../img/img_holonlogo.gif);
	background-repeat: no-repeat;
	background-position: center center;
	height: 267px;
	width: 560px;
	text-indent: -9999px;
	position: absolute;
	left: 218px;
	top: 100px;
	display: block;
	background-color: #FFF;
	border: solid 1px #CACACA;
}
*/

/*
.index h1 {
	background-image: url(../img/img_greetingcard_201608.png);
	background-repeat: no-repeat;
	background-position: top center;
	height: 380px;
	width: 562px;
	text-indent: -9999px;
	position: absolute;
	left: 218px;
	top: 120px;
	display: block;
	background-color: #FFF;
	border: solid 1px #CACACA;
}

.index h1.twentyth {
	height: 267px;
	background-image: url(../img/greetingcard2014.png);
	background-repeat: repeat;
	background-position: 0px 0px;
	width: 560px;
	text-indent: -9999px;
	position: absolute;
	left: 218px;
	top: 100px;
	display: block;
}
*/



.index h1.contents-main {

	width: 562px;
	height: 387px;
	position: absolute;
	left: 218px;
	top: 90px;
	display: block;
	background-color: #FFF;
	border: solid 1px #CACACA;
	overflow:hidden;
}
.index h1.contents-main:hover
{
	border: solid 1px #62C1C9;
	transition: all 300ms 0s ease;
}

.index h1.contents-main:hover:after
{
content:"Go to Interfit !";
display:block;
position:absolute;
left:0;
top:45%;
width:100%;
height:24px;
padding:8px 0 4px;
pointer-events:none;
color:#FFF;
font-size:15px;
background-color:rgba(222,123,161,0.5);
text-align:center;
}
.index h1.contents-main:hover a img
{
	transform: scale(1.075,1.075);
	transition: all 300ms 0s ease;
}
.index h1.contents-main a
{
	display: block;
}
.index h1.contents-main a img
{

}


.contents-btn:hover h1
{
	opacity:0.85;
	transition: * 0.75s linear;
}

.index #interfit {
	position: absolute;
	height: 140px;
	width: 210px;
	left: 0px;
	top: 45px;
	right: 1px;
	bottom: 10px;
	overflow: hidden;
	z-index:1000;
}

.index #devision {
	position: absolute;
	left: 780px;
	top: 530px;
	z-index:1000;
}

.index #programshop {
	position: absolute;
	top: 240px;
	overflow: hidden;
	left: 800px;
	z-index: 80;
	width: 176px;
	z-index:1000;
}


.index #tpldownload {
	position: absolute;
	top: 60px;
	overflow: hidden;
	left: 710px;
	z-index:1000;
}

.index li#book {
	position: absolute;
	top: 350px;
	left: 840px;
	overflow: hidden;
	height: 92px;
	width: 140px;
	z-index:1000;
}
.index li#booksell {
	position: absolute;
	right: 130px;
	bottom: 0px;
	z-index: 100;
	z-index:1000;
}

.index li#trending {
	position: absolute;
	top: 5px;
	left: 515px;
	z-index:1000;
}

.index li#hotmock {
	position: absolute;
	top: 5px;
	left: 220px;
	z-index: 10;
	z-index:1000;
}

.index #lab_link {
	background-repeat: no-repeat;
	position: absolute;
	left: 0px;
	display: block;
	height: 200px;
	width: 210px;
	top: 505px;
	z-index:1000;
}
.index .aprilnews {
	width: 337px;
	height: 180px;
	position: absolute;
	left: 408px;
	top: 268px;
	padding-top: 0px;
	padding-left: 0px;
	visibility: visible;
	background-position: 0px 0px;
	z-index: 9999;
}
*html .index .aprilnews {
	height: 260px;
}
.index dl.news {
	padding: 5px;
}

*html .index dl.news {
	height: 260px;
}
.index dl.news dt{
	font-weight: bold;
	color: #ff0000;
}
.index dl.news dd {
	/* [disabled]padding-right: 120px; */
	padding-bottom: 10px;
	/* [disabled]width: 200px; */
	font-size: 11px;
}
*html .index dl.news dd {
	padding-right: 0px;
	padding-bottom: 10px;
}

/*テキストニュース*/
.index dl.txtnews {
	width: 500px;
	height: 180px;
	position: absolute;
	left: 240px;
	top: 269px;
	padding-top: 50px;
	padding-left: 0px;
	visibility: visible;
	background-position: 0px 0px;
	z-index: 9999;
}
*html .index dl.txtnews {
	height: 260px;
}
.index dl.txtnews dt{
	font-weight: bold;
	color: #333;
	font-size: 15px;
}
.index dl.txtnews dd {
	padding-bottom: 10px;
	font-size: 14px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 5px;
	line-height: 1.6em;
}
*html .index dl.txtnews dd {
	padding-right: 0px;
	padding-bottom: 10px;
}



*:first-child+html #devision img {
	top: 96px;
}
* html #devision img {
	top: 96px;
}




/*サンキューページ*/
.thank #contents {
	height: 540px;
}
.thank .font_body {
	font-size: 120%;
	margin-top: 50px;
	margin-right: 100px;
	margin-left: 100px;
	display: block;
}
.circle {
	list-style-type: disc;
}
.lineheight_s{
	line-height:12px;
}


/*20120529 takumi ======================*/
.index dl.news_1 {
	top: 300px!important;
	left: 309px!important;
	padding-top: 78px!important;
}
.news_2{
	background-image:url(../img/news2.png)!important;
	top: 310px!important;
	width:300px!important;
	height: 260px!important;
	padding-top: 78px!important;
	padding-left: 74px!important;
}
.news_none{
	display:none;
	}
/*20120529 takumi ======================*/
/*20131218ike***************************/
/*
.index div.news {
	background-image: url(../img/base_news.png);
	background-repeat: no-repeat;
	width: 540px;
	height: 174px;
	position: absolute;
	left: 228px;
	top: 374px;
	visibility: visible;
	background-position: 0px 0px;
	z-index: 0;
}
*/
.index div.news {
    background-image: url(../img/base_news.png);
    background-repeat: no-repeat;
    width: 540px;
    height: 174px;
    position: absolute;
    left: 228px;
    top: 505px;
    visibility: visible;
    background-position: 0px 0px;
    z-index: 0;
}
.index div.news div.box {
	height: 140px;
	width: 480px;
	overflow: auto;
	left: 37px;
	top: 15px;
}

#product{top:120px;left:470px;z-index:0;}
#gui{top:90px;left:-140px;z-index:0;}
#web{top:130px;left:-200px;z-index:0;}

.index #btn_product {
	position: absolute;
	top: 268px;
	overflow: hidden;
	left: 110px;
	z-index: 98;
	width: auto;
	height: auto;
}
.index #btn_gui {
	position: absolute;
	top: 275px;
	overflow: hidden;
	left: 347px;
	z-index: 98;
	width: 212px;
}
.index #btn_web {
	position: absolute;
	top: 278px;
	overflow: hidden;
	left: 598px;
	z-index: 98;
	width: 210px;
}
.index #product #product_contents {
	position: absolute;
	z-index: 90;
}
.index #gui #gui_contents {
	position: absolute;
	z-index: 90;
}
.index #web #web_contents {
	position: absolute;
	z-index: 90;
}

#getit{position:absolute;top:210px;left:0px;}

body{overflow-x: hidden;}




#hotmockRentalKit {
	position: absolute;
	top: 128px;
	left: 370px;
	z-index:1001;
	transform: rotate(5deg);
}
#hotmockRentalKit:hover {
	transform: rotate(10deg);
}