@charset "UTF-8";

@import url(./tpo.css);
@import url(./parts.css);

/* ------------------------------------------------------------
  Basic CSS
  Author: Tadanori Sumi
  Contact: http://www.summertriangle.jp/contact/
------------------------------------------------------------ */

/* Reset */
body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, dd { margin: 0; padding: 0 }
a { text-decoration: none; cursor: pointer }
li { list-style: none }
fieldset, img { border: none }
img { vertical-align: bottom; }
table { border-collapse: collapse; border-spacing: 0 }
caption, th { text-align: left }
input, textarea { font-size: 1em }
abbr, acronym { border-bottom: 1px dotted #333; cursor: help }
textarea { overflow: auto }

/* Basic Font */
body { font-family: Verdana, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "MS P Gothic", "ＭＳ Ｐゴシック", Osaka, Helvetica, Arial, sans-serif; color: #333 }
* html body { font-family: Verdana, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "MS P Gothic", "ＭＳ Ｐゴシック", Osaka, Helvetica, Arial, sans-serif; }
/*:first-child+html body { font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Meiryo", "メイリオ", "MS P Gothic", "ＭＳ Ｐゴシック", Osaka, Helvetica, Arial, sans-serif; }*/
* html { font-size: 81.25%; line-height: 1.5em }

/* CSS Hack for Cross Browser */
  /* --Firefox only */
  html>body { font-size: 81.25%; line-height: 1.56em }
  /* --safari1-2 only \*/
  html:\66irst-child body { font-size: 81.25%; line-height: 1.6em }
  /* --safari3 only */
  body:first-of-type { font-size: 81.25%; line-height: 1.6em }

#localnavi { font-size: 100%; }

/* Headline */
h1 { font-size: 138.5%!important; font-size: 128% }
/*h2 { font-size: 123.1%!important; font-size: 120% }*/
h2 { font-size: 111%!important; font-size: 120% }
/*h3 { font-size: 108%!important; font-size: 100%;  }*/
h3 { font-size: 100%!important; font-size: 100%;  }
h4 { font-size: 100%!important; font-size: 100%;  }

/* Basic Text_Design */
p { margin: 0 15px 15px/*20px*/; }
p.clr { clear: both; }
*html p { position: relative; }
strong { color: #d00; }
strong.bl { color: #22bbF0; }
strong.bk { color: #444444; }
a { color: #20b4e2; }
*html a { position: relative; }
  a:hover/*, a:visited*/ { color: #999 }
  a:active { color: #555 }
table, td, th { border: none }
#footer { font-size: 80%; color: #bbb }

/* Basic Box_Design */
div.section { margin: 0 0 20px; padding: 0 5px; }


/* Layout Fixed Footer */
html, body { height: 100% }
#container { width: 950px; min-height: 100%; height: auto!important; height: 100%; margin: 0 auto -300px }
  #pagenavi { clear: both; margin: 0!important; padding: 10px!important; margin: 10px; padding: 0; font-size: 80%; text-align: center; position: relative;/*for alphafilter.js*/ }
  #pagenavi a { color: #20b4e2; }
  #push { height: 300px; margin: 0 auto }
#footer { background: url("../../img/bg_footer.jpg") }

/* clearfix */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  min-height: 1px;
}
* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}