@charset "UTF-8";

/* body
--------------------------------------------------------------- */
body#home{
	background-color:#effafc;
}

/*反転時の文字色・背景色 */
::selection {
background: #C8E8EC;　　/* 背景色*/
color:#000;　　/* 文字色*/
}
/* Firefox対応*/
::-moz-selection {
background: #C8E8EC;　　/* 背景色*/
color:#000; 　　/* 文字色*/
}

/* header
--------------------------------------------------------------- */
#home #gNavi{
	margin-bottom:50px;
}

/* h2
--------------------------------------------------------------- */
#home h2{
	margin-bottom:20px;
}

/* mainSlides
--------------------------------------------------------------- */
#home #mainSlides{
	position:relative;
	z-index:40;
	width:100%;
	height:345px;
	/*margin-bottom:28px;*/
}
#home #mainSlides .ul_slides >li{
	float:left;
	overflow:hidden;
	width:960px;
	height:268px;
	padding-bottom:28px;
	line-height:1;
}
#home #mainSlides .pager{
	clear:both;
	width:960px;
	margin:0 auto;
	text-align:right;
	position:relative;
	top:-10px;
}
#home #mainSlides .pager ul{
	float:right;
}
#home #mainSlides .pager li{
	float:left;
	display:block;
	width:33px;
	height:33px;
	margin-left:15px;
	line-height:1;
}
#home #mainSlides .pager li:first-child{
	margin-left:0;
}
#home #mainSlides .pager li span {
    background-image: url("../../images/pager2.png");
    background-repeat: no-repeat;
    cursor: pointer;
    display: block;
    height: 38px;
    width: 38px;
}
#home #mainSlides .pager li.selected span{
	top:0!important;
	cursor:default;
}
#home #mainSlides .pager li span.about{
	background-position:0 0;
}
#home #mainSlides .pager li.selected span.about{
	background-position:0 -38px;
}
#home #mainSlides .pager li span.service{
	background-position:-48px 0;
}
#home #mainSlides .pager li.selected span.service{
	background-position:-48px -38px;
}
#home #mainSlides .pager li span.staff{
	background-position:-98px 0;
}
#home #mainSlides .pager li.selected span.staff{
	background-position:-98px -38px;
}
#home #mainSlides .pager li span.works{
	background-position:-145px 0;
}
#home #mainSlides .pager li.selected span.works{
	background-position:-145px -38px;
}
#home #mainSlides .pager li span.company{
	background-position:right 0;
}
#home #mainSlides .pager li.selected span.company{
	background-position:right -38px;
}
/*---------clearfix----------*/
#home #mainSlides .pager,#home #mainSlides .pager ul{zoom:1;_height:1%;}
#home #mainSlides .pager:after,#home #mainSlides .pager ul:after{content:"";display:block;clear:both;}

/* news,works
--------------------------------------------------------------- */
#home #sectionNews,
#home #sectionWorks{
	float:left;
	width:314px;
	margin-right:35px;
}
#home #sectionNews #scrollNews,
#home #sectionWorks #scrollWorks{
	width:314px;
	height:233px;
	margin-bottom:28px;
}
#home #sectionNews a.button,
#home #sectionWorks a.button{
	width:293px;
}
#home #sectionNews #scrollNews .customScrollBox .container,
#home #sectionWorks #scrollWorks .customScrollBox .container{
	width:298px;
}
#home #sectionNews #scrollNews .draggerContainer,
#home #sectionWorks #scrollWorks .draggerContainer{
	height:233px;
}

/* article
--------------------------------------------------------------- */
#home article{
	width:294px;
}
#home article figure{
	float:left;
	width:80px;
	margin-bottom:10px;
}
#home article p{
	float:right;
	width:214px;
	font-size:82%;
}
#home article p time{
	display:block;
	margin-bottom:.4em;
}
#home article.hover p{
	text-decoration:underline;
}
/*---------clearfix----------*/
#home article{zoom:1;_height:1%;}
#home article:after{content:"";display:block;clear:both;}

/* pick up
--------------------------------------------------------------- */
#home #sectionPickup{
	float:right;
	width:262px;
}
#home #sectionPickup li{
	margin-bottom:15px;
}