@charset "utf-8";

/*
	top styles
*/

.topHide{
	display: none;
}

/* -----------------------------
	PC
----------------------------- */
/*
	VISUAL
*/
body{
	min-width:950px;
}
#visual{
	margin-bottom: 40px;
}
#visual2 .movie{
	display:none;
}
#slide{
	background:url(/images/top_main.jpg) no-repeat fixed center top;
	background-size:cover;
	width: 100%;
	height: 585px;
	position: relative;
}
#slide .inner{
	width: 950px;
	height: 390px;
	position: relative;
	z-index: 6;
}
#slide #thumb{
	position: absolute;
	left: 10px;
	bottom: 10px;
	z-index: 15;
}
#slide #thumb li{
	float: left;
	padding: 8px 7px 7px;
	cursor: pointer;
	background: url(/images/slide_thumb_bg.png) no-repeat left bottom;
}
#slide #thumb li.current{
	background: url(/images/slide_thumb_bg_current.png) no-repeat right bottom;
}
#slide .slider{
	width: 415px;
	position: absolute;
	top: 40px;
	background: url(/images/slide_slider_bg.png) repeat-y left top;
}
#slide .posL{
	left:20px;
}
#slide .posR{
	right:20px !important;
}
#slide .slider .topics{
	padding: 15px 0 0 15px;
	margin-bottom: 15px;
}
#slide .slider dl{
	padding: 0 0 25px 25px;
}
#slide .slider dl dt{
	margin-bottom: 10px;
}
#slide #bg .bgContents{
	width: 100%;
	height: 390px;
	position: absolute;
	left: 0;
	top: 0;
	display: none;
	z-index: 1;
}
#slide #bg .current{
	z-index: 5;
}
#slide #slideContents .slider{
	display: none;
	z-index: 6;
}
#slide #slideContents .current{
	z-index: 10;
}
#slide #bg .bg01{
	background: url(/images/slide_bg01.jpg) no-repeat center top;
}
#slide #bg .bg02{
	background: url(/images/slide_bg02.jpg) no-repeat center top;
}
#slide #bg .bg03{
	background: url(/images/slide_bg03.jpg) no-repeat center top;
}
#slide #bg .bg04{
	background: url(/images/slide_bg04.jpg) no-repeat center top;
}
#slide #bg .bg05{
	background: url(/images/slide_bg05.jpg) no-repeat center top;
}


/*
	CONTENTS
*/
#contents{
	width:auto;
}
#contents .contentInner{
	padding:35px 0 45px 0;
}
#contents h2{
	font-size:23px;
	font-weight:bold;
	color:#000;
	text-align:center;
	margin:0 0 15px;
	color:#000;
}
#contents .link01{
	text-align:right;
}
#contents .link01 .icon_arrow{
	font-size:12px;
	font-weight:bold;
	padding:0 15px 0 0;
	background:url(/common/images/arrow08.gif) right center no-repeat;
}
#topArea01{
	background:#d50c22;
}
#topArea01 .contentInner{
	padding:0;
}
#topArea01 ul li{
	display:inline-block;
	/zoom:1;
	/display:inline;
	vertical-align:middle;
}
#topArea01 ul li.txt01{
	padding:0 36px 0 23px;
}
#topArea01 ul li.txt02{
	padding:0 30px 0 0;
}
#topArea01 ul li.txt03{
	width:285px;
	color:#fff;
}
#topArea01 ul li a:hover img{
	opacity:0.7;
}
#topArea02{
	background:#fff;
}
#topArea02 ul{
	text-align:center;
	padding-bottom:15px;
}
#topArea02 ul li{
	display:inline-block;
	/zoom:1;
	/display:inline;
	margin:0 10px;
}
#topArea02 ul li a:hover img{
	opacity:0.7;
}
#topArea03{
	background: url(/images/top_bk01.gif);
}
#topArea03 ul{
	text-align:center;
	padding:10px 0 0 0;
}
#topArea03 ul li{
	display:inline-block;
	/zoom:1;
	/display:inline;
	width:293px;
	margin:0 7px;
	vertical-align:middle;
}
#topArea03 ul li a:hover img{
	opacity: 0.7;
}
#topArea03 ul li.txt01{
	background:#fff;
	height:253px;
	width:237px;
	padding:20px 28px;
}
#topArea03 ul li.txt01 p{
	color:#000;
}
#topArea03 ul li.txt01 .txtTitle{
	font-size:13px;
	background:url(/images/top_bk03.gif) center bottom no-repeat;
	padding:0 0 15px;
	margin:0 0 10px;
}
#topArea03 ul li.txt01 .txtDate{
	font-size:10px;
	margin:0 0 10px;
}
#topArea03 ul li.txt01 .txtSubTitle{
	font-size:24px;
	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝", "メイリオ", Meiryo, serif;
	background:url(/images/top_bk03.gif) center bottom no-repeat;
	line-height:1.3;
	text-align:left;
	padding:0 0 12px;
	margin:0 0 12px;
}
#topArea03 ul li.txt01 .txtExtra{
	font-size:13px;
	margin:0 0 25px;
}
#topArea03 ul li.txt01 .txtBtn{
	font-size:13px;
}
#topArea03 ul li.txt01 .txtBtn a{
	display:block;
	font-size:13px;
	border:3px solid #c9c9c9;
	padding:5px 0;
	margin:0 auto;
	width:145px;
}
#topArea03 ul li.txt01 .txtBtn a:hover{
	background:#f6f6f6;
	text-decoration:none;
}
#topArea04{
	background:#fff;
}
#topArea04 .contentInner{
	text-align: center;
	max-width: 750px;
}
#topArea04 .newsBox{
	/*display: inline-block;*/
	margin-right: 50px;
	float: left;
}
#topArea04 .movieBox{
	display: inline-block;
}
#topArea04 .movieBox img{
	vertical-align: baseline;
}
#topArea04 .movieBox img:hover {
    opacity: 0.7;
}
#topArea04 .titleBox{
	position:relative;
	border:1px solid #c9c9c9;
	border-bottom:none;
	padding:5px 0;
	margin:0 auto;
}
#topArea04 .titleBox h2{
	margin:0;
}
#topArea04 .titleBox .link01{
	position:absolute;
	right:6px;
	top:20px;
}
#topArea04 .slider{
	border-bottom:1px solid #c9c9c9;
}
#topArea04 .slider li{
	border:1px solid #c9c9c9;
	border-right:none;
	padding:15px 20px 7px;
	text-align:center;
}
#topArea04 #sliderBlog.slider li{
	padding-top:25px;
}
#topArea04 .slider li .txtTag span{
	display:block;
	width:84px;
	text-align:center;
	color:#fff;
	background:#e40112;
	font-size:10px;
	margin:0 auto 15px;
	padding:2px 0;
}
#topArea04 .slider li .txtTag span.tag_corp{
	background:#e40112;
}
#topArea04 .slider li .txtTag span.tag_service{
	background:#030149;
}
#topArea04 .slider li .txtTag span.tag_estate{
	background:#3a5800;
}
#topArea04 .slider li .txtTag span.tag_recruit{
	background:#7c0096;
}
#topArea04 .slider li .txtTag span.tag_quality{
	background:#6a6924;
}
#topArea04 .slider li .txtTitle{
	margin:0 0 15px;
	font-size:13px;
	height:3em;
	overflow:hidden;
	text-align:left;
}
#topArea04 .slider li .txtDate{
	font-size:11px;
}
#topArea04 .bx-wrapper{
	position:relative;
	margin-bottom:30px!important;
}
#topArea04 .bx-controls-direction a{
	position:absolute;
	top:0;
	display:block;
	padding:0 0 0 25px;
	overflow:hidden;
	border:1px solid #c9c9c9;
	width:0px;
	height:100%;
	box-sizing:border-box;
	background: url(/common/images/arrow_left01.gif) no-repeat center center #fff;
}
#topArea04 .bx-controls-direction a.bx-prev{
	left:-25px;
	padding:0 0 0 26px;
}
#topArea04 .bx-controls-direction a.bx-next{
	right:-25px;
	background-image: url(/common/images/arrow_right01.gif);
}
#topArea05{
	background: url(/images/top_bk01.gif);
}
#topArea05 h2{
	font-size:30px;
}
#topArea05 .link01{
	padding:0 40px;
	margin:0 0 5px;
}
#topArea05 .bx-wrapper{
	margin:0 auto;
}
#topArea05 ul li{
	padding:15px 15px 22px;
	background:#fff;
	border:1px solid #d6d6d6;
	border-radius:1px;
	text-align:left;
	cursor:pointer;
}
#topArea05 ul li:hover{
	background:#f6f6f6;
}
#topArea05 ul li .txtTitle{
	display:table;
	font-size:18px;
	font-weight:bold;
	width:100%;
}
#topArea05 ul li .txtTitle a{
	display:table-cell;
	vertical-align:top;
	height:3em;
}
#topArea05 ul li .txtTitle a:hover{
	text-decoration:none;
}
#topArea05 ul li .txtSub{
	margin:0 0 10px;
	font-size:12px;
	min-height:7em;
}
#topArea05 .bx-wrapper{
	position:relative;
}
#topArea05 .bx-controls-direction a{
	position:absolute;
	top:0;
	display:block;
	padding:0 0 0 35px;
	overflow:hidden;
	width:0px;
	height:100%;
	box-sizing:border-box;
	background: url(/common/images/arrow_left02.gif) no-repeat center center;
}
#topArea05 .bx-controls-direction a.bx-prev{
	left:-35px;
	padding:0 0 0 35px;
}
#topArea05 .bx-controls-direction a.bx-next{
	right:-35px;
	background-image: url(/common/images/arrow_right02.gif);
}
#topArea05 .bx-controls{
}
#topArea06{
	background:#fff;
}
#topArea06 h2{
	font-size:30px;
}
#topArea06 .link01{
	padding:0 40px;
	margin:0 0 5px;
}
#topArea06 .bx-wrapper{
	margin:0 auto;
}
#topArea06 ul li{
	padding:15px 15px 36px;
	background:#fff;
	border:1px solid #d6d6d6;
	border-radius:1px;
	text-align:center;
	cursor:pointer;
}
#topArea06 ul li:hover{
	background:#f6f6f6;
}
#topArea06 ul li .txtImg{
	margin-bottom:15px;
}
#topArea06 ul li .txtTitle{
	font-size:18px;
	font-weight:bold;
	height:4.5em;
}
#topArea06 ul li .txtTitle a:hover{
	text-decoration:none;
}
#topArea06 ul li .txtSub{
	text-align:left;
	height:4.5em;
	font-size:13px;
}
#topArea06 .bx-wrapper{
	position:relative;
}
#topArea06 .bx-controls-direction a{
	position:absolute;
	top:0;
	display:block;
	padding:0 0 0 35px;
	overflow:hidden;
	width:0px;
	height:100%;
	box-sizing:border-box;
	background: url(/common/images/arrow_left02.gif) no-repeat center center;
}
#topArea06 .bx-controls-direction a.bx-prev{
	left:-35px;
	padding:0 0 0 35px;
}
#topArea06 .bx-controls-direction a.bx-next{
	right:-35px;
	background-image: url(/common/images/arrow_right02.gif);
}
#topArea07{
	background: url(/images/top_bk02.gif);
	text-align:center;
}
#topArea07 h3{
	font-size:20px;
	border-top:1px solid #c9c9c9;
	padding:15px 0 0 0;
	margin:0 0 20px;
	text-align:center;
}
#topArea07 dl{
	position:relative;
	width:220px;
	display:inline-block;
	/zoom:1;
	/display:inline;
	margin:0 7px 30px;
	cursor:pointer;
}
#topArea07 dl:hover{
	opacity:0.7;
}
#topArea07 dl dt{
	font-size:18px;
	color:#000;
	text-align:center;
	margin-bottom:5px;
	height:1.3em;
}
#topArea07 dl dt a{
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
#topArea07 dl dt a:hover{
	text-decoration:none;
}
#topArea07 dl dd{
	display:table;
	background: url(/images/top_area07_bk.png);
	overflow:hidden;
	width:220px;
}
#topArea07 dl dd span{
	display:table-cell;
	vertical-align: middle;
	height:80px;
	padding-top:10px;
	font-size:16px;
	text-align:center;
	color:#000;
}
#topArea07 ul{
	text-align:center;
}
#topArea07 ul li{
	display:inline-block;
	/zoom:1;
	/display:inline;
	margin:0 5px 10px;
}
#topArea07 ul li a:hover img{
	opacity:0.5;
}
#topArea08{
	background:#fff;
}
#topArea08 ul{
	text-align:center;
	padding:15px 0 0;
}
#topArea08 ul li{
	display:inline-block;
	/zoom:1;
	/display:inline;
	width:395px;
	border-right:1px solid #aaa;
	text-align:center;
}
#topArea08 ul li:first-child{
	border-left:1px solid #aaa;
}
#topArea08 ul li .txtImg{
	margin-bottom:5px;
}
#topArea08 ul li .txtSub{
	margin-bottom:20px;
	line-height:1.6;
}
#topArea08 ul li .txtLink{
}
#topArea08 ul li .txtLink a{
	display:block;
	border:2px solid #b5b5b5;
	width:165px;
	padding:5px 0;
	margin:0 auto;
}
#topArea08 ul li .txtLink a:hover{
	background:#f6f6f6;
	text-decoration:none;
}

@media(max-width:600px){

#contents{
	width: 100%;
}

}
#tab{
	margin-bottom: 20px;
	border: #d2d2d2 solid 1px;
	background: #fff;
}
#tab #btn{
	border-top: #e40112 solid 3px;
}
#tab #btn li{
	width: 238px;
	height: 49px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	text-indent: -9999px;
	cursor: pointer;
}
#tab #btn li.tabBtn01{
	background: url(/images/tab_btn01.gif) no-repeat left top;
}
#tab #btn li.tabBtn02{
	background: url(/images/tab_btn02.gif) no-repeat left top;
}
#tab #btn li.tabBtn03{
	width: 237px;
	background: url(/images/tab_btn03.gif) no-repeat left top;
}
#tab #btn li.current{
	background-position: right top;
	cursor: default;
}
#tabInner{
	_width: 713px;
	_overflow: hidden;
}
#tabInner .frame{
	display: none;
	padding: 15px 0 0 21px;
	/padding: 15px 0 20px 21px;
}
#tabInner .frame .head{
	width: 100%;
	height: 4px;
	background: url(/images/tab_list_bg-head.gif) no-repeat center top;
	line-height: 1;
	_line-height: 0;
	_font-size: 0;
}
#tabInner .frame .head img{
	vertical-align: top;
}
#tabInner .frame .block{
	width: 325px;
	float: left;
	margin: 0 20px 20px 0;
	padding-bottom: 4px;
	background: url(/images/tab_list_bg-base.gif) no-repeat left bottom;
}
##tabInner .frame .end{
	margin-right: 0;
}
#tabInner .frame dl{
	width: 317px;
	min-height: 122px;
	height: auto !important;
	height: 122px;
	margin: 0 auto;
}
#tabInner .frame dl dt{
	padding: 20px 20px 0 20px;
	margin-bottom: 10px;
	font-size: 116%;
    font-weight: bold;
}
#tabInner .frame dl dd{
	padding: 0 20px 20px 20px;
	font-size: 90%;
}
#tabInner .frame dl#thumb01{
	background: url(/images/tab_list_img01.jpg) no-repeat right center;
}
#tabInner .frame dl#thumb02{
	background: url(/images/tab_list_img02.jpg) no-repeat right center;
}
#tabInner .frame dl#thumb03{
	background: url(/images/tab_list_img03.jpg) no-repeat right center;
}
#tabInner .frame dl#thumb04{
	background: url(/images/tab_list_img04.jpg) no-repeat right center;
}
#tabInner .frame dl#thumb05{
	background: url(/images/tab_list_img05.jpg) no-repeat right center;
}
#tabInner .frame dl#thumb06{
	background: url(/images/tab_list_img06.jpg) no-repeat right center;
}

#news{
	width: 465px;
	position: relative;
	float: left;
}
#news .title01{
	margin-bottom: 10px;
}
#news dl{
	padding: 10px 0;
	background: url(/common/images/bg_doted01.gif) repeat-x left bottom;
}
#news dl dt{
	width: 170px;
	float: left;
	text-align: right;
}
#news dl img{
	padding-left: 5px;
	vertical-align: middle;
}
#news dl dd{
	padding: 2px 10px 0 180px;
}
#news .past{
	position: absolute;
	right: 20px;
	top:10px;
	padding: 5px 0 5px 17px;
	background: url(/common/images/bg_border02.gif) repeat-y left top;
}

#blog{
	width: 230px;
	float: left;
	padding-left: 20px;
}
#blog .title01{
	margin-bottom: 0;
}
#blog .inner{
	background: #fff;
	padding: 19px;
	border: #d2d2d2 solid 1px;
	border-top: none;
}
#blog dl dt{
	color: #a0a0a0;
}
#blog img,
#blog .blogTitle,
#blog .blogDescription{
	margin-bottom: 10px;
}

/* -----------------------------
	RESPONSE
----------------------------- */
@media(max-width:600px){

body{
	min-width: inherit;
}
/*
	VISUAL
*/
#visual{
	margin-bottom: 3%;
}
#smpVisual{
	width: 100%;
	position: relative;
}
#smpVisual #topics{
	position: absolute;
	left: 7%;
	top: 15%;
	font-weight: bold;
	font-size: 123.1%;

}
#smpVisual #topics span{
	text-shadow: 0 1px 3px #fff;
}

/*
	CONTENTS
*/
#smpMain #menu{
	background: #fff;
	border: #c8c8c8 solid 1px;
}
#smpMain #menu .block{
	padding: 5px 10px 5px 5px;
	border-bottom: #c8c8c8 solid 1px;
}
#smpMain #menu .block:last-child{
	border-bottom: none;
}
#smpMain #menu dl{
	background-position: right center;
	background-repeat: no-repeat;
	background-size:13px 13px;
	-moz-background-size:13px 13px;
	-webkit-background-size:13px 13px;
	background-image: url(/common/images/s_arrow01.png);
}
#smpMain #menu dl dt{
	float: left;
}
#smpMain #menu dl dd{
	padding: 5px 0 0 85px;
}
#smpMain #menu .link{
	margin-bottom: 5px;
	font-size: 116%;
	font-weight: bold;
}

#visual2 {
	height:auto;
}
#visual2 .movie{
	display:block;
	position:static;
}
#visual2 .txt01{
	position:absolute;
	z-index:5;
	font-size:25px;
	top:1em;
}
#visual2 .txt02{
	position:absolute;
	z-index:5;
	font-size:15px;
	top:5em;
}
#slide{
	height:auto;
}
#contents .contentInner{
	padding:0 0 10px;
}
#contents h2{
	font-size:20px;
	margin:0;
	padding:10px 0;
}
#topArea01 ul{
	text-align:center;
	padding:0 10px;
}
#topArea01 ul li{
	display:block;
}
#topArea01 ul li.txt01{
	padding:0;
}
#topArea01 ul li.txt02{
	padding:0;
}
#topArea01 ul li.txt03{
	width:auto;
	margin:10px auto;
}
#topArea02 ul li{
	margin-bottom:10px;
}
#topArea03 ul li{
	margin-bottom:10px;
}
#topArea04 .contentInner{
	width:280px;
}
#topArea04 .newsBox{
	margin-right: 0;
	display: block;
	float: none;
}
#topArea04 .titleBox{
	border:none;
	width:auto!important;
}
#topArea04 .titleBox h2{
	padding:5px 0;
}
#topArea04 .movieBox {
    display: block;
}
#topArea05 .contentInner{
	width:200px;
}
#topArea05 .link01{
	padding:0;
}
#topArea05 .bx-controls{
	display:block;
}
#topArea06 .contentInner{
	width:200px;
}
#topArea06 .link01{
	padding:0;
}
#topArea07 h3{
	font-size:17px;
}
#topArea07 dl{
	margin-bottom:10px;
}
#topArea07 ul li{
	width:47%;
	margin:0 1% 1%;
}
#topArea08 ul{
	padding:0;
}
#topArea08 ul li{
	width:100%;
	border:none!important;
	border-top:1px solid #ccc!important;
	padding:10px 0;
}
#big-video-wrap{
	display:none;
}
#dotBK{
	display:none;
}
}

/*	BigVideo Styles
	You may need to adjust these styles to get this working right in your design.
*/
#big-video-wrap{overflow:hidden;position:fixed;height:100%;width:100%;top:0;left:0; z-index:1;}
#big-video-vid,#big-video-image{position:absolute;}
#big-video-control-container{position:fixed;bottom:0;padding:10px;width:100%;background:rgba(0,0,0,.25);
  -webkit-transition-duration:0.6s;-moz-transition-duration:0.6s;-ms-transition-duration:0.6s;-o-transition-duration:0.6s;transition-duration:0.6s;}
#big-video-control{width:100%;height:16px;position:relative;}
#big-video-control-middle{margin: 0 56px 0 24px;}
#big-video-control-bar{width:100%;height:16px;position:relative;cursor:pointer;}
#big-video-control-progress{position:absolute;top:7px;height:3px;width:0%;background:#fff;}
#big-video-control-track{position:absolute;top:8px;height:1px;width:100%;background:#fff;}
#big-video-control-bound-left{left:0;}
#big-video-control-bound-right{right:-1px}
#big-video-control-track .ui-slider-handle {opacity:0;}
#big-video-control-playhead{left:30%;}
#big-video-control-play{position:absolute;top:0;left:0;height:16px;width:16px;background-image:url('bigvideo.png');}
#big-video-control-timer{position:absolute;top:1px;right:0;color:#fff;font-size:11px;}
#big-video-control-playhead,#big-video-control-bound-left,#big-video-control-bound-right{position:absolute;top:0;height:16px;width:1px;background:#fff;}
#big-video-control .ui-slider-handle{border-left:solid 1px #fff; width:16px;height:16px;position:absolute;top:-8px;}
.transparent{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;}
.vjs-big-play-button{display:none !important;}
#big-video-wrap {
	z-index: 1;
	/display: none;
	color: #000;
}
#big-video-wrap .vjs-duration-display{
	display:none;
}
#big-video-wrap .vjs-control-text{
	display:none;
}
#dotBK{
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	background:url(/common/images/bg_doted04.png);
	z-index:2;
}