@charset "UTF-8";

/* reset
---------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, img, dl, dt, dd, ol, ul, li, form, label, legend, table, tbody, tr, th, td, article, embed, footer, header, hgroup, nav, section, time{margin: 0; border: 0; font-size: 100%;vertical-align: baseline;font-weight:normal;}

/* HTML5 display-role reset for older browsers */
article, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {display: block;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none;}

img{vertical-align:bottom;}
*{box-sizing: border-box;}

#pagebody th,
#pagebody td {
  vertical-align: top;
}

#pagebody .wrapper .cate > h2 {
  text-align: center;
  margin-bottom: 60px;
}

.mb15 {
  margin-bottom: 1.5em !important;
}

/* font
---------------------------------------------------------- */
body{font-size:14px; color:#333; line-height:1.3; font-family:"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif; }

/* useful
---------------------------------------------------------- */
/*clear*/
.cl{display: block; min-height: 1%;}
.cl:after{clear: both;content:".";display: block;	height: 0;visibility: hidden;}
* html .cl{height: 1%; /*\*//*/height: auto;overflow: hidden;/**/}

.clears {display:block; clear:both; height:0px; overflow:hidden; padding:0;	margin:0; border:0px;}

.fwB{
  font-weight: bold;
}
.Cont{
    margin: 0 auto;}

/* マウスオーバー
---------------------------------------------------------- */

/*a:hover {
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}*/

a:hover{text-decoration: underline;}

/* common
---------------------------------------------------------- */
.wrapper{
  width: 980px;
  margin: 0 auto;
}