/* clearfix */
.clearfix, .cf, #mainBottom .inner { *zoom: 1; }
.clearfix:after, .cf:after, #mainBottom .inner:after { content: "."; visibility: hidden; clear: both; display: block; height: 0; line-height: 0; font-size: 0; }

.inlineBlock, .ib { display: inline-block; *display: inline; *zoom: 1; }

#news h1:before, #news ul li time:before, #signupBox h1:before { font-family: 'LigatureSymbols'; letter-spacing: 0; -webkit-text-rendering: optimizeLegibility; -moz-text-rendering: optimizeLegibility; -ms-text-rendering: optimizeLegibility; -o-text-rendering: optimizeLegibility; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -ms-font-smoothing: antialiased; -o-font-smoothing: antialiased; font-smoothing: antialiased; -webkit-font-feature-settings: "liga" 1, "dlig" 1; -moz-font-feature-settings: "liga=1, dlig=1"; -ms-font-feature-settings: "liga" 1, "dlig" 1; -o-font-feature-settings: "liga" 1, "dlig" 1; font-feature-settings: "liga" 1, "dlig" 1; }

/** BxSlider v4.0 - Fully loaded, responsive content slider http://bxslider.com  Written by: Steven Wanderski, 2012 http://stevenwanderski.com (while drinking Belgian ales and listening to jazz)  CEO and founder of bxCreative, LTD http://bxcreative.com */
.bx-wrapper { position: relative; *zoom: 1; }
.bx-wrapper img { max-width: 100%; display: block; }
.bx-wrapper .bx-viewport { margin: 0 0 20px; background: #fff; }
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: -30px; width: 100%; }
.bx-wrapper .bx-loading { min-height: 50px; background: url(images/loading.gif) center center no-repeat white; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; }
.bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 20px; }
.bx-wrapper .bx-pager .bx-pager-item { display: inline-block; *zoom: 1; *display: inline; }
.bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline; }
.bx-wrapper .bx-pager.bx-default-pager a { background: #666; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #fdb639; }
.bx-wrapper .bx-prev { left: 10px; background: url(images/controls.png) no-repeat 0 -32px; }
.bx-wrapper .bx-next { right: 10px; background: url(images/controls.png) no-repeat -43px -32px; }
.bx-wrapper .bx-prev:hover { background-position: 0 0; }
.bx-wrapper .bx-next:hover { background-position: -43px 0; }
.bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 9999; }
.bx-wrapper .bx-controls-direction a.disabled { display: none; }
.bx-wrapper .bx-controls-auto { text-align: center; }
.bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url(images/controls.png) -86px -11px no-repeat; margin: 0 3px; }
.bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0; }
.bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(images/controls.png) -86px -44px no-repeat; margin: 0 3px; }
.bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px; }
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; }
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; }
.bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666 \9; background: rgba(80, 80, 80, 0.75); width: 100%; }
.bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px; }

#eyeCatch { padding: 0 0 30px; }
#eyeCatch .inner { padding: 5px; width: 950px; position: relative; background: url(../images/home/eyeCatchBg.png) no-repeat 0 0; }
#eyeCatch .inner #slide { overflow: hidden; height: 310px; }
#eyeCatch .inner #eyeCatchPhrase { position: absolute; top: 60px; left: 40px; z-index: 100; }
#eyeCatch .inner #eyeCatchBtn { position: absolute; top: 150px; right: 40px; z-index: 100; }

#mainUpper { padding: 20px 0; border-top: 1px solid #ded2c0; border-bottom: 1px solid #ded2c0; background-color: #fff; }
#mainUpper .inner { text-align: center; }
#mainUpper .inner p { padding: 15px 0; font-size: 108%; line-height: 2; }
#mainUpper .inner p span { display: block; }

#mainBottom .inner { padding: 50px 0 20px; }

#news { float: left; width: 620px; }
#news h1 { width: 151px; height: 27px; background: url("../images/home/titNews.png") no-repeat; overflow: hidden; text-indent: 100%; white-space: nowrap; }
#news ul { margin: 20px 0 0; }
#news ul li { padding: 8px 0 5px; border-bottom: 1px solid #ded2c0; overflow: hidden; }
#news ul li time { float: left; }
#news ul li p { padding: 0 0 0 140px; background: url('../images/icons-sbff2c4122f.png') 110px -154px no-repeat; }

#bottomR { width: 300px; float: right; }

#signupBox { padding: 15px 0 0; background-color: #fff; box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); }
#signupBox h1 { width: 142px; height: 25px; background: url("../images/home/titSignup.png") no-repeat; overflow: hidden; text-indent: 100%; white-space: nowrap; margin: 0 0 0 20px; }
#signupBox p { padding: 1em 20px 0; }
#signupBox p img { padding: 0 0 0 10px; float: right; }
#signupBox div { clear: both; padding: 15px 0; }
#signupBox div a { margin: 0 auto; display: block; width: 280px; height: 42px; background: url("../images/home/goSignup.png") no-repeat; overflow: hidden; text-indent: 100%; white-space: nowrap; }

#btnLogin { margin: 15px 0 0; }
#btnLogin a { display: block; width: 300px; height: 50px; background: url("../images/home/btnLogin.png") no-repeat; overflow: hidden; text-indent: 100%; white-space: nowrap; }

/*----------------------------------------------------
	media query
----------------------------------------------------*/
/* smart phone
-------------------------------------------------- */
@media only screen and (max-width: 589px) { #eyeCatch .inner { padding: 0; width: 100%; }
  #eyeCatch .inner #eyeCatchPhrase { top: 15px; left: 5%; }
  #eyeCatch .inner #eyeCatchBtn { top: auto; bottom: 10px; right: 10px; text-align: right; }
  #eyeCatch .inner #eyeCatchPhrase img { width: 40%; }
  #eyeCatch .inner #eyeCatchBtn img { width: 60px; }
  #mainUpper .inner p { line-height: 1.4; font-size: 100%; }
  #mainUpper .inner p span { display: inline; }
  #mainUpper .inner p img { width: 95%; }
  #mainBottom .inner { padding: 20px 0; }
  #news { float: none; margin: 0 auto; width: 95%; }
  #news h1 { text-indent: 0; overflow: visible; background: none; font-size: 170%; }
  #news h1:before { padding: 0 8px 0 0; content: '\E034'; color: #fdb639; font-size: 28px; }
  #news ul { margin: 10px 0 0; }
  #news ul li time { float: none; }
  #news ul li time:before { content: '\E096'; padding: 0 5px 0 0; color: #fdb639; }
  #news ul li p { background: none; padding: 0; }
  #bottomR { float: none; width: 100%; }
  #signupBox { margin: 25px 0 0; padding: 5px 0 0; box-shadow: none; }
  #signupBox h1 { text-indent: 0; overflow: visible; background: none; font-size: 170%; }
  #signupBox h1:before { padding: 0 8px 0 0; content: '\E137'; color: #fdb639; font-size: 28px; }
  #signupBox div a { text-indent: 0; overflow: visible; background: #6fc932; color: #fff; height: auto; width: 85%; padding: 8px 0; text-align: center; font-size: 139%; }
  #btnLogin { float: none; }
  #btnLogin a { text-indent: 0; overflow: visible; margin: 0 auto; background: #fdb639; color: #fff; height: auto; width: 85%; padding: 8px 0; text-align: center; font-size: 139%; } }
/* tablet
-------------------------------------------------- */
@media only screen and (min-width: 590px) and (max-width: 979px) { #eyeCatch .inner { padding: 0; width: 100%; }
  #eyeCatch .inner #eyeCatchPhrase { top: 15px; left: 5%; }
  #eyeCatch .inner #eyeCatchBtn { top: auto; bottom: 10px; right: 10px; text-align: right; }
  #eyeCatch .inner #eyeCatchPhrase img { width: 80%; }
  #eyeCatch .inner #eyeCatchBtn img { width: 80%; }
  #mainUpper .inner p { line-height: 1.4; font-size: 100%; }
  #mainUpper .inner p span { display: inline; }
  #mainUpper .inner p img { width: 95%; }
  #mainBottom .inner { padding: 20px 0; }
  #news { float: none; margin: 0 auto; width: 95%; }
  #news h1 { text-indent: 0; overflow: visible; background: none; font-size: 170%; }
  #news h1:before { padding: 0 8px 0 0; content: '\E034'; color: #fdb639; font-size: 28px; }
  #bottomR { float: none; width: 100%; }
  #signupBox { margin: 25px 0 0; padding: 5px 0 0; box-shadow: none; }
  #signupBox h1 { text-indent: 0; overflow: visible; background: none; font-size: 170%; }
  #signupBox h1:before { padding: 0 8px 0 0; content: '\E137'; color: #fdb639; font-size: 28px; }
  #signupBox div a { text-indent: 0; overflow: visible; background: #6fc932; color: #fff; height: auto; width: 85%; padding: 8px 0; text-align: center; font-size: 139%; }
  #btnLogin { float: none; }
  #btnLogin a { text-indent: 0; overflow: visible; margin: 0 auto; background: #fdb639; color: #fff; height: auto; width: 85%; padding: 8px 0; text-align: center; font-size: 139%; } }
/* pc
-------------------------------------------------- */

/*# sourceMappingURL=home.css.map */