@charset "utf-8";
/*----------------------------------------------------
 reset
----------------------------------------------------*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;font-weight:normal;vertical-align:baseline;background:transparent;}body{line-height:1;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main,summary{display:block;}ul,ol{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}del{text-decoration:line-through;}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help;}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}table{border-collapse:collapse;border-spacing:0;}caption,th,td{text-align:left;}input,select{vertical-align:middle;}label,input[type="button"],input[type="submit"],input[type="image"],button{cursor:pointer;}textarea{overflow: auto;vertical-align:top;}b,strong,em{font-weight:bold;}sup,sub{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{vertical-align:super;}sub{vertical-align:sub;}svg:not(:root){overflow: hidden;}audio,canvas,video{display:inline-block;*display:inline;*zoom: 1;}audio:not([controls]){display:none;}[hidden]{display:none;}

/*----------------------------------------------------
 base
----------------------------------------------------*/
html {
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%;
}
body {
    font-family: YuGothic, "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 14px;
    line-height: 1.7;
    background: #fff;
    color: #202020;
    min-width: 1200px;
}
.clearfix {
    *zoom: 1;
}
.clearfix:after {
    content:"";
    display:block;
    height:0;
    clear:both;
    overflow: hidden;
}
a {
    color: #202020;
}
a:hover {
    color: #0e67cc;
    text-decoration: none;
}
img {
    max-width: 100%;
    vertical-align: bottom;
    -ms-interpolation-mode: bicubic;
}
a:hover img.trans,
a.trans:hover {
    cursor: pointer;
    opacity:0.8;
    filter:alpha(opacity=80);
}
/*
aタグ, imgタグに直接.transクラスが指定できない場合に使用
透過させたい広告タグを囲むdivなど
*/
.has-trans:hover {
    opacity: 0.8;
    filter:alpha(opacity=80);
}
/* helper */
.text-left {
    text-align: left;
}
.text-right {
    text-align: right;
}
.text-center {
    text-align: center;
}
.text-normal {
    font-weight: normal;
}
.text-bold {
    font-weight: bold;
}
.left {
    float: left;
}
.right {
    float: right;
}
.hide {
    display: none !important;
}
.display-block {
    display: block;
}
.display-inline {
    display: inline;
}
.display-inline-block {
    display: inline-block;
    *display: inline; 
    *zoom: 1;
}
.list-disc {
    list-style: disc;
    padding-left: 1.5em;
}
.list-square { 
    list-style: square;
    padding-left: 1.5em;
}
.list-decimal {
    list-style: decimal; 
    padding-left: 1.5em;
}
.list-indent {
    margin-left: 0;
}
.list-indent li {
    padding-left: 1em;
    list-style-type: none;
    text-indent: -1em;
}
.has-grid {
    letter-spacing: -1em;
}
.has-grid > .grid {
    display: inline-block;
    letter-spacing: normal;
    vertical-align: top;
}
.has-table {
    display: block;
    display: table;
    width: 100%;
}
.has-table > .cell {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    display: table-cell;
    vertical-align: middle;
}
/* 原則としてアイコンフォントにのみ使用 */
.color-gray {
    color: #bababa;
}
.color-white {
    color: #fff;
}
.color-blue {
    color: #6883af;
}
.bold,
.bold:before {
    font-style: bold !important;
    font-weight: bold !important;
}
.mr15 {
    margin-right: 15px !important;
}
.mb20 {
    margin-bottom: 20px !important;
}
.fs10 {
    font-size: 10px !important;
}
.fs13 {
    font-size: 13px !important;
}
.fs14 {
    font-size: 14px !important;
}
.fs18 {
    font-size: 18px !important;
}
.fs20 {
    font-size: 20px !important;
}
.fs25 {
    font-size: 25px !important;
}
.fs30 {
    font-size: 30px !important;
}
.fs35 {
    font-size: 35px !important;
}
.fs40 {
    font-size: 40px !important;
}
.fs50 {
    font-size: 50px !important;
}