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

#merit dl { display: inline-block; *display: inline; *zoom: 1; }

#merit dl dd, #information h2 { overflow: hidden; text-indent: 100%; white-space: nowrap; }

#eye-catch { background: url(../images/home/eyecatch_bg.png) repeat-x 0 400px; }
#eye-catch .eyectch-cover { position: absolute; z-index: 9; top: 0; width: 100%; min-width: 320px; }
#eye-catch .notice p.wanted{ position: absolute ;top: 50px; left: 10px; margin: 0; color: white; background: #ff0000; font-size: 16px; line-height: 1; text-align: center; width: 12em; padding: 5px 10px; }
#eye-catch .notice p.benefits{ position: absolute ;top: 80px; left: 10px; margin: 0; color: white; background: #3973ac; font-size: 16px; line-height: 1; text-align: center; width: 12em; padding: 5px 10px; }
#eye-catch .notice img.omotenashi{ position: absolute ; z-index: 10; top: 50px; left: 85%; margin: 0; width: 100px; }

#slider { width: 950px; margin: 0 auto; }
#slider .bx-wrapper .bx-viewport img { display: block; }

#cycle { display: none; height: 400px; }
#cycle img { display: none; }
#cycle img:first-child { display: block; }

#noscript { position: absolute; top: 0; width: 100%; }

.update { color: gold; font-size: 20pt; line-height: 40px; vertical-align: middle; background-color: #204060; }information
.update span { color: #fff; }

#merit { margin: 16px 0 0; text-align: center; }
#merit dl { width: 200px; margin: 0 5px 0; padding: 0 10px 12px 0; background: url(../images/home/merit_bg.png) no-repeat 0 12px; vertical-align: top; }
#merit dl dd { height: 80px; }
#merit dl .merit-access { background: url(../images/home/ac_text.png) no-repeat center 0; }
#merit dl .merit-campus { background: url(../images/home/cam_text.png) no-repeat center 0; }
#merit dl .merit-shopping { background: url(../images/home/shop_text.png) no-repeat center 0; }
#merit dl .merit-security { background: url(../images/home/sec_text.png) no-repeat center 0; }

#information { background: url(../images/home/news_bg.png) repeat-y 0 0; }
#information section { padding: 16px 0 0; background: url(../images/home/news_head_bg.png) no-repeat 0 0; }
#information h2 { margin: 0 0 0 40px; height: 32px; background: url(../images/home/tit_news.png) no-repeat 0 0; }
#information .body { padding: 8px 44px 32px; background: url(../images/home/news_bottom_bg.png) no-repeat 0 bottom; }
#information article { overflow: hidden; padding: 8px 0; border-bottom: 1px dashed #999; }
#information article time { float: left; display: block; width: 9em; border-left: 5px solid #8a5a20; background-color: #ae7c3f; text-align: center; color: #fff; }
#information article h3 { padding: 0 0 0 10.5em; }
#information article h3 a { font-weight: bold; font-size: 20px; }

/*----------------------------------------------------
	media query
----------------------------------------------------*/
/* smart phone
-------------------------------------------------- */
@media only screen and (max-width: 589px) { #slider { width: auto; min-width: 320px; }
  #slider img { max-width: 100%; }
  #cycle { width: 100%; height: auto; min-width: 320px; }
  .update { padding: 4px 0 2px; font-size: 16px; line-height: 1.2; }
  #merit { padding: 8px; border: 3px solid #fff; border-radius: 5px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); background: url(../images/common/bg01.png); text-align: left; }
  #merit dl { box-sizing: border-box; display: block; width: auto; background: none; }
  #merit dl dt { border-bottom: 2px solid #6c9bd2; }
  #merit dl dd { padding: 4px; border-top: 1px solid #fff; text-indent: 0; height: auto; white-space: normal; font-weight: bold; font-size: 16px; }
  #merit dl dd strong { color: #eb6100; font-size: 22px; font-weight: bold; }
  #merit dl .merit-access, #merit dl .merit-campus, #merit dl .merit-shopping, #merit dl .merit-security { background: none; }
  #information { margin: 16px 0 0; padding: 8px; border: 3px solid #fff; border-radius: 5px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); background: url(../images/common/bg01.png); }
  #information section { padding: 0; background: none; }
  #information h2 { margin: 0 0 6px; padding: 0 0 0 8px; height: auto; background: none; text-indent: 0; color: #6c9bd2; font-weight: bold; font-size: 20px; border-left: 4px solid #6c9bd2; }
  #information .body { padding: 8px; border: 1px solid #ccc; background: #fff; }
  #information article { padding: 6px 0 4px; }
  #information article time { float: none; }
  #information article h3 { padding: 4px 0 0; }
  #information article h3 a { font-weight: normal; }
  #eye-catch .notice p.wanted{ position: absolute ;top: 10px; left: 10px; margin: 0; color: white; background: #ff0000; font-size: 13px; line-height: 1; text-align: center; width: 12em; padding: 5px 10px; }
  #eye-catch .notice p.benefits{ position: absolute ;top: 38px; left: 10px; margin: 0; color: white; background: #3973ac; font-size: 13px; line-height: 1; text-align: center; width: 12em; padding: 5px 10px; }
  #eye-catch .notice img.omotenashi{ position: absolute ; z-index: 10; top: 10px; left: 80%; margin: 0; width: 50px; } }




/* tablet
-------------------------------------------------- */
@media only screen and (min-width: 590px) and (max-width: 949px) { #slider { width: auto; min-width: 320px; }
  #slider img { max-width: 100%; }
  #cycle { width: 100%; height: auto; min-width: 320px; }
  .update { padding: 4px 0 2px; font-size: 16px; line-height: 1.2; }
  #merit { margin: 16px auto 0; width: 500px; }
  #information { margin: 16px 0 0; padding: 8px; border: 3px solid #fff; border-radius: 5px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); background: url(../images/common/bg01.png); }
  #information section { padding: 0; background: none; }
  #information h2 { margin: 0 0 6px; padding: 0 0 0 8px; height: auto; background: none; text-indent: 0; color: #6c9bd2; font-weight: bold; font-size: 20px; border-left: 4px solid #6c9bd2; }
  #information .body { padding: 8px; border: 1px solid #ccc; background: #fff; }
  #eye-catch .notice p.wanted{ position: absolute ;top: 15px; left: 10px; margin: 0; color: white; background: #ff0000; font-size: 14px; line-height: 1; text-align: center; width: 12em; padding: 5px 10px; }
  #eye-catch .notice p.benefits{ position: absolute ;top: 45px; left: 10px; margin: 0; color: white; background: #3973ac; font-size: 14px; line-height: 1; text-align: center; width: 12em; padding: 5px 10px; }
  #eye-catch .notice img.omotenashi{ position: absolute ; z-index: 10; top: 15px; left: 83%; margin: 0; width: 80px; } }

/* pc
-------------------------------------------------- */

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