/* CSS Document */

/* --------------------------------------------------
**
** default
**
** -------------------------------------------------- */
html,
body { -webkit-text-size-adjust: none; }
html {
	overflow-y: scroll;
	overflow-x: auto;
}
body,
body.forSubdomain {
	margin: 0;
	padding: 0;
	font-family: Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック";
}
body.forSubdomain { min-width: 1050px; }
body.forSubdomain #contents .contentsIn #contentsWrapper { margin-top: 0; }
body.forSubdomain div#content { margin-top: 0; }
body.forSubdomain div.mainContents {
	width: 930px;
	margin-left: 120px;
}
body.forSubdomain #contents .contentsIn {
	margin: 0 15px;
	padding: 0;
}
header.global,
footer.global { font-size: 10px; }
header.global p,
header.local p,
footer.global p,
header.global ul,
header.local ul,
footer.global ul,
header.global li,
header.local li,
footer.global li {
	margin: 0;
	padding: 0;
	font-size: 100%;
	line-height: 1.5;
	list-style: none;
}
section,
nav,
article,
aside,
header,
footer { display: block; }
/* --------------------------------------------------
**
** for Subdomain
**
** -------------------------------------------------- */
body.forSubdomain #contents .contentsIn .typeForm #contentsMain #contentsMainIn { margin: 0; }
/* --------------------------------------------------
**
** layout
**
** -------------------------------------------------- */
header.global {
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	background: #fff;
	min-height: 450px;
}
aside.welcome,
div.mainContents,
footer.global {	margin: 0 120px; }
aside.welcome { margin-right: 0; }
body.forSubdomain footer.global { margin: 0 0 0 120px; }
body.forSubdomain article { float: none; }
article.form #contentsMainIn {
    margin: 0 auto;
    width: 760px;
}
/* --------------------------------------------------
**
** header
**
** -------------------------------------------------- */
header.global {
	width: 120px;
	z-index: 100;
}
header.global h1,
header.global p.logo {
	margin: 28px 25px 24px;
	font-size: 0;
}
header.global h1 a,
header.global p.logo a {
	position: relative;
	display: block;
}
header.global h1 i,
header.global p.logo i {
	position: absolute;
	top: 0;
	left: 0;
	width: 70px;
	height: 70px;
	display: block;
}
header.global h1,
header.global h2,
header.global h3,
header.global h4,
header.global h5,
header.global h6,
header.global p,
header.global blockquote,
header.global pre,
header.global dl,
header.global dt,
header.global dd,
header.global ol,
header.global ul,
header.global li,
header.global th,
header.global td,
header.global summary,
header.global figcaption,
header.global label,
header.global a,
header.global a:hover,
header.global a:visited,
header.global a:active,
header.global ruby,
footer.global h1,
footer.global h2,
footer.global h3,
footer.global h4,
footer.global h5,
footer.global h6,
footer.global p,
footer.global blockquote,
footer.global pre,
footer.global dl,
footer.global dt,
footer.global dd,
footer.global ol,
footer.global ul,
footer.global li,
footer.global th,
footer.global td,
footer.global summary,
footer.global figcaption,
footer.global label,
footer.global a,
footer.global a:hover,
footer.global a:visited,
footer.global a:active,
footer.global ruby { font-family: Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック"; }
header.global a,
header.global a:hover,
header.global a:visited,
header.global a:active,
header.global ruby { line-height: 1.5; }
/*-------------------------- maga navi ----*/
header.global nav.megaNav li { font-size: 140%; }
header.global nav.megaNav li.english,
header.global nav.megaNav li.international {
	position: absolute;
	font-size: 100%;
}
header.global nav.megaNav li.english { bottom: 43px; }
header.global nav.megaNav li.international { bottom: 0; }
header.global nav.megaNav li.active { background: url(/common/images/bg-arrow-meganavi.png) no-repeat 100% 50%; }
header.global nav.megaNav li a {
	color: #2C2A29;
	text-decoration: none;
	padding: 20px 0 20px 25px;
	display: block;
	line-height: 15px;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
header.global nav.megaNav li.serviceAndLogin { margin-bottom: 20px; }
header.global nav.megaNav li.serviceAndLogin a { color: #006341; }
header.global nav.megaNav li.serviceAndLogin.login a span {
	background: url(/common/images/bg-icon-login-meganavi.png) no-repeat 100% 0.4em;
	padding-right: 14px;
}
header.global nav.megaNav li.serviceAndLogin a i.login { margin-left: 7px; }
header.global nav.megaNav li a span.indention { display: inline-block; }
header.global nav.megaNav li.english a { padding: 0 0 13px 25px; }
header.global nav.megaNav li.international a { padding: 0 0 28px 25px; }
/*-------------------------- overlay ----*/
header.global .overlay div.news {
	overflow: hidden;
	margin: 0 0 45px;
}
header.global .overlay div.news div.newsView {
	overflow: hidden;
	height: 67px;
	position: relative;
	margin-bottom: 20px;
}
header.global .overlay div.news div.newsView ul { position: absolute; }
header.global .overlay div.news div.newsView ul li { margin: 0; }
header.global .overlay.cafe div.news div.newsView ul li { max-width: 330px\9; }
header.global .overlay.cafe div.news div.newsView ul li:not(:target) { max-width: 999px\9; }
header.global .overlay div.news div.newsView ul li {
	color: #FFF;
	font-size: 12px;
	padding: 0 10px;
	float: left;
}
header.global .overlay div.news div.newsView ul li a { display: block; }
header.global .overlay div.news div.newsView ul li span.img {
	float: left;
	margin-right: 15px;
	background: #FFF;
}
header.global .overlay div.news div.newsView ul li span.img img {
	width: 55px;
	height: auto;
}
header.global .overlay div.news ul.controls {
	text-align: center;
	letter-spacing: -1em;
	display: table;
	display: none\9;
	margin: 0 auto;
}
header.global .overlay div.news ul.controls:not(:target) { display: table\9; }
header.global .overlay div.news ul.controls li {
	display: table-cell;
	line-height: normal;
	padding: 0 2px;
	line-height: 5px;
	vertical-align: middle;
}
header.global .overlay div.news ul.controls li.prev,
header.global .overlay div.news ul.controls li.next { cursor: pointer; }
header.global .overlay div.news ul.controls li.prev { padding-right: 16px; }
header.global .overlay div.news ul.controls li.next { padding-left: 16px; }
header.global .overlay div.news ul.controls li.disable { opacity: 0.5; }
header.global .overlay div.news ul.controls li.active i { background: #C6893F; }
header.global .overlay div.news ul.controls li i {
	width: 5px;
	height: 5px;
	background: #777;
	display: block;
	border-radius: 5px;
}
header.global .overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 120px;
	width: 380px;
	height: 100%;
	background: #2C2A29;
}
header.global .overlay a {
	color: #FFF;
	text-decoration: none;
}
header.global .overlay p { margin: 0 10px; }
header.global .overlay .inner {
	padding: 55px 20px 0;
	position: relative;
	overflow: hidden;
	font-size: 100%;
}
header.global .overlay li.parent { font-size: 180%; }
header.global .overlay li.parent .topics {
	display: block;
	margin: 0 10px 20px;
	color: #FFF;
}
header.global .overlay li.parent .topics a {
	padding: 0 20px 0 0;
	background: url(/common/images/bg-arrow-topics-meganavi.png) no-repeat 100% 50%;
}
header.global .overlay li.parent .topics a span {
	font-size: 65%;
	padding-left: 15px;
}
header.global .overlay li.parent ul {
	float: left;
	width: 50%;
}
header.global .overlay li.parent .notTabCol2of4 {
	float: left;
	width: 50%;
}
header.global .overlay li.parent .notTabCol2of4 ul {
	float: none;
	width: auto;
}
header.global .overlay li.parent ul li {
	font-size: 65%;
	margin: 0 10px 15px;
}
header.global .overlay li.parent ul li a {
	padding: 0;
	display: inline-block;
}

header.global .overlay div.news div.newsView ul li a:hover img { opacity: 0.8; }
header.global .overlay div.news div.newsView ul li a:hover,
header.global .overlay li.parent ul li a:hover,
header.global .overlay li.parent .topics a:hover,
header.global .overlay.serviceAndLogin li.parent .topics a:hover {
	background: #FFF;
	color: #2C2A29;
}
header.global .overlay li.parent .topics a:hover { background: url(/common/images/bg-arrow-topics-meganavi-on.png) no-repeat 100% 50% #FFF; }
header.global .overlay.serviceAndLogin li.parent .topics span.question a { background: none; }
header.global .overlay p.js-close {
	position: absolute;
	top: 16px;
	right: 17px;
	margin: 0;
	line-height: 1;
}
header.global .overlay p.js-close a {
	padding: 0;
	line-height: 1;
}
header.global .overlay p.js-close .forSp { display: none; }
/*-------------------------- cafe ----*/
header.global .overlay.cafe { width: 720px; }
header.global .overlay.cafe li.parent ul { width: 25%; }
/*-------------------------- companyAndJob ----*/
header.global .overlay.companyAndJob ul {
	float: left;
	width: 50%;
}
header.global .overlay.companyAndJob div.news ul {
	float: none;
	width: auto;
}
header.global .overlay.companyAndJob li.parent ul {
	float: none;
	width: auto;
}
/*-------------------------- serviceAndLogin ----*/
header.global .overlay.serviceAndLogin li.parent .name {
	color: #6cb33f;
	font-size: 90%;
}
header.global .overlay.serviceAndLogin li.parent .topics.name span {
	vertical-align: baseline;
	font-size: 75%;
	padding: 0;
}
header.global .overlay.serviceAndLogin li.parent .topics a {
	padding: 0;
	background: none;
}
header.global .overlay.serviceAndLogin li.parent .topics span {
	padding-left: 10px;
	vertical-align: top;
}
header.global .overlay.serviceAndLogin li.parent .topics span img { vertical-align: middle; }

header.global .overlay.serviceAndLogin li.parent {
	overflow: hidden;
	margin-bottom: 20px;
}
header.global .overlay.serviceAndLogin li.parent ul {
	float: none;
	width: auto;
}
header.global .overlay.serviceAndLogin li.parent ul li,
header.global .overlay.serviceAndLogin li.parent ul.notTabCol2of4 {
	float: left;
	width: 50%;
}
header.global .overlay.serviceAndLogin li.parent ul + ul.notTabCol2of4 { clear: both; }
header.global .overlay.serviceAndLogin li.parent ul.notTabCol2of4 + ul.notTabCol2of4 { clear: none; }
header.global .overlay.serviceAndLogin li.parent ul.notTabCol2of4 li {
	float: none;
	width: auto;
}
header.global .overlay.serviceAndLogin li.parent ul li { margin: 0 0 20px; }
header.global .overlay.serviceAndLogin li.parent ul li a { margin: 0 10px; }
header.global .overlay.serviceAndLogin li.parent ul li.btn a {
	display: block;
	border: 1px solid #8c8279;
	border-radius: 4px;
	background: #2c2a29;
	margin: 0;
}
header.global .overlay.serviceAndLogin li.parent ul li.btn a:hover {
	color: #FFF;
	opacity: 0.8;
}
header.global .overlay.serviceAndLogin li.parent ul li.btn.login,
header.global .overlay.serviceAndLogin li.parent ul li.btn.logout,
header.global .overlay.serviceAndLogin li.parent ul li.btn.myPage { text-align: center; }
header.global .overlay.serviceAndLogin li.parent ul li.btn.login,
header.global .overlay.serviceAndLogin li.parent ul li.btn.logout { font-size: 90%; }
header.global .overlay.serviceAndLogin li.parent ul li.btn.login a {
	border: 1px solid #6cb33f;
	background: #6cb33f;
	padding: 3px 0;
}
header.global .overlay.serviceAndLogin li.parent ul li.btn.logout a {
	border: 1px solid #8c8279;
	border-top: none;
	background: #8c8279;
	padding: 3px 0;
}
header.global .overlay.serviceAndLogin li.parent ul li.btn.login.hide,
header.global .overlay.serviceAndLogin li.parent ul li.btn.logout.hide { display: none; }
header.global .overlay.serviceAndLogin li.parent ul li.btn.myPage { font-size: 85%; }
header.global .overlay.serviceAndLogin li.parent ul li.btn.myPage a { padding: 4px 0; }
header.global .overlay.serviceAndLogin li.parent ul li.btn.myPage + li { clear: both; }
header.global .overlay.serviceAndLogin li.parent ul li.btn.card,
header.global .overlay.serviceAndLogin li.parent ul li.btn.os,
header.global .overlay.serviceAndLogin li.parent ul li.btn.eGift { line-height: 14px; }
header.global .overlay.serviceAndLogin li.parent ul li.btn.msc {
	line-height: 12px;
	clear: both;
}
header.global .overlay.serviceAndLogin li.parent ul li.btn span.bgArea {
	display: block;
	background: #FFF;
	margin: 0 10px;
	border-radius: 4px;
}
header.global .overlay.serviceAndLogin li.parent ul li.btn.card a,
header.global .overlay.serviceAndLogin li.parent ul li.btn.os a,
header.global .overlay.serviceAndLogin li.parent ul li.btn.eGift a,
header.global .overlay.serviceAndLogin li.parent ul li.btn.msc a { overflow: hidden; }
header.global .overlay.serviceAndLogin li.parent ul li.btn.card a {
	background: url(/common/images/bg-icon-card-meganavi.png) no-repeat 15% 50% #2c2a29;
	padding: 15px 0;
}
header.global .overlay.serviceAndLogin li.parent ul li.btn.os a {
	background: url(/common/images/bg-icon-os-meganavi.png) no-repeat 10% 50% #2c2a29;
	padding: 22px 0;
}
header.global .overlay.serviceAndLogin li.parent ul li.btn.msc a {
	background: url(/common/images/bg-icon-msc-meganavi.png) no-repeat 10% 50% #2c2a29;
	padding: 11px 0;
}
header.global .overlay.serviceAndLogin li.parent ul li.btn.eGift a {
	background: url(/common/images/bg-icon-gift-meganavi.png) no-repeat 15% 50% #2c2a29;
	padding: 15px 0;
}
header.global .overlay.serviceAndLogin li.parent ul li.btn.eGift + li { clear: both; }
header.global .overlay.serviceAndLogin li.parent ul li.btn.card a span,
header.global .overlay.serviceAndLogin li.parent ul li.btn.os a span,
header.global .overlay.serviceAndLogin li.parent ul li.btn.eGift a span,
header.global .overlay.serviceAndLogin li.parent ul li.btn.msc a span { float: right; }
header.global .overlay.serviceAndLogin li.parent ul li.btn.card a span { margin-right: 25px; }
header.global .overlay.serviceAndLogin li.parent ul li.btn.os a span { margin-right: 15px; }
header.global .overlay.serviceAndLogin li.parent ul li.btn.msc a span { margin-right: 25px; }
header.global .overlay.serviceAndLogin li.parent ul li.btn.eGift a span { margin-right: 25px; }
header.global .overlay p.news { margin-bottom: 45px; }

/**/
header.global .overlay ul.footer {
	clear: both;
	width: 100%;
	padding-top: 8px;
	overflow: hidden;
}
header.global .overlay ul.footer li {
	float: left;
	width: 50%;
	margin: 0;
}
header.global .overlay ul.footer li span {
	display: block;
	margin: 0 10px;
}
header.global .overlay ul.footer li span a {
	margin: 0;
	font-size: 120%;
	display: inline-block;
}
header.global .overlay ul.footer li span a:hover {
	color: #2c2a29;
	background: #fff;
}
header.global .overlay.cafe ul.footer li { width: 25%; }
header.global .overlay.serviceAndLogin ul.footer { margin-top: -8px; }
@media screen and (min-width: 910px) and (max-height: 600px) {
header.global .overlay.serviceAndLogin { width: 720px; }
header.global .overlay.serviceAndLogin li.parent ul li { width: 25%; }
header.global .overlay.serviceAndLogin li.parent ul li.btn.myPage + li,
header.global .overlay.serviceAndLogin li.parent ul li.btn.msc { clear: none; }
header.global .overlay.serviceAndLogin li.parent ul li.btn.myPage + li { margin-top: 15px; }
header.global .overlay.serviceAndLogin li.parent ul.notTabCol2of4 li {
	float: left;
	width: 50%;
}
}

/* --------------------------------------------------
**
** header-min
**
** -------------------------------------------------- */
header.global nav.megaNav.min { padding-top: 5px; }
header.global nav.megaNav.min li.name {
	font-size: 110%;
	color: #6cb33f;
	margin: 0 25px;
	line-height: 15px;
}
header.global nav.megaNav.min li.name.hide { display: none; }
header.global nav.megaNav.min li.name span.indention { display: block; }
header.global nav.megaNav.min li.return {
	position: absolute;
	left: 0;
	bottom: 30px;
	width: 120px;
}
header.global nav.megaNav.min li.return.longText { font-size: 110%; }
header.global nav.megaNav.min li.return a { padding: 20px 0 20px 25px; }
header.global nav.megaNav.min li.return span.indention { display: block; }

/* --------------------------------------------------
**
** header-local
**
** -------------------------------------------------- */
header.local:after {
	content: "";
	display: block;
	clear: both;
}
header.local h1 {
	font-size: 24px;
	margin: 19px 100px 19px 15px;
	color: #000;
	font-weight: normal;
	line-height: 1.75;
}
header.local h1,
.mainContents header.local h2 {
	display: table-cell;
	padding: 0 100px 0 15px;
	vertical-align: middle;
	height: 85px;
}
/**/
header.local { position: relative; }
header.local ul.sns { position: absolute; top: 23px; right: 0; font-size: 10px; }
header.local ul.sns li { display: table-cell; vertical-align: middle; padding: 10px 0 0 10px; }
header.local ul.sns li.forSp { display: none; }
header.local ul.sns li a {
	display: block;
	width: 33px;
	text-align: center;
	margin: 0 auto;
}
header.local ul.sns li a:hover { opacity: 0.8; }
/**/
header.local .procureS {
	float: right;
	margin-bottom: 20px;
}
/**/
ul.sns.footer { position: absolute; bottom: 20px; right: 0; font-size: 10px; }
ul.sns.footer li { display: table-cell; vertical-align: middle; padding: 10px 0 0 10px; }
ul.sns.footer li a {
	display: block;
	width: 33px;
	text-align: center;
	margin: 0 auto;
}
ul.sns.footer li a:hover { opacity: 0.8; }
/* --------------------------------------------------
**
** titleArea
**
** -------------------------------------------------- */
div.titleArea { display: none; }
div.titleArea ul.sns { position: absolute; top: 0; right: 0; font-size: 10px; }
div.titleArea ul.sns li { display: table-cell; vertical-align: middle; padding: 10px 0 0 10px; }
div.titleArea ul.sns li.forSp { display: none; }
div.titleArea ul.sns li a {
	display: block;
	text-align: center;
	margin: 0 auto;
}

/* --------------------------------------------------
**
** welcome
**
** -------------------------------------------------- */
aside.welcome {
	height: auto;
	background: url(/common/images/bg-welcome-pc.png) no-repeat 100% 50% #ece4d4;
}
aside.welcome.align { margin-left: 120px; }
aside.welcome .container {
	padding: 25px 15px 14px 48px;
	position: relative;
	background-color: transparent;
}
aside.welcome ul {
	padding: 0;
	list-style: none;
	font-size: 12px;
}
aside.welcome ul li a { font-size: 14px; }
aside.welcome ul.attention {
	color: #c6893f;
	margin: 0 0 17px;
}
aside.welcome ul.attention li {
	padding-left: 18px;
	background: url(/common/images/bg-icon-disc-welcome-attention.png) no-repeat 0 50%;
	background-size: 4px 4px;
}
aside.welcome ul.attention li a {
	color: #c6893f;
	text-decoration: none;
}
aside.welcome ul.attention li a:hover {
	color: #fff;
	background: #c6893f;
}
aside.welcome ul.info li {
	line-height: 19px;
	padding-left: 18px;
	margin-bottom: 11px;
	background: url(/common/images/bg-icon-disc-welcome-attention-nm.png) no-repeat 0 50%;
	background-size: 4px 4px;
	background: url(/common/images/bg-icon-disc-welcome-ie8-nm.png) no-repeat 0 50%\9;
}
aside.welcome ul.info li a {
	color: #fff;
	text-decoration: none;
}
aside.welcome ul.info li a:hover {
	opacity: 0.7;
	color: #fff;
}
aside.welcome .close {
	position: absolute;
	margin: 0;
	top: 14px;
	right: 13px;
	cursor: pointer;
}
/* --------------------------------------------------
**
** exNav
**
** -------------------------------------------------- */
nav.exNav {
	width: 290px;
	position: fixed;
	top: 0;
	left: 120px;
	height: 100%;
	display: none;
	background: #F3F1EF;
	padding: 0 15px;
}
article {
	overflow: hidden;
	width: 640px;
}
body.forSubdomain div.mainContents article { width: auto; }
div.mainContents,
div.mainContents article { min-height: 600px; }
div.mainContents.migration {
	margin-right: 0;
	overflow: hidden;
}
@media all and (max-width: 909px) {
div.mainContents.migration { overflow: visible; }
}
div.mainContents.migration article {
	padding-bottom: 20px;
	margin: 0;
}
div.mainContents.migration article,
div.mainContents.withLocalNav.migration article .mainArea,
div.mainContents.withLocalNav.migration article { width: 700px; }
div.mainContents.notExNav.migration article { width: 930px; }
div.mainContents.migration header.local .backLinks { display: block; }
div.mainContents.migration nav.exNav,
div.mainContents.withLocalNav.migration nav.localNav { display: none; }
div.mainContents.migration + footer.global { margin-left: 120px; }
@media all and (min-width: 1280px) {
div.mainContents.withLocalNav.migration article { width: 1035px; }
div.mainContents.migration article { margin-left: 335px; }
div.mainContents.migration nav.exNav,
div.mainContents.withLocalNav.migration nav.localNav { display: block; }
div.mainContents.migration + footer.global { margin-left: 440px; }
div.mainContents.migration header.local .backLinks { display: none; }
}
/* --------------------------------------------------
**
** localNav
**
** -------------------------------------------------- */
nav.localNav {
	width: 320px;
	display: none;
}

/* --------------------------------------------------
**
** footer
**
** -------------------------------------------------- */
footer.global {
	clear: both;
	padding: 20px 30px;
	background: #F3F1EF;
	margin-right: 0;
	margin-bottom: 0\9 !important;
}
@media all and (min-width: 910px) {
footer.global { margin-bottom: 0 !important; }
}
footer.global li {
	display: inline-block;
	border-left: 1px solid #b1b1b1;
	line-height: 1;
	padding: 0 8px 0 10px;
	margin-bottom: 12px;
}
footer.global li:first-child {
	border: none;
	padding-left: 0;
}
footer.global li a {
	color: #8b8886;
	text-decoration: none;
}
footer.global p.copyright {
	color: #b1b0ae;
	font-size: 110%;
	line-height: 1.5;
}
footer.global p.copyright small { font-size: 9px; }
footer.global.min { padding: 15px 0 30px 30px; }
footer.global.min p.copyright { margin: 0; }
footer.global .pageTop {
	width: 40px;
	height: 40px;
	position: fixed;
	bottom: 30px;
	right: 28px;
	background: url(/common/images/bg-icon-gototop.png) no-repeat 0 0;
	cursor: pointer;
}
.reserve footer.global .pageTop { background: url(/common/images/bg-icon-gototop-reserve.png) no-repeat 0 0; }
footer.global .pageTop:hover { opacity: 0.7; }
div.mainContents footer.global { margin: 0 -120px 0 0; }
@media all and (min-width: 1230px) {
article { margin-left: 335px; }
div.mainContents.notExNav article {
	margin: 0;
	width: 960px;
}
div.mainContents.withLocalNav article {
	margin: 0;
	width: 975px;
}
div.mainContents.withLocalNav div.mainArea {
	width: 640px;
	float: left;
}
div.mainContents.withLocalNav nav.localNav {
	width: 320px;
	float: right;
}

body.forSubdomain div.mainContents article { margin: 0; }
nav.localNav,
nav.exNav { display: block; }
div.mainContents {
	margin-left: 120px;
	position: relative;
}
footer.global { margin-left: 440px; }
div.mainContents.withLocalNav + footer.global { margin-left: 120px; }
div.mainContents.notExNav + footer.global { margin-left: 120px; }
aside.welcome {	margin: 0 0 0 440px; }

}
@media all and (min-width: 1550px) {
div.mainContents.withLocalNav div.mainArea,
article { width: 960px; }
div.mainContents.withLocalNav article { width: 1295px; }
div.mainContents.notExNav article { width: 1280px; }
}
@media all and (min-width: 1870px) {
div.mainContents.withLocalNav div.mainArea,
article { width: 1280px; }
div.mainContents.withLocalNav article { width: 1615px; }
div.mainContents.notExNav article { width: 1600px; }
}
/*@media all and (max-height: 400px) {
nav.utility { position: absolute; }
}*/