/*! =======================================================================
 * File        : component.css
 * DESCRIPTION : 共通パーツ用CSS
 * AUTHOR      : 博報堂アイスタジオ
 * ------------------------------------------------------------------------
 * (C)Mynavi Corporation
========================================================================== */



/* sprite
----------------------------------------------------- */
.img__headerClose {
	background: url(../img/common/sprite.png) 0 -138px no-repeat;
	display: inline-block;
	height: 11px;
	margin: 0 0 0 6px;
	width: 11px;
}

.img__headerLogout,
.img__headerLogin,
.img__headerNotice,
.img__headerMenu {
	display: block;
	position: absolute;
	z-index: 1;
}

.img__headerLogin {
	background: url(../img/common/sprite.png) 0 0 no-repeat;
	height: 26px;
	left: 22px;
	top: 7px;
	width: 26px;
}

.img__headerLogout {
	background: url(../img/common/sprite.png) -26px 0 no-repeat;
	height: 26px;
	left: 20px;
	top: 8px;
	width: 26px;
}

.img__headerNotice {
	background: url(../img/common/sprite.png) -52px 0 no-repeat;
	height: 31px;
	left: 22px;
	top: 7px;
	width: 26px;
}

.img__headerMenu {
	background: url(../img/common/sprite.png) -78px 0 no-repeat;
	height: 22px;
	left: 20px;
	top: 8px;
	width: 32px;
}

.img__gnaviSearch,
.img__gnaviKnowhow,
.img__gnaviEvent,
.img__gnaviMypage,
.img__gnaviSearch--login,
.img__gnaviKnowhow--login,
.img__gnaviEvent--login,
.img__gnaviMypage--login {
	display: inline-block;
}

.img__gnaviSearch:hover,
.img__gnaviKnowhow:hover,
.img__gnaviEvent:hover,
.img__gnaviMypage:hover,
.img__gnaviSearch--login:hover,
.img__gnaviKnowhow--login:hover,
.img__gnaviEvent--login:hover,
.img__gnaviMypage--login:hover,
.img__gnaviSearch.js--gnaviHover,
.img__gnaviKnowhow.js--gnaviHover,
.img__gnaviEvent.js--gnaviHover,
.img__gnaviMypage.js--gnaviHover,
.img__gnaviSearch--login.js--gnaviHover,
.img__gnaviKnowhow--login.js--gnaviHover,
.img__gnaviEvent--login.js--gnaviHover,
.img__gnaviMypage--login.js--gnaviHover {
	background-color: #e0eff5;
	color: #00aaeb;
}

.img__gnaviSearch,
.img__gnaviSearch--login {
	background: url(../img/common/sprite.png) 0 -31px no-repeat;
	width: 24px;
	height: 24px;
	margin: 0 13px 0 0;
	vertical-align: -7px;
}

.img__gnaviSearch--login {
	margin: 0 10px 0 0;
}

.img__gnaviKnowhow,
.img__gnaviKnowhow--login {
	background: url(../img/common/sprite.png) -48px -31px no-repeat;
	width: 26px;
	height: 21px;
	margin: 0 15px 0 0;
	vertical-align: -5px;
}

.img__gnaviKnowhow--login {
	margin: 0 10px 0 0;
}

.img__gnaviEvent,
.img__gnaviEvent--login {
	background: url(../img/common/sprite.png) -100px -31px no-repeat;
	height: 24px;
	margin: -3px 15px 0 0;
	width: 25px;
	vertical-align: -5px;
}

.img__gnaviEvent--login {
	margin: -3px 8px 0 0;
}

.img__gnaviMypage--login {
	background: url(../img/common/sprite.png) -150px -31px no-repeat;
	height: 23px;
	margin: 0 14px 0 0;
	width: 17px;
	vertical-align: -5px;
}

.img__yahooLogin {
	background: url(../img/common/sprite.png) -274px -91px no-repeat;
	border-radius: 5px 0 0 5px;
	display: inline-block;
	height: 29px;
	margin: 0 10px 0 0;
	width: 31px;
	vertical-align: -9px;
}

.img__facebookLogin {
	background: url(../img/common/sprite.png) -305px -91px no-repeat;
	border-radius: 5px 0 0 5px;
	display: inline-block;
	height: 29px;
	margin: 0 10px 0 0;
	width: 31px;
	vertical-align: -9px;
}

.img__job01,
.img__job02,
.img__job03,
.img__job04,
.img__job05,
.img__job06,
.img__job07,
.img__job08,
.img__job09,
.img__job10,
.img__job11,
.img__job12,
.img__job13,
.img__job14,
.img__job15,
.img__job16 {
	display: block;
	position: absolute;
}

.img__job01 {
	background: url(../img/common/sprite.png) 0 -55px no-repeat;
	height: 40px;
	left: 23px;
	top: 19px;
	width: 14px;
}

.img__job02 {
	background: url(../img/common/sprite.png) -16px -55px no-repeat;
	height: 29px;
	left: 11px;
	top: 21px;
	width: 30px;
}

.img__job03 {
	background: url(../img/common/sprite.png) -46px -55px no-repeat;
	height: 34px;
	left: 14px;
	top: 20px;
	width: 26px;
}

.img__job04 {
	background: url(../img/common/sprite.png) -72px -55px no-repeat;
	height: 32px;
	left: 13px;
	top: 21px;
	width: 34px;
}

.img__job05 {
	background: url(../img/common/sprite.png) -106px -55px no-repeat;
	height: 32px;
	left: 13px;
	top: 21px;
	width: 40px;
}

.img__job06 {
	background: url(../img/common/sprite.png) -146px -55px no-repeat;
	height: 32px;
	left: 18px;
	top: 20px;
	width: 17px;
}

.img__job07 {
	background: url(../img/common/sprite.png) -163px -55px no-repeat;
	height: 33px;
	left: 14px;
	top: 20px;
	width: 35px;
}

.img__job08 {
	background: url(../img/common/sprite.png) -198px -55px no-repeat;
	height: 32px;
	left: 14px;
	top: 19px;
	width: 35px;
}

.img__job09 {
	background: url(../img/common/sprite.png) -233px -55px no-repeat;
	height: 28px;
	left: 13px;
	top: 23px;
	width: 35px;
}

.img__job10 {
	background: url(../img/common/sprite.png) -268px -55px no-repeat;
	height: 33px;
	left: 13px;
	top: 20px;
	width: 54px;
}

.img__job11 {
	background: url(../img/common/sprite.png) -322px -55px no-repeat;
	height: 31px;
	left: 14px;
	top: 21px;
	width: 35px;
}

.img__job12 {
	background: url(../img/common/sprite.png) -357px -55px no-repeat;
	height: 33px;
	left: 14px;
	top: 20px;
	width: 33px;
}

.img__job13 {
	background: url(../img/common/sprite.png) -390px -55px no-repeat;
	height: 30px;
	left: 15px;
	top: 22px;
	width: 41px;
}

.img__job14 {
	background: url(../img/common/sprite.png) -431px -55px no-repeat;
	height: 34px;
	left: 16px;
	top: 20px;
	width: 28px;
}

.img__job15 {
	background: url(../img/common/sprite.png) -459px -55px no-repeat;
	height: 32px;
	left: 14px;
	top: 21px;
	width: 29px;
}

.img__job16 {
	background: url(../img/common/sprite.png) -488px -55px no-repeat;
	height: 28px;
	left: 15px;
	top: 22px;
	width: 33px;
}

.img__feature01,
.img__feature02,
.img__feature03,
.img__feature04,
.img__feature05 {
	display: block;
	margin: 0 auto;
	/*
	position: absolute;
	*/
}

.img__feature01 {
	background: url(../img/common/sprite.png) 0 -91px no-repeat;
	height: 36px;
	/*
	left: 18px;
	top: 25px;
	*/
	width: 36px;
}

.img__feature02 {
	background: url(../img/common/sprite.png) -108px -91px no-repeat;
	height: 47px;
	left: 15px;
	top: 17px;
	width: 42px;
}

.img__feature03 {
	background: url(../img/common/sprite.png) -36px -91px no-repeat;
	height: 36px;
	left: 19px;
	top: 24px;
	width: 32px;
}

.img__feature04 {
	background: url(../img/common/sprite.png) -68px -91px no-repeat;
	height: 34px;
	left: 17px;
	top: 25px;
	width: 40px;
}

.img__feature05 {
	background: url(../img/common/sprite.png) -150px -91px no-repeat;
	height: 6px;
	left: 20px;
	top: 39px;
	width: 34px;
}

.img__iconSearch {
	background: url(../img/common/sprite.png) -30px -138px no-repeat;
	display: inline-block;
	height: 20px;
	margin: 0 16px 0 0;
	width: 20px;
	vertical-align: middle;
}

.img__iconSearch2 {
	background: url(../img/common/sprite.png) -49px -137px no-repeat;
	display: inline-block;
	height: 16px;
	margin: 0 6px 0 0;
	width: 16px;
	vertical-align: middle;
}

.img__favOn {
	background: url(../img/common/sprite.png) -85px -138px no-repeat;
	bottom: 12px;
	height: 19px;
	right: 12px;
	width: 19px;
	position: absolute;
	z-index: 21;
}

.img__favOff {
	background: url(../img/common/sprite.png) -66px -138px no-repeat;
	bottom: 12px;
	cursor: pointer;
	display: block;
	width: 19px;
	height: 19px;
	right: 12px;
	position: absolute;
	z-index: 21;
}

.img__headerClose {
	background: url(../img/common/sprite.png) 0 -138px no-repeat;
	display: inline-block;
	height: 11px;
	margin: 0 6px 0 0;
	width: 11px;
}



/* notice
----------------------------------------------------- */
.notice {
	background-color: #fff;
	box-shadow: 0 1px 2px 0 #bbb6a8;
}

.notice--emergency {
	background-color: #ffe5e5;
	box-shadow: 0 1px 2px 0 #bbb6a8;
}

.notice__content {
	margin: 0 auto;
	padding: 11px 0;
	width: 950px;
}

.notice__item a {
	font-size: 1.2em;
}



/* top
----------------------------------------------------- */
.top {
	margin: 27px 0 0;
	background-color: #fff;
}

.top__content,
.top__content--login {
	background: url(../img/common/topModelLogoff.png) 0 0 no-repeat;
	box-sizing: border-box;
	margin: 0 auto;
	padding: 0 0 78px 421px;/* タブの高さ58pxをプラス */
	position: relative;
	width: 898px;
}

.top__content--login {
	background: url(../img/common/topModelLogon.png) 0 0 no-repeat;
	padding: 0 0 108px 332px;/* タブの高さ58pxをプラス */
}

.top__recruit {
	font-weight: bold;
	display: inline-block;
	margin: 14px 9px 0 0;
}

.top__recruit span {
	color: #000;
	font-size: 2em;
}

.top__recruit strong {
	color: #f00;
	font-size: 2.8em;
}

.js--topAnnotationTrigger {
	position: relative;
	z-index: 21;
}

.top__search {
	clear: both;
	margin: 21px 0 0;
	overflow: hidden;
}

.top__searchSelect {
	margin: 0 0 12px;
	position: relative;
}

.top__searchSelect:before {
	background: url(../img/common/sprite.png) -11px -138px no-repeat;
	content: '';
	height: 19px;
	position: absolute;
	top: 20px;
	left: 228px;
	width: 19px;
}

.top__searchJob,
.top__searchArea {
	border: 1px solid #00aaeb;
	border-radius: 5px;
	box-shadow: 0 1px 2px 0 #bbb6a8;
	cursor: pointer;
	float: left;
	font-size: 1.6em;
	line-height: 3.1875;
	padding: 0 24px 0 14px;
	position: relative;
	width: 168px;
	/* 3点リーダ */
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.top__searchArea {
	float: right;
}

.top__searchJob:after,
.top__searchArea:after {
	content: url(../img/common/arrowRight.png);
	position: absolute;
	top: 22px;
	right: 14px;
}

.top__searchButton {
	margin: 0 0 25px 0;
	text-align: center;
}

.top__searchButton button {
	background-color: #f00;
	border-radius: 5px;
	box-shadow: 0 1px 2px 0 #bbb6a8;
	border: none;
	color: #fff;
	cursor: pointer;
	font-size: 1.7em;
	font-weight: bold;
	line-height: 3.194;
	width: 100%;
}

.top__searchButton img {
	margin: 0 8px 0 0;
	vertical-align: middle;
}

.top__hello {
	color: #000;
	font-size: 2.8em;
	font-weight: bold;
	margin: 0 0 24px;
	padding: 20px 0 0;
	word-wrap: break-word;
	white-space: normal;
}

.top__lname {
}

.top__fname {
	margin: 0 0 0 0.5em;
}

.top__greeting {
	margin: 0 0 0 0.5em;
}

.top__attention {
	border: 1px solid #ddd;
	box-sizing: border-box;
	display: table;
	padding: 10px 0;
	margin: 0 0 20px;
	width: 569px;
}

.top__attentionText {
	box-sizing: border-box;
	color: #333;
	font-size: 1.2em;
	line-height: 1.75;
	padding: 7px 19px 6px;
}

.top__attentionButton {
	display: table-cell;
	padding: 0 16px 0 0;
	text-align: right;
	vertical-align: middle;
}

.top__attentionButton a {
	background-color: #f00;
	border-radius: 5px;
	box-shadow: 0 1px 2px 0 #bbb6a8;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 1.3em;
	font-weight: bold;
	line-height: 1.92307;
	padding: 0 11px;
	text-align: center;
	text-decoration: none;
}

.top__attentionButton--fix {
	box-sizing: border-box;
	width: 114px;
}

.top__correct {
	border: 1px solid #ddd;
	box-sizing: border-box;
	padding: 10px 19px;
	margin: 0 0 20px;
	width: 569px;
}

.top__correctBlock {
	margin: 0 0 8px 0;
}

.top__correctTitle {
	color: #000;
	float: left;
	font-size: 1.5em;
	font-weight: bold;
	line-height: 1.6;
	margin: 0 13px 0 0;
}

.top__correctButton {
	float: left;
}

.top__correctButton a {
	background-color: #f00;
	border-radius: 5px;
	box-shadow: 0 1px 2px 0 #bbb6a8;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 1.3em;
	font-weight: bold;
	line-height: 1.92307;
	padding: 0 11px;
	text-align: center;
	text-decoration: none;
}

.top__correctText {
	font-size: 1.2em;
	line-height: 1.58333;
}

.top__message {
}

.top__message a {
	border: 1px solid #f00;
	border-radius: 5px;
	box-shadow: 0 1px 2px 0 #bbb6a8;
	color: #f00;
	display: inline-block;
	font-size: 1.4em;
	font-weight: bold;
	line-height: 2.2142;
	padding: 0 12px;
	text-align: center;
	text-decoration: none;
}

.top__admin {
	margin: 0 0 49px;
	position: relative;
}

.top__adminScout {
	position: relative;
}

.top__adminMessage,
.top__adminScout {
	float: left;
	width: 198px;
}

.top__adminScoutButton,
.top__adminMessage a {
	border: 1px solid #f00;
	box-shadow: 0 1px 2px 0 #bbb6a8;
	color: #f00;
	display: block;
	line-height: 3.4285;
	text-align: center;
	text-decoration: none;
}

/* !important */
.top__adminScoutButton:hover {
	text-decoration: none;
}

.top__adminScoutButton span:first-child,
.top__adminMessage span:first-child {
	font-size: 1.4em;
	font-weight: bold;
	vertical-align: middle;
}

.top__adminMessage a {
	border-right: none;
	border-radius: 5px 0 0 5px;
}

.top__adminScoutButton {
	border-radius: 0 5px 5px 0;
}

.top__scoutBaloon {
	background-color: #fff;
	border: 1px solid #00aaeb;
	box-shadow: 0 1px 2px 0 #bbb6a8;
	box-sizing: border-box;
	display: none;
	padding: 16px 25px 26px;
	position: absolute;
	/*top: 38px;*/
	top: 55px;
	left: -204px;
	width: 547px;
	z-index: 9999;
}

.top__scoutBaloonTitle {
	color: #000;
	font-size: 1.7em;
	font-weight: bold;
	line-height: 2;
	margin: 0 0 11px;
	width: 429px;
}

.top__scoutBaloonSubTitle {
	color: #000;
	font-size: 1.3em;
	line-height: 1.5384;
	margin: 0 0 7px;
}

.top__scoutBaloonText {
	font-size: 1.2em;
	line-height: 1.58333;
	margin: 0 0 20px;
}

.top__scoutBaloonMore {
}

.top__scoutBaloonMore a {
	font-size: 1.2em;
}

.top__scoutBaloonMore a:before {
	content: url(../img/common/arrowRight.png);
	margin: 0 6px 0 0;
}

.top__scoutBaloonClose {
	position: absolute;
	top: 10px;
	right: 10px;
}

.top__scoutBaloonClose a {
	background-color: #fff;
	border: 1px solid #00aaeb;
	border-radius: 5px;
	box-shadow: 0 1px 2px 0 #bbb6a8;
	display: block;
	font-size: 1.3em;
	line-height: 2.3846;
	text-align: center;
	text-decoration: none;
	width: 79px;
}

.top__scoutBaloonTriangle--under,
.top__scoutBaloonTriangle--over {
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
	width: 0;
	height: 0;
	position: absolute;
	top: -39px;
	left: 297px;
	z-index: 20;
}

.top__scoutBaloonTriangle--under {
	border-top: 19px solid transparent;
	border-bottom: 19px solid #00aaeb;
}

.top__scoutBaloonTriangle--over {
	border-top: 20px solid transparent;
	border-bottom: 20px solid #fff;
}

.top__adminCondition {
	background-color: #fff;
	float: left;
	width: 148px;
	margin: 0 0 0 20px;
	border: 1px solid #00aaeb;
	border-radius: 5px;
	box-shadow: 0 1px 2px 0 #bbb6a8;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
}

.top__adminConditionButton {
	font-size: 1.4em;
	font-weight: bold;
	display: block;
	line-height: 3.4285;
	padding: 0 14px;
	text-align: center;
}

.top__adminConditionButton:hover {
	text-decoration: none;
}

.top__noCodition {
	border-top: 1px solid #99ddf7;
	display: none;
	font-size: 1.3em;
	line-height: 1.5384;
	padding: 15px 0;
	text-align: center;
}

.top__myCodition {
	border-top: 1px solid #99ddf7;
	display: none;
	padding: 15px 0 5px;
}

.top__myCoditionButton {
	margin: 0 auto 10px;
	text-align: center;
	width: 120px;
}

.top__myCoditionButton a {
	background-color: #00aaeb;
	border-radius: 5px;
	box-shadow: 0 1px 2px 0 #bbb6a8;
	box-sizing: border-box;
	color: #fff;
	display: block;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.3333;
	padding: 5px 2px;
	text-decoration: none;
	width: 100%;
}

.top__myCoditionName,
.top__myCoditionOther {
	display: block;
	/* ３点リーダ */
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.top__resume {
	position: relative;
}

.top__resumeText {
	color: #333;
	font-size: 1.6em;
	line-height: 1.875;
	margin: 0 0 10px;
}

.top__resumeAnnotation {
	width: 380px;
	font-size: 1.1em;
	line-height: 1.875;
	margin: 0 0 27px;
}

.top__resumeButton {
	text-align: center;
	width: 290px;
}

.top__resumeButton button {
	background-color: #f00;
	border-radius: 5px;
	box-shadow: 0 1px 2px 0 #bbb6a8;
	border: none;
	color: #fff;
	cursor: pointer;
	font-size: 1.7em;
	font-weight: bold;
	line-height: 3.0588;
	width: 100%;
}

.top__resumeGraph--00,
.top__resumeGraph--05,
.top__resumeGraph--15,
.top__resumeGraph--25,
.top__resumeGraph--35,
.top__resumeGraph--45,
.top__resumeGraph--55,
.top__resumeGraph--65,
.top__resumeGraph--75,
.top__resumeGraph--85,
.top__resumeGraph--95,
.top__resumeGraph--100 {
	height: 184px;
	position: absolute;
	top: 0;
	right: 0;
	width: 184px;
}

.top__resumeGraph--00 {
	background: url(../img/common/graph00.gif) 0 0 no-repeat;
}

.top__resumeGraph--05 {
	background: url(../img/common/graph05.gif) 0 0 no-repeat;
}

.top__resumeGraph--15 {
	background: url(../img/common/graph15.gif) 0 0 no-repeat;
}

.top__resumeGraph--25 {
	background: url(../img/common/graph25.gif) 0 0 no-repeat;
}

.top__resumeGraph--35 {
	background: url(../img/common/graph35.gif) 0 0 no-repeat;
}

.top__resumeGraph--45 {
	background: url(../img/common/graph45.gif) 0 0 no-repeat;
}

.top__resumeGraph--55 {
	background: url(../img/common/graph55.gif) 0 0 no-repeat;
}

.top__resumeGraph--65 {
	background: url(../img/common/graph65.gif) 0 0 no-repeat;
}

.top__resumeGraph--75 {
	background: url(../img/common/graph75.gif) 0 0 no-repeat;
}

.top__resumeGraph--85 {
	background: url(../img/common/graph85.gif) 0 0 no-repeat;
}

.top__resumeGraph--95 {
	background: url(../img/common/graph95.gif) 0 0 no-repeat;
}

.top__resumeGraph--100 {
	background: url(../img/common/graph100.gif) 0 0 no-repeat;
}

.top__ressumeRate {
	margin: 55px auto 0;
	width: 80px;
	text-align: center;
}

.top__ressumeRate span{
	font-size: 1.3em;
	line-height: 1.5384;
}

.top__ressumeRate strong{
	display: block;
	font-size: 3em;
	color: #f00;
	margin: 8px 0 0;
}

.banner--right{
	top: 0;
	right: -151px;
}

.banner--left {
	top: 0;
	left: -151px;
}

.banner--right,
.banner--left {
	/*
	border: 1px solid #ccc;
	*/
	position: absolute;
	width: 125px;
}

/*
.banner__icon a {
	display: block;
	text-decoration: none;
}

.banner__icon span {
	border: 1px solid #f00;
	color: #f00;
	display: inline-block;
	font-size: 1.2em;
	line-height: 1.75;
	margin: -1px 0 0 -1px;
	padding: 0 6px;
	text-decoration: none;
}

.banner__title a {
	color: #000;
	display: block;
	font-size: 1.4em;
	line-height: 1.5714;
	padding: 5px 6px 7px;
	text-decoration: none;
}

.banner__subTitle a {
	color: #000;
	display: block;
	font-size: 1.2em;
	line-height: 1.5833;
	padding: 12px 11px 10px;
	text-decoration: none;
}

.banner__text a {
	color: #666;
	display: block;
	font-size: 1.2em;
	line-height: 1.5833;
	padding: 0 11px 12px;
	text-decoration: none;
}
*/



/* newArrival
----------------------------------------------------- */
.newArrival {
	margin: 25px 0 0;
	position: relative;
}

.newArrival__title {
	display: inline-block;
	font-weight: bold;
}

.newArrival__title span {
	color: #000;
	font-size: 1.6em;
}

.newArrival__title span:first-child {
	margin: 0 1em 0 0;
}

.newArrival__title strong {
	color: #f00;
	font-size: 1.9em;
}

.newArrival__next {
	display: inline-block;
	font-size: 1.3em;
	margin: 0 0 0 1em;
}

.newArrival__text {
	font-size: 1.2em;
	line-height: 1.666;
	padding: 11px 0 9px 0;
}

/* 非ログイン時のみ色を変える */
.top .newArrival__text a {
    color: #666;
}

.newArrival__text a:hover {
    color: #00aaeb;
}

.newArrival__link {
	font-size: 1.2em;
	text-align: right;
}

.newArrival__link a:before {
	content: url(../img/common/arrowRight.png);
	margin: 0 6px 0;
}

.feature__titleBlock {
	border-bottom: 1px solid #ddd;
	color: #000;
	padding: 41px 28px 17px;
	margin: 0 0 10px;
}

.feature .newArrival__title {
	display: inline-block;
	font-weight: bold;
	margin: 0 0 0 26px;
}

.feature .newArrival__link {
	position: absolute;
	top: 6px;
	right: 26px;
}

.feature .newArrival__text {
	border-top: 1px solid #ddd;
	padding: 11px 26px 9px;
	margin: 17px 0 0;
}



/* searchPrev
----------------------------------------------------- */
.searchPrev {
	/*margin: 0 0 25px;*/
	height: 43px;
}

.searchPrev button {
	background: none;
	border: none;
	cursor: pointer;
	display: block;
	height: 100%;
	padding: 0;
	width: 100%;
}

.searchPrev__button {
	background-color: #00aaeb;
	border: 1px solid #00aaeb;
	border-radius: 5px 0 0 5px;
	box-shadow: 0 1px 2px 0 #bbb6a8;
	box-sizing: border-box;
	color: #fff;
	display: inline-block;
	font-size: 1.5em;
	font-weight: bold;
	line-height: 2.8666;
	height: 100%;
	vertical-align: top;
	width: 34%;
}

.searchPrev__condition {
	font-size: 1.4em;
	border: 1px solid #00aaeb;
	border-left: none;
	border-radius: 0 5px 5px 0;
	box-shadow: 0 1px 2px 0 #bbb6a8;
	box-sizing: border-box;
	display: inline-block;
	line-height: 3.0714;
	height: 100%;
	padding: 0 0 0 14px;
	text-align: left;
	width: 66%;
	/* 3点リーダ */
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.searchPrev input {
	display: none;

	font-size: 1.4em;
	border: 1px solid #00aaeb;
	border-radius: 0 5px 5px 0;
	box-shadow: 0 1px 2px 0 #bbb6a8;
	box-sizing: border-box;
	height: 100%;
	width: 66%;
}



/* recruit
----------------------------------------------------- */
.recruit {
	width: 100%;
}

.recruit__tab {
	margin: -58px auto 0;
	width: 950px;
}

.recruit__list {
	margin: 0 0 -1px 26px;
}

.recruit__list--login {
	margin: 0 0 -1px 24px;
}

.recruit__listItem,
.recruit__listItem--login {
	background-color: #fff;
	border: 1px solid #faa;
	border-bottom: none;
	box-sizing: border-box;
	color: #ff0000;
	cursor: pointer;
	float: left;
	font-weight: bold;
	height: 60px;
	margin: 0 20px 0 0;
	padding: 21px 0 0;
	position: relative;
	text-align: center;
	width: 286px;
	z-index: 0;
}

.recruit__listItem{
	font-size: 1.5em;
}

.recruit__listItem--login {
	width: 210px;
}

.recruit__listItem--login span:first-child {
	font-size: 1.5em;
}

.js--tabOn {
	background-color: #f0f0f3;
	border: 1px solid #ff0000;
	border-top: 4px solid #ff0000;
	border-bottom: none;
	padding: 18px 0 0;
	z-index: 20;
}

.recruit__tabContent {
	background-color: #f0f0f3;
	box-shadow: 0 -1px 2px 0 #bbb6a8;
	border-top: 1px solid #ff0000;
	height: 451px;
	position: relative;
	z-index: 10;
	width: 100%;
}

.tab__shade--left,
.tab__shade--right {
	height: 400px;
	width: 180px;
	position: absolute;
	top: 0;
	z-index: 22;
}

.tab__shade--left {
	background: url(../img/top/shadeLeft.png) 0 0 repeat-y;
	left: 22px;
}

.tab__shade--right {
	background: url(../img/top/shadeRight.png) 0 0 repeat-y;
	right: 55px;
}

.tab__prevButton,
.tab__nextButton {
	cursor: pointer;
	display: block;
	height: 44px;
	width: 44px;
	position: absolute;
	top: 190px;
	z-index: 30;
}

.tab__prevButton {
	background: url(../img/common/sprite.png) -230px -91px repeat-y;
	left: 161px;
}

.tab__nextButton {
	background: url(../img/common/sprite.png) -186px -91px repeat-y;
	right: 198px;
}



/* badge
----------------------------------------------------- */
.badge {
	background-color: #f00;
	border-radius: 9px;
	color: #fff;
	font-size: 1.1em;
	padding: 1px 6px;
	margin: 0 0 0 8px;
}



/* reviewList
----------------------------------------------------- */
.reviewList {
	display: none;
	margin: 0 auto;
	width: 950px;
	overflow: hidden;
}

.reviewList__content {
	padding: 60px 90px 30px 0;
	position: relative;
	width: 1212px;
	margin: 0 0 0 -156px;
}

.reviewList__footer {
	margin: 0 auto;
	text-align: right;
	width: 950px;
}

.reviewList__setting {
	display: inline-block;
	font-size: 1.1em;
	margin: 0 28px 0 0;
}

.reviewList__setting a:before {
	content: url(../img/common/arrowRight.png);
	margin: 0 6px 0;
}



/* recentSearch
----------------------------------------------------- */
.recentSearch {
	display: none;
	margin: 0 auto;
	width: 950px;
	overflow: hidden;
}

.recentSearch__content {
	padding: 60px 90px 30px 0;
	position: relative;
	width: 1212px;
	margin: 0 0 0 -156px;
}



/* recentCheck
----------------------------------------------------- */
.recentCheck {
	display: none;
	margin: 0 auto;
	width: 950px;
	overflow: hidden;
}

.recentCheck__content {
	padding: 60px 90px 30px 0;
	position: relative;
	width: 1212px;
	margin: 0 0 0 -156px;
}

.recentCheck__link {
	display: block;
	padding: 20px 0;
}

.recentCheck__list {
	box-sizing: border-box;
	display: block;
	height: 260px;
	margin: 0 20px;
	overflow: hidden;
	position: relative;
}

.recentCheck__listItem {
	display: table;
	margin: 0 0 10px;
}

.recentCheck__title {
	background-color: #00aaeb;
	box-sizing: border-box;
	color: #fff;
	display: table-cell;
	font-size: 1.3em;
	height: 70px;
	line-height: 1.5384;
	padding: 0 9px;
	vertical-align: middle;
	width: 58px;
}

.recentCheck__text {
	background-color: #e0eff5;
	box-sizing: border-box;
	color: #666;
	display: table-cell;
	font-size: 1.2em;
	height: 70px;
	line-height: 1.6666;
	padding: 0 12px;
	vertical-align: middle;
	width: 98px;
}

.recentCheck__shade {
	background: url(../img/top/shadeBottom.png) 0 0 no-repeat;
	display: block;
	height: 29px;
	position: absolute;
	top: 231px;
	width: 156px;
}

.recentCheck__time {
	color: #888;
	display: block;
	font-size: 1.1em;
	margin: 19px 0 0;
	text-align: center;
}



/* ranking
----------------------------------------------------- */
.ranking {
	display: none;
	margin: 0 auto;
	width: 950px;
	overflow: hidden;
}

.ranking__content {
	margin: 0 0 0 -156px;
	overflow: hidden;
	padding: 60px 90px 30px 0;
	position: relative;
	width: 1212px;
}

.ranking__footer {
	margin: 0 auto;
	text-align: right;
	width: 950px;
	margin-top: 19px;
}

.ranking__condition {
	display: inline-block;
	font-size: 1.1em;
	margin: 0 30px 0 0;
}

.ranking__setting {
	display: inline-block;
	font-size: 1.1em;
	margin: 0 28px 0 0;
}

.ranking__setting a:before {
	content: url(../img/common/arrowRight.png);
	margin: 0 6px 0;
}

.ranking__update {
	display: inline-block;
	font-size: 1.1em;
}



/* card
----------------------------------------------------- */
.card__list {
	height: 330px;
	margin: 0 -90px 0 0;
}

.card__listItem,
.card__listItem--PR,
.card__listItem--premium,
.card__listItem--empty {
	background-color: #fff;
	border: 1px solid #d5d5d7;
	box-shadow: 0 1px 2px 0 #bbb6a8;
	height: 100%;
	float: left;
	position: relative;
	margin: 0 18px 17px 0;
	width: 194px;
}

.card__listItem--all {
	background-color: #e0eff5;
	border: 1px solid #00aaeb;
	box-shadow: 0 1px 2px 0 #bbb6a8;
	height: 100%;
	float: left;
	position: relative;
	margin: 0 18px 17px 0;
	width: 194px;
}

.card__listItem--PR {
	background-color: #fff6cc;
}

.card__listItem--empty {
	margin: 0 18px 17px 214px;
}

.card__listItem--premium {
	margin: 0 18px 17px 214px;
}

.card__listItem a,
.card__listItem--premium a,
.card__listItem--PR a,
.card__listItem--all a,
.card__listItem--empty a {
	display: block;
	text-decoration: none;
}

.card__number--1,
.card__number--2,
.card__number--3,
.card__number--over {
	border-radius:15.5px;
	color: #fff;
	font-size: 1.3em;
	left: -12px;
	line-height: 2.3846;
	height: 31px;
	position: absolute;
	text-align: center;
	top: -12px;
	width: 31px;
	z-index: 10;
}

.card__number--1 {
	background-color: #c9a040;
}

.card__number--2 {
	background-color: #9d9e9e;
}

.card__number--3 {
	background-color: #91623d;
}

.card__number--over {
	background-color: #3fbced;
}

.card__number--PR {
	background-color: #fff;
	border: 1px solid #785202;
	color: #785202;
	font-size: 1.3em;
	left: 0;
	line-height: 2.1538;
	padding: 0 8px;
	position: absolute;
	text-align: center;
	top: 0;
	z-index: 10;
}

.card__number--limited {
	background-color: #f00;
	border: 1px solid #f00;
	color: #fff;
	font-size: 1.3em;
	left: 0;
	line-height: 2.1538;
	padding: 0 8px;
	position: absolute;
	text-align: center;
	top: 0;
	z-index: 10;
}

.card__image {
	min-height:145px;
}

.card__image img {
	width: 194px;
	height:145px;
}

.card__title a,
.card__title--PR a,
.card__title--limited a {
	color: #000;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.58333;
	padding: 17px 20px;
}

.card__title--PR a {
	color: #673304;
}

.card__company a {
	color: #000;
	font-size: 1.2em;
	font-weight: bold;
	padding: 0 20px 18px;
}

.card__location a,
.card__condition a {
	font-size: 1.1em;
	color: #777;
	line-height: 1.6363;
	padding: 0 20px;
}

/* カードに年収がない場合、クリックエリアを確保する。IE8は非対応 */
.card__location:last-child a {
	padding-bottom: 55px;
}

.card__condition a {
	padding: 0 20px 39px;
}

.card__text-all {
	font-size: 1.5em;
	font-weight: bold;
	display: table;
	line-height: 1.8;
	height: 100%;
	position: absolute;
	text-align: center;
	width: 100%;
}

.card__text-all a {
	display: table-cell;
	height: 100%;
	vertical-align: middle;
}

/* ３点リーダ対応 */
.card__company a,
.card__location a,
.card__condition a {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.card__entryButton,
.card__loginButton {
	margin: 0 auto;
	width: 156px;
}

.card__entryButton {
	margin: 39px auto 0;
}

.card__entryButton a,
.card__loginButton a {
	border-radius: 5px;
	box-shadow: 0 1px 2px 0 #bbb6a8;
	color: #fff;
	display: block;
	font-size: 1.4em;
	font-weight: bold;
	line-height: 2.7857;
	margin: 0 0 14px 0;
	text-align: center;
	width: 100%;
}

.card__entryButton a {
	background-color: #f00;
}


.card__loginButton a {
	background-color: #00aaeb;
}

.card__none {
	bottom: 0;
	color: #000;
	font-size: 1.8em;
	height: 1.8em;
	left: 0;
	margin: auto;
	position: absolute;
	right: 0;
	text-align: center;
	top: 0;
	width: 100%;
}

.card__loading {
	bottom: 0;
	color: #000;
	height: 1.8em;
	left: 0;
	margin: auto;
	position: absolute;
	right: 0;
	text-align: center;
	top: 0;
	width: 100%;
}

.card__baloon {
	background-color: #e0eff5;
	box-shadow: 0 1px 2px 0 #bbb6a8;
	box-sizing: border-box;
	bottom: -10px;
	color: #000;
	display: none;
	font-size: 1.2em;
	line-height: 1.6666;
	right: -10px;
	padding: 0 4px;
	position: absolute;
	z-index: 20;
}

.card__triangle {
	border-top: 10px solid transparent;
	border-bottom: 10px solid #e0eff5;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
	width: 0;
	height: 0;
	position: absolute;
	top: -20px;
	top: -15px;
	left: 32px;
	z-index: 20;
}



/* member
----------------------------------------------------- */
.member {
	background-color: #fafafb;
	padding: 59px 0 38px;
}

.member__content {
	background-color: #fff;
	border: 1px solid #ececed;
	box-shadow: 0 1px 2px 0 #bbb6a8;
	margin: 0 auto;
	padding: 40px 0 35px;
	width: 948px;
}

.member__title {
	border-bottom: 1px solid #ddd;
	color: #000;
	padding: 0 28px 17px;
	margin: 0 0 22px;
}

.member__recruit {
	display: inline-block;
	font-weight: bold;
	margin: 0 15px 0 0;
}

.member__recruit span {
	color: #000;
	font-size: 2em;
}

.member__recruit strong {
	color: #f00;
	font-size: 2.8em;
}

.member__more {
	margin: -1.2em 0 0 0;
	text-align: right;
}

.member__more a {
	font-size: 1.2em;
}

.member__more a:before {
	content: url(../img/common/arrowRight.png);
	margin: 0 6px 0;
}

.member__searchSelect {
	float: left;
	margin: 0 0 25px 25px;
	width: 602px;
}

.searchSelect {
}

.searchSelect__check {
	display: inline-block;
	width: 8%;
	text-align: center;
	padding: 13px 0 0;
}

.img__checkLarge {
	background: url(../img/common/sprite.png) -11px -138px no-repeat;
	content: '';
	display: inline-block;
	height: 19px;
	width: 19px;
}

.searchSelect__Job,
.searchSelect__Area {
	background-color: #fff;
	border: 1px solid #00aaeb;
	border-radius: 5px;
	box-shadow: 0 1px 2px 0 #bbb6a8;
	box-sizing: border-box;
	cursor: pointer;
	display: inline-block;
	font-size: 1.6em;
	line-height: 3.1875;
	line-height: 2.6875;
	padding: 0 24px 0 14px;
	position: relative;
	width: 46%;/* width: 278px;46.179% */
	vertical-align: top;

	/* 3点リーダ */
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.searchSelect__Job:after,
.searchSelect__Area:after {
	content: url(../img/common/arrowRight.png);
	position: absolute;
	top: 19px;
	right: 14px;
}
.member__searchButton {
	float: left;
	margin: 0 0 25px 0;
	text-align: center;
	width: 278px;
	margin: 0 0 0 20px;
}

.member__searchButton button {
	background-color: #f00;
	border-radius: 5px;
	box-shadow: 0 1px 2px 0 #bbb6a8;
	border: none;
	color: #fff;
	cursor: pointer;
	font-size: 1.4em;
	font-weight: bold;
	line-height: 3.2142;
	width: 100%;
}

.member__searchButton img {
	margin: 0 8px 0 0;
	vertical-align: middle;
}

.member__searchPrev {
	clear: both;
	margin: 0 25px;
	/*
	width: 604px;
	*/
}

.entry {
	border-right: 1px solid #ddd;
	float: left;
	padding: 0 25px;
	width: 260px;
}

.entry__title {
	color: #000;
	font-size: 1.7em;
	font-weight: bold;
	margin: 0 0 34px 0;
}

.entry__button {
	background-color: #f00;
	border-radius: 5px;
	box-shadow: 0 1px 2px 0 #bbb6a8;
	float: left;
	font-weight: bold;
	text-align: center;
	width: 100%;
}

.entry__button a {
	color: #fff;
	display: block;
	padding: 25px 18px;
	text-decoration: none;
}

.entry__buttonText {
	font-size: 1.864em;
	vertical-align: middle;
}

.entry__buttonText--em {
	background-color: #fff;
	border-radius: 20px;
	color: #f00;
	display: inline-block;
	font-size: 1.4em;
	margin-right: 9px;
	padding: 4px 6px;
	vertical-align: middle;
}

.entry__buttonText--small {
	font-size: 1.422em;
	vertical-align: bottom;
}

.login {
	border-right: 1px solid #ddd;
	float: left;
	padding: 0 25px;
}

.login__title {
	margin: 0 0 34px 0;
}

.login__title span {
	color: #000;
	font-size: 1.7em;
	font-weight: bold;
	margin: 0 16px 0 0;
}

.login__title a {
	font-size: 1.2em;
}

.login__title a:before {
	content: url(../img/common/arrowRight.png);
	font-size: 1.2em;
	margin: 0 6px 0;
}

.login__enter {
}

.login__enter--col01 {
	width: 103px;
}

.login__enter--col02 {
	width: 180px;
	position: relative;
}

.login__enter--col03 {
	padding: 0 0 0 12px;
	width: 117px;
}

.login__enter--col03 button {
	background-color: #00aaeb;
	border: none;
	border-radius: 5px;
	box-shadow: 0 1px 2px 0 #bbb6a8;
	color: #fff;
	cursor: pointer;
	font-size: 1.6em;
	font-weight: bold;
	line-height: 2.75;
	margin: 0 0 16px 0;
	width: 100%;
}

.login__enter--col03 input {
	cursor: pointer;
	vertical-align: middle;
}

.login__enter--col03 label {
	cursor: pointer;
}

.login__enter tr {
	height: 38px;
}

.login__enter th {
	font-size: 1.2em;
	text-align: left;
	vertical-align: middle;
}

.login__enter td {
	vertical-align: top;
}

.login__enter--pass {
	position: relative;
}

.login__enter input[type="password"],
.login__enter input[type="text"] {
	background-color: transparent;
	box-sizing: border-box;
	font-size: 1.2em;
	height: 34px;
	position: relative;
	width: 100%;
	z-index: 1;
	max-width: 180px;
}

.login__placeholder--id,
.login__placeholder--pass {
	box-sizing: border-box;
	font-size: 1.2em;
	color: #999;
	line-height: 2.8333;
	padding: 0 0 0 7px;
	position: absolute;
	top: 0;
	left: 0;
}

.login--other {
	float: left;
	padding: 0 0 0 25px;
}

.login__title--other {
	color: #000;
	font-size: 1.4em;
	font-weight: bold;
	line-height: 1.4285;
	margin: 0 0 11px;
}

.login__yahoo,
.login__facebook {
	border-radius: 5px;
	box-shadow: 0 1px 2px 0 #bbb6a8;
	box-sizing: border-box;
	color: #fff;
	display: block;
	font-size: 1.3em;
	font-weight: bold;
}

.login__yahoo:hover,
.login__facebook:hover {
	text-decoration: none;
}

.login__yahoo {
	background-color: #ff0033;
	border: 1px solid #ff0033;
	margin: 0 0 12px;
}

.login__facebook {
	background-color: #3b5b99;
	border: 1px solid #3b5b99;
}



/* lead
----------------------------------------------------- */
.lead {
	display: inline-block;
	position: relative;
}

.lead span {
	font-size: 1.3em;
}

.lead strong {
	color: #f00;
	font-size: 1.6em;
	font-weight: bold;
}

.lead__baloon {
	background-color: #e0eff5;
	box-shadow: 0 1px 2px 0 #bbb6a8;
	box-sizing: border-box;
	left: 7px;
	display: none;
	padding: 23px 23px 19px;
	position: absolute;
	top: 30px;
	width: 326px;
	z-index: 20;
}

.lead__triangle {
	border-top: 20px solid transparent;
	border-bottom: 20px solid #e0eff5;
	border-right: 8px solid transparent;
	border-left: 8px solid transparent;
	width: 0;
	height: 0;
	position: absolute;
	top: -40px;
	right: 58px;
	z-index: 100;
}

.lead__baloonTitle {
	color: #000;
	font-size: 1.3em;
	font-weight: bold;
	margin: 0 0 11px;
}

.lead__baloonAnnotation {
	font-size: 1.2em;
	line-height: 1.6666;
}



/* wrapper
----------------------------------------------------- */
.wrapper {
	min-width: 950px;
}



/* container
----------------------------------------------------- */
.container--wrap {
	background-color: #fafafb;
	padding: 0 0 40px;
}

.container--top {
	margin: 0 auto;
	width: 950px;
}



/* contents
----------------------------------------------------- */
.contents--top {
	float: left;
	width: 715px;
}

.contents__appealText {
	font-size: 1.2em;
	margin: 33px 0;
}



/* feature
----------------------------------------------------- */
.feature {
	background-color: #fff;
	border: 1px solid #ececed;
	box-shadow: 0 1px 2px 0 #bbb6a8;
	padding: 0 0 34px;
	margin: 0 0 20px;
}

.feature__title {
	border-bottom: 1px solid #ddd;
	color: #000;
	font-size: 1.7em;
	font-weight: bold;
	padding: 41px 28px 17px;
	margin: 0 0 10px;
}

.feature__titleBlock {
	border-bottom: 1px solid #ddd;
	color: #000;
	padding: 41px 28px 17px;
	margin: 0 0 10px;
}

.feature__title--text {
	font-size: 1.7em;
	font-weight: bold;
}

.feature__title--link {
	margin: -1.2em 0 0 0;
	text-align: right;
}

.feature__title--link a {
	font-size: 1.2em;
}

.feature__title--link a:before {
	content: url(../img/common/arrowRight.png);
	margin: 0 6px 0;
}

.feature__list {
	padding: 0 25px;
}

.feature__listItem {
	font-size: 1.2em;
	line-height: 2;
}

.feature__listItem a:before{
	content: url(../img/common/arrowRight.png);
	margin: 0 6px 0;
}

.feature__listTitle {
	margin: 15px 0 0;
}

.feature__listTitle:first-child {
	margin: 0;
}

.feature__matchList {
	padding: 0 25px;
	margin: 16px 0 0;
}

.feature__matchListItem {
	margin: 16px 0 0;
}

.feature__listTitle {
	font-size: 1.2em;
	line-height: 2;
}

.feature__listTitle:before {
	content: url(../img/common/arrowRight.png);
	margin: 0 6px 0;
}

.feature__listText {
	color: #666;
	font-size: 1.2em;
	line-height: 1.6666;
	padding: 0 0 0 18px;
}



/* banner
----------------------------------------------------- */
.banner {
	box-shadow: 0 1px 2px 0 #bbb6a8;
	margin: 0 0 20px;
}

.banner img {
	vertical-align: bottom;
}



/* search
----------------------------------------------------- */
.search {
	background-color: #fff;
	border: 1px solid #ececed;
	box-shadow: 0 1px 2px 0 #bbb6a8;
	padding: 0 0 34px;
	margin: 0 0 20px;
}

.search__title {
	border-bottom: 1px solid #ddd;
	color: #000;
	font-size: 1.7em;
	font-weight: bold;
	padding: 41px 28px 17px;
	margin: 0 0 10px;
}

.search__titleBlock {
	border-bottom: 1px solid #ddd;
	color: #000;
	padding: 41px 28px 17px;
	margin: 0 0 10px;
}

.search__title--text {
	font-size: 1.7em;
	font-weight: bold;
}

.search__title--link {
	margin: -1.2em 0 0 0;
	text-align: right;
}

.search__title--link a {
	font-size: 1.2em;
}

.search__title--link a:before {
	content: url(../img/common/arrowRight.png);
	margin: 0 6px 0;
}

.search__title img {
	margin: 0 0 0 20px;
}

.search__jobList {
	margin: 0 auto;
	padding: 12px 0 0;
	width: 665px;
}

.search__jobListItem {
	border: 1px solid #00aaeb;
	display: table;
	float: left;
	margin: -1px 0 0 -1px;
	position: relative;
	width: 165px;
}

.search__jobListTitle {
	display: table-row;
}

.search__jobListTitle a {
	display: table-cell;
	box-sizing: border-box;
	font-size: 1.1em;
	height: 69px;
	line-height: 1.4166;
	width: 100%;
	vertical-align: middle;
	text-decoration: none;
}

.search__jobListTitle--link {
	display: block;
	font-weight: bold;
	padding: 0 13px 0 53px;
}

.search__jobListTitle--linkJob05 {
	display: block;
	font-weight: bold;
	padding: 0 13px 0 63px;
}

.search__jobListTitle--linkJob10 {
	display: block;
	font-weight: bold;
	letter-spacing: -1px;
	padding: 0 13px 0 74px;
}

.search__jobListTitle--linkJob13 {
	display: block;
	font-weight: bold;
	padding: 0 13px 0 67px;
}

.search__jobListText {
	display: table-row;
}

.search__jobListText a {
	color: #666;
	display: block;
	font-size: 1.1em;
	height: 90px;
	line-height: 1.4545;
	padding: 0 13px;
	text-decoration: none;
}

.search__areaList {
	margin: 0 26px;
	position: relative;
	width: 491px;
}

.search__areaListItem {
	float: left;
}

.search__areaListItem a {
	display: block;
	font-size: 1.2em;
	text-decoration: none;
	padding: 10px 0;
}

.search__areaListItem a span {
	border-left: 1px solid #d0d0d0;
	padding: 0 6px 0;
}

.search__areaListItem:first-child a span,
.search__areaListItem li:first-child a span {
	border-left: none;
	/*padding: 0 6px 0;*/
}

.search__areaListItem a:hover,
.search__areaListItem .js--hover {
	background-color: #00aaeb;
	color: #fff;
}

.search__areaListItem a:hover span {
	border-color: #00aaeb;
}

.search__areaListItem ul{
	background-color: #e0eff5;
	display: none;
	position: absolute;
	left: 0;
	top: 32px;
}

.search__areaListItem li{
	float: left;
}

.search__areaListItem li a {
	display: block;
	font-size: 1.2em;
	text-decoration: none;
	padding: 6px 0;
}

.search__areaListItem li a span{
	padding: 0 10px;
}

.search__subTitle {
	font-size: 1.2em;
	padding: 10px 0 18px;
}

.search__keyword {
	padding: 15px 0 0;
	margin: 0 0 0 25px;
}

.search__featureList {
	margin: 0 26px;
	width: 684px;
}

.search__featureListItem--new {
	background-color: #ffe5e5;
	border-radius: 14.5px;
	color: #f00;
	font-size: 1.2em;
	height: 29px;
	line-height: 2.4166;
	left: -9px;
	position: absolute;
	text-align: center;
	top: -9px;
	width: 29px;
	z-index: 10;
}

.search__featureListItem {
	display: table;
	float: left;
	margin: 0 10px 15px 0;
	position: relative;
	width: 213px;
}

.search__featureListItem--opacity {
	border: 1px solid #00aaeb;
	height: 100%;
	/*
	height: 200px;
	*/
}

.search__featureListTitle {
	display: table;
	float: left;
	width: 139px;
	height: 100%;
}

.search__featureListTitle a {
	background-color: #fff;
	box-sizing: border-box;
	color: #666;
	display: table-cell;
	font-size: 1.2em;
	height: 100%;
	width: 100%;
	line-height: 1.5;
	padding: 0 14px;
	text-decoration: none;
	vertical-align: middle;

}

.search__featureListIcon {
	display: table;
	float: left;
	width: 72px;
	height: 100%;
}

.search__featureListIcon a {
	display: table-cell;
	vertical-align: middle;
	background-color: #00aaeb;
	height: 100%;
	width: 100%;
}

.search__expertList {
	margin: 0 26px;
	width: 684px;
}

.search__expertListItem {
	float: left;
	margin: 0 10px 15px 0;
}

.search__suportList {
	margin: 0 26px;
	width: 684px;
}

.search__suportListItem {
	border: 1px solid #00aaeb;
	float: left;
	margin: 0 10px 15px 0;
	width: 213px;
}

.search__suportListItem a{
	display: block;
	text-decoration: none;
}

.search__suportListItem span {
	display: block;
	font-size: 1.5em;
	padding: 0 12px 9px ;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.search__suportListItem span:first-child {
	font-size: 1.2em;
	padding: 9px 12px;
}

.search__interviewList {
	display: table;
	padding: 12px 0 0;
	margin: 0 26px;
	width: 684px;
}

.search__interviewListItem {
	float: left;
	margin: 0 10px 15px 0;
	width: 215px;
	position: relative;
}

.search__interviewListItem--new {
	background-color: #ffe5e5;
	border-radius: 14.5px;
	color: #f00;
	font-size: 1.2em;
	height: 29px;
	line-height: 2.4166;
	left: -9px;
	position: absolute;
	text-align: center;
	top: -9px;
	width: 29px;
	z-index: 10;
}

.search__interviewListItem--opacity {
	border: 1px solid #00aaeb;
}

.search__interviewImage {
}

.search__interviewTitle {
}

.search__interviewTitle a {
	box-sizing: border-box;
	display: block;
	font-size: 1.3em;
	padding: 10px 14px 5px;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-decoration: none;
}

.search__interviewText a {
	box-sizing: border-box;
	color: #666;
	font-size: 1.2em;
	display: block;
	line-height: 1.5;
	padding: 0 14px 5px;
	text-decoration: none;
}



/* searchKeyword
----------------------------------------------------- */
.searchKeyword {
	height: 37px;
	position: relative;
}

.searchKeyword input {
	background-color: transparent;
	box-sizing: border-box;
	font-size: 1.2em;
	height: 100%;
	width: 505px;
	vertical-align: top;
	position: relative;
	z-index: 1;
}

.searchKeyword__placeholder {
	background-color: #fff;
	box-sizing: border-box;
	color: #999;
	font-size: 1.2em;
	left: 0;
	line-height: 3.0833;
	padding: 0 0 0 13px;
	position: absolute;
	top: 0;
}

.searchKeyword button {
	background-color: #00aaeb;
	border: none;
	border-radius: 5px;
	box-shadow: 0 1px 2px 0 #bbb6a8;
	color: #fff;
	cursor: pointer;
	font-size: 1.4em;
	font-weight: bold;
	height: 100%;
	margin: 0 0 0 10px;
	width: 150px;
}



/* relate
----------------------------------------------------- */
.relate {
	background-color: #fff;
	border: 1px solid #ececed;
	box-shadow: 0 1px 2px 0 #bbb6a8;
	padding: 0 0 34px;
	margin: 0 0 20px;
}

.relate__title {
	border-bottom: 1px solid #ddd;
	color: #000;
	font-size: 1.7em;
	font-weight: bold;
	padding: 41px 28px 17px;
	margin: 0 0 10px;
}

.relate__list {
	margin: 0 26px 11px;
	padding: 12px 0 0;
	width: 663px;
}

.relate__listItem {
	border: 1px solid #00aaeb;
	display: table;
	margin: -1px 0 0 0;
	position: relative;
}

.relate__listItem--new {
	background-color: #ffe5e5;
	border-radius: 14.5px;
	color: #f00;
	font-size: 1.2em;
	height: 29px;
	line-height: 2.4166;
	left: -9px;
	position: absolute;
	text-align: center;
	top: -9px;
	width: 29px;
	z-index: 10;
}

.relate__listItemImage {
	float: left;
	padding: 29px 24px;
}

.relate__listItemImage a {
	display: block;
}

.relate__listItemBox {
	display: table-cell;
	vertical-align: middle;
	width: 547px;
}

.relate__listItemTitle a {
	background-color: #fff;
	font-size: 1.3em;
	font-weight: bold;
	line-height: 1.3846;
	padding: 0 14px;
}

.relate__listItemTitle a:hover {
	text-decoration: none;
}

.relate__listItemText {
	color: #666;
	font-size: 1.2em;
	line-height: 1.5;
	padding: 0 14px;
	margin: 11px 0 0;
}



/* area
----------------------------------------------------- */
.area {
	background-color: #fff;
	border: 1px solid #ececed;
	box-shadow: 0 1px 2px 0 #bbb6a8;
	padding: 0 0 34px;
	margin: 0 0 20px;
}

.area__title {
	border-bottom: 1px solid #ddd;
	color: #000;
	padding: 41px 28px 17px;
	margin: 0 0 10px;
}

.area__title span{
	font-size: 1.2em;
}

.area__title span:first-child{
	font-size: 1.7em;
	font-weight: bold;
	margin: 0 15px 0 0;
}

.area__list {
	padding: 8px 0 0;
	margin: 0 26px;
}

.area__listItem {
	margin: 0 0 14px;
}

.area__listItem span {
	float: left;
	width: 63px;
	padding-top: 1px;/* 文字が欠けるのを防ぐため */
}

.area__listItem a {
	font-size: 1.2em;
}

.area__listItem ul {
	float: left;
	overflow: hidden;
}

.area__listItem li {
	float: left;
	line-height: 1.1;/* hover時にunderlineを表示するため */
	padding-top: 1px;/* 文字が欠けるのを防ぐため */
}

.area__listItem li:first-child {
	margin: 0 0 0 -18px;
}

.area__listItem li:before {
	content: '|';
	color: #b5b5b5;
	display: inline;
	padding: 0 7px;
}

.area__otherList {
	border-top: 1px solid #ececed;
	text-align: right;
	padding: 25px 25px 0 0;
}

.area__otherListItem {
	display: inline;
	font-size: 1.2em;
	margin: 0 0 0 27px;
}

.area__otherListItem a:before{
	content: url(../img/common/arrowRight.png);
	margin: 0 6px 0;
}



/* sidemenu
----------------------------------------------------- */
.sidemenu {
	float: right;
	width: 215px;
}

.sidemenu__banner {
	box-shadow: 0 1px 2px 0 #bbb6a8;
	margin: 0 0 20px;
}

.sidemenu__banner img {
	vertical-align: bottom;
}

.sidemenu__block {
	background-color: #fff;
	border: 1px solid #ececed;
	box-shadow: 0 1px 2px 0 #bbb6a8;
	padding: 0 0 24px;
	margin: 0 0 20px;
}

.sidemenu__title {
	border-bottom: 1px solid #ddd;
	color: #000;
	font-size: 1.5em;
	font-weight: bold;
	/*padding: 29px 25px 16px;*/
	padding: 29px 0 16px;
	text-align: center;
}

.sidemenu__list {
}

.sidemenu__listItem {
	border-top: 1px solid #ececed;
	font-size: 1.2em;
	line-height: 1.75;
	margin: -1px 0 0;
}

.sidemenu__listItem a {
	display: block;
	padding: 10px 21px;
}

.sidemenu__listItem--end {
	border-top: 1px solid #ececed;
	font-size: 1.2em;
	margin: -1px 0 0;
	padding: 14px 19px 0 0;
	text-align: right;
}

.sidemenu__listItem--end a:before {
	content: url(../img/common/arrowRight.png);
	margin: 0 6px 0;
}

.sidemenu__relateBlock {
	background-color: #fff;
	border: 1px solid #ececed;
	box-shadow: 0 1px 2px 0 #bbb6a8;
	margin: 0 0 20px;
}

.sidemenu__relateList {
	margin: -1px 0 0;
}

.sidemenu__relateListItem {
	border-top: 1px solid #ececed;
	display: table;
	width: 100%;
}

.sidemenu__relateListItem a {
	display: table-cell;
	height: 55px;
	text-align: center;
	vertical-align: middle;
}

.sidemenu__keywordList {
	overflow: hidden;
	margin: 9px 21px 0;
}

.sidemenu__keywordListItem {
	display: inline;
	font-size: 1.2em;
	line-height: 1.8333;
}

.sidemenu__keywordListItem:first-child {
	margin: 0 0 0 -18px;
}

.sidemenu__keywordListItem:before {
	content: '|';
	color: #b5b5b5;
	display: inline;
	padding: 0 7px;
}

.sidemenu__sns {
}

.sidemenu__snsItem {
	box-shadow: 0 1px 2px 0 #bbb6a8;
	float: left;
	margin: 0 15px 0 0;
}

.sidemenu__snsItem img {
	vertical-align: bottom;
}



/* selectCondition
----------------------------------------------------- */
.selectCondition--job,
.selectCondition--area {
	background-color: #fff;
	display: none;
	margin: 0 auto;
	position: absolute;
	width: 950px;
	z-index: 110;
}

.selectCondition--job {
	height: 717px;
}

.selectCondition--area {
	height: 573px;
}



/* premiumScout
----------------------------------------------------- */
.premiumScout {
	display: none;
	position: absolute;
	z-index: 110;
}

.premiumScout__content {
	background-color: #fff;
	margin: 0 auto;
	width: 950px;
	position: relative;
	padding: 37px 0 39px;
}

.premiumScout__title {
	color: #000;
	font-size: 1.8em;
	margin: 0 0 20px;
	text-align: center;
}

.premiumScout__button {
	margin: 0 auto 22px;
	width: 290px;
}

.premiumScout__button a {
	background-color: #f00;
	border-radius: 5px;
	box-shadow: 0 1px 2px 0 #bbb6a8;
	border: none;
	color: #fff;
	display: block;
	font-size: 1.4em;
	font-weight: bold;
	line-height: 2.6428;
	text-align: center;
	text-decoration: none;
	width: 100%;
}

.premiumScout__annotation {
	font-size: 1.2em;
	text-align: center;
}

.premiumScout__annotation a:before{
	content: url(../img/common/arrowRight.png);
	margin: 0 6px 0 0;
}

.premiumScout__close {
	position: absolute;
	top: 10px;
	right: 10px;
}

.premiumScout__close a {
	background-color: #fff;
	border: 1px solid #00aaeb;
	border-radius: 5px;
	box-shadow: 0 1px 2px 0 #bbb6a8;
	display: block;
	font-size: 1.3em;
	line-height: 2.3846;
	text-align: center;
	text-decoration: none;
	width: 79px;
}



/* sendMail
----------------------------------------------------- */
.sendMail {
	display: none;
	position: absolute;
	z-index: 110;
}

.sendMail__content {
	background-color: #fff;
	margin: 0 auto;
	position: relative;
	padding: 40px 0 44px;
	width: 950px;
}

.sendMail__text {
	color: #000;
	font-size: 1.8em;
	font-weight: bold;
	text-align: center;
}

.sendMail__close {
	position: absolute;
	top: 10px;
	right: 10px;
}

.sendMail__close a {
	background-color: #fff;
	border: 1px solid #00aaeb;
	border-radius: 5px;
	box-shadow: 0 1px 2px 0 #bbb6a8;
	display: block;
	font-size: 1.3em;
	line-height: 2.3846;
	text-align: center;
	text-decoration: none;
	width: 79px;
}



/* util
----------------------------------------------------- */
.link__top {
	position: fixed;
	right: 20px;
	bottom: 20px;
	width: 52px;
	height: 52px;
	z-index: 90;
}



/* js
----------------------------------------------------- */
.js--hidden {
	overflow: hidden;
}


/* -----------------------------------------------------
  以下、スカウト画面用
----------------------------------------------------- */

/* loading
----------------------------------------------------- */
/*
.contents > div,
.leftpane > div{
	display:none;
}

.contents .loading,
.leftpane .loading{
	display:block;
	text-align:center;
	padding:276px 0 0;
}
*/

.container--mail .loading{
	padding:293px 0;
	text-align:center;
	width:950px;
	background: url(../img/common/loading.gif) no-repeat center center;
}

/* Go Top
----------------------------------------------------- */
/*
.link__top{
  position:fixed;
  right:20px;
  bottom:20px;
  width:52px;
  height:52px;
  z-index: 21000;
  z-index: 99;
}
*/
.link__top a:hover{
  opacity:0.5;
}

/* breadcrumbs
----------------------------------------------------- */
.breadcrumbs{
  border-bottom: 1px solid #ddd;
  font-size: 1.1em;
  padding:13px 0;
  background: #fff;
}

.breadcrumbs ul{
  width: 950px;
  margin: 0 auto;
}

.breadcrumbs ul li{
  display: inline-block;
  padding: 0 4px 0 0;
}

.breadcrumbs ul li.parent:after{
  content: ">";
  padding: 0 0 0 4px;
}

/* スカウト特典・プレミアム特典 バッジ
----------------------------------------------------- */
.privilegeBadge__scout,
.privilegeBadge__premium{
  background:#00AAEB;
  border:2px solid #00AAEB;
  font-size:1.0em;
  border-radius:5px;
  width:125px;
  display:block;
}

.privilegeBadge__scout .privilegeBadge__scout--kind,
.privilegeBadge__premium .privilegeBadge__premium--kind{
  color:#FFF;
  padding:3px 0 2px;
  display: inline-block;
  width:80px;
  text-align:center;
}

.privilegeBadge__scout .privilegeBadge__scout--present,
.privilegeBadge__premium .privilegeBadge__premium--present{
  display: inline-block;
  color:#00AAEB;
  background:#FFF;
  padding:3px 0 2px;
  width:45px;
  text-align:center;
  border-top-right-radius:3px;
  border-bottom-right-radius:3px;
}

.privilegeBadge__premium{
  background:#ffeaa9;
  border:2px solid #fcb600;
}

.privilegeBadge__premium .privilegeBadge__premium--kind{
  color:#a57700;
}

.privilegeBadge__premium .privilegeBadge__premium--present{
  color:#a57700;
}


/* ツールチップ
----------------------------------------------------- */

.tooltip {
  position:absolute;
  z-index:30000;
  z-index:21;
  display:block;
  color:#333;
  margin: 4px 0 0;
  z-index: 20;
}

.tooltip__body {
  position:relative;
  top:0;
  padding: 0 4px;
  line-height: 1.6666;
  background:#e0eff5;
  box-shadow: 0 1px 2px 0 #dddddd;
}

.big-padding .tooltip__body {
  padding:20px;
}
/* .tooltip__body:before, */
.tooltip__body span.arrow {
    content:"";
    position: absolute;
    top: -10px;
    left:50%;
    display:block;
    border-color: transparent transparent #e0eff5;
    border-style: solid;
    border-width: 6px 4px;
    height: 0;
    margin-left:-4px;
    width: 0;
    z-index: 19;
}
/* .big-padding .tooltip__body:before, */
.big-padding .tooltip__body span.arrow {
  content:"";
  position:absolute;
  top:-20px;
  left:50%;
  display:block;
  width:0;
  height:0;
  margin-left:-8px;
  border-width:0 8px 20px 8px;
  border-style:solid;
  border-color: transparent transparent #e0eff5 transparent;
}

.tooltip__title {
  font-size: 1.4em;
  font-weight: bold;
  margin: 0 0 12px;
}

.tooltip__text {
  font-size: 1.3em;
}

/* Tab
----------------------------------------------------- */
.scout{
  background: #fff;
  padding:16px 0 0;
}
.scout .scout__tab{
  width: 950px;
  margin: 0 auto;
  overflow: hidden;
  font-weight:bold;
}
.scout .scout__tab .scout__listItem{
  width: 456px;
  padding: 0;
  color: #F00;
  text-align: center;
  border: 1px solid #fcaab0;
  border-bottom: 1px solid #fcaab0;
  vertical-align: middle;
  margin-top: 2px;
}
.scout .scout__tab .scout__listItem:hover{
  cursor: pointer;
}
.scout .scout__tab .scout__listItem span{
  font-size: 1.6em;
}
.scout .scout__tab .scout__listItem span.badge{
  background-color: #f00;
  border-radius: 9px;
  color: #fff;
  font-size: 1.1em;
  margin: 0 0 0 8px;
  padding: 1px 6px;
  font-weight:normal;
}

.scout .scout__tab .scout__listItem__message{
  float: left;
}

.scout .scout__tab .scout__listItem__scout{
  float: right;
}
.scout .scout__tab .scout__listItem__message:hover,
.scout .scout__tab .scout__listItem__scout:hover{
  opacity:0.5;
}
.scout .scout__tab .scout__listItem__message.active:hover,
.scout .scout__tab .scout__listItem__scout.active:hover{
  opacity:1;
}


.scout .scout__tab .active{
  border-top: 4px solid #f00;
  border-left: 1px solid #f00;
  border-right: 1px solid #f00;
  border-bottom: 1px solid #fafafb;
  padding-top:0;
  margin-top: 0;
  background:#fafafb;
  position:relative;
  z-index:10002;
  z-index:12;
}

/* Premium Area
----------------------------------------------------- */
.premium{
  background:#F0F0F3;
  padding:0 0 80px;
  width:100%;
  min-width:950px
}
.premium__content{
  margin:0 auto;
}

.premium .premium__title{
  font-size:1.7em;
  border-bottom:1px solid #DDD;
  padding:40px 0 20px;
  margin:0 auto 30px;
  color: #000;
  width:950px;
  font-weight:bold;
}

.premium__slider {
	margin: 0 auto;
	width: 950px;
	overflow: hidden;
	height:320px;
}

.premium__slider__content {
	padding: 0 90px 0 0;
	position: relative;
	width: 1212px;
	margin: 0 0 0 -156px;
}

.premium__slider .tab__prevButton,
.premium__slider .tab__nextButton{
	top: 141px;
}

.premium__slider .card__list{
  height: 302px
}

.premium__slider .card__listItem__hover{
}

.premium__slider .card__listItem__hover:hover{
  opacity:0.5;
}

.premium__slider .card__listItem .card__expiration a,
.premium__slider .card__listItem .card__image a,
.premium__slider .card__listItem .card__title a,
.premium__slider .card__listItem .card__company a{
  display: block;
  text-decoration: none;
  color: #000;
  font-size:1.2em;
}

.premium__slider .card__listItem .card__expiration a{
  padding:10px 0;
  text-align:center;
}
.premium__slider .card__listItem .card__expiration a span{
  color:#F00;
}

.premium__slider .card__listItem .card__image a{
  width: 194px;
}

.premium__slider .card__listItem .card__title a{
  padding:16px;
  line-height: 1.4;
  font-weight:bold;
}

.premium__slider .card__listItem .card__company a{
  color:#444;
  padding:0 16px 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight:normal;
}

.premium__slider .card__listItem .card__privilege a{
  height:19px;
  padding:0 16px 8px;
}

.premium__slider .card__listItem .card__keep{
  background: url("../img/scout/icon_keep.png") no-repeat scroll 0 0;
  position: absolute;
  bottom: 8px;
  right: 16px;
  width: 18px;
  height: 18px;
}

.premium__slider .card__listItem .card__keep.card__keep__none{
  background-position: 0 0;
  cursor:pointer;
}
/*
.premium__slider .card__listItem .card__keep.card__keep__none:hover{
  opacity:0.5;
}
*/
.premium__slider .card__listItem .card__keep.card__keep__on{
  background-position: -18px 0;
}
.premium__slider .card__listItem .card__keep.card__keep__none-off{
  background-position: -36px 0;
}
.premium__slider .card__listItem .card__keep.card__keep__on-off{
  background-position: -54px 0;
}

.premium__slider .card__listItem--premium__hover{
}

.premium__slider .card__listItem--premium__hover:hover{
  opacity:0.5;
}

.premium__slider .card__listItem--premium .card__expiration a,
.premium__slider .card__listItem--premium .card__image a,
.premium__slider .card__listItem--premium .card__title a,
.premium__slider .card__listItem--premium .card__company a{
  display: block;
  text-decoration: none;
  color: #000;
  font-size:1.2em;
}

.premium__slider .card__listItem--premium .card__expiration a{
  padding:10px 0;
  text-align:center;
}
.premium__slider .card__listItem--premium .card__expiration a span{
  color:#F00;
}

.premium__slider .card__listItem--premium .card__image a{
  width: 194px;
}

.premium__slider .card__listItem--premium .card__title a{
  padding:16px;
  line-height: 1.4;
  font-weight:bold;
}

.premium__slider .card__listItem--premium .card__company a{
  color:#444;
  padding:0 16px 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight:normal;
}

.premium__slider .card__listItem--premium .card__privilege a{
  height:19px;
  padding:0 16px 8px;
}

.premium__slider .card__listItem--premium .card__keep{
  background: url("../img/scout/icon_keep.png") no-repeat scroll 0 0;
  position: absolute;
  bottom: 8px;
  right: 16px;
  width: 18px;
  height: 18px;
}

.premium__slider .card__listItem--premium .card__keep.card__keep__none{
  background-position: 0 0;
  cursor:pointer;
}
/*
.premium__slider .card__listItem--premium .card__keep.card__keep__none:hover{
  opacity:0.5;
}
*/
.premium__slider .card__listItem--premium .card__keep.card__keep__on{
  background-position: -18px 0;
}
.premium__slider .card__listItem--premium .card__keep.card__keep__none-off{
  background-position: -36px 0;
}
.premium__slider .card__listItem--premium .card__keep.card__keep__on-off{
  background-position: -54px 0;
}

/* Container
----------------------------------------------------- */
.container{
  width:100%;
  border-top:1px solid #F00;
  box-shadow: 0 -1px 2px 0 #bbb6a8;
  background:#fafafb;
  position:relative;
  z-index:10001;
  z-index:11;
  top:-1px;
  /* overflow:hidden; */
  padding:0 0 90px;
}

.container--inner{
  width:950px;
  /* min-height: 780px; */
  margin:38px auto 0;
  position:relative;
  /* overflow:hidden; */
}

.container--inner:after{
  clear: both;
  content: "";
  display: table;
}

/* Left Pane
----------------------------------------------------- */
.leftpane{
  float:left;
  width:350px;
  height:779px;
  background-color: #f5f5f5;
  border: 1px solid #ececed;
  box-shadow: 0 1px 2px 0 #bbb6a8;
  position:absolute;
  top:0;
  left:0;
  z-index:12000;
  z-index:12;
}

.leftpane__header{
  padding:10px;
  border-bottom:1px solid #ddd;
  background-color: #fff;
}

.pagination {
  text-align: center;
}

.pagination li {
  display: inline;
  margin: 0 2px;
  padding: 0;
}

.pagination li.pagination--while{
  margin: 0;
}

.pagination li span,
.pagination li a {
  display: inline-block;
  height: 18px;
  padding:7px 0 5px;
  width:25px;
  background: #fff;
  border: 1px solid #00aaeb;
  text-decoration: none;
  color:#00aaeb;
  font-size:1.4em;
}

.pagination .pagination--while span{
  border:0;
  width:12px;
  border:0;
  padding:0 0 5px;
}
.pagination li a:hover ,
.pagination li span.active{
  background: #00aaeb;
  color:#FFF;
}

.pagination__count{
  text-align:center;
  padding:5px 0 0;
  color:#666666;
}

.mail__control{
  padding:0 0 12px;
}
.mail__extraction--wrap{
  float:left;
  position:relative;
  /* width:130px; */
  display:inline-block;
}
.mail__extraction{
  color:#00aaeb;
  border: 1px solid #00aaeb;
  box-shadow: 0 1px 2px 0 #bbb6a8;
  padding:10px 20px 10px 10px;
  border-radius:4px;
  background: url("../img/common/arrowDown.png") no-repeat right 8px center;
  /* float:left; */
  cursor:pointer;
  font-size:1.4em;
  /* width:130px; */
  display: inline-block;
}

.mail__extractionList{
  position:absolute;
  z-index:11000;
  z-index:11;
  display:none;
}
.mail__extractionList ul{
  border-bottom:1px solid #9edcf3;
}
.mail__extractionList a{
  display:block;
  font-size:1.2em;
  padding:9px 0 9px 30px;
  border:1px solid #9edcf3;
  border-bottom:none;
  width:226px;
  background:#fff;
  cursor:pointer;
}
.mail__extractionList a:hover{
  background:#e0eff5;
  text-decoration:none;
}
.mail__extractionList a.active{
  background: url("../img/common/iconCheck.png") #e0eff5 no-repeat 12px 10px;
}

.mail__extractionList .disable .mail__extractionItem{
  color:#999;
}
.mail__extractionList a.disable:hover{
  background: #FFF;
  cursor:default;
}

.mail__extractionList .mail__extractionItem__icon--keep,
.mail__extractionList .mail__extractionItem__icon--rank40,
.mail__extractionList .mail__extractionItem__icon--rank30,
.mail__extractionList .mail__extractionItem__icon--rank25,
.mail__extractionList .mail__extractionItem__icon--rank20,
.mail__extractionList .mail__extractionItem__icon--limit{
  float: right;
  height: 16px;
  width: 88px;
  margin:-3px 16px 0 0;
}
.mail__extractionList .mail__extractionItem__icon--keep{
  background: url("../img/scout/icon_keep.png") no-repeat -54px 0;
  width: 18px;
  margin-right:86px;
}
.mail__extractionList .mail__extractionItem__icon--rank40{
  background: url("../img/scout/iconRank.png") no-repeat 0 0;
}
.mail__extractionList .mail__extractionItem__icon--rank30{
  background: url("../img/scout/iconRank.png") no-repeat 0 -18px;
}
.mail__extractionList .mail__extractionItem__icon--rank25{
  background: url("../img/scout/iconRank.png") no-repeat 0 -36px;
}
.mail__extractionList .mail__extractionItem__icon--rank20{
  background: url("../img/scout/iconRank.png") no-repeat 0 -54px;
}
.mail__extractionList .mail__extractionItem__icon--limit{
    border: 1px solid #f00;
    color: #f00;
    font-size: 0.8em;
    height: auto;
    padding: 3px 0;
    text-align: center;
    width: 85px;
}

.mail__delete{
  width:94px;
  float:right;
  /*
  color:#00aaeb;
  border: 1px solid #00aaeb;
  box-shadow: 0 1px 2px 0 #bbb6a8;
  padding:10px;
  border-radius:4px;
  text-align:center;
  font-size:1.4em;
  */
}
.mail__delete a{
  display:block;
  color:#00aaeb;
  border: 1px solid #00aaeb;
  box-shadow: 0 1px 2px 0 #bbb6a8;
  padding:10px;
  border-radius:4px;
  text-align:center;
  font-size:1.4em;
}

.mail__extraction:hover,
.mail__delete:hover{
  opacity:0.5;
}
.mail__control__off .mail__extraction:hover,
.mail__control__off .mail__delete:hover{
  opacity:1.0;
}

.mail__extraction:hover a,
.mail__delete:hover a{
  text-decoration:none;
}

.mail__control__off .mail__delete{
  color:#00aaeb;
  border: 1px solid #00aaeb;
  box-shadow: 0 1px 2px 0 #bbb6a8;
  padding:10px;
  border-radius:4px;
  text-align:center;
  font-size:1.4em;
}

.mail__control__off .mail__extraction,
.mail__control__off .mail__delete{
  color:#999;
  border: 1px solid #999;
  box-shadow: none;
  cursor:default;
}

.mail__control__off .mail__extraction{
  background: url("../img/common/arrowDownDisable.png") no-repeat right 8px center;
}

/* mailItem */
.leftpane__body{
  height:624px;
  overflow-y: scroll;
}

.leftpane__body.under5{
  overflow: auto;
}

.mailItem{
  border-bottom:1px solid #ddd;
  /* padding:6px 10px 10px; */
  position: relative;
  background:#fff;
  height:106px;
  overflow:hidden;
}

.mailItem.mailItem--active{
  background: url("../img/scout/mailActive.png") #fff repeat-y 0 0;
}

.mailItem.mailItem__read{
  background-color:#f5f5f5;
}

.mailItem .mailItem__check{
  width:26px;
  position:absolute;
  top:40px;
  left:10px;
}

.mailItem .mailItem__check input{
  border:none;
}

.mailItem .mailItem__body{
  padding:0 34px 14px 36px;
  cursor:pointer;
}

.mailItem .mailItem__body.attention{
  /* width:247px; */
  padding:15px 0 24px 28px;
}

.mailItem__meta{
  /* width:291px; */
  padding:6px 34px 0 10px;
  cursor:pointer;
}

.mailItem .mailItem__date{
  font-size:1.2em;
  color:#777;
  float:left;
  width:190px;
  padding:4px 0 0;
}

.mailItem .mailItem__icon--rank40,
.mailItem .mailItem__icon--rank30,
.mailItem .mailItem__icon--rank25,
.mailItem .mailItem__icon--rank20,
.mailItem .mailItem__icon--limit,
.mailItem .mailItem__icon--attention{
  width:88px;
  height:16px;
  float:right;
}

.mailItem .mailItem__icon--rank40{
  background: url("../img/scout/iconRank.png") no-repeat scroll 0 0;
}

.mailItem .mailItem__icon--rank30{
  background: url("../img/scout/iconRank.png") no-repeat scroll 0 -18px;
}

.mailItem .mailItem__icon--rank25{
  background: url("../img/scout/iconRank.png") no-repeat scroll 0 -36px;
}

.mailItem .mailItem__icon--rank20{
  background: url("../img/scout/iconRank.png") no-repeat scroll 0 -54px;
}

.mailItem .mailItem__icon--limit{
  width:85px;
  height:auto;
  border:1px solid #F00;
  color:#F00;
  padding:3px 0;
  text-align:center;
  font-size:1.0em;
  background:#FFF;
}

.mailItem .mailItem__icon--attention{
  margin:4px 0 0;
  float:none;
  width:85px;
  height:auto;
  border:1px solid #F00;
  color:#F00;
  padding:3px 0;
  text-align:center;
  font-size:1.0em;
  border-radius:4px;
  background:#ffe5e5;
}
.mailItem .mailItem__title a{
  font-size:1.3em;
  color:#333;
  display:block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding:12px 0 0;
  font-weight:bold;
  text-decoration:none;
}

.mailItem .mailItem__company a{
  font-size:1.3em;
  color:#888;
  display:block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding:8px 0 0;
  font-weight:bold;
  text-decoration:none;
}

.mailItem.mailItem__read .mailItem__title a,
.mailItem.mailItem__read .mailItem__company a{
  font-weight:normal;
}
.mailItem .mailItem__info{
  padding:8px 0 0;
}
.mailItem .mailItem__privilege{
  width:130px;
  float:left;
}
.mailItem .mailItem__expiration{
  text-align:right;
  color:#999;
  font-size:1.3em;
  width:122px;
  float:right;
  padding:4px 0 0;
}
.mailItem .mailItem__expiration span{
  color:#F00;
}

.mailItem .mailItem__keep{
  display: block;
  background: url("../img/scout/icon_keep.png") no-repeat scroll 0 0;
  position: absolute;
  top: 40px;
  right: 5px;
  width: 18px;
  height: 18px;
  height: 20px;
  z-index:21;
}

.mailItem .mailItem__keep.mailItem__keep__none{
  background-position: 0 0;
  cursor:pointer;
}
/*
.mailItem .mailItem__keep.mailItem__keep__none:hover{
  opacity:0.5;
}
*/
.mailItem .mailItem__keep.mailItem__keep__on{
  background-position: -18px 0;
}
.mailItem .mailItem__keep.mailItem__keep__none-off{
  background-position: -36px 0;
}
.mailItem .mailItem__keep.mailItem__keep__on-off{
  background-position: -54px 0;
}

.leftpane__bottom{
  border-top:1px solid #ddd;
  padding:14px 22px;
  background-color: #fff;
}

.leftpane__bottom .about__icon{
  font-size:1.2em;
}
.leftpane__bottom .about__icon:before{
  content: url("../img/common/arrowRight.png");
  margin: 0 6px;
}

/* Contents
----------------------------------------------------- */
.contents{
  width:580px;
  float:right;
  min-height:779px;
}

.btn__red {
  display:block;
  text-align:center;
  background-color: #f00;
  border: medium none;
  border-radius: 5px;
  box-shadow: 0 1px 2px 0 #bbb6a8;
  color: #fff;
  cursor: pointer;
  font-size: 1.7em;
  font-weight: bold;
  line-height: 3.0588;
  width: 100%;
}

.btn__blue {
  display:block;
  text-align:center;
  background-color: #01aaeb;
  border: medium none;
  border-radius: 5px;
  box-shadow: 0 1px 2px 0 #bbb6a8;
  color: #fff;
  cursor: pointer;
  font-size: 1.7em;
  font-weight: bold;
  line-height: 3.0588;
  width: 100%;
}

.btn__gray {
  display:block;
  text-align:center;
  background-color: #bbb;
  border: medium none;
  border-radius: 5px;
  box-shadow: 0 1px 2px 0 #bbb6a8;
  color: #666;
  cursor: default;
  font-size: 1.7em;
  font-weight: bold;
  line-height: 3.0588;
  width: 100%;
}

.btn__red_white{
  display:block;
  text-align:center;
  background-color: #FFF;
  border: 1px solid #F00;
  border-radius: 5px;
  box-shadow: 0 1px 2px 0 #bbb6a8;
  color: #F00;
  cursor: pointer;
  font-size: 1.7em;
  font-weight: bold;
  line-height: 3.0588;
}

.btn__blue__white{
  display:block;
  text-align:center;
  background-color: #FFF;
  border: 1px solid #00aaeb;
  border-radius: 5px;
  box-shadow: 0 1px 2px 0 #bbb6a8;
  color: #00aaeb;
  cursor: pointer;
  font-size: 1.7em;
  font-weight: bold;
  line-height: 3.0588;
}

.btn__gray_white{
  display:block;
  text-align:center;
  background-color: #FFF;
  border: 1px solid #ddd;
  border-radius: 5px;
  /* box-shadow: 0 1px 2px 0 #bbb6a8; */
  color: #999;
  cursor: default;
  font-size: 1.7em;
  font-weight: bold;
  line-height: 3.0588;
}

.btn__red:hover,
.btn__blue:hover,
.btn__red_white:hover,
.btn__blue__white:hover {
  opacity:0.5;
  text-decoration:none;
}

.btn__gray_white.no__pointer {
  cursor:default;
}

.attentionStop{
  background-color: #ffe5e5;
  border: 1px solid #ececed;
  box-shadow: 0 1px 2px 0 #bbb6a8;
  padding:40px 60px;
  color:#F00;
  margin:0 0 20px;
}
.attentionStop .attentionStop__text{
  padding:3px 0 26px 68px;
  background: url("../img/common/iconAttentionInfo.png") no-repeat scroll 0 0;
  font-weight:bold;
}
.attentionStop .attentionStop__text h2{
  font-size:2.0em;
  margin:0 0 8px;
}
.attentionStop .attentionStop__text p{
  font-size:1.4em;
}
.attentionStop .btn{
  width:290px;
  margin:0 auto;
}

.attentionMail{
  background-color: #ffe5e5;
  border: 1px solid #ececed;
  box-shadow: 0 1px 2px 0 #bbb6a8;
  padding:40px 60px;
  color:#F00;
  margin:0 0 20px;
}
.attentionMail .attentionMail__text{
  padding:3px 0 26px 68px;
  background: url("../img/common/iconAttentionMail.png") no-repeat scroll 0 0;
  font-weight:bold;
}
.attentionMail .attentionMail__text h2{
  font-size:2.0em;
  margin:0 0 8px;
}
.attentionMail .attentionMail__text p{
  font-size:1.4em;
}
.attentionMail .btn{
  width:290px;
  margin:0 auto;
}

.blockDefault{
  background-color: #FFF;
  border: 1px solid #ececed;
  box-shadow: 0 1px 2px 0 #bbb6a8;
  margin:0 0 20px;
}
.blockDefault__title{
  border-bottom: 1px solid #ddd;
  color: #000;
  margin: 0 0 10px;
  padding: 41px 28px 17px;
}

.blockDefault__title h2{
  display: inline-block;
  font-weight: bold;
  font-size:1.8em;
  line-height: 1.3;
}

.blockDefault__title__sub{
  margin: -1.2em 0 0;
  text-align: right;
  color:#666;
  font-size:1.1em;
}

.blockDefault__bottom{
  border-top: 1px solid #ddd;
  padding: 28px 28px 34px;
}

.resume__graph{
  height: 184px;
  width: 184px;
  margin:36px auto 28px;
}
.graph00{ background: url("../img/common/graph00.gif") no-repeat scroll 0 0; }
.graph05{ background: url("../img/common/graph05.gif") no-repeat scroll 0 0; }
.graph15{ background: url("../img/common/graph15.gif") no-repeat scroll 0 0; }
.graph25{ background: url("../img/common/graph25.gif") no-repeat scroll 0 0; }
.graph35{ background: url("../img/common/graph35.gif") no-repeat scroll 0 0; }
.graph45{ background: url("../img/common/graph45.gif") no-repeat scroll 0 0; }
.graph55{ background: url("../img/common/graph55.gif") no-repeat scroll 0 0; }
.graph65{ background: url("../img/common/graph65.gif") no-repeat scroll 0 0; }
.graph75{ background: url("../img/common/graph75.gif") no-repeat scroll 0 0; }
.graph85{ background: url("../img/common/graph85.gif") no-repeat scroll 0 0; }
.graph95{ background: url("../img/common/graph95.gif") no-repeat scroll 0 0; }
.graph100{ background: url("../img/common/graph100.gif") no-repeat scroll 0 0; }

.resume__graph p{
  margin: 0 auto;
  padding:55px 0 0;
  text-align: center;
  width: 80px;
}
.resume__graph p span{
  font-size: 1.3em;
  line-height: 1.5384;
}
.resume__graph p strong {
  color: #f00;
  display: block;
  font-size: 3em;
  margin: 8px 0 0;
}

.blockDefault.resum .btn{
  width:290px;
  margin:0 auto 24px;
}

.resum .blockDefault__bottom {
  text-align:right;
}

.resum .blockDefault__bottom a:before {
  content: url("../img/common/arrowRight.png");
  margin: 0 6px;
}
.resum .blockDefault__bottom a {
  font-size: 1.2em;
}

.conditions .conditionsTable{
  margin: 28px 28px 20px;
  width: 516px;
}

.conditions .conditionsTable th,
.conditions .conditionsTable td{
  font-size:1.2em;
  color:#666;
  padding:12px 15px;
  border:1px solid #ddd;
}
.conditions .conditionsTable th{
  border-right:none;
  width:100px;
  font-weight:bold;
  text-align:left;
  background:#e0eff5;
  color:#000;
}
.conditions .conditionsTable td{
  border-left:none;
}
.conditions .conditionsTable td p{
  width: 340px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height:1.2em;
}

.conditions .btn{
  width:290px;
  margin:0 auto 34px;
}

.link__setting{
  text-align:right;
  padding:8px 0 0;
}
.link__setting a:before {
  content: url("../img/common/arrowRight.png");
  margin: 0 6px;
}
.link__setting a {
  font-size: 1.2em;
}

.nomail .blockDefault__body{
  padding:20px 28px 19px;
}
.nomail .blockDefault__body h3{
  padding:0 0 24px;
  font-size:1.5em;
  color:#333;
  font-weight:bold;
}
.nomail .blockDefault__body p{
  font-size:1.2em;
  color:#333;
  padding:0 0 15px;
}

.nomail .blockDefault__body .scout__tips{
  list-style-type: decimal;
  margin:0 0 0 16px;
}
.nomail .blockDefault__body .scout__tips li{
  color:#333;
  font-size:1.2em;
  padding:0 0 15px;
}

.brushup .btn{
  width:290px;
  margin:30px auto 34px;
}

.nomail__open{
  display:none;
}
.nomail__close{
  display:block;
}


/* スカウト詳細
----------------------------------------------------- */
.catch .blockDefault__body,
.special .blockDefault__body,
.detail .blockDefault__body,
.offer .blockDefault__body{
  padding:10px 28px 34px;
}

.headAlert{
  border-bottom:1px solid #ddd;
  margin:0 0 13px;
}

.headAlert__text{
  background:#666;
  color:#FFF;
  font-size:1.7em;
  padding:20px 22px;
  margin:0 0 13px;
}

.blockMail__meta{
  margin:0 0 13px;
}

.blockMail__meta .mailMeta__kind{
  height:12px;
  display:inline-block;
  font-size:1.2em;
  font-weight:bold;
  color:#333;
  padding:4px 0 0 90px;
}

.blockMail__meta .mailMeta__kind:hover{
  opacity:0.5;
}

.blockMail__meta .mailMeta__kind.mail__icon__rank40{
  background: url("../img/scout/iconRank.png") no-repeat scroll 0 0;
}

.blockMail__meta .mailMeta__kind.mail__icon__rank30{
  background: url("../img/scout/iconRank.png") no-repeat scroll 0 -18px;
}

.blockMail__meta .mailMeta__kind.mail__icon__rank25{
  background: url("../img/scout/iconRank.png") no-repeat scroll 0 -36px;
}

.blockMail__meta .mailMeta__kind.mail__icon__rank20{
  background: url("../img/scout/iconRank.png") no-repeat scroll 0 -54px;
}

.blockMail__meta .mailMeta__kind.mail__icon__limit{
  width:100px;
  height:auto;
  border:1px solid #F00;
  color:#F00;
  padding:3px 0;
  text-align:center;
  font-size:1.2em;
  font-weight:normal;
  background: #fff;
}

.blockMail__meta .mailMeta__date{
  display:inline-block;
  font-size:1.2em;
  color:#333;
  padding:0 0 0 16px;
}

.blockMail__meta .mailMeta__limit{
  font-size:1.5em;
  color:#999;
  margin:-1.2rem 0 0;
  text-align:right;
}

.blockMail__meta .mailMeta__limit .today{
  color:#F00;
}

.catch .catch__image{
  width:230px;
  height:172px;
  padding:0 14px 0 0;
  float:left;
}
.catch .catch__image a:hover{
  opacity:0.5;
}

.catch .catch__end__message{
  color:#666666;
  font-size:1.4em;
  font-weight:bold;
  line-height:1.8em;
  margin:0 0 20px;
}

.catch .catch__end__confirm{
  color:#666666;
  padding:0 0 4px 10px;
  background: url("../img/common/arrowDownDisable.png") no-repeat 0 6px;
}

.catch h3{
  font-size:1.5em;
  line-height:1.5;
  margin:0 0 22px;
  font-weight:bold;
}

.catch h4{
  font-size:1.2em;
  line-height:1.5;
  color:#333;
  font-weight:bold;
}

.catch p{
  font-size:1.2em;
  line-height:1.5;
}

.special .special__list{
  overflow:hidden;
  width:540px;
  margin:-16px 0 0 0;
}
.special li{
  width:164px;
  border-radius:5px;
  font-size:1.2em;
  text-align:center;
  color:#FFF;
  padding:4px 0;
  float:left;
  background:#00aaeb;
  margin:16px 16px 0 0;
  cursor:pointer;
}

.special .special__premium{
  margin:0 0 16px;
}

.special .special__premium .privilegeBadge__premium {
  font-size: 1.1em;
  width:520px;
}
.special .special__premium .privilegeBadge__premium .privilegeBadge__premium--kind {
  width: 90px;
  cursor:pointer;
}
.special .special__premium .privilegeBadge__premium .privilegeBadge__premium--present {
  width: 410px;
  text-align:left;
  padding-left:10px;
  padding-right:10px;
}

.detail .detail__premium{
  padding:10px 28px 25px;
  margin:0 0 10px;
  font-size:1.2em;
  line-height:1.5;
  border-bottom: 1px solid #ddd;
}

.detail .detail__message{
  padding:10px 28px 34px;
  font-size:1.2em;
  line-height:1.5;
  overflow: hidden;
}

.detail .detail__message__image{
  float:right;
  width:172px;
  height:129px;
  padding:0 0 25px 25px;
}

.detail .detail__premium hr,
.detail .detail__premium hr,
.detail .detail__premium p,
.detail .detail__message p{
  margin-bottom:1.8em;
}

.detail  .detail__message .btn__corporate{
  text-align: right;
  padding:20px 0 0;
  margin: 0;
}
.detail .btn__corporate:before {
  content: url("../img/common/arrowRight.png");
  margin: 0 6px;
}

.special{
  line-height:1.5;
}

.offer .blockDefault__body{
  font-size:1.2em;
  line-height:1.5;
}

.block__btnSet .action__arrow{
  width:72px;
  height:29px;
  background: url("../img/common/arrowDownGray.png") no-repeat scroll 0 0;
  margin:0 auto 24px;
}

.block__btnSet .btnSet__full{
  margin:0 0 14px;
}

.block__btnSet .btnSet__col2{
  margin:0 0 20px;
}

.block__btnSet .btnSet__col2 .btn__keep,
.btnSet__col2 .btn__refusal{
  width:280px;
}
.block__btnSet .btnSet__col2 .btn__keep{
  float:left;
}
.block__btnSet .btnSet__col2 .btn__refusal{
  float:right;
}

.block__btnSet .btnSet__col2 .btn__keep .btn__blue__white,
.block__btnSet .btnSet__col2 .btn__refusal .btn__blue__white,
.block__btnSet .btnSet__col2 .btn__keep .btn__gray_white,
.block__btnSet .btnSet__col2 .btn__refusal .btn__gray_white{
  font-size:1.4em;
}

.block__btnSet .btnSet__col2 .btn__keep .keep__none{
  display:inline-block;
  background: url("../img/scout/icon_keep.png") no-repeat scroll 0 0;
  height: 18px;
  width: 18px;
  margin:0 4px 0 0;
  vertical-align: -3px;
}
.block__btnSet .btnSet__col2 .btn__keep .keep__on{
  display:inline-block;
  background: url("../img/scout/icon_keep.png") no-repeat scroll -18px 0;
  height: 18px;
  width: 18px;
  margin:0 4px 0 0;
  vertical-align: -3px;
}

.block__delete{
  text-align:right;
  padding:0 0 20px;
}

.block__delete .btn__delete:before {
  content: url("../img/common/arrowRight.png");
  margin: 0 6px;
}
.block__delete .btn__delete {
  font-size: 1.3em;
}

.block__linkSet{
  border-top:1px solid #ddd;
  border-bottom:1px solid #ddd;
  font-size: 1.3em;
  margin:0 0 20px;
}

.block__linkSet ul{
  overflow:hidden;
}

.block__linkSet li{
  float:left;
  width:33%;
  padding:20px 0;
}
.block__linkSet li.linkSet__scount__top{
  width:34%;
  text-align:center;
}
.block__linkSet li.linkSet__next{
  text-align:right;
}

.block__attention h2{
  font-size: 1.2em;
  font-weight:bold;
  padding:0 0 8px;
}
.block__attention ul{
  list-style-type: disc;
  padding:0 0 0 1.1em;
}
.block__attention li{
  font-size: 1.1em;
  padding:0 0 4px;
  line-height:1.5;
}


/* Modal
----------------------------------------------------- */
.modal__overlay {
  z-index:23000;
  z-index:23;
  display:none;
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-color:rgba(0,0,0,.5)
}

.modal__open{
  cursor: pointer;
}

.modal__content {
  position:absolute;
  display:none;
  z-index:23001;
  z-index:110;
  background:#fff;
  width:950px;
  /* overflow-y: auto; */
  /* max-height: 90%; */
}

.modal__content .modal__content--inner{
  padding:8px 8px 30px 8px;
}

.modal__content .modal__close .btn__blue__white{
  width:42px;
  float:right;
  font-size:1.3em;
  padding:0 10px 0 30px;
  text-align:right;
  line-height: 2.5;
  background: url("../img/common/iconClose.png") no-repeat scroll 12px 9px;
}

.modal__content .delete__message,
.modal__content .search__none__message,
.modal__content .expired__message,
.modal__content .refusal__message{
  font-size:1.8em;
  font-weight:bold;
  padding:18px 0 30px;
  text-align:center;

}
.modal__content .btn__delete,
.modal__content .btn__search__none,
.modal__content .btn__expired,
.modal__content .btn__refusal{
  width:184px;
  margin:0 auto;
}
.modal__content .btn__delete .btn__red_white,
.modal__content .btn__refusal .btn__blue__white{
  font-size:1.4em;
}
.modal__content .btn__delete .btn__red_white{
  background: url("../img/common/iconDelete.png") no-repeat scroll 48px 11px;
  padding-left:25px;
}

.modal__content .modal__keep{
  font-size:1.2em;
  width:184px;
  margin:20px auto 0;
  text-align:right;
}
.modal__content .modal__keep .keep__none{
  display:inline-block;
  background: url("../img/scout/icon_keep.png") no-repeat scroll 0 0;
  height: 18px;
  width: 18px;
  margin:0 4px 0 0;
  vertical-align:-3px;
}
.modal__content .modal__keep .keep__on{
  display:inline-block;
  background: url("../img/scout/icon_keep.png") no-repeat scroll -18px 0;
  height: 18px;
  width: 18px;
  margin:0 4px 0 0;
  vertical-align:-3px;
}

.modal__content .modal__keep__attention{
  color:#666;
  font-size:1.1em;
  text-align:center;
  margin: 30px 0 0;
}

.modal__content#modal__special .modal__close .btn__blue__white{
  margin-right:8px;
}

.modal__content#modal__special .modal__content--inner{
  padding:8px 0 30px;
}

.modal__content#modal__special .special__title{
  font-size:1.9em;
  color:#000;
  padding:0 0 16px 20px;
  margin:-20px 0 30px;
  border-bottom:1px solid #ddd;
}

.modal__content#modal__special .special__title__sub{
  font-size:1.7em;
  color:#000;
  margin:0 0 30px 20px;
}

.modal__content#modal__special .special__icon__title{
  font-size:1.5em;
  color:#000;
  margin:0 0 12px;
  padding:0 0 0 16px;
  width:152px;
  float:left;
}
.modal__content#modal__special .special__icon__text{
  font-size:1.2em;
  color:#666;
  margin:0 0 26px;
  padding:0 0 0 160px;
  line-height:1.5;
}

.modal__content#modal__special .block__special__icon__scout,
.modal__content#modal__special .block__special__icon__privilege{
  padding:0 0 4px 20px;
  margin:0 0 30px;
  border-bottom:1px solid #ddd;
}

.modal__content#modal__special .block__special__icon__keep{
  padding:0 0 0 20px;
}

.modal__content#modal__special .special__scout{
  width:88px;
  height:16px;
}

.modal__content#modal__special .special__scout.mail__icon__rank40{
  background: url("../img/scout/iconRank.png") no-repeat scroll 0 0;
}

.modal__content#modal__special .special__scout.mail__icon__rank30{
  background: url("../img/scout/iconRank.png") no-repeat scroll 0 -18px;
}

.modal__content#modal__special .special__scout.mail__icon__rank25{
  background: url("../img/scout/iconRank.png") no-repeat scroll 0 -36px;
}

.modal__content#modal__special .special__scout.mail__icon__rank20{
  background: url("../img/scout/iconRank.png") no-repeat scroll 0 -54px;
}

.modal__content#modal__special .special__scout.mail__icon__limit{
  width:85px;
  height:auto;
  border:1px solid #F00;
  color:#F00;
  padding:3px 0;
  text-align:center;
  font-size:1.0em;
}

.modal__content#modal__special .special__keep{
  background: url("../img/scout/icon_keep.png") no-repeat scroll 0 0;
  width: 18px;
  height: 18px;
  float:left;
}

.modal__content#modal__special .special__keep.mail__keep__none{
  background-position: 0 0;
}
.modal__content#modal__special .special__keep.mail__keep__on{
  background-position: -18px 0;
}
.modal__content#modal__special .special__keep.mail__keep__none-off{
  background-position: -36px 0;
}
.modal__content#modal__special .special__keep.mail__keep__on-off{
  background-position: -54px 0;
}

.modal__content#modal__special .special__scout,
.modal__content#modal__special .special__privilege{
  float:left;
}


/* Bnad
----------------------------------------------------- */
.band__overlay {
  z-index:13000;
  z-index:94;
  display:none;
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  /* background-color:rgba(0,0,0,.5) */
}

.band__open{
  cursor: pointer;
}

.band__content {
  position:absolute;
  display:none;
  z-index:13001;
  z-index:194;
  background-color:rgba(0,0,0,.5);
  width:100%;
}

.band__content .band__message{
  color:#FFF;
  font-size:1.8em;
  line-height:1.5;
  text-align:center;
  padding:30px;
}

/* Error
----------------------------------------------------- */
.error{
	padding:102px 0 50px;
}

.error__title{
	font-size:1.7em;
	text-align:center;
	margin:0 0 30px;
}

.error__reload{
	width:300px;
	margin:0 auto;
}


/* 組込追記分
----------------------------------------------------- */
.mailItem .mailItem__keep__def{
  display: block;
  background: url("../img/scout/icon_keep.png") no-repeat scroll 0 0;
  position: absolute;
  top: 40px;
  right: 5px;
  width: 18px;
  height: 18px;
  height: 20px;
  z-index:21;
}

.mailItem .mailItem__keep__def,
.mailItem .mailItem__keep__def.mailItem__keep__none{
  background-position: 0 0;
  cursor:pointer;
}
.mailItem .mailItem__keep__def.mailItem__keep__on{
  background-position: -18px 0;
  cursor:default;
}
.mailItem .mailItem__keep__def.mailItem__keep__none-off{
  background-position: -36px 0;
  cursor:default;
}
.mailItem .mailItem__keep__def.mailItem__keep__on-off{
  background-position: -54px 0;
  cursor:default;
}

/*.mail__extractionList a.disable .mail__extractionItem__icon--keep{
  background: url("../img/scout/icon_keep.png") no-repeat 0px 0;
  width: 18px;
  margin-right:86px;
}*/

#ajaxCommunicationError {
  display:none;
}

#band__keep span.companyNameBox,
#band__delete--or--refusal span.companyNameBox {
  float: left;
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width:100%;
}
#band__keep .band__content--inner,
#band__delete--or--refusal .band__content--inner {
  max-width: 1010px;
  margin: 0 auto;
}

.card__listItem .card__keep{
  background-position: 0 0;
  cursor:pointer;
}
.card__listItem .card__keep.card__keep__on{
  cursor:default;
}

.card__listItem--premium .card__keep{
  background-position: 0 0;
  cursor:pointer;
}
.card__listItem--premium .card__keep.card__keep__on{
  cursor:default;
}


/* デザイン調整
----------------------------------------------------- */
.premium__slider .card__listItem .card__title a, 
.premium__slider .card__listItem--premium .card__title a {
  overflow: hidden;
  height: 34px;
  padding-bottom: 0;
  /*margin-bottom: 16px;*/
}
.premium__slider .card__listItem .card__company a,
.premium__slider .card__listItem--premium .card__company a {
  padding-top: 16px;
}
.detail .detail__premium p {
  word-wrap: break-word;
}

/* band表示
----------------------------------------------------- */
#band__delete--or--refusal {
	position: fixed;
	left: 0;
	top: 50%;
	margin-top: -57px;
	z-index: 1001;
	display: none;
}
#bandLayer__delete--or--refusal{
	background: #000;
	width: 100%;
	height: 100%;
	opacity: 0.5;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 1000;
	display: none;
}

/* デザイン微調整
----------------------------------------------------- */
.premium__content .card__none {
	line-height: 200%;
}

.leftpane .mailItem__body a { /* 左パネルの<a>タグを無効化（iPadなどのタッチデバイスで不具合が出るため） */
	pointer-events:none;
}
.scout__tab .scout__list .scout__listItem a {
	color:#F00;
	display: block;
	padding: 20px 0;
}
.scout__tab .scout__list .scout__listItem a:hover {
	text-decoration: none;
}
.scout .scout__tab .active a {
	padding-top: 19px;
}
.bandLayer, .modalLayer, .band__content {
	min-width: 950px;
}
.detail .detail__message {
	padding-bottom: 0;
}
.detail .detail__message:last-child {
	padding-top: 0px;
	padding-bottom: 34px;
}
.detail .detail__message,
.blockDefault .blockDefault__body {
	word-wrap: break-word;
	white-space: normal;
}