@charset "UTF-8";
/*
 * cmn_layout.css
 *
 *  version --- 3.5
 *  updated --- 2012/12/7
 */


/* !HTML5 elements
---------------------------------------------------------- */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
{ display: block; margin: 0; padding: 0;}

/* !Reseting
---------------------------------------------------------- */
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px; /* 10px; */
	-webkit-text-size-adjust: none;
	line-height: 1.5;
	color: #000;
}
/* ie7 */ *:first-child+html body { font-size: 75%; /* 62.5%; */}
/* ie6Below */ * html body { font-size:75%; /* font-size: 62.5%; */}
/* ie8 */ html>/**/body { font-size /*\**/: 75%\9;}
body, div, pre, p, blockquote, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, th, td
{ margin: 0; padding: 0;}
input, textarea
{ margin: 0; font-size: 100%;}
label
{ cursor: pointer;}
table
{ border-collapse: collapse; border-spacing: 0; font-size: 100%;}
fieldset, img
{ border: 0;}
img
{ vertical-align: top;}
address, caption, cite, code, dfn, em, th, var
{ font-style: normal; font-weight: normal;}
ol, ul
{ list-style: none;}
caption, th
{ text-align: left;}
h1, h2, h3, h4, h5, h6
{ font-size: 100%; font-weight: normal;}
q:after, q:before
{ content:'';}
a, input
{ /* outline: none; */ }
abbr, acronym
{ border: 0;}

/* !Reset Module
---------------------------------------------------------- */
.reset div, .reset dl, .reset dt, .reset dd, .reset ul, .reset ol, .reset li, .reset h1, .reset h2, .reset h3, .reset h4, .reset h5, .reset h6,
.reset pre, .reset form, .reset fieldset, .reset p, .reset blockquote, .reset th, .reset td
{ margin: 0; padding: 0;}
.reset input, .reset textarea
{ margin: 0; font-size: 100%;}
.reset table
{ border-collapse: collapse; border-spacing: 0; font-size: 100%;}
.reset fieldset, .reset img, .reset abbr, .reset acronym
{ border: 0;}
.reset address, .reset caption, .reset cite, .reset code, .reset dfn, .reset em, .reset th, .reset var
{ font-style: normal; font-weight: normal;}
.reset ol, .reset ul
{ list-style: none;}
.reset caption, .reset th
{ text-align: left;}
.reset h1, .reset h2, .reset h3, .reset h4, .reset h5, .reset h6
{ font-size: 100%; font-weight: normal;}
.reset a, .reset input
{ /* outline: none; */ }
.reset q:after, .reset q:before
{ content:'';}

/* !Clearfix
---------------------------------------------------------- */
#footerLinksWrapBtm,
#headerLinks,
.clearfix,
#contents,
#contentsInner,
.section {
	display: block;
	min-height: 1%;
}

#footerLinksWrapBtm:after,
#headerLinks:after,
.clearfix:after,
#contents:after,
#contentsInner:after,
.section:after {
	clear: both;
	content:".";
	display: block;
	height: 0;
	visibility: hidden;
}

* html #footerLinksWrapBtm,
* html #headerLinks,
* html .clearfix,
* html #contents,
* html #contentsInner,
* html .section {
	height: 1%;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}

/* !Layout
---------------------------------------------------------- */
html { overflow-y: scroll;}
body { text-align: center;}
@media print {
	html,
	html body { *zoom: 0.65;}
}

/* !wrapper
---------------------------------------------------------- */
#wrapper {
	text-align: left;
	background: url(../images/common/bg_wrap01.gif) repeat left top;
}

/* !header
---------------------------------------------------------- */
#header {
	background: url(../images/common/bg_header_wrap01.gif) repeat-x left top;
}
	#headerIn {
		margin: 0 auto;
		width: 922px;
		text-align: left;
		padding: 62px 0 24px;
	}
		#headerLogo {
			padding: 32px 0 26px;
			text-align: center;
			border-bottom: 1px solid #171615;
			background: url(../images/common/bg_header_logo01.gif) repeat-x left top;
		}
		#headerLogo02 {
			padding: 13px 0 4px;
			text-align: center;
			border-bottom: 1px solid #171615;
			background: url(../images/common/bg_header_logo01.gif) repeat-x left top;
		}
		#headerLinks {
			border-top: 1px solid #171715;
			border-bottom: 1px solid #171715;
			padding: 3px 0;
		}
			#headerEnglish {
				float: left;
			}
			#headerLinks ul {
				float: right;
				padding: 0 5px 0 0;
			}
				#headerLinks ul li {
					float: left;
					margin: 0 0 0 15px;
					padding: 0 0 0 9px;
					background: url(../images/common/ico_arrow01.png) no-repeat left center;
				}
			#headerUrl {
				text-align: center;
				margin: 0 0 -18px;
			}

/* !gNavi
---------------------------------------------------------- */
#gNavi {
	display: block;
	position: relative;
	width: 922px;
	height: 54px;
}
	#gNavi li {
		overflow: hidden;
		position: absolute;
		left: 0;
		top: 0;
		height: 54px;
	}
	#gNavi li#gNav01 { left: 0; width: 140px;}
	#gNavi li#gNav02 { left: 140px; width: 150px;}
	#gNavi li#gNav03 { left: 290px; width: 267px;}
	#gNavi li#gNav04 { left: 557px; width: 162px;}
	#gNavi li#gNav05 { left: 719px; width: 203px;}
		#gNavi li a,
		#gNavi li div {
			display: block;
			overflow: hidden;
			text-indent: -9999px;
			height: 54px;
			background: url(../images/common/gnavi.gif) no-repeat left top;
			/*background: url(../images/common/gnavi02.gif) no-repeat left top;*/
		}
		#gNavi li#gNav01 a { background-position: 0 0;}
		#gNavi li#gNav02 a { background-position: -140px 0;}
		#gNavi li#gNav03 a { background-position: -290px 0;}
		#gNavi li#gNav04 a { background-position: -557px 0;}
		#gNavi li#gNav05 a { background-position: -719px 0;}
		#gNavi li#gNav05 a { background-position: -719px 0;}
		#gNavi li#gNav05 div { background-position: -719px 0;}

		#gNavi li#gNav01 a:hover,
		#g01 #gNavi li#gNav01 a { background-position: 0 -54px;}
		#gNavi li#gNav02 a:hover,
		#g02 #gNavi li#gNav02 a { background-position: -140px -54px;}
		#gNavi li#gNav03 a:hover,
		#g03 #gNavi li#gNav03 a { background-position: -290px -54px;}
		#gNavi li#gNav04 a:hover,
		#g04 #gNavi li#gNav04 a { background-position: -557px -54px;}
		#gNavi li#gNav05 a:hover,
		#g05 #gNavi li#gNav05 a { background-position: -719px -54px;}

/* !contents
---------------------------------------------------------- */
#contents {
	margin: 0 auto;
	width: 922px;
	text-align: left;
}
#contentsInner {
	background: url(../images/common/bg_cmn_border01.gif) left top repeat-y;
	width: 922px;
}
	#main {
		float: right;
		width: 588px;
	}
	#sub {
		float: left;
		width: 240px;
	}
.subInner01 {
	width: 236px;
	margin: 0 2px;
}
.lNavi01 ul {
	border-top: 1px solid #cdc5ba;
	margin-top: 20px;
}
.lNavi01 ul li.first a {
	margin-top: 0;
}
	.lNavi01 ul li a,
	.lNavi02 ul li a,
	.lNavi01 ul li span,
	.lNavi02 ul li span {
		display: block;
		padding: 3px 0 3px 5px;
		text-decoration: none;
		border-bottom: 1px solid #cdc5ba;
	}
	.lNavi01 ul li a:hover,
	.lNavi02 ul li a:hover {
		background: url(../images/news/bg_subnavi01.png) left top repeat;
	}
	.lNavi01 ul li a.current,
	.lNavi02 ul li a.current {
		background: url(../images/news/bg_subnavi01.png) left top repeat;
	}

	.lNavi01 ul li dl {
	}
	.lNavi01 ul li dl dt {
	}
	.lNavi01 ul li dl dt a,
	.lNavi01 ul li dl dt span {
		padding: 3px 0 3px 16px;
	}
	.lNavi01 ul li dl dd ul {
		margin-top: 0;
	}
	.lNavi01 ul li dl dd ul li {
	}
	.lNavi01 ul li dl dd a {
		padding: 3px 0 3px 28px;
	}

/* recruit */
body.recruit #contentsInner {
	background: none;
}
	body.recruit #main {
		float: right;
		width: 630px;
	}
	body.recruit #sub {
		float: left;
		width: 200px;
	}

.subRecruitlNavi01,
.subRecruitlNavi02,
.subRecruitlNavi03 {
	display: block;
	width: 200px;
}
.subRecruitlNavi02,
.subRecruitlNavi03 {
	margin-top: 20px;
}
	.subRecruitlNavi01 li,
	.subRecruitlNavi02 li,
	.subRecruitlNavi03 li {
		overflow: hidden;
		height: 30px;
		margin-top: 1px;
	}
	.subRecruitlNavi03 li {
		height: 24px;
	}
	.subRecruitlNavi01 li.first,
	.subRecruitlNavi02 li.first,
	.subRecruitlNavi03 li.first {
		margin-top: 0;
	}
		.subRecruitlNavi01 li a {
			display: block;
			overflow: hidden;
			text-indent: -9999px;
			height: 30px;
			background: url(../images/recruit/btn_subnavi_recruit01.gif) no-repeat left top;
		}
		.subRecruitlNavi02 li a {
			display: block;
			overflow: hidden;
			text-indent: -9999px;
			height: 30px;
			background: url(../images/recruit/btn_subnavi_recruit02.gif) no-repeat left top;
		}
		.subRecruitlNavi03 li a {
			display: block;
			overflow: hidden;
			text-indent: -9999px;
			height: 24px;
			background: url(../images/recruit/btn_subnavi_recruit03.gif) no-repeat left top;
		}
		.subRecruitlNavi01 li#subRecruitBtn01 a { background-position: 0 0;}

		.subRecruitlNavi02 li#subRecruitBtn02 a { background-position: 0 0px;}
		.subRecruitlNavi02 li#subRecruitBtn03 a { background-position: 0 -31px;}
		.subRecruitlNavi02 li#subRecruitBtn04 a { background-position: 0 -62px;}
		.subRecruitlNavi02 li#subRecruitBtn05 a { background-position: 0 -93px;}

		.subRecruitlNavi03 li#subRecruitBtn06 a { background-position: 0 0;}
		.subRecruitlNavi03 li#subRecruitBtn07 a { background-position: 0 -25px;}
		.subRecruitlNavi03 li#subRecruitBtn08 a { background-position: 0 -50px;}

		.subRecruitlNavi01 li#subRecruitBtn01 a:hover,
		.subRecruitlNavi01 li#subRecruitBtn01 a.current { background-position: -200px 0;}

		.subRecruitlNavi02 li#subRecruitBtn02 a:hover,
		.subRecruitlNavi02 li#subRecruitBtn02 a.current { background-position: -200px 0;}
		.subRecruitlNavi02 li#subRecruitBtn03 a:hover,
		.subRecruitlNavi02 li#subRecruitBtn03 a.current { background-position: -200px -31px;}
		.subRecruitlNavi02 li#subRecruitBtn04 a:hover,
		.subRecruitlNavi02 li#subRecruitBtn04 a.current { background-position: -200px -62px;}
		.subRecruitlNavi02 li#subRecruitBtn05 a:hover,
		.subRecruitlNavi02 li#subRecruitBtn05 a.current { background-position: -200px -93px;}

		.subRecruitlNavi03 li#subRecruitBtn06 a:hover,
		.subRecruitlNavi03 li#subRecruitBtn06 a.current { background-position: -200px 0;}
		.subRecruitlNavi03 li#subRecruitBtn07 a:hover,
		.subRecruitlNavi03 li#subRecruitBtn07 a.current { background-position: -200px -25px;}
		.subRecruitlNavi03 li#subRecruitBtn08 a:hover,
		.subRecruitlNavi03 li#subRecruitBtn08 a.current { background-position: -200px -50px;}

.subRecruitTopBtn01 {
	margin-top: 15px;
}

/* company */
body.company #contentsInner {
	background: none;
}
	body.company #main {
		float: right;
		width: 630px;
	}
	body.company #sub {
		float: left;
		width: 200px;
	}

.subCompanylNavi01,
.subCompanylNavi02,
.subCompanylNavi03 {
	display: block;
	width: 200px;
}
.subCompanylNavi02,
.subCompanylNavi03 {
	margin-top: 20px;
}
	.subCompanylNavi01 li,
	.subCompanylNavi02 li,
	.subCompanylNavi03 li {
		overflow: hidden;
		height: 30px;
	}
	.subCompanylNavi03 li {
		height: 24px;
	}
	.subCompanylNavi02 li,
	.subCompanylNavi03 li {
		margin-top: 1px;
	}
	.subCompanylNavi02 li.first,
	.subCompanylNavi03 li.first {
		margin-top: 0;
	}
		.subCompanylNavi01 li a,
		.subCompanylNavi02 li a,
		.subCompanylNavi03 li a {
			display: block;
			overflow: hidden;
			text-indent: -9999px;
			height: 30px;
		}
		.subCompanylNavi03 li a {
			height: 24px;
		}

		/* .subCompanylNavi01 */
		.subCompanylNavi01 li a {
			background: url(../images/company/btn_subnavi_company01.gif) no-repeat left top;
		}
		.subCompanylNavi01 li#subCompanyBtn01 a { background-position: 0 0;}

		.subCompanylNavi01 li#subCompanyBtn01 a:hover,
		.subCompanylNavi01 li#subCompanyBtn01 a.current { background-position: -200px 0;}

		/* .subCompanylNavi02 */
		.subCompanylNavi02 li a {
			background: url(../images/company/btn_subnavi_company02.gif) no-repeat left top;
		}
		.subCompanylNavi02 li#subCompanyBtn02 a { background-position: 0 0;}
		.subCompanylNavi02 li#subCompanyBtn03 a { background-position: 0 -31px;}
		.subCompanylNavi02 li#subCompanyBtn04 a { background-position: 0 -62px;}
		.subCompanylNavi02 li#subCompanyBtn05 a { background-position: 0 -93px;}

		.subCompanylNavi02 li#subCompanyBtn02 a:hover,
		.subCompanylNavi02 li#subCompanyBtn02 a.current { background-position: -200px 0;}
		.subCompanylNavi02 li#subCompanyBtn03 a:hover,
		.subCompanylNavi02 li#subCompanyBtn03 a.current { background-position: -200px -31px;}
		.subCompanylNavi02 li#subCompanyBtn04 a:hover,
		.subCompanylNavi02 li#subCompanyBtn04 a.current { background-position: -200px -62px;}
		.subCompanylNavi02 li#subCompanyBtn05 a:hover,
		.subCompanylNavi02 li#subCompanyBtn05 a.current { background-position: -200px -93px;}

		/* .subCompanylNavi03 */
		.subCompanylNavi03 li a {
			background: url(../images/company/btn_subnavi_company03.gif) no-repeat left top;
		}
		.subCompanylNavi03 li#subCompanyBtn06 a { background-position: 0 0;}
		.subCompanylNavi03 li#subCompanyBtn07 a { background-position: 0 -25px;}
		.subCompanylNavi03 li#subCompanyBtn08 a { background-position: 0 -50px;}

		.subCompanylNavi03 li#subCompanyBtn06 a:hover,
		.subCompanylNavi03 li#subCompanyBtn06 a.current { background-position: -200px 0;}
		.subCompanylNavi03 li#subCompanyBtn07 a:hover,
		.subCompanylNavi03 li#subCompanyBtn07 a.current { background-position: -200px -25px;}
		.subCompanylNavi03 li#subCompanyBtn08 a:hover,
		.subCompanylNavi03 li#subCompanyBtn08 a.current { background-position: -200px -50px;}

h2 span.language {
    position: absolute;
    top: 10px;
    left: 560px;
    font-size: 14px;
    /* font-weight: bold; */
}

/* faq */
body.faq #contentsInner {
	background: none;
}
	body.faq #main {
		float: right;
		width: 630px;
	}
	body.faq #sub {
		float: left;
		width: 200px;
	}

.subFaqlNavi01,
.subFaqlNavi02,
.subFaqlNavi03 {
	display: block;
	width: 200px;
}
.subFaqlNavi02,
.subFaqlNavi03 {
	margin-top: 20px;
}
	.subFaqlNavi01 li,
	.subFaqlNavi02 li,
	.subFaqlNavi03 li {
		overflow: hidden;
		height: 30px;
	}
	.subFaqlNavi03 li {
		height: 24px;
	}
	.subFaqlNavi02 li,
	.subFaqlNavi03 li {
		margin-top: 1px;
	}
	.subFaqlNavi02 li.first,
	.subFaqlNavi03 li.first {
		margin-top: 0;
	}
		.subFaqlNavi01 li a,
		.subFaqlNavi02 li a,
		.subFaqlNavi03 li a {
			display: block;
			overflow: hidden;
			text-indent: -9999px;
			height: 30px;
		}
		.subFaqlNavi03 li a {
			height: 24px;
		}

		/* .subFaqlNavi01 */
		.subFaqlNavi01 li a {
			background: url(../images/faq/btn_subnavi_faq01.gif) no-repeat left top;
		}
		.subFaqlNavi01 li#subFaqBtn01 a { background-position: 0 0;}

		.subFaqlNavi01 li#subFaqBtn01 a:hover,
		.subFaqlNavi01 li#subFaqBtn01 a.current { background-position: -200px 0;}

		/* .subFaqlNavi02 */
		.subFaqlNavi02 li a {
			background: url(../images/faq/btn_subnavi_faq02.gif) no-repeat left top;
		}
		.subFaqlNavi02 li#subFaqBtn02 a { background-position: 0 0;}
		.subFaqlNavi02 li#subFaqBtn03 a { background-position: 0 -31px;}
		.subFaqlNavi02 li#subFaqBtn04 a { background-position: 0 -62px;}
		.subFaqlNavi02 li#subFaqBtn05 a { background-position: 0 -93px;}

		.subFaqlNavi02 li#subFaqBtn02 a:hover,
		.subFaqlNavi02 li#subFaqBtn02 a.current { background-position: -200px 0;}
		.subFaqlNavi02 li#subFaqBtn03 a:hover,
		.subFaqlNavi02 li#subFaqBtn03 a.current { background-position: -200px -31px;}
		.subFaqlNavi02 li#subFaqBtn04 a:hover,
		.subFaqlNavi02 li#subFaqBtn04 a.current { background-position: -200px -62px;}
		.subFaqlNavi02 li#subFaqBtn05 a:hover,
		.subFaqlNavi02 li#subFaqBtn05 a.current { background-position: -200px -93px;}

		/* .subFaqlNavi03 */
		.subFaqlNavi03 li a {
			background: url(../images/faq/btn_subnavi_faq03.gif) no-repeat left top;
		}
		.subFaqlNavi03 li#subFaqBtn06 a { background-position: 0 0;}
		.subFaqlNavi03 li#subFaqBtn07 a { background-position: 0 -25px;}
		.subFaqlNavi03 li#subFaqBtn08 a { background-position: 0 -50px;}

		.subFaqlNavi03 li#subFaqBtn06 a:hover,
		.subFaqlNavi03 li#subFaqBtn06 a.current { background-position: -200px 0;}
		.subFaqlNavi03 li#subFaqBtn07 a:hover,
		.subFaqlNavi03 li#subFaqBtn08 a.current { background-position: -200px -25px;}
		.subFaqlNavi03 li#subFaqBtn08 a:hover,
		.subFaqlNavi03 li#subFaqBtn08 a.current { background-position: -200px -50px;}

/* !pageTop
---------------------------------------------------------- */
.pageTop {
	/*padding: 23px 5px;*/
	/*background: url(../images/common/bg_footer_pagetop01.gif) repeat-x left top;*/
	text-align: right;
	/*float: right;*/
}

/* !switchViewmode
---------------------------------------------------------- */
.switchViewmode {
	line-height: 1;
	margin-top: -15px;
	text-align: center;
}
.switchViewmode a {
	text-decoration: underline;
}
.switchViewmode a:hover,
.switchViewmode a:focus {
	text-decoration: none;
}

/* !footer
---------------------------------------------------------- */
#footer {
	text-align: left;
	background: url(../images/common/bg_footer_wrap01.gif) repeat-x left bottom;
}
	#footerIn {
		margin: 0 auto;
		width: 922px;
		padding: 56px 0 95px;
	}
		#footerUtil {
			background: url(../images/common/bg_footer_pagetop01.gif) repeat-x left top;
			padding: 23px 5px;
			position: relative;
		}
		#footerLinksWrapTop {
			background: url(../images/common/bg_footer_line01.gif) repeat-x left top;
		}
			#footerLinksWrapBtm {
				padding: 32px 0 33px;
				background: url(../images/common/bg_footer_line02.gif) repeat-x left bottom;
			}
				#footerLogoWrap {
					float: left;
					width: 246px;
					margin: 46px 0 0 42px;
				}
		#footerLinks {
			width: 500px;
			float: right;
			background: url(../images/common/bg_footer_links01.gif) repeat-y left top;
			padding: 0 10px 0 54px;
		}
			#footerGlobalMenu {
				float: left;
				width: 110px;
				margin: 0 5px 0 0;
			}
			#footerFooterMenu {
				float: left;
				width: 146px;
			}
				#footerFooterMenu dt img {
					visibility: hidden;
				}
			#footerOnlineStore {
				float: right;
				width: 160px;
			}
				#footerLinks dl dt {
					margin: 0 0 10px;
					line-height: 1;
					font-size: 0;
				}
				#footerLinks dl dd {
					margin: 2px 0 0;
				}
					#footerLinks dl dd a {
						color: #000;
						color: rgba(0, 0, 0, 0.65);
						text-decoration: none;
					}
					#footerLinks dl dd a:hover {
						text-decoration: underline;
					}

/* !h(n)eading
---------------------------------------------------------- */
.h1_basic01 {
	margin-bottom: 50px;
}

.h2_basic01 {
	background: url(../images/common/bg_onecolumnline01.gif) left bottom no-repeat;
	padding-bottom: 25px;
}

.h2_basic02 {
	background: url(../images/common/bg_twocolumnline01.gif) left bottom no-repeat;
	padding: 6px 0 23px 0;
	margin-bottom: 17px;
	position: relative;
}

.h3_basic01 {
	border-bottom: 1px solid #44413a;
	padding-bottom: 12px;
	margin-bottom: 12px;
}

.h3_basic02 {
	border-bottom: 1px solid #44413a;
	padding-bottom: 12px;
	margin-bottom: 20px;
}

.h3_basic03 {
	background: url(../images/common/bg_twocolumnline01.gif) left bottom no-repeat;
	padding-bottom: 23px;
	margin-bottom: 15px;
}


/* !cmnSection
---------------------------------------------------------- */
.cmnSection01 {
	margin-top: 65px;
}

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('../images/common/fancybox/fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('../images/common/fancybox/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('../images/common/fancybox/blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url('../images/common/fancybox/fancybox_overlay.png');
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url('../images/common/fancybox/fancybox_sprite@2x.png');
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}

	#fancybox-loading div {
		background-image: url('../images/common/fancybox/fancybox_loading@2x.gif');
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}