@charset "utf-8";


/*-------------------------------------*/
/* メインイメージ */
/*-------------------------------------*/

div#mainImgBox{
	margin: 0 auto;
	text-align: left;
	width: 960px;
    /*
	background: url(../../index/img/mainimg.jpg) no-repeat top right;
    */
	cursor: pointer;
}

div#mainImgHatch{
	position: relative;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 90px;
	margin-top: -90px;
	background-color: #000;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

div#mainImgTelop{
	position: relative;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 70px;
	margin-top: -70px;
	text-align: center;
}

div#mainImgBaloon{
	position: relative;
	left: 0px;
	top: 0px;
	height:202px;
	margin-top: -202px;
	text-align: left;
}
div#mainImgBaloon img{
	width: 150px;
	height: 112px;
}

div#mainImgTelop h1{
	color: #fff;
	font-size: 34px;
}

/*-------------------------------------*/

/*-------------------------------------*/

div#mainContents{
	background: #fff;
	width: 880px;
	padding: 50px 40px;
	margin: 0 auto;
	text-align: left;
}

div#tabPanel{
	margin: 0 auto;
	width: 960px;
	background-color: transparent;
}
ul#tabList{
	margin-top: 5px;
}
div#tabMargin{
	width: 100%;
	border-bottom: 1px solid #fff;
}

div#leftPanel{
	float: left;
	width: 580px;
	height: 100%;
}
div.rightPanel{
	border-left: solid 1px #d2d2d2;
	float: left;
	height: 100%;
}

/* ３つのトピックス */
div#mainContents div.topicsBox{
	width: 265px;
	float: left;
	margin-left: 33px;
	margin-bottom: 60px;
}

div#mainContents div.firstItem{
	margin-left: 0;
}

div#mainContents div.topicsBox strong{
	margin-bottom: 15px;
	font-weight: bold;
	display: block;
	font-size: 14px;
	color: #2d2d2d
}

div#mainContents div.topicsBox span{
	line-height: 1.8;
	display: block;
	text-align: justify;
	margin-bottom: 8px;
}
div#mainContents div.topicsBox div{
	text-align: center;
	width: 100%;
	height: 130px;
}

/* Products from top. */
div#mainContents div.productsBox{
	width: 265px;
	margin-left: 33px;
	margin-bottom: 60px;
}

div#mainContents div.productsBox strong{
	margin-bottom: 15px;
	font-weight: bold;
	display: block;
	font-size: 14px;
	color: #2d2d2d
}

div#mainContents div.productsBox span{
	line-height: 1.8;
	display: block;
	text-align: justify;
	margin-bottom: 8px;
}
div#mainContents div.productsBox div{
	text-align: center;
	width: 100%;
	height: 130px;
}


/* 新着情報 */

div#newTopics{
	float: left;
}
	div#newTopics strong{
		font-weight: bold;
		font-size: 13px;
		margin-bottom: 8px;
		display: block;
		font-size: 14px;
	}

	div#newTopics dl{
		width: 545px;
	}

	div#newTopics dl dt,
	div#newTopics dl dd{
		padding: 10px 0;
		border-bottom: 1px solid #ddd;
	}

	div#newTopics dl dt{
		float:left;
		width:75px;
		clear:both;
		color: #c00;
		background: url(../img/bg_boder.gif) repeat 0 0 ;
	}

	div#newTopics dl dd{
		width:445px;
		margin-left:75px;
		padding-left: 20px;
	}

div#information{
	margin-top: 5px;
	float: left;
	padding-right: 40px;
}

	div#information strong{
		font-weight: bold;
		font-size: 26px;
		margin-top: 40px;
		margin-bottom: 8px;
		display: block;
		color: darkred;
	}
	div#information img{
		margin-left: -15px;
	}
	div#information span{
		font-size: 14px;
	}

div#release{
	float: left;
	width: 100%;
	margin: 15px 6px;
	margin-top: 100px;
	text-align: center;
}

	div#release strong{
		font-weight: bold;
		font-size: 13px;
		margin-bottom: 8px;
		display: block;
		font-size: 14px;
	}

	div#release iframe{
		width: 600px;
		height: 200px;
		margin-left: auto;
		margin-right: auto;
	}

div#downloadBox{
	margin-top: 120px;
	text-align: center;
}

div#downloadBox a{
	text-decoration: none;
}

div#downloadBox #downloadButton{
	text-align: center;
	color: #fff;
	width: 400px;
	height: 50px;
	font-size: 28px;
	margin-left: auto;
	margin-right: auto;
	background: url(../img/button_red.png) repeat 0 0;
	cursor: pointer;
}

div#album p{
	font-size: 11px;
	padding-bottom: 20px;
	color: #2d2d2d;
}

div#album strong{
	font-weight: bold;
	font-size: 13px;
	margin-bottom: 8px;
	display: block;
	font-size: 14px;
}

div#thumbnail{
	float: left;
	margin: 15px 6px;
	text-align: center;
}

div#thumbnail span{
	float: center;
	display: block;
	font-size: 10px;
}

div#thumbnail img{
	border: solid 1px #2d2d2d;
}

#linkPanel{
	float:right;
	margin-top:100px;
}

div#soon{
	margin-top: 200px;
	margin-bottom: 200px;
	text-align: center;
}

/* 会社概要 */
div#outlineBox{
	margin-left: 33px;
	float: left;
}

	div#outlineBox strong{
		font-weight: bold;
		font-size: 13px;
		margin-bottom: 8px;
		display: block;
		font-size: 14px;
	}

	div#outlineBox dl{
		width: 265px;
	}

	div#outlineBox dl dt,
	div#outlineBox dl dd{
		padding-top: 10px;
	}

	div#outlineBox dl dt{
		float:left;
		width:55px;
		clear:both;
		font-weight: bold;
	}

	div#outlineBox dl dd{
		width:180px;
		margin-left:55px;
		padding-left: 20px;
		color: #666;
	}

div#bannerBox{
	float: left;
	margin-left: 33px;
}
div#bannerBox ul{}
div#bannerBox ul li{
	display: block;
	margin-bottom: 10px;
}


/* 広告表示 */
*{
	margin:0;
	padding:0;
}
.pr_design_box{
	line-height:30px;
	height:30px;
	text-align:center;
	font-size:12px;
	position:relative;
}
.pr_design ul{
}
.pr_design li{
	display:inline;
}
.pr_design_01{
	color: #fff !important;
}
.pr_design_02{
	margin-left:7px;
}
.pr_design_copy{
	position:absolute;
	right:5px;
	bottom:0px;
	color: #fff !important;
}