@charset "UTF-8";

/* home.css
**************************************************************************************

1.main-visual
2.pickup
3.side-area
4.importance
5.news
6.event
7.banner

**************************************************************************************/ 

/* 1.main-visual
=============================================================================*/

div.home div.flash-area-in {
	width:940px;
	margin:0 auto;
}

div.home div.mainvisual-area {
	width: 940px;
	height: 340px;
	margin: 0 auto 23px auto;
	position:relative;
}
div.home div.mainvisual div a {
	position:absolute;
}
div.home div.mainvisual div a:hover img {
	/*op*/
	opacity: 0.8;
    filter: alpha(opacity=80);
    -ms-filter: "alpha(opacity=80)";
    -khtml-opacity: 0.8;
    -moz-opacity: 0.8;
}
div.home div.mainvisual div.v002 a {
	top:151px;
	left:302px;
}
div.home div.mainvisual div.v003 a {
	top:120px;
	left:744px;
}
div.home div.mainvisual div.v004 a {
	top:142px;
	left:319px;
}
div.home div.mainvisual-area .bx-pager {
	width:646px;
	height:46px;
	position:absolute;
	bottom:-23px;
	right:7px;
	z-index:90;
}
div.home div.mainvisual-area .bx-pager a {
	float:left;
	height:46px;
	display:block;
	text-indent:101%;
	white-space:nowrap;
	overflow:hidden;
	font-size:1px;
}
div.home div.mainvisual-area .bx-pager .bx-pager-item0 a {
	width:163px;
	background:url("../../image/pager.png") no-repeat 0 0;
}
div.home div.mainvisual-area .bx-pager .bx-pager-item0 a.active ,
div.home div.mainvisual-area .bx-pager .bx-pager-item0 a:hover {
	width:163px;
	background:url("../../image/pager.png") no-repeat 0 bottom;
}
div.home div.mainvisual-area .bx-pager .bx-pager-item1 a {
	width:160px;
	background:url("../../image/pager.png") no-repeat -163px 0;
}
div.home div.mainvisual-area .bx-pager .bx-pager-item1 a.active ,
div.home div.mainvisual-area .bx-pager .bx-pager-item1 a:hover {
	width:160px;
	background:url("../../image/pager.png") no-repeat -163px bottom;
}
div.home div.mainvisual-area .bx-pager .bx-pager-item2 a {
	width:160px;
	background:url("../../image/pager.png") no-repeat -323px 0;
}
div.home div.mainvisual-area .bx-pager .bx-pager-item2 a.active ,
div.home div.mainvisual-area .bx-pager .bx-pager-item2 a:hover {
	width:160px;
	background:url("../../image/pager.png") no-repeat -323px bottom;
}
div.home div.mainvisual-area .bx-pager .bx-pager-item3 a {
	width:163px;
	background:url("../../image/pager.png") no-repeat -483px 0;
}
div.home div.mainvisual-area .bx-pager .bx-pager-item3 a.active ,
div.home div.mainvisual-area .bx-pager .bx-pager-item3 a:hover {
	width:163px;
	background:url("../../image/pager.png") no-repeat -483px bottom;
}
 
/* 5.news
=============================================================================*/

.home #main div.news-list {
	width:100%;
	padding:0 0 0 0;
}

.home #main div.newstitle {
	margin:0;
	padding:0;
}
	
.home #main div.news-list h2 {
	width:700px;
	height:41px;
	background:url("../../image/index-tl002.gif") no-repeat 0 0;
	text-indent:-9999px;
	font-size:1px;
	margin:0 0 10px 0;
}


/* rssボタン */

.home #main div.news-list div.tab-area-deco p.rss {
	width:42px;
	height:14px;
	text-indent:-9999px;
	position:absolute;
	top:7px;
	right:13px;
}

.home #main div.news-list div.tab-area-deco p.rss a {
	display:block;
	width:42px;
	height:14px;
	background:url("../../image/index-btn001.gif") no-repeat right top;
}

.home #main div.news-list div.tab-area-deco p.rss a:hover {
	background-position:right bottom;
}


/* 一覧を見る */

.home #main div.news-list div.tab-area-deco p.newslink {
	width:50px;
	height:14px;
	font-size:1px;
	text-indent:-9999px;
	position:absolute;
	top:7px;
	right:75px;
}

.home #main div.news-list div.tab-area-deco p.newslink a {
	display:block;
	width:50px;
	height:14px;;
	background:url("../../image/index-btn001.gif") no-repeat left top;
}

.home #main div.news-list div.tab-area-deco p.newslink a:hover {
	background-position:left bottom;
}


/* リスト */

.home #main div.news-list dl {
	margin:0 auto 0 auto;
	width:640px;
	padding: 5px 0 5px 0;
	font-size:93%;
	font-weight:normal;
}

div.home #main div.news-list dl dt {
	width:192px;
	display:table-cell;
}

div.home #main div.news-list dl dd {
	width:auto;
	display:table-cell;
	line-height:1.6em;
	padding:0 0 0 12px;
}

/* Tab --------- */
.home #main div.news-list div.tab-area-deco {
	padding:31px 0 0 0;
	position:relative;
	background:url("../../image/index-bg004.gif") no-repeat left 30px;
}
.home #main div.news-list div.tab-area-deco {
	padding:35px 0 0 0;
	position:relative;
	margin:0;
}

.home #main div.news-list div#tab-area {
	background:url("../../image/index-bg004.gif") no-repeat left bottom;
	padding:0 0 1px 0;
}

.home #main div.news-list div#tab-area div.tab-inner {
	width:640px;
	padding: 18px 20px 18px 20px;
	margin:0 auto 0 auto;
}
.news #main div.news-list div.tab-area-deco{
	position:relative;
	padding:0;
	background:none;
}
.news #main div.news-list div#tab-area div.tab-inner{
	width:640px;
	padding: 8px 20px 8px 20px;
	margin:0 auto 0 auto;
	background-color:#FFF;
}
.news #main div.news-list div#tab-area{
		padding:0 0 9px 0;
		background:none;
}
.news #main div.news-list div#tab-area div.tab-inner{
	width:680px;
	padding: 0;
	margin:0 auto 0 auto;
	background-color:#FFF;
}

 /*最新情報*/

#main div.news-list div#tab-area h3#all-tab ,
#main div.news-list div#tab-area h3#all-tab a {
	width:106px;
	height:31px;
	display:block;
	text-indent:-9999px;
	font-size:1px;
	background:url("../../image/index-btn002.gif") no-repeat 0 0;
	top:0;
	left:0;
	position:absolute;
}

#main div.news-list div#tab-area h3#all-tab a:hover ,
#main div.news-list div#tab-area h3#all-tab a.current{
	background-position:0 -31px;
}

 /*お知らせ*/
#main div.news-list div#tab-area h3#tab02 a {
	width:112px;
	height:31px;
	display:block;
	text-indent:-9999px;
	font-size:1px;
	background:url("../../image/index-btn002.gif") no-repeat -106px 0;
	top:0;
	left:106px;
	position:absolute;
}

#main div.news-list div#tab-area h3#tab02 a:hover ,
#main div.news-list div#tab-area h3#tab02 a.current{
	background-position:-106px -31px;
}

 /*IRニュース*/
#main div.news-list div#tab-area h3#tab03 a {
	width:112px;
	height:31px;
	display:block;
	text-indent:-9999px;
	font-size:1px;
	background:url("../../image/index-btn002.gif") no-repeat -218px 0;
	top:0;
	left:218px;
	position:absolute;
}

#main div.news-list div#tab-area h3#tab03 a:hover ,
#main div.news-list div#tab-area h3#tab03 a.current{
	background-position:-218px -31px;
}


 /*採用情報*/
#main div.news-list div#tab-area h3#tab04 a {
	width:106px;
	height:31px;
	display:block;
	text-indent:-9999px;
	font-size:1px;
	background:url("../../image/index-btn002.gif") no-repeat -330px 0;
	top:0;
	left:330px;
	position:absolute;
}

#main div.news-list div#tab-area h3#tab04 a:hover ,
#main div.news-list div#tab-area h3#tab04 a.current{
	background-position:-330px -31px;
}






/*icon*/

div.event-list-area p.list-day span.icon001,
#main div.news-list dl dt.icon001{
	background:url("../../image/index-ic001.gif") no-repeat right 3px;
}

div.event-list-area p.list-day span.icon002,
#main div.news-list dl dt.icon002{
	background:url("../../image/index-ic002.gif") no-repeat right 3px;
}

div.event-list-area p.list-day span.icon003,
#main div.news-list dl dt.icon003{
	background:url("../../image/index-ic003.gif") no-repeat right 3px;
}


/* 6.event-list-area
=============================================================================*/

#main div.news-list {
	width:100%;
	padding:0 0 0 0;
}

#main div.newstitle {
	margin:0;
	padding:0;
	position:relative;
}
	
#main div.news-list h2 {
	width:680px;
	height:41px;
	background:url("../../image/index-tl002.gif") no-repeat 0 0;
	text-indent:-9999px;
	font-size:1px;
	margin:0 0 10px 0;
}


/* rssボタン */

#main div.newstitle p.rss {
	width:42px;
	height:14px;
	text-indent:-9999px;
	position:absolute;
	top:13px;
	right:13px;
}

#main div.newstitle p.rss a {
	display:block;
	width:42px;
	height:14px;
	background:url("../../image/index-btn001.gif") no-repeat right top;
}

#main div.newstitle p.rss a:hover {
	background-position:right bottom;
}


/* 一覧を見る */

#main div.newstitle p.newslink {
	width:50px;
	height:14px;
	font-size:1px;
	text-indent:-9999px;
	position:absolute;
	top:13px;
	right:75px;
}

#main div.newstitle p.newslink a {
	display:block;
	width:50px;
	height:14px;;
	background:url("../../image/index-btn001.gif") no-repeat left top;
}

#main div.newstitle p.newslink a:hover {
	background-position:left bottom;
}


/* リスト */

#main div.news-list dl {
	margin:0 auto 0 auto;
	width:640px;
	padding: 5px 0 5px 0;
	font-size:93%;
	font-weight:normal;
}

#main div.news-list dl dt {
	width:192px;
	display:table-cell;
}

#main div.news-list dl dd {
	width:auto;
	display:table-cell;
	line-height:1.6em;
	padding:0 0 0 12px;
}

/* Tab --------- */
#main div.news-list div.tab-area-deco {
	padding:31px 0 0 0;
	position:relative;
	background:url("../../image/index-bg004.gif") no-repeat left top;
}
#main div.news-list div.tab-area-deco {
	padding:15px 0 0 0;
	position:relative;
	margin:0 0 30px 0;
	overflow:hidden;
}

#main div.news-list div#tab-area {
	background:url("../../image/index-bg004.gif") no-repeat left bottom;
	padding:0 0 15px 0;
}



/* 8.busi-area
=============================================================================*/
#main div.busi-area{
	width:680px;
	margin:0 0 30px 0;
 	}

#main div.busi-area h2{
	margin:0 0 9px 0;
	width:680px;
	height:41px;
	font-size:1px;
	text-indent:-9999px;
	background:url("../../image/index-tl001.gif") no-repeat left top;
	display:block;
	
	}
#main div.busi-area div.busi-area-in{
	background:url("../../image/index-bg001.gif") no-repeat left top;
	padding:6px 0 0 0;
	min-height:264px;
	overflow:hidden;
	}
#main div.busi-area ul.busi-box{
	width:660px;
	padding:20px 0 8px 20px;
	background:url("../../image/index-bg001.gif") no-repeat left bottom;
	overflow:hidden;
	}

#main div.busi-area ul.busi-box li{
	float:left;
	font-size:88%;
	width:165px;
	padding:0 0px 16px 0;
	}


#main div.busi-area ul.busi-box p{
	margin:0 0 4px 0;
	padding:0 0 0 12px;
	background:url("../../image/index-ar001.gif") no-repeat left center;
	}
