/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■
■ DEFULT
■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
/*
@media print {
  body {
    -webkit-print-color-adjust: exact;
  }
}
*/
/* ==================================================
= body
================================================== */
* {
	margin: 0px;
	padding: 0px;
}
body, figure, div, form, h1, h2, h3, p, ul, ol, li, dl, dt, dd, input {
	margin: 0px;
	padding: 0px;
}
body{ font-size: 14px; color: #333; font-weight: normal;
	/* Gothic */
	font-family: Helvetica, Arial, 'メイリオ', 'Meiryo', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro','ＭＳ ゴシック', 'MS Gothic', sans-serif;
}
article, aside, figure, footer, header, hgroup, nav, section {
	display: block;
}
/* ==================================================
= Tag
================================================== */
/* --------------------------------------------------
- list
-------------------------------------------------- */
ul,ol {
	list-style-type: none;
}
/* --------------------------------------------------
- link
-------------------------------------------------- */
a{ border: none;outline: none;}
a:visited, a:active, a:focus{ border: none; outline: none;}
img{ border: none; outline: none; }

/* ==================================================
= Class
================================================== */
/* --------------------------------------------------
- float
-------------------------------------------------- */
.floatClear { zoom: 100%; clear: both; }
.floatClear:after {
	content: ".";
	clear: both;
	height: 0px;
	display: block;
	visibility: hidden;
	font-size: 0;
	line-height:0;
}
.floatLeft { float:left; }
.floatRight { float:right; }
/* --------------------------------------------------
- position
-------------------------------------------------- */
.pos_relative { position: relative; }
.pos_absolute { position: absolute; }

/* --------------------------------------------------
- opacity
-------------------------------------------------- */
.opacity_0{
	filter: alpha(opacity=0);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=0)";  /* ie 8 */
	-moz-opacity:0;                 /* FF lt 1.5, Netscape */
	opacity: 0;
}
.opacity_03{
	filter: alpha(opacity=30);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=30)";  /* ie 8 */
	-moz-opacity:0.3;                 /* FF lt 1.5, Netscape */
	opacity: 0.3;
}

/* --------------------------------------------------
- font
-------------------------------------------------- */
.f_size0{font-size: 0;}
.f_size10{font-size: 10px;}
.f_size11{font-size: 11px;}
.f_size12{font-size: 12px;}
.f_size13{font-size: 13px;}
.f_size14{font-size: 14px;}
.f_size15{font-size: 15px;}
.f_size16{font-size: 16px;}
.f_size17{font-size: 17px;}
.f_size18{font-size: 18px;}
.f_size19{font-size: 19px;}
.f_size20{font-size: 20px;}
.f_size21{font-size: 21px;}
.f_size22{font-size: 22px;}
.f_size23{font-size: 23px;}
.f_size24{font-size: 24px;}
.f_size34{font-size: 24px;}
/* super */
.f_trademark{
	vertical-align: super;
}
/* color */
.f_red{ color: #EA5449; }
.f_green{ color: #21A431; }
.f_blue{ color: #008CD6; }
/* font-family */
.f_serif{
	font-family: 'Century', 'メイリオ', 'Meiryo', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro','ＭＳ 明朝', 'MS Mincho', serif;
}
.f_century_gothic{ font-family: 'Century Gothic'; }
.f_verdana_gothic{ font-family: 'Verdana'; }


/* text */
.f_style_01{
	letter-spacing: 0.08em;
	line-height: 2em;
	line-height: 1.6em;
}
.f_style_02{
	letter-spacing: 0.04em;
	line-height: 2em;
}
.f_style_03{
	letter-spacing: 0.04em;
	line-height: 1.4em;
}
/* インデント */
.f_style_04{
	text-indent: -1.2em;
	margin-left: 1.2em;
}
/* ==================================================
= Parts
================================================== */
/* --------------------------------------------------
- read more
-------------------------------------------------- */
/*
.readmore{
	display: block;
    text-indent: -9999px;
	width: 110px;
	height: 20px;
	margin-top: 10px;
	background:url(../images/mcj_saiyo_common.png) no-repeat -766px 0px;
}
a.readmore:hover{
	background:url(../images/mcj_saiyo_common.png) no-repeat -766px -20px;
}
*/
a.readmore{ height: 20px; margin-top: 10px; margin-top: 6px; color: #939391; }
#contentsmenu li a.readmore:hover{ text-decoration: underline; color: #333; }
a.readmore::before{ content: ''; display: inline-block; width: 12px; height: 12px; margin-right: 6px; vertical-align: -1px; background: url(../images/mcj_saiyo_icon_arrow.png) no-repeat 0px 0px; }
a.outlink.readmore::after{ content: ''; display: inline-block; width: 14px; height: 11px; margin-left: 4px; vertical-align: 0; background: url(../images/mcj_saiyo_icon_outlink.svg) no-repeat 0px 0px; }
/* --------------------------------------------------
- entry
-------------------------------------------------- */
#page.recruit.entry .rikunabi{
	display: block;
    text-indent: -9999px;
	width: 220px;
	height: 92px;
	background:url(../images/mcj_saiyo_recruit_flow-2024.png) no-repeat 0px 0px;
}
#page.recruit.entry a.rikunabi:hover{
	background:url(../images/mcj_saiyo_recruit_flow-2024.png) no-repeat 0px -100px;
}
#page.recruit.entry .mynavi{
	display: block;
    text-indent: -9999px;
	width: 220px;
	height: 92px;
	background:url(../images/mcj_saiyo_mynavi_flow-2025.png) no-repeat 0px 0px;
}
#page.recruit.entry a.mynavi:hover{
	background:url(../images/mcj_saiyo_mynavi_flow-2025.png) no-repeat 0px -100px;
}
/* --------------------------------------------------
- flow
-------------------------------------------------- */
#page.home .rikunabi,
#page.recruit.flow .rikunabi{
	display: block;
    text-indent: -9999px;
	width: 220px;
	height: 92px;
	background:url(../images/mcj_saiyo_recruit_flow-2024.png) no-repeat 0px 0px;
}
#page.home a.rikunabi:hover,
#page.recruit.flow a.rikunabi:hover{
	background:url(../images/mcj_saiyo_recruit_flow-2024.png) no-repeat 0px -100px;
}
#page.home .mynavi,
#page.recruit.flow .mynavi{
	display: block;
    text-indent: -9999px;
	width: 220px;
	height: 92px;
	background:url(../images/mcj_saiyo_mynavi_flow-2025.png) no-repeat 0px 0px;
}
#page.home a.mynavi:hover,
#page.recruit.flow a.mynavi:hover{
	background:url(../images/mcj_saiyo_mynavi_flow-2025.png) no-repeat 0px -100px;
}
/* --------------------------------------------------
- box style
-------------------------------------------------- */
/* 01 */
.box_style_01{
	display: block;
	width: 710px;
	padding: 0px 0 20px 0px;
	margin-bottom: 40px;
	background-color: #EFEDE6;
	border: solid 1px #CCCCCC;
}
.box_style_01 .title{
	display: block;
	margin: 14px 0 0 14px;
}
.box_style_01 .title .no{
	display: block;
	width: 37px;
	height: 30px;
	color: #ffffff;
	font-weight: normal;
	font-size: 17px;
	padding: 6px 0 0 6px;
	background:url(../images/mcj_saiyo_content_style.png) no-repeat 0px 0px;
}
.box_style_01 .title .text{
	display: block;
	width: 620px;
	height: 34px;
	color: #EA5449;
	margin: 2px 0 0 0px;
	padding: 0 0 0 6px;
	letter-spacing: 0.12em;
/*	line-height: 2em;*/
	background:url(../images/mcj_saiyo_content_style.png) no-repeat -43px -2px;
}
/* 02 */
.box_style_02{
	display: block;
	width: 710px;
	padding: 0px 0 20px 0px;
	margin-bottom: 40px;
	background-color: #EFEDE6;
	border: solid 1px #CCCCCC;
}
.box_style_02 .title{
	display: block;
	margin: 14px 0 0 14px;
}
.box_style_02 .title .no{
	display: block;
	width: 37px;
	height: 30px;
	color: #ffffff;
	font-weight: normal;
	font-size: 17px;
	padding: 6px 0 0 6px;
	background:url(../images/mcj_saiyo_content_style.png) no-repeat 0px -36px;
}
.box_style_02 .title .text{
	display: block;
	width: 620px;
	height: 34px;
	margin: 2px 0 0 0px;
	padding: 0 0 0 6px;
	letter-spacing: 0.12em;
}
/* IE対応 */
.box_style_02 .title .text{
   padding-top: 6px\9; /* IE8 */
   *padding-top: 6px; /* IE7 */
   _padding-top: 6px; /* IE6 */
}
:root .box_style_02 .point .top .inner2 {
   padding-top: 6px \0/; /* IE9 */
}
/* point */
.box_style_02 .point{
	display: block;
	margin-top: 10px;
	width: 674px;
}
.box_style_02 .point .top{
	display: block;
	width: 674px;
	background:url(../images/mcj_saiyo_content_style.png) no-repeat 0px -84px;
}
.box_style_02 .point .top .inner2{
	width: 624px;
	padding: 21px 0px 0 50px;
	font-size: 16px;
	color: #209DE4;/*#008CD6;*/
}
/* IE対応 */
.box_style_02 .point .top .inner2{
   padding-top: 23px\9; /* IE8 */
   *padding-top: 23px; /* IE7 */
   _padding-top: 23px; /* IE6 */
}
:root .box_style_02 .point .top .inner2 {
   padding-top: 23px \0/; /* IE9 */
}

.box_style_02 .point .middle{
	display: block;
	width: 674px;
	padding-top: 10px;
	background:url(../images/mcj_saiyo_content_style_02.png) repeat-y 0px 0px;
}
.box_style_02 .point .middle .inner3{
	width: 634px;
	padding: 0 20px;
}
.box_style_02 .point .bottom{
	display: block;
	width: 674px;
	height: 20px;
	background:url(../images/mcj_saiyo_content_style.png) no-repeat 0px -182px;
}
/* 03 */
.box_style_03{
	margin-bottom: 30px;
}
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■
■ LAYOUT
■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
/* ==================================================
= page layout
================================================== */
#wrapper{
	text-align: center;
}
.wrapp2column{
	width: 1000px;
	margin-left: auto; margin-right: auto;
	text-align: left;
}
.wrapp1column{
	width: 1000px;
	margin-left: auto; margin-right: auto;
	text-align: left;
}
/* --------------------------------------------------
- header
-------------------------------------------------- */
#header{
	width: 1000px;
	height: 80px;
	margin-left: auto; margin-right: auto;
	text-align: left;
}
#globalmenu{
	background-color: #555555;
	width: 100%;
	min-width: 1020px;
	height: 30px;
}
#submenu{
	background-color: #ffffff;
	width: 100%;
	height: 30px;
}
#bread{
	background-color: #ffffff;
	width: 1000px;
	margin-left: auto; margin-right: auto;
	text-align: left;
	height: 12px;
	padding: 28px 0 10px 20px;
	font-size: 10px;
}
/* --------------------------------------------------
- main
-------------------------------------------------- */
#main{
	width: 100%;
}
/* top */
#mainvisual{
	width: 100%;
	min-width: 1020px;
	height: 400px;
	background-color: #2F2F2F;
}
#contentsmenu{
	width: 1000px;
	margin-top: 40px;
	margin-left: auto; margin-right: auto;
	text-align: left;
}
/* other */
#contents{
	width: 1000px;
	margin-left: auto; margin-right: auto;
	text-align: left;
}
/* --------------------------------------------------
- left
-------------------------------------------------- */
#contents .left{
	width: 740px;
}
#contents .left .pagename{
	width: 730px;
	height: 80px;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
}
#contents .left .content{
	margin: 24px 10px 0 10px;
}
/* --------------------------------------------------
- right
-------------------------------------------------- */
#contents .right{
	width: 260px;
}
/* Right:Local menu */
#contents .right .localmenu{
	margin: 0px 10px 0 10px;
}
#contents .right .localmenu .inner{
	width: 240px;
}
/* --------------------------------------------------
- footer
-------------------------------------------------- */
#pagetop{
	width: 1000px;
	height: 30px;
	margin-top: 100px; margin-bottom: 10px;
	margin-left: auto; margin-right: auto;
	text-align: left;
}
#footer{
	width: 100%;
}
#footer #sitemap{
	display: block;
	width: 100%;
	min-width: 1020px;
	height: 180px;
	background-color: #EFEDE6;
	padding: 10px 0;
	background: #EFEDE6 url(../images/mcj_saiyo_footer_top_line.png) repeat-x 0 0;
}
/* --------------------------------------------------------------------------------
- icon
-------------------------------------------------------------------------------- */
/* outlink */
#footer #sitemap .sitemap ul li.first:nth-child(4) li.second:nth-child(5){
	background: url(../images/mobile_mcj_saiyo_icon_sitemap_outlink_14.svg) no-repeat 146px 0px;
	background-color: #EFEDE6;
}
/*
-------------------------------------------------------------------------------- */
#footer #copyright{
	width: 100%;
	min-width: 1020px;
	height: 20px;
	background-color: #333333;
}
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■
■ PAGE : COMMON
■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
/* ==================================================
= Header
================================================== */

/* --------------------------------------------------
- mobile
-------------------------------------------------- */
.mobile.header .menu,
.mobile.header .rntry{
	width: 24%;
}
.mobile.header .title{
	width: 52%;
}
/* Title */
.mobile.header .title p{
	font-size: 1.1em;
	color: #fff;
	line-height: 40px;
	display: block;
	width: 120px;
	margin: 0 auto;
}
/* --------------------------------------------------
- logo
-------------------------------------------------- */
#logo{
	width: 730px;
}
#logo a{
	display: block;
    text-indent: -9999px;
	height: 60px;
	width: 427px;
	background:url(../images/mcj_saiyo_common_logo.svg) no-repeat 0 0;
	margin: 10px 0 0 10px;
}
#logo a:hover{
	background-position: 0px -60px;
}
/* --------------------------------------------------
- navi
-------------------------------------------------- */
#navi{
	width: 270px;
}
#navi .entry a{
	display: block;
    text-indent: -9999px;
	height: 44px;
	width: 127px;
	background:url(../images/mcj_saiyo_mark_icon.svg) no-repeat 0px 0px;
	margin: 0px 0 0 0px;
}
#navi .entry a:hover{
	background-position: 0 -44px;
}
#navi .mcjhp a{
	display: block;
    text-indent: -9999px;
	height: 44px;
	width: 107px;
	background:url(../images/mcj_saiyo_mark_icon.svg) no-repeat -126px 0;
	margin: 0px 0 0 0px;
}
#navi .mcjhp a:hover{
	background-position: -126px -44px;
}
/* ==================================================
= Global Menu
================================================== */
/* --------------------------------------------------
- left
-------------------------------------------------- */
#globalmenu .left{
	width: 730px;
	margin-left: 10px;
}
#globalmenu .left ul.first{
	display: block;
}
#globalmenu .left li.first{
	display: block;
	width: 180px;
	height: 30px;
}
#globalmenu .left li.first a.first{
	text-decoration: none;
	color: #ffffff;
}
/* 第一階層 */
#globalmenu .left li.first a.first{
	display: block;
	width: 180px;
	height: 30px;
    text-indent: -9999px;
	margin: 0px 0 0 0px;
}
/* home */
#globalmenu .left li a.first{ background:url(../images/mcj_saiyo_menu.svg) no-repeat 0px 0; }
#page.home #globalmenu .left li.about a.first{ background-position: 0 0; }
#page.home #globalmenu .left li.business a.first{ background-position: -180px 0; }
#page.home #globalmenu .left li.people a.first{ background-position: -360px 0; }
#page.home #globalmenu .left li.recruit a.first{ background-position: -540px 0; }
#page.home #globalmenu .left li.about a.first:hover{ background-position: 0px -150px; }
#page.home #globalmenu .left li.business a.first:hover{ background-position: -180px -150px; }
#page.home #globalmenu .left li.people a.first:hover{ background-position: -360px -150px; }
#page.home #globalmenu .left li.recruit a.first:hover{ background-position: -540px -150px; }
/* about */
#page.about #globalmenu .left li.about a.first{ background-position: 0 -30px; }
#page.about #globalmenu .left li.business a.first{ background-position: -180px -30px; }
#page.about #globalmenu .left li.people a.first{ background-position: -360px -30px; }
#page.about #globalmenu .left li.recruit a.first{ background-position: -540px -30px; }
#page.about #globalmenu .left li.about a.first:hover{ background-position: 0px -150px; }
#page.about #globalmenu .left li.business a.first:hover{ background-position: -180px -150px; }
#page.about #globalmenu .left li.people a.first:hover{ background-position: -360px -150px; }
#page.about #globalmenu .left li.recruit a.first:hover{ background-position: -540px -150px; }
/* business */
#page.business #globalmenu .left li.about a.first{ background-position: 0px -60px; }
#page.business #globalmenu .left li.business a.first{ background-position: -180px -60px; }
#page.business #globalmenu .left li.people a.first{ background-position: -360px -60px; }
#page.business #globalmenu .left li.recruit a.first{ background-position: -540px -60px; }
#page.about #globalmenu .left li.about a.first:hover{ background-position: 0px -150px; }
#page.about #globalmenu .left li.business a.first:hover{ background-position: -180px -150px; }
#page.about #globalmenu .left li.people a.first:hover{ background-position: -360px -150px; }
#page.about #globalmenu .left li.recruit a.first:hover{ background-position: -540px -150px; }
/* people */
#page.people #globalmenu .left li.about a.first{ background-position: 0px -90px; }
#page.people #globalmenu .left li.business a.first{ background-position: -180px -90px; }
#page.people #globalmenu .left li.people a.first{ background-position: -360px -90px; }
#page.people #globalmenu .left li.recruit a.first{ background-position: -540px -90px; }
#page.about #globalmenu .left li.about a.first:hover{ background-position: 0px -150px; }
#page.about #globalmenu .left li.business a.first:hover{ background-position: -180px -150px; }
#page.about #globalmenu .left li.people a.first:hover{ background-position: -360px -150px; }
#page.about #globalmenu .left li.recruit a.first:hover{ background-position: -540px -150px; }
/* recruit */
#page.recruit #globalmenu .left li.about a.first{ background-position: 0px -120px; }
#page.recruit #globalmenu .left li.business a.first{ background-position: -180px -120px; }
#page.recruit #globalmenu .left li.people a.first{ background-position: -360px -120px; }
#page.recruit #globalmenu .left li.recruit a.first{ background-position: -540px -120px; }
#page.about #globalmenu .left li.about a.first:hover{ background-position: 0px -150px; }
#page.about #globalmenu .left li.business a.first:hover{ background-position: -180px -150px; }
#page.about #globalmenu .left li.people a.first:hover{ background-position: -360px -150px; }
#page.about #globalmenu .left li.recruit a.first:hover{ background-position: -540px -150px; }

/* 第二階層 */
#globalmenu .left ul.second{
	z-index: 1000;
	background-color: #555555;
	display: none;
	width: auto;
}
#globalmenu .left li.second{
	display: block;
}
#globalmenu .left li.second.top{
	border-bottom: 1px dotted #EFEDE6;
}
#globalmenu .left li.second.middle{
	border-bottom: 1px dotted #EFEDE6;
}
#globalmenu .left li.second.bottom{
	border-bottom: 1px solid #999;
}
#globalmenu .left li.second a{
	display: block;
	height: 40px;
	font-size: 12px;
	text-decoration: none;
	color: #ffffff;
	width: 180px;
}
#globalmenu .left li.second a .inner4{
	display: block;
	font-size: 12px;
	line-height: 1.2em;
	padding: 12px 10px 8px 20px;
}
#globalmenu .left li.second a:hover{
	color: #555555;
	background-color: #EFEDE6;
}
/* people */
#globalmenu .left .people li.second a{
	width: 240px;
}
/* --------------------------------------------------------------------------------
- icon
-------------------------------------------------------------------------------- */
/* outlink */
#globalmenu .left .recruit li.second:nth-child(5) a{
	background-image: url(../images/mobile_mcj_saiyo_icon_globalmenu_outlink.svg);
	background-repeat: no-repeat;
	background-position: 96% 82%;
}
#globalmenu .left .recruit li.second:nth-child(5) a:hover{
	background-image: url(../images/mobile_mcj_saiyo_icon_sitemap_outlink_14.png);
}
/*
-------------------------------------------------------------------------------- */


/* --------------------------------------------------
- Bread
-------------------------------------------------- */
#bread a{
	display: block;
    text-indent: -9999px;
	height: 12px;
	overflow: hidden;
}
#bread span{
	display: block;
    text-indent: -9999px;
	height: 12px;
	overflow: hidden;
}
/* home */
#bread a.home{ width: 57px; background:url(../images/mcj_saiyo_bread.svg) no-repeat 0px 0px; }
#bread a.home:hover{ background-position: 0px -12px; }
/* 日本住宅ローンについて */
#bread a.about{ width: 129px; background:url(../images/mcj_saiyo_bread.svg) no-repeat 0px -24px; }
#bread a.about:hover{ background-position: 0 -36px; }
#bread .topmessage{ width: 74px; background:url(../images/mcj_saiyo_bread.svg) no-repeat 0 -120px; }
#bread .personalimage{ width: 62px; background:url(../images/mcj_saiyo_bread.svg) no-repeat 0 -132px; }
#bread .strongpoint{ width: 100px; background:url(../images/mcj_saiyo_bread.svg) no-repeat 0 -144px; }
#bread .company{ width: 44px; background:url(../images/mcj_saiyo_bread.svg) no-repeat 0 -156px; }
/* 日本住宅ローンの仕事 */
#bread a.business{ width: 120px; background:url(../images/mcj_saiyo_bread.svg) no-repeat 0 -48px; }
#bread a.business:hover{ background-position: 0px -60px; }
#bread .business_about{ width: 50px; background:url(../images/mcj_saiyo_bread.svg) no-repeat 0 -168px; }
/* 社員・職場紹介 */
#bread a.people{ width: 86px; background:url(../images/mcj_saiyo_bread.svg) no-repeat 0 -72px; }
#bread a.people:hover{ background-position: 0px -84px; }
#bread .interview{ width: 160px; background:url(../images/mcj_saiyo_bread.svg) no-repeat 0 -180px; }
#bread .questionnaire{ width: 155px; background:url(../images/mcj_saiyo_bread.svg) no-repeat 0 -192px; }
/* 採用情報 */
#bread a.recruit{ width: 60px; background:url(../images/mcj_saiyo_bread.svg) no-repeat 0 -96px; }
#bread a.recruit:hover{ background-position: 0px -108px; }
#bread .handbook{ width: 50px; background:url(../images/mcj_saiyo_bread.svg) no-repeat 0 -204px; }
#bread .flow{ width: 60px; background:url(../images/mcj_saiyo_bread.svg) no-repeat 0 -216px; }
#bread .entry{ width: 110px; background:url(../images/mcj_saiyo_bread.svg) no-repeat 0 -228px; }
#bread .faq{ width: 60px; background:url(../images/mcj_saiyo_bread.svg) no-repeat 0 -240px; }
/* --------------------------------------------------
- Page name
-------------------------------------------------- */
#contents .pagename h2{
	display: block;
    text-indent: -9999px;
	width: 400px;
	height: 50px;
	z-index: -1;
	background:url(../images/mcj_saiyo_pagename.svg) no-repeat 0px 0px;
}
/* Page name */
/* 日本住宅ローンについて */
#page.about.topmessage #contents .pagename h2{ background-position:0px 0px; }
#page.about.personalimage #contents .pagename h2{ background-position:0px -50px; }
#page.about.srtongpoint #contents .pagename h2{ background-position:0px -100px; }
#page.about.company #contents .pagename h2{ background-position:0px -150px; }
/* 日本住宅ローンの仕事 */
#page.business.business_about #contents .pagename h2{ background-position:0px -200px; }
/* 社員・職場紹介 */
#page.people.interview #contents .pagename h2{ background-position:0px -250px; }
#page.people.questionnaire #contents .pagename h2{ background-position:0px -300px; }
/* 採用情報 */
#page.recruit.handbook #contents .pagename h2{ background-position:0px -350px; }
#page.recruit.flow #contents .pagename h2{ background-position:0px -400px; }
#page.recruit.entry #contents .pagename h2{ background-position:0px -450px; }
#page.recruit.faq #contents .pagename h2{ background-position:0px -500px; }
/* ==================================================
= Main Visual
================================================== */
/* --------------------------------------------------
- left & right
-------------------------------------------------- */
#mainvisual .left{
	width: 730px;
	height: 400px;
}
#mainvisual .right{
	width: 260px;
	height: 400px;
}
/* --------------------------------------------------
- Slide
-------------------------------------------------- */
#mainvisual .slide{
	margin-left: 10px;
	width: 720px;
	height:400px;
	overflow:hidden;
}
#mainvisual .slide ul{
	width: 7300px;
	top: 0;
	left: 0px;
}
#mainvisual .slide li{
	width: 730px;
	height: 400px;
	display: block;
}
/* --------------------------------------------------
- Banner
-------------------------------------------------- */
#mainvisual .banner{
	margin-right: 10px;
	width: 260px;
	height:400px;
	overflow:hidden;
}
#mainvisual .banner ul{
	width: 260px;
	height:500px;

	top: 0;
	left: 0px;
}
#mainvisual .banner li{
	width: 260px;
	height: 100px;
	display: block;
}
/* --------------------------------------------------
- Frame
-------------------------------------------------- */
#mainvisual .frame{
	width: 276px;
	height: 100px;
	top: 0;
	right: 6px;
	background:url(../images/mcj_saiyo_top_banner_frame.png) no-repeat 0px 0px;
}

* html .#mainvisual .frame{/* IE6以下に適用 */
	background:url(../images/mcj_saiyo_top_banner_frame.gif) no-repeat 0px 0px;
}
/* --------------------------------------------------
- Control
-------------------------------------------------- */
#mainvisual .control div{
	display: block;
	width: 260px;
	height: 30px;
    text-indent: -9999px;
}
/* up */
#mainvisual .control .base.up{
	top: 0;
	right: 10px;
	cursor: pointer;
}
#mainvisual .control .mask.up{
	top: -30px;
	right: 10px;
	background-color: #fff;
}
#mainvisual .control .button.up{
	top: -30px;
	right: 10px;
	background:url(../images/mcj_saiyo_control.png) no-repeat 0px 0px;
	cursor: pointer;
}
/* down */
#mainvisual .control .base.down{
	bottom: 0;
	right: 10px;
	cursor: pointer;
}
#mainvisual .control .mask.down{
	bottom: -30px;
	right: 10px;
	background-color: #fff;
}
#mainvisual .control .button.down{
	bottom: -30px;
	right: 10px;
	background:url(../images/mcj_saiyo_control.png) no-repeat 0px -30px;
	cursor: pointer;
}
/* ==================================================
= Contents menu
================================================== */
/* --------------------------------------------------
- box
-------------------------------------------------- */
#contentsmenu ul.left{ display: block; width: 650px; }
#contentsmenu ul.right{ display: block; width: 324px; }
#contentsmenu li{
	width: 304px;
	margin-left: 20px;
}
#contentsmenu li a{
/*	text-decoration: none;*/
	display: block;
}
#contentsmenu li .top{
	display: block;
	width: 306px;
/*	height: 40px;*/
	background:url(../images/mcj_saiyo_top_contents_banner_top.png) no-repeat 0px 0px;
	padding-top: 10px;
	color: #000000;
	font-size: 18px;
	font-family: 'メイリオ', Meiryo, sans-serif;
	text-align: center;
}
#contentsmenu li .middle{
	display: block;
	width: 306px;
/*	background:url(../images/mcj_saiyo_top_contents_banner.png) repeat-y -306px 0px;*/
	background:url(../images/mcj_saiyo_top_contents_banner_middle.png) repeat-y 0 0;
	color: #333333;
	font-size: 12px;
	font-family: 'メイリオ', Meiryo, sans-serif;
	text-align: left;
	letter-spacing: 0.07em;
	line-height: 1.7em;
}
#contentsmenu li .middle .outer{
	padding: 10px 16px 0;
}
#contentsmenu li .middle .inner{
	width: 274px;
/*	overflow: hidden;*/
}
#contentsmenu li .middle .inner .label{
	font-size: 18px;
	line-height: 24px;
	font-family: 'メイリオ', Meiryo, sans-serif;
	color: #000000;
	margin-bottom: 6px;
	text-indent: -1rem;
	margin-left: 1rem;
}
#contentsmenu li .bottom{
	display: block;
	width: 306px;
	height: 30px;
/*	background:url(../images/mcj_saiyo_top_contents_banner.png) no-repeat -612px 0px;*/
	background:url(../images/mcj_saiyo_top_contents_banner_bottom.png) no-repeat 0 0;
}
/* --------------------------------------------------
- box : long
-------------------------------------------------- */
#contentsmenu li.long{
	width: 630px;
}
#contentsmenu li.long .top{
	width: 630px;
	background:url(../images/mcj_saiyo_top_contents_banner_long_top.png) no-repeat 0px 0px;
}
#contentsmenu li.long .middle{
	width: 630px;
	background:url(../images/mcj_saiyo_top_contents_banner_long_middle.png) repeat-y 0 0;
}
#contentsmenu li.long .middle .inner{
	width: 100%;
}
#contentsmenu li.long .bottom{
	width: 630px;
	background:url(../images/mcj_saiyo_top_contents_banner_long_bottom.png) no-repeat 0 0;
}
/* --------------------------------------------------
- box : 
-------------------------------------------------- */
#contentsmenu li .title{ margin-right: 10px; }

#contentsmenu li .pickup{ vertical-align: -4px; }

#contentsmenu li.business_about ul{ margin: 20px 0 0px 0px; }
#contentsmenu li.business_about li{ margin: 0 0 5px 10px; }
#contentsmenu li.business_about li a{ color: #333; text-decoration: underline; display: inline; }
#contentsmenu li.business_about li a:hover{ color: #999; }

#contentsmenu li .authority{ display: inline-block; margin: 10px 0 0 20px; padding: 10px 14px; border: 1px dashed #999999; }
#contentsmenu li .authority .title{ padding: 0; }
#contentsmenu li .authority .context{ padding: 4px 0 0; }
/* ==================================================
= Right
================================================== */
/* --------------------------------------------------
- Local menu
-------------------------------------------------- */
#contents .right .localmenu{}
#contents .right .localmenu h3.title{
	display: block;
	width: 240px;
	height: 50px;
    text-indent: -9999px;
	background:url(../images/mcj_saiyo_localmenu.svg) no-repeat 0 0;
}
#contents .right .localmenu li span,
#contents .right .localmenu li a{
	display: block;
    text-indent: -9999px;
	width: 240px;
	height: 39px;
	background:url(../images/mcj_saiyo_localmenu.svg) no-repeat 0 0;
}
/* data */
/* 日本住宅ローンについて */
#contents .right .localmenu h3.title.about{ background-position: 0 -469px; }
#contents .right .localmenu li.on span.topmessage{ background-position: -240px 0px; }
#contents .right .localmenu li.on span.personimage{ background-position: -240px -39px; }
#contents .right .localmenu li.on span.strongpoint{ background-position: -240px -78px; }
#contents .right .localmenu li.on span.company{ background-position: -240px -117px; }

#contents .right .localmenu li a.topmessage{ background-position: 0px 0px; }
#contents .right .localmenu li a.personimage{ background-position: 0px -39px; }
#contents .right .localmenu li a.strongpoint{ background-position: 0px -78px; }
#contents .right .localmenu li a.company{ background-position: 0px -117px; }

#contents .right .localmenu li a.topmessage:hover{ background-position: -240px 0px; }
#contents .right .localmenu li a.personimage:hover{ background-position: -240px -39px; }
#contents .right .localmenu li a.strongpoint:hover{ background-position: -240px -78px; }
#contents .right .localmenu li a.company:hover{ background-position: -240px -117px; }
/* 業務紹介 */
#contents .right .localmenu h3.title.business{ background-position: -240px -469px; }
#contents .right .localmenu li.on span.about{ background-position: -240px -429px; }
/* 社員・職場紹介 */
#contents .right .localmenu h3.title.people{ background-position: 0 -519px; }
#contents .right .localmenu li.on span.interview{ background-position: -240px -156px; }
#contents .right .localmenu li a.interview{ background-position: 0px -156px; }
#contents .right .localmenu li a.interview:hover{ background-position: -240px -156px; }
#contents .right .localmenu li.on span.questionnaire{ background-position: -240px -390px; }
#contents .right .localmenu li a.questionnaire{ background-position: 0px -390px; }
#contents .right .localmenu li a.questionnaire:hover{ background-position: -240px -390px; }
/* 採用情報 */
#contents .right .localmenu h3.title.recruit{ background-position: -240px -519px; }
#contents .right .localmenu li.on span.handbook{ background-position: -240px -195px; }
#contents .right .localmenu li a.handbook{ background-position: 0px -195px; }
#contents .right .localmenu li a.handbook:hover{ background-position: -240px -195px; }
#contents .right .localmenu li.on span.flow{ background-position: -240px -234px; }
#contents .right .localmenu li a.flow{ background-position: 0px -234px; }
#contents .right .localmenu li a.flow:hover{ background-position: -240px -234px; }
#contents .right .localmenu li.on span.policy{ background-position: -240px -273px; }
#contents .right .localmenu li a.policy{ background-position: 0px -273px; }
#contents .right .localmenu li a.policy:hover{ background-position: -240px -273px; }
#contents .right .localmenu li.on span.entry{ background-position: -240px -312px; }
#contents .right .localmenu li a.entry{ background-position: 0px -312px; }
#contents .right .localmenu li a.entry:hover{ background-position: -240px -312px; }
#contents .right .localmenu li.on span.faq{ background-position: -240px -351px; }
#contents .right .localmenu li a.faq{ background-position: 0px -351px; }
#contents .right .localmenu li a.faq:hover{ background-position: -240px -351px; }

/* ==================================================
= To page top
================================================== */
#pagetop a{
	display: block;
    text-indent: -9999px;
	height: 30px;
	width: 120px;
	background:url(../images/mcj_saiyo_mark_icon.svg) no-repeat -240px 0px;
	margin: 0px 10px 0 0px;
}
#pagetop a:hover{
	background:url(../images/mcj_saiyo_mark_icon.svg) no-repeat -240px -30px;
}
/* ==================================================
= Footer
================================================== */
/* --------------------------------------------------
- MCJ site
-------------------------------------------------- */
#footer #sitemap .mcjsite{
	width: 190px;
	height: 100%;
	padding-top: 10px;
}
#footer #sitemap .mcjsite a{
	display: block;
	overflow: hidden;
    text-indent: -9999px;
	width: 160px;
	height: 16px;
	background:url(../images/mcj_saiyo_menu.svg) no-repeat 0 -197px;
}
#footer #sitemap .mcjsite a:hover{
	background:url(../images/mcj_saiyo_menu.svg) no-repeat 0 -213px;
}
/* --------------------------------------------------
- Sitemap
-------------------------------------------------- */
#footer #sitemap .sitemap{
	width: 810px;
	height: 100%;
	padding-top: 10px;
}
/* first */
#footer #sitemap .sitemap ul.first{
	display: block;
	height: 180px;
}
#footer #sitemap .sitemap li.first{
	display: block;
	background: url(../images/mcj_saiyo_footer_line.png) repeat-y left top;
	height: 170px;
	padding-left: 16px;
}
#footer #sitemap .sitemap li.first .outer{
	display: block;
	width: 184px;
}
#footer #sitemap .sitemap li.first .title{
	display: block;
    text-indent: -9999px;
	width: 160px;
	height: 16px;
}
#footer #sitemap .sitemap li.first .title.about{
	background:url(../images/mcj_saiyo_menu.svg) no-repeat -160px -182px;
}
#footer #sitemap .sitemap li.first .title.business{
	background:url(../images/mcj_saiyo_menu.svg) no-repeat -320px -182px;
}
#footer #sitemap .sitemap li.first .title.people{
	background:url(../images/mcj_saiyo_menu.svg) no-repeat -480px -182px;
}
#footer #sitemap .sitemap li.first .title.recruit{
	background:url(../images/mcj_saiyo_menu.svg) no-repeat -640px -182px;
}
/* second */
#footer #sitemap .sitemap ul.second{
	display: block;
	margin-top: 20px;
}
#footer #sitemap .sitemap li.second{
	display: block;
	margin-top: 5px;
	width: 170px;
}
#footer #sitemap .sitemap li.second a{
	color: #333333;
	font-family: sans-serif;
	font-size: 12px;
}
#footer #sitemap .sitemap li.second a:hover{
	color: #999999;
}
/* --------------------------------------------------
- Copyright
-------------------------------------------------- */
#footer #copyright p{
	color: #ffffff;
	text-align: right;
	font-size: 10px;
	padding-top: 3px;
}
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■
■ PAGE
■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
/* ==================================================
= about:日本住宅ローンについて
================================================== */
/* --------------------------------------------------
- トップメッセージ
-------------------------------------------------- */
/* title */
#page.about.topmessage .content h3.title{ display: block; margin-bottom: 30px;}
/* inner */
#page.about.topmessage .left .content .inner{ width: 710px; }
/* photo */
#page.about.topmessage .photo{ margin: 0 0 16px 16px; }
/* document */
#page.about.topmessage p.document{ margin-bottom: 18px; display: block;}
/* signature */
/*#page.about.topmessage .signature{
	display: block;
    text-indent: -9999px;
    margin-top: 20px;
	width: 160px;
	height: 100px;
	background:url(../files/images/about_topmessage_signature.png) no-repeat 0px 0px;
}*/
/* --------------------------------------------------
- 求める人物像
-------------------------------------------------- */
/* copy */
#page.about.personalimage .left .content .copy
{ margin-top: 30px; }
/* document */
#page.about.personalimage .left .content .document.f_style_01
{ margin-top: 30px; }
/* image */
#page.about.personalimage .left .mainvisual
{ margin-top: 24px;/*40px;*/ }
/* --------------------------------------------------
- 日本住宅ローンの強み
-------------------------------------------------- */
/* inner */
#page.about.srtongpoint .left .content .inner{ width: 670px; margin: 20px 0 0 20px; }
/* document */
#page.about.srtongpoint p.document{ margin-bottom: 18px; display: block;}
/* photo */
#page.about.srtongpoint .photo{ margin: 0 0 20px 0px; }
#page.about.srtongpoint .photo_right{ margin-left: 10px; }
/* --------------------------------------------------
- 会社概要
-------------------------------------------------- */
#page.about.company .document{}
/* 会社概要 */
#page.about.company .document li{
	width: 710px;
	border-bottom: 1px dotted #666666;
	padding: 10px 0 10px 0;
}
#page.about.company .document span.label{
	width: 170px;
	font-size: 16px;
}
#page.about.company .document span.data{
	width: 540px;
}
/* アクセスマップ */
#page.about.company .accessmap{
	margin-top: 64px;
	border-top: 1px solid #666666;
}
#page.about.company .accessmap h3{
	display: block;
	width: 710px;
	height: 50px;
	line-height: 50px;
	font-weight: normal;
}
/* 最寄り駅 */
#page.about.company .accessmap .station{
	width: 300px;
}
#page.about.company .accessmap .label{
	font-size: 14px;
	display: block;
	margin-left: 26px;
	padding-left: 26px;
	line-height: 24px;
	padding-top: 1px;
	background: url(../files/images/aboutcompany_train.svg) no-repeat 0 0;
}
#page.about.company .accessmap li.first{
	font-size: 14px;
	display: block;
	margin-left: 26px;
	line-height: 22px;
}
#page.about.company .accessmap li.first span{
	display: block;
	margin: 12px 0 4px 0;
	padding: 1px 2px 0 0;
	width: 160px;
	text-align: center;
	line-height: 20px;
	border: solid 1px #999;
}
#page.about.company .accessmap li.second{
	display: block;
	font-size: 14px;
	line-height: 22px;
	padding-left: 18px;
	background: url(../images/mcj_saiyo_accessmap_bg_list.jpg) no-repeat 0 0;
}
/* --------------------------------------------------
- 日本住宅ローンの仕事 : 業務紹介
-------------------------------------------------- */
/* inner */
#page.business.business_about .left .content .inner{ width: 670px; margin: 20px 0 0 20px; }
#page.business.business_about .left .content .link_in_page .left,
#page.business.business_about .left .content .link_in_page .right,
#page.business.business_about .left .content .link_in_page .left a,
#page.business.business_about .left .content .link_in_page .right a{
	display: block;
    text-indent: -9999px;
	width: 260px;
	height: 108px;
}
#page.business.business_about .left .content .link_in_page .center,
#page.business.business_about .left .content .link_in_page .center span{
	display: block;
	width: 90px;
	height: 10px;
}
#page.business.business_about .left .content .link_in_page a:hover{
	filter: alpha(opacity=60);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=60)";  /* ie 8 */
	-moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
	opacity: 0.6;
}
/* no1 */
#page.business.business_about .left .content #no1 .title{
	display: block;
    text-indent: -9999px;
	background: url(../files/images/business_about_common.png) no-repeat 0 -440px;
	width: 310px;
	height: 50px;
}
#page.business.business_about .left .content #no1 .link_in_page .left a{
	background: url(../files/images/business_about_common.png) no-repeat 0 -110px;
}
#page.business.business_about .left .content #no1 .link_in_page .right a{
	background: url(../files/images/business_about_common.png) no-repeat 0 -330px;
}
/* no2 */
#page.business.business_about .left .content #no2 .title{
	display: block;
    text-indent: -9999px;
	background: url(../files/images/business_about_common.png) no-repeat 0 -510px;
	width: 310px;
	height: 50px;
}
#page.business.business_about .left .content #no2 .link_in_page .left a{
	background: url(../files/images/business_about_common.png) no-repeat 0 -0px;
}
#page.business.business_about .left .content #no2 .link_in_page .right a{
	background: url(../files/images/business_about_common.png) no-repeat 0 -330px;
}
/* no3 */
#page.business.business_about .left .content #no3 .title{
	display: block;
    text-indent: -9999px;
	background: url(../files/images/business_about_common.png) no-repeat 0 -580px;
	width: 310px;
	height: 50px;
}
#page.business.business_about .left .content #no3 .link_in_page .left a{
	background: url(../files/images/business_about_common.png) no-repeat 0 0px;
}
#page.business.business_about .left .content #no3 .link_in_page .right a{
	background: url(../files/images/business_about_common.png) no-repeat 0 -220px;
}
/* 追加：リンクボックス */
#page.business.business_about .left .content .link_box{ margin: 40px 0 30px 40px; }
/* ボックス */
#page.business.business_about .left .content .section{
	background-color: #fff; border: 1px solid #AAAAAA; padding: 20px;
}
#page.business.business_about .left .content .section li .f_style_01{ padding: 10px; }
/* 2. 部門紹介 */
#page.business.business_about .left .content .section li { background-color: #F5F5ED; border-radius: 10px; margin-bottom: 10px; }
#page.business.business_about .left .content .section li.green,
#page.business.business_about .left .content .section li.red,
#page.business.business_about .left .content .section li.blue{ border: none; }
#page.business.business_about .left .content .section li h4 { color: #2B9CD7; border-top-left-radius: 10px; border-top-right-radius: 10px; background-color: #F5F5ED; font-size: 1.2rem; line-height: 0.001rem; font-weight: normal; padding: 10px 0 0 20px; }
#page.business.business_about .left .content .section li h4 img{ margin-right: 6px; vertical-align: -1px; }
#page.business.business_about .left .content .section li.green h4,
#page.business.business_about .left .content .section li.red h4,
#page.business.business_about .left .content .section li.blue h4{ background-color: #F5F5ED; }
#page.business.business_about .left .content .section li .f_style_01 { padding: 6px 20px 10px 20px; line-height: 1.6rem; }
#page.business.business_about .left .content .section li .bottom{ border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; width: 100%; background-color: #1869B3; }
#page.business.business_about .left .content .section li .side{ width: calc(50% - 10px); height: 10px; float: left; border-bottom-left-radius: 10px; background-color: #2B9CD7; }
#page.business.business_about .left .content .section li .center{ width: 20px; height: 10px; float: left; margin-left: -10px; background-color: #2B9CD7; transform:skewX(-60deg); }
/* --------------------------------------------------
- 社員・職場紹介 : List
-------------------------------------------------- */
#page.people.interview_list .left .content.list{
	margin-top: 20px;
}
#page.people.interview_list .left .content.list ul{
	display: block;
}
#page.people.interview_list .left .content.list li{
	display: block;
	width: 360px;
	overflow: hidden;
}
#page.people.interview_list .left .content.list .inner{
/*	padding-right: 10px;*/
	padding-bottom: 10px;
}
#page.people.interview_list .left .content.list .left.inner{
	margin-right: 10px;
	width: 358px;
}
#page.people.interview_list #contents .left .content .inner {
	margin-right: 10px;
	width: 358px;
}
#page.people.interview_list .left .content.list a{
	display: block;
	width: 358px;
}
#page.people.interview_list .left .content.list a:hover{
	filter: alpha(opacity=60);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=60)";  /* ie 8 */
	-moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
	opacity: 0.6;
}
/* --------------------------------------------------
- 社員・職場紹介
-------------------------------------------------- */
/* text */
#page.people.interview .f_style_01{
	line-height: 2em;
}
/* mainvisual */
#page.people.interview .left .mainvisual{
	margin-top: 24px;
	width: 730px;
	height: 400px;
}
#page.people.interview .left .profile{
	margin-left: 10px;
	width: 720px;
	height: 80px;
}
#page.people.interview .left .profile{
	margin-left: 10px;
	width: 720px;
	height: 80px;
}
/* document */
#page.people.interview p.document{ /*margin-bottom: 30px; display: block;*/}
/* inteview */
#page.people.interview .left .content h3{
	font-weight: normal;
	display: block;
	padding-top: 50px;
	margin-bottom: 20px;
	width: 710px;
}
#page.people.interview .left .content h3.mywork{
	background:url(../files/images/people_interview_title_01.svg) no-repeat 0px 0px;
}
#page.people.interview .left .content h3.fulfillment{
	background:url(../files/images/people_interview_title_02.svg) no-repeat 0px 0px;
}
#page.people.interview .left .content h3.reason{
	background:url(../files/images/people_interview_title_03.svg) no-repeat 0px 0px;
}
/* photo */
#page.people.interview .photo_left{ margin: 0 20px 10px 0px; }
#page.people.interview .photo_right{ margin: 0 0 10px 20px; }

/* --------------------------------------------------
- People menu
-------------------------------------------------- */
#contents .right .peoplemenu{
	width: 220px;
	background-color: #EFEDE6;
	padding: 10px;
	margin: 50px 0 0 10px;

}
#contents .right .peoplemenu h3.title{
	display: block;
	margin-bottom: 10px;
}
#contents .right .peoplemenu li{
	display: block;
	margin-bottom: 10px;
}
#contents .right .peoplemenu li.bottom{
	margin-bottom: 0px;
}
#contents .right .peoplemenu a:hover{
	filter: alpha(opacity=60);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=60)";  /* ie 8 */
	-moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
	opacity: 0.6;
}
/* --------------------------------------------------
- 社員・職場紹介：社員アンケート
-------------------------------------------------- */
/* title */
#page.people.questionnaire .content p.lead{
	display: block;
	padding: 0 5px;
	margin-bottom: 20px;
}
/* --------------------------------------------------
- 採用情報：募集要項
-------------------------------------------------- */
#page.recruit.handbook .document li{
	display: block;
	width: 710px;
	border-bottom: 1px dotted #666666;
	padding: 10px 0 10px 0;
	background:url(../images/mcj_saiyo_bg_label.jpg) repeat-y 0px 0px;
}
#page.recruit.handbook .document li.top{
	border-top: 1px dotted #666666;
}
#page.recruit.handbook .document span.label{
	display: block;
	width: 90px;
/*	color: #ffffff;*/
	padding: 0px 0 0 10px;
}
#page.recruit.handbook .document span.data{
	display: block;
	width: 610px;
	padding: 0px 0 0 50px;
	margin-left: 90px;
}
/* --------------------------------------------------
- 採用情報：採用の流れ
-------------------------------------------------- */
#page.recruit.flow .document li{
	width: 710px;
	padding: 10px 0 10px 0;
}
#page.recruit.flow .document .step{
	width: 710px;
	border: 1px solid #21A431;
}
#page.recruit.flow .document .label{
	width: 130px;
	height: 60px;
	color: #ffffff;
	background-color: #21A431;
	line-height: 60px;
	padding-left: 20px;
}
#page.recruit.flow .document .data{
	width: 560px;
	height: 60px;
	text-align: center;
	font-size: 18px;
	line-height: 60px;
	color: #21A431;
}
#page.recruit.flow .document .point{
	width: 700px;
	padding: 10px 0 0 10px;
	text-align: left;
	border-top: 1px solid #21A431;
}
#page.recruit.flow .document .point .inner{
/*	margin-left: 140px;*/
}
#page.recruit.flow .document .point .rikunabi{
}
#page.recruit.flow .document .next{
	text-align: center;
	margin: 20px 0 20px 120px;
}
/* リクナビ説明 */
#page.recruit.flow .guide{
	margin-top: 60px;
	border: 1px solid #21A431;
	width: 710px;
}
#page.recruit.flow .guide .label{
	width: 130px;
	height: 130px;
	color: #ffffff;
	background-color: #21A431;
	line-height: 20px;
	font-size: 16px;
	padding-top: 10px;
	padding-left: 20px;
	font-weight: bold;
}
#page.recruit.flow .guide .data{
	width: 560px;
	height: 130px;
	font-size: 14px;
	line-height: 30px;
	color: #333;
	text-align: left;
}
#page.recruit.flow .guide ul{
	display: block;
	margin: 20px 0px 20px 20px;
}
#page.recruit.flow .guide li{
	padding: 0px;
	width: 540px;
}
/* 追加：リンクボックス */
#page.recruit.flow .document .step.step1 .point .text { text-align: center; margin: 4px 0 0; }
#page.recruit.flow .document .step.step1 .point .text p{ text-align: left; display: inline-block; }
#page.recruit.flow .document .step.step1 .point .box-wrapper{ margin: 8px 0 14px; text-align: center; }
#page.recruit.flow .document .step.step1 .point .box-wrapper .box{ display: inline-block; margin: 0 3px; }
/* --------------------------------------------------
- 採用情報：採用プライバシーポリシー
-------------------------------------------------- */
/* title */
#page.recruit.policy .content h3{
	display: block;
	margin-bottom: 30px;
	width: 540px;
	height: 34px;
	line-height: 34px;
	background-color: #21A431;
	font-weight: normal;
	color: #ffffff;
	padding-left: 20px;
	font-size: 16px;
}
/* */
#page.recruit.policy .document li{
	width: 710px;
	border-top: 1px dotted #666666;
	padding: 14px 0 14px 4px;
}
/* 問合せ */
#page.recruit.policy .document .contact{
	width: 718px;
	margin-top: 60px;
	border: 1px solid #21A431;
}

#page.recruit.policy .document .contact .label{
	width: 180px;
	height: 140px;
	background-color: #21A431;
	color: #ffffff;
	padding-top: 20px;
	text-align: center;
	background-color: #21A431;
}
/* IE対応 */
#page.recruit.policy .document .contact .label{
   height: 160px\9; /* IE8 */
   *height: 160px; /* IE7 */
   _height: 160px; /* IE6 */
}
:root #page.recruit.policy .document .contact .label{
   height: 140px \0/; /* IE9 */
}
#page.recruit.policy .document .contact .data{
	color: #21A431;
	width: 510px;
	padding: 10px 0 10px 20px;
}
#page.recruit.policy .document .contact .data .manager{
	font-size: 16px;
}
/* --------------------------------------------------
- 採用情報：FAQ
-------------------------------------------------- */
/* title */
#page.recruit.faq .content p.lead{
	display: block;
}
/* faq */
#page.recruit.faq .document li{
	width: 710px;
	border-bottom: 1px solid #CCCCCC;
	padding: 14px 0 14px 4px;
	margin-top: 20px;
}
#page.recruit.faq .document li .quetion{
	width: 710px;
	height: 30px;
	line-height: 32px;
	background:url(../images/mcj_saiyo_recruit_faq_bg.jpg) no-repeat 0px 0px;
}
#page.recruit.faq .document li .quetion span.left{
	margin-left: 12px;
	color: #fff;
	font-size: 18px;
	display: block;
	width: 60px;
}
#page.recruit.faq .document li .quetion span.right{
	margin-left: 10px;
	color: #EA5348;
	font-size: 16px;
	display: block;
	width: 600px;
}
#page.recruit.faq .document li .answer{
	font-size: 14px;
	margin-top: 20px;
	padding-left: 14px;
}
/* --------------------------------------------------
- 社員・職場紹介：日本住宅ローンの社員の声
-------------------------------------------------- */
/* menu */
#page.people.questionnaire .quession_menu{ margin-bottom: 40px; }
#page.people.questionnaire .quession_menu .questionnaire{ margin-right: 20px; margin-bottom: 20px; }
#page.people.questionnaire .quession_menu .label{ height: 30px; line-height: 30px; color: #ffffff; text-align: center; margin-bottom: 10px; }
#page.people.questionnaire .quession_menu .questionnaire .label{ background-color: #00A1E9; }
#page.people.questionnaire .quession_menu .constitution .label{ background-color: #35B37A; }
#page.people.questionnaire .quession_menu ul{ margin-left: 4px; }
#page.people.questionnaire .quession_menu li{ width: 132px; margin-right: 10px; }
#page.people.questionnaire .quession_menu .questionnaire li:last-child{ margin-right: 0; }
#page.people.questionnaire .quession_menu .constitution li:last-child{ margin-right: 0; }
#page.people.questionnaire .quession_menu a{ display: inline-block; height: 80px; padding: 14px 12px; border-radius: 20px; text-align: center; text-decoration: none; }
#page.people.questionnaire .quession_menu .questionnaire a{ border: 1px solid #00A1E9; color: #00A1E9; }
#page.people.questionnaire .quession_menu .constitution a{ border: 1px solid #35B37A; color: #35B37A; }
#page.people.questionnaire .quession_menu span{ display: inline-block; margin-bottom: 6px; font-size: 1.4rem; }
#page.people.questionnaire .quession_menu p{ font-size: 0.875rem; line-height: 1.2rem; letter-spacing: -0.06rem; }
#page.people.questionnaire .quession_menu .questionnaire a:hover{ background-color: #00A1E9; border: 1px solid #00A1E9; color: #ffffff; }
#page.people.questionnaire .quession_menu .constitution a:hover{ background-color: #35B37A; border: 1px solid #35B37A; color: #ffffff; }
/* box */
#page.people.questionnaire .box_style_02{ width: auto; background-color: transparent; margin-bottom: 0; padding-top: 20px; border: none; /*background-color: #EFEDE6;*/ }
/* title */
#page.people.questionnaire .box_style_02 .quetion { margin: 0 0 0 0; padding-top: 44px; padding-bottom: 0; border: none; text-align: center; }
/* navi:questionnaire_sub_menu */
#page.people.questionnaire .content .questionnaire_sub_menu { position: relative; display: block; margin-bottom: -34px; z-index: 2; top: auto; left: auto; width: auto; height: auto; background: none; text-align: right; }
#page.people.questionnaire .questionnaire_sub_menu ul { display: inline-block; position: relative; right: 16px; top: auto; background-color: #ffffff; border-radius: 50px; padding: 6px 11px; }
#page.people.questionnaire .questionnaire .questionnaire_sub_menu ul { border: 5px solid #00A1E9; }
#page.people.questionnaire .constitution .questionnaire_sub_menu ul { border: 5px solid #35B37A; }
#page.people.questionnaire .content .questionnaire_sub_menu li a, #page.people.questionnaire .content .questionnaire_sub_menu li span { display: inline-block; width: 40px; height: 40px; border-radius: 50%; text-indent: 0; background: none; }
#page.people.questionnaire .questionnaire_sub_menu li{ width: 40px; height: 40px; border-radius: 50%; margin-right: 4px; text-align: center; color: #fff; font-size: 1.2rem; line-height: 40px; }
#page.people.questionnaire .questionnaire_sub_menu li:last-child{ margin-right: 0; }
#page.people.questionnaire .questionnaire_sub_menu li a{ text-decoration: none; }
/**/
#page.people.questionnaire .questionnaire_sub_menu li:nth-child(1), #page.people.questionnaire .content .questionnaire_sub_menu li:nth-child(2), #page.people.questionnaire .content .questionnaire_sub_menu li:nth-child(3)
{ border: 2px solid #00A1E9; }
#page.people.questionnaire .questionnaire_sub_menu li:nth-child(4), #page.people.questionnaire .content .questionnaire_sub_menu li:nth-child(5)
{ border: 2px solid #35B37A; }
/**/
#page.people.questionnaire .questionnaire_sub_menu li:nth-child(1) span, #page.people.questionnaire .questionnaire_sub_menu li:nth-child(2) span, #page.people.questionnaire .questionnaire_sub_menu li:nth-child(3) span
{ background-color: #00A1E9; }
#page.people.questionnaire .questionnaire_sub_menu li:nth-child(1) a, #page.people.questionnaire .questionnaire_sub_menu li:nth-child(2) a, #page.people.questionnaire .questionnaire_sub_menu li:nth-child(3) a
{ color: #00A1E9; }
#page.people.questionnaire .questionnaire_sub_menu li:nth-child(1) a:hover, #page.people.questionnaire .questionnaire_sub_menu li:nth-child(2) a:hover, #page.people.questionnaire .questionnaire_sub_menu li:nth-child(3) a:hover
{ background-color: #00A1E9; color: #ffffff; }
#page.people.questionnaire .questionnaire_sub_menu li:nth-child(4) span, #page.people.questionnaire .questionnaire_sub_menu li:nth-child(5) span
{ background-color: #35B37A; }
#page.people.questionnaire .questionnaire_sub_menu li:nth-child(4) a, #page.people.questionnaire .questionnaire_sub_menu li:nth-child(5) a
{ color: #35B37A; }
#page.people.questionnaire .questionnaire_sub_menu li:nth-child(4) a:hover, #page.people.questionnaire .questionnaire_sub_menu li:nth-child(5) a:hover
{ background-color: #35B37A; color: #ffffff; }
/* Answer */
#page.people.questionnaire .box_style_02 .inner { background: none; height: auto; width: auto; overflow: hidden; }
#page.people.questionnaire .box_style_02.questionnaire .inner{ background-color: #00A1E9; }
#page.people.questionnaire .box_style_02.constitution .inner{ background-color: #35B37A; }
#page.people.questionnaire .box_style_02.questionnaire .answer{ margin-top: -20px; padding-bottom: 0px; z-index: 2; position: relative; text-align: center; }
#page.people.questionnaire .box_style_02.constitution .answer{ margin-top: 10px; margin-bottom: 0px; padding-bottom: 20px; }
/* ==================================================
= mobile
================================================== */
.mobile{ display: none; }