@charset "utf-8";
/* ===================================================================
CSS information
 file name  :  top.css
 style info :  top
=================================================================== */
/*--- flash */
#fla{
	background:url(../image/top/bg-fla.jpg) repeat-x bottom center;
	height:325px;
}
/*--- contents */
#contents{
	background:url(../image/top/bg-contents.jpg) repeat-y;
}
#contents #sub,
#contents #main{
	text-align:left;
}
#contents #sub{
	float:left;
	width:320px;
}
#contents #main{
	float:left;
	width:630px;
}
/*--- sub */
#contents #sub ul{
	text-indent:-9999px;
	width:265px;
	margin-left:25px;
	padding-top:20px;
	padding-bottom:20px;
}
#contents #sub li{
	width:265px;
	height:43px;
	margin-bottom:1px;
}
#contents #sub li a{
	width:265px;
	height:43px;
	display:block;
	text-decoration:none;
}

#contents #sub li.about{background:url(../image/top/about.jpg) no-repeat;}
#contents #sub li.personality{background:url(../image/top/personality.jpg) no-repeat;}
#contents #sub li.info{background:url(../image/top/info.jpg) no-repeat;}
#contents #sub li.process{background:url(../image/top/process.jpg) no-repeat;}
#contents #sub li.message{background:url(../image/top/message.jpg) no-repeat;}
#contents #sub li.qa{background:url(../image/top/qa.jpg) no-repeat;}

#contents #sub li.about a{background:url(../image/top/about-on.jpg) no-repeat;}
#contents #sub li.personality a{background:url(../image/top/personality-on.jpg) no-repeat;}
#contents #sub li.info a{background:url(../image/top/info-on.jpg) no-repeat;}
#contents #sub li.process a{background:url(../image/top/process-on.jpg) no-repeat;}
#contents #sub li.message a{background:url(../image/top/message-on.jpg) no-repeat;}
#contents #sub li.qa a{background:url(../image/top/qa-on.jpg) no-repeat;}


#contents #sub li.about a.on{background:url(../image/top/about-on.jpg) no-repeat;}
#contents #sub li.personality a.on{background:url(../image/top/personality-on.jpg) no-repeat;}
#contents #sub li.info a.on{background:url(../image/top/info-on.jpg) no-repeat;}
#contents #sub li.process a.on{background:url(../image/top/process-on.jpg) no-repeat;}
#contents #sub li.message a.on{background:url(../image/top/message-on.jpg) no-repeat;}
#contents #sub li.qa a.on{background:url(../image/top/qa-on.jpg) no-repeat;}

#contents #sub li.about a:hover{background:url(../image/top/about-on-over.jpg) no-repeat;}
#contents #sub li.personality a:hover{background:url(../image/top/personality-on-over.jpg) no-repeat;}
#contents #sub li.info a:hover{background:url(../image/top/info-on-over.jpg) no-repeat;}
#contents #sub li.process a:hover{background:url(../image/top/process-on-over.jpg) no-repeat;}
#contents #sub li.message a:hover{background:url(../image/top/message-on-over.jpg) no-repeat;}
#contents #sub li.qa a:hover{background:url(../image/top/qa-on-over.jpg) no-repeat;}


/*--- main */
#contents #main2{
	padding-top:25px;
	padding-bottom:20px;
}
#contents #main2:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}
#contents #main2 #news{
	float:left;
	width:355px;
	padding-left:20px;
	margin-right:25px;
}
#contents #main2 #news h2{
	text-indent:-9999px;
	width:355px;
	height:22px;
	background:url(../image/top/news.jpg) no-repeat;
	font-size:10px;
	margin-bottom:20px;
}
#contents #main2 .entry-top{
	text-indent:-9999px;
	float:left;
	width:203px;
	height:346px;
}

#contents #main2 .entry-top .btn_pre{
	width:203px;
	height:148px;
}
#contents #main2 .entry-top .btn_pre a{
	width:203px;
	height:148px;
	display:block;
	text-decoration:none;
	background:url(../image/top/entry-top.jpg) no-repeat;
}
#contents #main2 .entry-top .btn_pre a:hover{
	background:url(../image/top/entry-top-over.jpg) no-repeat;
}

#contents #main2 .entry-top .btn_entry{
	width:203px;
	height:148px;
}
#contents #main2 .entry-top .btn_entry a{
	width:203px;
	height:148px;
	display:block;
	text-decoration:none;
	background:url(../image/top/entry2-top.jpg) no-repeat;
}
#contents #main2 .entry-top .btn_entry a:hover{
	background:url(../image/top/entry2-top-over.jpg) no-repeat;
}

#contents #main2 .entry-top .btn_inquiry{
	width:203px;
	height:50px;
}
#contents #main2 .entry-top .btn_inquiry a{
	width:203px;
	height:50px;
	display:block;
	text-decoration:none;
	background:url(../image/top/inquiry-top.jpg) no-repeat;
}
#contents #main2 .entry-top .btn_inquiry a:hover{
	background:url(../image/top/inquiry-top-over.jpg) no-repeat;
}

#contents #main2 .box{
	font-size:10px;
	width:355px;
}
#contents #main2 .box:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}
#contents #main2 .box .day{
	float:left;
	width:80px;
	margin-bottom:15px;
}
#contents #main2 .box .text{
	float:left;
	width:275px;
	margin-bottom:15px;
	font-size:12px;
}

/*--- footer --- */
#footer{
	text-align:center;
	background:url(../imgcommon/footer_bg.jpg) repeat-x;
	padding-bottom:20px;
}
#footer .inner{
	padding:20px 0 0 0;
	width:950px;
	margin:0 auto;
	text-align:left;
}
#footer .inner:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}
#footer p.link{
	font-size:10px;
	line-height:130%;
	color:#666;
	text-align:left;
	float:left;
}
#footer p.copy{
	font-size:8px;
	line-height:130%;
	color:#666;
	text-align:right;
	float:right;
}