@charset "utf-8";
/* Copyright 2017 FSFIELD All Rights Reserved. */

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

ホーム

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

/* グローバルナビアクティブ
---------------------------------------------- */
ul#nav_global01 li.g01 a{background:url(../img/nav_global01.png) no-repeat 0 -48px;}

/* heading
---------------------------------------------- */
h3#h3_topics01{
	background:url(../img/home/h3_topics01.png) no-repeat 0 0;
	height:31px;
	margin-bottom:20px;
	position:relative;
}

h3#h3_home01{
	background:url(../img/home/h3_home01.jpg) no-repeat 0 0;
	height:95px;
}


/* div
---------------------------------------------- */
div.box_home01{
	background:url(../img/home/bg_home01.jpg) repeat 0 0;
	padding:14px 20px 0 20px;
	width:195px;
	color:#fff;
	float:right;
	min-height:221px;
}

div.box_home01 h3{
	text-align:center;
	line-height:1.4;
	font-size:143%;
	margin-bottom:20px;
}

div.box_home01 p{
	margin-bottom:0;
	line-height:1.4;
	font-size:107%;
}
div.box_home02{
	background:#000;
	border-right:1px solid #545872;
	border-bottom:1px solid #545872;
	border-left:1px solid #545872;
}

div.box_home01 p a{color:#fff;}
div.box_home01 p a:hover{text-decoration:none;}

div.clickable_box:hover{cursor:pointer;}
div.clickable_box:hover p.img_home01{background:url(../img/home/img_home01_on.jpg) no-repeat 0 0;}
div.clickable_box:hover p.img_home02{background:url(../img/home/img_home02_on.jpg) no-repeat 0 0;}
div.clickable_box:hover p.img_home03{background:url(../img/home/img_home03_on.jpg) no-repeat 0 0;}
div.clickable_box:hover p.img_home04{background:url(../img/home/img_home04_on.jpg) no-repeat 0 0;}


div.clickable_box:hover div.box_home01{opacity:0.7;}

div.scroll_area{
	height:230px;
	overflow: scroll;
}

div#wrap_layer{
    width: 980px;
    margin: 0 auto;
    position: relative;
    z-index:100;
}

div#txt_slide {
    background: url(../img/home/txt_slide01.png) no-repeat left 0;
    width: 730px;
    height: 122px;
    position: absolute;
    top: -301px;
	margin:auto;
	left:10px;
	right:10px;
}

div#txt_slide p{display:none;}

/* span
---------------------------------------------- */
span.list{
	visibility:visible;
	position:absolute;
	right:0;
	bottom:5px;
}

/* ul
---------------------------------------------- */
ul.list_home01{
	overflow:hidden;
	margin-bottom:20px;
}

ul.list_home01:last-child{margin-bottom:0;}

ul.list_home01 li{
	float:left;
	width:130px;
	text-indent:-10px;
	padding-left:10px;
	margin-right:30px
}

ul.list_home01 li:last-child{margin-right:0;}

ul.list_home01 li img{
	margin-left:5px;
	vertical-align:baseline;
}

ul.list_home01 li span{
	color:#9497AD;
	font-size:86%;
}

ul.list_home01 li a{
	color:#fff;
	background:url(../img/ico_arrow01.png) no-repeat left 0.5em;
	padding-left:10px;
}

ul.list_home01 li a:hover{color:#25BDD5;}

/* p
---------------------------------------------- */
p.img_home01,
p.img_home02,
p.img_home03,
p.img_home04{
	float:left;
	margin-bottom:0;
	height:235px;
	width:235px;
}

p.img_home01 span,
p.img_home02 span,
p.img_home03 span,
p.img_home04 span{display:none;}

p.img_home01{background:url(../img/home/img_home01.jpg) no-repeat 0 0;}
p.img_home02{background:url(../img/home/img_home02.jpg) no-repeat 0 0;}
p.img_home03{background:url(../img/home/img_home03.jpg) no-repeat 0 0;}
p.img_home04{background:url(../img/home/img_home04.jpg) no-repeat 0 0;}

p.img_home01:hover{background:url(../img/home/img_home01_on.jpg) no-repeat 0 0;}
p.img_home02:hover{background:url(../img/home/img_home02_on.jpg) no-repeat 0 0;}
p.img_home03:hover{background:url(../img/home/img_home03_on.jpg) no-repeat 0 0;}
p.img_home04:hover{background:url(../img/home/img_home04_on.jpg) no-repeat 0 0;}

/* スライダー
---------------------------------------------- */
div#wrap_slide01 {
    width: 980px;
	margin:0 auto;
    height: 460px;
    position: relative;
}

div#bg_slider01{
	background:url(../img/home/bg_slider01.jpg) repeat-x 0 0;
	height:460px;
}

div#bg_slider02{background:url(../img/home/bg_slide02.png) no-repeat center top;}

div#wrap_slide02{
	height:460px;
	width:1300px;
	position:absolute;
	left:-161px;
}

/*--pager--*/
div.bx-wrapper{max-height:460px;}

div.bx-controls {
	background:url(../img/home/bg_slide03.png) no-repeat center bottom;
	position:relative;
	z-index:500;
	width:1910px;
	height:40px;
	padding-top:20px;
	left:-301px;
	bottom:35px;
	text-align:center;
}
	
div.bx-pager-item{
	display:inline-block;
	height:12px;
}

div.bx-pager-item a{
	background:url(../img/home/ico_pager01.png) no-repeat center center;
    display:inline-block;
    margin:0 15px;
    text-indent:-9999px;
    width:12px;
    height:12px;
}

div.bx-pager-item a:hover,
div.bx-pager-item a.active{
	background:url(../img/home/ico_pager01_on.png) no-repeat center center;
    width:12px;
    height:12px;
}