@charset "UTF-8";

/* 要素リセット */
html {
    overflow-y: scroll;
}
body{
    margin: 0;
    padding: 0;
    font-size: 95%;
    font-family: 'メイリオ' ,Meiryo, 'ヒラギノ角ゴ Pro W3' , 'Hiragino Kaku Gothic Pro' , 'ＭＳ Ｐゴシック' , 'Osaka' ,sans-serif;
    color: #333333;
    min-width: 960px;
    min-width: 1080px;
}
/* Safari用ハック 文字サイズ調整 */
/*\*/
html:first-child body{
    font-size: 95%;
}
/* end */

img{
    border-top: 0;
    border-right: 0;
    border-bottom: 0;
    border-left: 0;
}

/*-
.bgslideshow {
    position: fixed;
    left:0;
    top:0;
    z-index: -1;
    width: 100%; 
}  
.bgslideshow img {
    position: absolute;
    width: 100%;
    left:0;
    top:0;
}
-*/

/* 画像レイアウト
===================================*/

.main01 {
    width: 100%;
    height: 440px;
    background: url(../images/top_mainimg1.png) 50% 50% no-repeat;
    background: url(../images/top_mainimg1.jpg) 50% 50% no-repeat;
    background-size: cover;
}
/* .main01 div {
    width: 980px;
    margin: 0 auto;
    padding: 80px 0 0 0px;
} */
.main02 {
    width: 100%;
    height: 440px;
    background: url(../images/top_mainimg2.png) 50% 50% no-repeat;
    background: url(../images/top_mainimg2.jpg) 50% 50% no-repeat;
    background-size: cover;
}
/* .main02 div {
    width: 980px;
    margin: 0 auto;
    padding: 80px 0 0 0px;
} */
.main03 {
    width: 100%;
    height: 440px;
    background: url(../images/top_mainimg3.png) 50% 50% no-repeat;
    background: url(../images/top_mainimg3.jpg) 50% 50% no-repeat;
    background-size: cover;
}
/* .main03 div {
    width: 980px;
    margin: 0 auto;
    padding: 80px 0 0 0px;
} */
#mainvisual {
    position: relative;
    margin: 0px auto 0px;
    padding: 0;
    height: 440px;
    width: 100%;
    margin-left: -50%;
    left: 50%;
    overflow: hidden;
}
#mainvisual ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: left;
}

#mainvisual .bx-controls {
    display: none;
}

#mainvisual .bx-controls-direction a {
    display: block;
    overflow: hidden;
    width: 40px;
    height: 0 !important;
    margin: 0;
    padding-top: 63px;
    outline: medium none;
}
#mainvisual .bx-prev {
    position: absolute;
    z-index: 100;
    top: 42%;
    left: 1px;
    width: 40px;
    height: 63px;
    background: url(../images/arw_slide_l.png) no-repeat scroll 0 0;
}
#mainvisual .bx-next {
    position: absolute;
    z-index: 100;
    top: 42%;
    right: 1px;
    width: 40px;
    height: 63px;
    background: url(../images/arw_slide_r.png) no-repeat scroll 0 0;
}
#mainvisual .bx-controls .bx-pager {
    position: absolute;
    bottom: -25px;
    left: 0;
    width: 1440px;
    height: 12px;
    margin: 0;
    padding: 0;
    list-style: outside none none;
    text-align: center;
}
#mainvisual .bx-controls .bx-pager-item {
    display: inline;
}
#mainvisual .bx-controls .bx-pager-item a {
    display: inline-block;
    overflow: hidden;
    width: 12px;
    height: 0 !important;
    margin: 0 4px;
    padding-top: 12px;
    outline: medium none;
}
html.ie #mainvisual .bx-controls .bx-pager-item a {
    display: inline;
}
#mainvisual .bx-controls .bx-pager-item a {
    background: url(../images/main_list.png) no-repeat 0 0;
}
#mainvisual .bx-controls .bx-pager-item a.active {
    background: url(../images/main_list_on.png) no-repeat 0 0;
}


/* ページャー
===================================*/

.bx-pager {
    text-align: center;
    bottom: 5px;
    position: absolute;
    width: 100%;
}

.bx-pager-item,
.bx-controls-auto-item {
    display: inline-block;

}

.bx-default-pager a {
    background: #c8ecff;
    text-indent: -9999px;
    display: block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    outline: 0;
    border-radius: 5px;
}

.bx-default-pager a:hover,
.bx-default-pager a.active {
    background: #00aeff;
}

/*--------------------------------------------------------
  レイアウト設定
--------------------------------------------------------*/
#container{
    margin-top: -1px;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    padding-top: 0px;
    padding-bottom: 0;
    
    border-top: 5px solid #ff0000;
}

#container-body{
    margin-top: -1px;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    padding-top: 0px;
    padding-bottom: 0;
    width: 960px;
    width: 1080px;
    background-color: #fff;
}

#header{
    width: 960px;
    width: 100%;
    height: 135px;
    margin-right: auto;
    margin-left: auto;
    background-color : #fff;
    border-top: 5px solid #ff0000;
}
#header2{
    width: 960px;
    width: 1080px;
    margin-right: auto;
    margin-left: auto;
}
#inner{
    width: 960px;
    width: 100%;
    padding-top: 55px;
    padding-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 50px;
    position: relative;
}

#inner::after{
    content: ".";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

.layoutset-01 #wrapper{
    width: 960px;
    width: 100%;
    padding-top: 0px;
    margin-right: 0;
    margin-bottom: 0;
}

.layoutset-02 #wrapper{
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}

#title{
    margin-left: auto;
    margin-right: auto;
}
.layoutset-02 #title{
    font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif, "icons";
    background: url(../images/indexBg.png) left bottom repeat-x;
}
.layoutset-02 #title.company{
    background: #efefef url(../company/title.png) center center no-repeat;
    background: #efefef url(../company/title.svg) center center no-repeat;
    border-bottom: #002c6d 1px solid;
}
.layoutset-02 #title.service{
    background: #efefef url(../service/title.png) center center no-repeat;
    border-bottom: #002c6d 1px solid;
}
.layoutset-02 #title.access{
    background: #efefef url(../access/title.png) center center no-repeat;
    border-bottom: #002c6d 1px solid;
}
.layoutset-02 #title.recruit{
    background: #efefef url(../recruit/title.png) center center no-repeat;
    background: #efefef url(../recruit/title.svg) center center no-repeat;
    border-bottom: #002c6d 1px solid;
}
.layoutset-02 #title.privacy{
    background: #efefef url(../privacy/title.png) center center no-repeat;
    background: #efefef url(../privacy/title.svg) center center no-repeat;
    border-bottom: #002c6d 1px solid;
}
.layoutset-02 #title.sitemap{
    background: #efefef url(../sitemap/title.png) center center no-repeat;
    border-bottom: #002c6d 1px solid;
}

.layoutset-01 #main{
    background-color: #fff;
}

.layoutset-02 #main{
    width: 960px;
    width: 1080px;
    padding-top: 5px;
    margin: 0 auto;
    min-height: 200px;
}

.layoutset-01 #aside{
    width: 251px;
    float: left;
    padding-bottom: 10px;
}

* html .layoutset-01 #aside{
    float: left; /* for IE6 */
}

*:first-child + html .layoutset-01 #aside{
    position: absolute; /* for IE7 */
    left: 0;
    top: 345px;
    margin-bottom: 10px;
}

.layoutset-02 #aside{
    width: 251px;
    float: left;
    padding-top: 40px;
}

#footerMain p{
/*-    width: 960px;-*/
}


/*--------------------------------------------------------
  デザイン設定
--------------------------------------------------------*/

/* トップページ デザイン定義 */
.layoutset-01 #title{
    width: 960px;
    width: 100%;
    padding-bottom: 10px;
    padding-bottom: 30px;
}

.layoutset-01 #title h2{
    font-size: 0;
    overflow: hidden;
    text-indent: -9999px;
    padding: 0;
    margin: 0;
}
/* コンテンツ配置領域 */

/* =======================================================
  レスポンシブル設定
======================================================= */
@media screen and (max-width: 568px) {
	/* 要素リセット */
	body{
	    min-width: 100%;
	}

	/*--------------------------------------------------------
	  レイアウト設定
	--------------------------------------------------------*/
	#container{
/*-		padding-top: 15px;
		background-image: none;
		border-top-color:#41b0ea;
		border-top-style: solid;
		border-top-width: 5px;
-*/
	}

	#header{
	    width: 100%;
	    height: auto;
		padding-bottom: 10px;
	}

	#header2 {
		width: 960px;
		width: 100%;
		margin-right: auto;
		margin-left: auto;
	}

	#inner{
	    width: 100%;
		padding-top: 0;
		padding-bottom: 0;
	}

	.layoutset-01 #wrapper{
	    width: 100%;
		padding-top: 0;
	}

	.layoutset-02 #wrapper{
	    width: 100%;
	    float: none;
	    padding-top: 0;
	}

	#title{
	    margin-top: 0;
	}

	.layoutset-01 #main{
		width: 100%;
		float: none;
		margin-right: auto;
		margin-left: auto;
		padding-bottom: 20px;
	}

	.layoutset-02 #main{
		width: 96%;
		margin-right: auto;
		margin-left: auto;
		padding-bottom: 20px;
	}

	.layoutset-01 #aside{
	    width: 96%;
	    float: none;
	    padding-bottom: 20px;
		margin-right: auto;
		margin-left: auto;
	}

	.layoutset-02 #aside{
		width: 96%;
		float: none;
		padding-top: 0;
		padding-bottom: 20px;
		margin-right: auto;
		margin-left: auto;
	}

	#footerMain p{
	    width: 100%;
		word-break:break-all;
	}


	/*--------------------------------------------------------
	  デザイン設定
	--------------------------------------------------------*/

	/* トップページ デザイン定義 */
	.layoutset-01 #title{
	    width: 100%;
	}

	.layoutset-01 #title h2{
	    height: 0px;
	}
	/* コンテンツ配置領域 */

	/*--------------------------------------------------------
	  共通パーツデザイン設定
	--------------------------------------------------------*/

	.main01 {
		width: 100%;
		height: 220px;
		background: url(../images/sp/top_mainimg1.jpg) 50% 50% no-repeat;
		background-size: cover;
	}
	/* .main01 div {
		background: url(../images/main01_txt.png) 0 0 no-repeat;
		background-size: 260px auto;
		width: 260px;
		height: auto;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		box-sizing: border-box;
		margin: 50px 0 0 0px;
	} */

	.main02 {
		width: 100%;
		height: 220px;
		background: url(../images/sp/top_mainimg2.jpg) 50% 50% no-repeat;
		background-size: cover;
	}
	/* .main02 div {
		background: url(../images/main02_txt.png) 0 0 no-repeat;
		background-size: 260px auto;
		width: 260px;
		height: auto;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		box-sizing: border-box;
		margin: 50px 0 0 0px;
	} */

	.main03 {
		width: 100%;
		height: 220px;
		background: url(../images/sp/top_mainimg3.jpg) 50% 50% no-repeat;
		background-size: cover;
	}
	/* .main03 div {
		background: url(../images/main03_txt.png) 0 0 no-repeat;
		background-size: 200px auto;
		width: 260px;
		height: auto;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		box-sizing: border-box;
		margin: 50px 0 0 0px;
	} */

	#mainvisual {
		position: relative;
		margin: 0 auto 0px;
		padding: 0;
		left: 0;
		height: 220px;
	}
	#mainvisual ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
		text-align: left;
	}
	#mainvisual .bx-controls-direction {
		display: none;
	}

	#mainvisual .bx-controls .bx-pager {
		display: none;
		position: absolute;
		bottom: -20px;
		left: 0;
		width: 100%;
		height: 12px;
		margin: 0;
		padding: 0;
		list-style: outside none none;
		text-align: center;
	}
	#mainvisual .bx-controls .bx-pager-item {
		display: inline;
	}
	#mainvisual .bx-controls .bx-pager-item a {
		display: inline-block;
		overflow: hidden;
		width: 12px;
		height: 0 !important;
		margin: 0 4px;
		padding-top: 12px;
		outline: medium none;
	}
	html.ie #mainvisual .bx-controls .bx-pager-item a {
		display: inline;
	}
	#mainvisual .bx-controls .bx-pager-item a {
		background: url(../images/main_list.png) no-repeat 0 0;
	}
	#mainvisual .bx-controls .bx-pager-item a.active {
		background: url(../images/main_list_on.png) no-repeat 0 0;
	}

}