@charset 'UTF-8';

/* 
html{
	background:#fff;
	background-color:#fff;
	background-image:
		url(../images/bg_body01.png),
		url(../images/bg_body02.png);
	background-repeat:
		repeat-x,
		repeat-x;
	background-position:
		top,
		bottom;
}

html *{
	box-sizing:border-box;
}

body{
	font-family:"游ゴシック体", YuGothic, "游ゴシック Medium", "YuGothic M", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
	background:transparent url(../images/bg_body03.jpg) no-repeat 50% 0%;
	height:3174px;
	width:1016px;
	margin:0 auto;
	padding:123px 10px;
	border:none;
}
 */

a img {transition:all 0.3s;}
a img:hover{opacity:0.5;}

ul, li{
	display:block;
	margin:0;
	padding:0;
}

/* #slider01 ======================================================================== */

#slider01{
	background:#fff;
	height:347px;
	margin-bottom:923px;
	position:relative;
}

#slider01 .sliderInner{
	position:relative;
}

#slider01 .sliderInner li{
	background:transparent;
	float:left;
	width:996px;
	height:252px;
	position:absolute;
	top:0;
	left:0;
	opacity:0;
	transition:opacity .7s;
	cursor:pointer;
}

#slider01 .sliderInner li img:hover{
	opacity:0.5;
}

#slider01 .sliderInner li:first-child{
	opacity:1;
}

#slider01 .sliderControl .arrow{
	width:1016px;
	height:0;
	margin:0 -10px;
	position:absolute;
	top:287px;
}

#slider01 .sliderControl .arrow li{
	width:40px;
	height:40px;
}

#slider01 .sliderControl .arrow li:nth-child(1){float: left; transform:rotate(180deg);}
#slider01 .sliderControl .arrow li:nth-child(2){float:right;}

#slider01 .sliderControl .arrow a{
	display:block;
	width:40px;
	height:40px;
	border:solid 1px #dcdcdc;
	border-radius:50%;
	text-indent:-9999px;
	background:#fff url(/seino/media/img-lib/2017/common/arrow_a.png) no-repeat 50% 50%;
	overflow:hidden;
}

#slider01 .sliderControl .dim{
	height:85px;
	position:relative;
	top:267px;
	margin-left:18px;
}

#slider01 .sliderControl .dim li{
	float:left;
	width:226px;
	height:80px;
	margin-right:18px;
	border:solid 1px #dcdcdc;
	background:#fff no-repeat 0 bottom;
	opacity:0.3;
	transition:opacity 0.3s;
}

#slider01 .sliderControl .dim li a{
	display:block;
	width:226px;
	height:80px;
}

#slider01 .sliderControl .dim li.here{
	opacity:1;
	border-top:solid 3px #00409a;
}

#slider01 .sliderControl .dim li.here::before{
	display:block;
	content:'';
	width:0;
	height:0;
	border-style:solid;
	border-width:0 5px 5px 5px;
	border-color:transparent transparent #00409a transparent ;
	position:relative;
	top:-8px;
	left:108px;
}

#slider01 .sliderControl .dim li:nth-child(1){background-image:url(/seino/media/img-lib/2017/sample/btn01.png);}
#slider01 .sliderControl .dim li:nth-child(2){background-image:url(/seino/media/img-lib/2017/sample/btn02.png);}
#slider01 .sliderControl .dim li:nth-child(3){background-image:url(/seino/media/img-lib/2017/sample/btn03.png);}
#slider01 .sliderControl .dim li:nth-child(4){background-image:url(/seino/media/img-lib/2017/sample/btn04.png);}

/* 送る受け取る ======================================================================== */
#okuru-uketoruArea {
	width:958px;
	background:#ffffff;
	height:290px;
	margin-bottom:24px;
	overflow:hidden;
border:1px solid #efebdf;
	border-radius:4px;
}

#okuru-uketoruArea1 {
width:710px;
	height:290px;
float:left;
}

#okuru-uketoruArea1 p{
margin:12px 16px;

}

#okuru-uketoruArea2 {
width:243px;
	height:290px;
float:right;
border-left:1px solid #efebdf;
	background-color:#ecf3fb;
}

#okuru-uketoruArea2 a img {
margin-bottom:10px;
}


#okuru-uketoruArea2 p{
margin:12px 12px;

}
#okuru-uketoruArea2 p span {
display:inline-block;
background-image:url("/seino/media/img-lib/common/li-right-arrow.gif");
background-repeat:no-repeat;
background-position: 0 25%;
padding-left:10px;
}



div.okuru-uketoruArea-inner{
margin:18px;
}

div.okuru-uketoruArea-inner div span {
display:inline-block;
background-image:url("/seino/media/img-lib/common/li-right-arrow.gif");
background-repeat:no-repeat;
background-position: 0 25%;
padding-left:10px;
}

div.okuru-uketoruArea-inner h2,
div.okuru-uketoruArea-inner h2 {
font-size:160%;
font-weight:bold;
background-image:none;
color:#022e91;
width:100%;
}

.innerBlock{
float:left;
width:33%;
}

/* おすすめサービス ======================================================================== */
#osusumeArea {
	width:958px;
	background:#ecf3fb;
	height:330px;
	margin-bottom:24px;<h3>
	overflow:hidden;
border:1px solid #efebdf;
	border-radius:4px;
}
#osusumeArea-inner {
margin:18px 0 18px 18px;
}

#osusumeArea #osusumeArea-inner h2 {
font-size:160%;
font-weight:bold;
background-image:none;
color:#333333;
}

#osusumeArea #osusumeArea-inner div {
float:left;
width:176px;
margin-right:10px;
font-size:100%;
color:#333333;
}

#osusumeArea #osusumeArea-inner div h3{
padding:0 0 0 1em;
margin:10px 0;
font-size:110%;
font-weight:borld;
background-image:url("/seino/media/img-lib/common/li-right-arrow.gif");
background-repeat:no-repeat;
background-position: 3px 40%;
background-color:transparent;
border-style:none;
}


#osusumeArea #osusumeArea-inner div p{
padding:0;
margin:0px 10px 10px 10px;
}


#osusumeArea #osusumeArea-inner div img {
border:1px solid #e4e4e4;
border-radius:4px;
}

/* 採用情報 ======================================================================== */
#recruitArea {
	width:958px;
	background:#ffffff;
	height:280px;
	margin-bottom:24px;
	overflow:hidden;
border:1px solid #efebdf;
	border-radius:4px;
}

#recruitArea-inner {
margin:18px 0 18px 18px;
}

#recruitArea-inner div {
text-align:center;
width:224px;
height:190px;
margin-right:10px;
float:left;
border-left:1px solid #dedede;
}

#recruitArea-inner div a img,
#recruitArea-inner a img {
margin-bottom:10px;
}

#recruitArea-inner div span {
display:inline-block;
background-image:url("/seino/media/img-lib/common/li-right-arrow.gif");
background-repeat:no-repeat;
background-position: 0 12%;
padding-left:10px;
}

#recruitArea #recruitArea-inner h2 {
font-size:160%;
font-weight:bold;
background-image:none;
color:#333333;
}

/* #slider02 ======================================================================== */



/* お知らせエリア2017
 ======================================================================== */
div#importantNewsArea2017{
border:1px solid #ff0000;
border-radius:3px;
background-color:#ffffff;
margin-bottom:12px;
}

div#importantNewsArea2017 h2{
background-image:none;
margin-top:12px;
    font-size: 140%;
}

p.news-heading {
    margin-left: 14px;
}

.newsArea2017 table.common-news-table {
    width: 920px;
}

/* 外部リンクエリア2017
 ======================================================================== */
#external_link_area2017 div {
display:inline-block;
width:33%;
text-align:center;
margin-bottom:28px;
}

/* 内部リンクエリア2017
 ======================================================================== */
#internal_link_area2017 div {
/*  */display:inline-block;

/*  display:block; float:left; */
width:33%;
text-align:center;
margin-bottom:28px;
}

#internal_link_area2017 div:after {clear:both;}

/* #slider03 ======================================================================== */



/* #fixedmenu ======================================================================== */

div[id^='fixedmenu'] p{
	margin:0;
	padding:0;
	position:fixed;
	cursor:pointer;
	height:459px; /*375px*/
	overflow:hidden;
	right:2px;
	top:124px;
		z-index:999;
}

div[id^='fixedmenu'] p.close {
	height:42px;
}

/* #fixedmenu 1 ======================================================================== */

#fixedmenu p{
	transition:all 0.3s;
	right:-86px;
}

#fixedmenu p.on{
	transition-delay:0.25s;
}

#fixedmenu p.open    {right: -86px;}
#fixedmenu p.open.on {right:   2px;}
#fixedmenu p.close   {right: -86px;}
#fixedmenu p.close.on{right:   2px;}

/* #fixedmenu 2 ======================================================================== */

#fixedmenu2 p{
	transition:all 0.3s;
	transform-origin:87px 0px;
}

#fixedmenu2 p.open{
	transform:rotate(-180deg);
}

#fixedmenu2 p.close{
	transform:rotate(180deg);
}

#fixedmenu2 p.open.on,
#fixedmenu2 p.close.on{
	transform:rotate(0deg);
}

/* #fixedmenu 3 ======================================================================== */

#fixedmenu3 p{
	overflow:hidden;
}

#fixedmenu3 p.open img{
	transform:translateY(-459px); /*-375px*/
	transition:all .3s;
}

#fixedmenu3 p.open.on img{
	transform:translateY(0px);
}

#fixedmenu3 p.close{
	display:none;
}

/* #fixedmenu 4 ======================================================================== */

#fixedmenu4 p{
	overflow:hidden;
	transition:all .3s;
	transform-origin:50% 0 43px;
}

#fixedmenu4 p.open    {transform:rotateY( -90deg);}
#fixedmenu4 p.open.on {transform:rotateY(   0deg);}
#fixedmenu4 p.close   {transform:rotateY(  90deg);}
#fixedmenu4 p.close.on{transform:rotateY(   0deg);}