@charset "UTF-8";

body,form,fieldset {
    margin:0;
    padding:0;
}

fieldset {
    border:none;
}

h1,h2,h3,h4,h5,h6,p,pre,
blockquote,ul,li,dl,dt,dd {
    margin:0;
    padding:0;
}

blockquote,li,dt,dd {
    /*margin-left:1em;*/
}

li {
    list-style:none;
}

input,textarea {
    font-size:1em;
}


/*----------------------------------------------------
    Base
----------------------------------------------------*/

body {
    font-size: small;
/**    font-family: verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif; **/
    font-family: 'Open Sans', 'Noto Sans JP', sans-serif,verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
    line-height: 1.5;
    text-align: left;
    font-size:80%;
}

html>body {
font-size: 83%;
overflow: auto;
}


* + html body {
    font-family: "メイリオ","Meiryo";
}

h1{
    /*text-indent:-99999px;*/
    }


/*----------------------------------------------------
    Link
----------------------------------------------------*/

a:link {
    text-decoration: none;
}

a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

a:active {
    text-decoration: none;
}



ul{
    list-style:none;
    margin:0;
    padding:0;
}

li{
    margin:0;
    padding:0;
}

a{
    margin:0;
    padding:0;
    color: #2a82e5;
}

img{
    border:none;
    margin:0;
    padding:0;
    vertical-align:bottom;
}




/* 汎用クラス
==================================================*/
.wid1{width:100px;}
.wid2{width:150px;}
.wid3{width:200px;}
.wid4{width:250px;}
.wid5{width:300px;}
.wid6{width:350px;}
.wid7{width:400px;}
.wid8{width:450px;}
.wid9{width:500px;}
.wid10{width:550px;}


.spa01{letter-spacing: 0.1em;}
.spa02{letter-spacing: 0.2em;}


/* 斜
------------------------------------------------*/
.slant05{
transform: rotate(5deg);
-moz-transform: rotate(5deg);
-webkit-transform: rotate(5deg);
}


/* height
------------------------------------------------*/
.he200{height:200px;}


/* color
------------------------------------------------*/
.white{color:#fff;}
.red{color:red;}
.blue{color:blue;}
.blue_1{color:#0186bc;}

/* background
------------------------------------------------*/
.bgW{background:#fff;}
.bgA{background:#aaa;}
.bgB{background:#bbb;}
.bgC{background:#ccc;}
.bgD{background:#ddd;}

/* border
------------------------------------------------*/
.boS3{border:#333333 solid 1px;}
.bobS3{border-bottom:#333333 solid 1px;}
.bobD3{border-bottom:#333333 dotted 1px;}

/*
------------------------------------------------*/
.Note_01a{padding-left: 2em; text-indent: -1em; }
.Note_02{padding-left: 1.5em; text-indent: -1.5em;}
.Note_03{padding-left: 2em; text-indent: -2em;}
.Note_04{padding-left: 3em; text-indent: -2.5em;}


/* text-indent class
------------------------------------------------*/
.Ind-1e {text-indent:-1em;}
.Ind-15e {text-indent:-1.5em;}
.Ind-20e {text-indent:-2.0em;}
.Ind-10p {text-indent: -10px;}
.Ind1e {text-indent: 1em;}
.Ind5e {text-indent: 5em;}


/* line-height class
------------------------------------------------*/
.LH_N {line-height: normal;}
.LH15 {line-height: 15px;}
.LH15e {line-height: 1.5em;}
.LH150 {line-height: 150%;}
.LH200 {line-height: 200%;}


/* font and text class
------------------------------------------------*/
.italic {font-style: italic;}
.small-caps {font-variant: small-caps;}
.normal {font-weight: normal;}
.bold {font-weight: bold;}
.xx-small {line-height: 1; font-size: 60%;}
.x-small {line-height: 1; font-size: 75%;}
.xsmall {line-height: 1; font-size: 80%;}
.small {line-height: 1; font-size: 88.88%;}
.lar {line-height: 1.5em; font-size: 110%;}
.large {line-height: 1.5em; font-size: 120%;}
.xlarge {line-height: 1; font-size: 140%;}
.x-large {line-height: 1; font-size: 150%;}
.xx-large {line-height: 1; font-size: 200%;}
.capitalize {text-transform: capitalize;}
.lowercase {text-transform: lowercase;}
.uppercase {text-transform: uppercase;}


/* text align
------------------------------------------------*/
.AL {text-align:left !important;}
.AC {text-align:center !important;}
.AR {text-align:right !important;}

/* vertical align
------------------------------------------------*/
.verT {vertical-align:top !important;}
.verM {vertical-align:middle !important;}
.verB {vertical-align:bottom !important;}


/* margin set
------------------------------------------------*/
/*reset*/
.mReset {margin:0px !important;}

/*0px*/
.mT00 {margin-top   :0px !important;}
.mR00 {margin-right :0px !important;}
.mB00 {margin-bottom:0px !important;}
.mL00 {margin-left  :0px !important;}

/*5px*/
.mT05 {margin-top   :5px !important;}
.mR05 {margin-right :5px !important;}
.mB05 {margin-bottom:5px !important;}
.mL05 {margin-left  :5px !important;}

/*10px*/
.mT10 {margin-top   :10px !important;}
.mR10 {margin-right :10px !important;}
.mB10 {margin-bottom:10px !important;}
.mL10 {margin-left  :10px !important;}

/*15px*/
.mT15 {margin-top   :15px !important;}
.mR15 {margin-right :15px !important;}
.mB15 {margin-bottom:15px !important;}
.mL15 {margin-left  :15px !important;}

/*20px*/
.mT20 {margin-top   :20px !important;}
.mR20 {margin-right :20px !important;}
.mB20 {margin-bottom:20px !important;}
.mL20 {margin-left  :20px !important;}

/*25px*/
.mT25 {margin-top   :25px !important;}
.mR25 {margin-right :25px !important;}
.mB25 {margin-bottom:25px !important;}
.mL25 {margin-left  :25px !important;}

/*30px*/
.mT30 {margin-top   :30px !important;}
.mR30 {margin-right :30px !important;}
.mB30 {margin-bottom:30px !important;}
.mL30 {margin-left  :30px !important;}
/*35px*/
.mT35 {margin-top   :35px !important;}
.mR35 {margin-right :35px !important;}
.mB35 {margin-bottom:35px !important;}
.mL35 {margin-left  :35px !important;}
/*40px*/
.mT40 {margin-top   :40px !important;}
.mR40 {margin-right :40px !important;}
.mB40 {margin-bottom:40px !important;}
.mL40 {margin-left  :40px !important;}
/*45px*/
.mT45 {margin-top   :45px !important;}
.mR45 {margin-right :45px !important;}
.mB45 {margin-bottom:45px !important;}
.mL45 {margin-left  :45px !important;}
/*50px*/
.mT50 {margin-top   :50px !important;}
.mR50 {margin-right :50px !important;}
.mB50 {margin-bottom:50px !important;}
.mL50 {margin-left  :50px !important;}
/*60px*/
.mT60 {margin-top   :60px !important;}
.mR60 {margin-right :60px !important;}
.mB60 {margin-bottom:60px !important;}
.mL60 {margin-left  :60px !important;}
/*100px*/
.mT100 {margin-top   :100px !important;}
.mR100 {margin-right :100px !important;}
.mB100 {margin-bottom:100px !important;}
.mL100 {margin-left  :100px !important;}
/*150px*/
.mT150 {margin-top   :150px !important;}
.mR150 {margin-right :150px !important;}
.mB150 {margin-bottom:150px !important;}
.mL150 {margin-left  :150px !important;}

/*mTB10*/
.mTB10 {margin:10px 0px !important;}

/*mTB15*/
.mTB15 {margin:15px 0px !important;}

/*mTB20*/
.mTB20 {margin:20px 0px !important;}


/* padding set
------------------------------------------------*/
/*reset*/
.pReset {padding:0px !important;}

/*0px*/
.pT00 {padding-top   :0px !important;}
.pR00 {padding-right :0px !important;}
.pB00 {padding-bottom:0px !important;}
.pL00 {padding-left  :0px !important;}

/*5px*/
.pT05 {padding-top   :5px !important;}
.pR05 {padding-right :5px !important;}
.pB05 {padding-bottom:5px !important;}
.pL05 {padding-left  :5px !important;}

/*10px*/
.pT10 {padding-top   :10px !important;}
.pR10 {padding-right :10px !important;}
.pB10 {padding-bottom:10px !important;}
.pL10 {padding-left  :10px !important;}

/*15px*/
.pT15 {padding-top   :15px !important;}
.pR15 {padding-right :15px !important;}
.pB15 {padding-bottom:15px !important;}
.pL15 {padding-left  :15px !important;}

/*18px*/
.pT18 {padding-top   :18px !important;}
.pR18 {padding-right :18px !important;}
.pB18 {padding-bottom:18px !important;}
.pL18 {padding-left  :18px !important;}


/*20px*/
.pT20 {padding-top   :20px !important;}
.pR20 {padding-right :20px !important;}
.pB20 {padding-bottom:20px !important;}
.pL20 {padding-left  :20px !important;}

/*25px*/
.pT25 {padding-top   :25px !important;}
.pR25 {padding-right :25px !important;}
.pB25 {padding-bottom:25px !important;}
.pL25 {padding-left  :25px !important;}

/*30px*/
.pT30 {padding-top   :30px !important;}
.pR30 {padding-right :30px !important;}
.pB30 {padding-bottom:30px !important;}
.pL30 {padding-left  :30px !important;}

/*35px*/
.pT35 {padding-top   :35px !important;}
.pR35 {padding-right :35px !important;}
.pB35 {padding-bottom:35px !important;}
.pL35 {padding-left  :35px !important;}


/*40px*/
.pT40 {padding-top   :40px !important;}
.pR40 {padding-right :40px !important;}
.pB40 {padding-bottom:40px !important;}
.pL40 {padding-left  :40px !important;}

/*50px*/
.pT50 {padding-top   :50px !important;}
.pR50 {padding-right :50px !important;}
.pB50 {padding-bottom:50px !important;}
.pL50 {padding-left  :50px !important;}

/*100px*/
.pT100 {padding-top   :100px !important;}
.pR100 {padding-right :100px !important;}
.pB100 {padding-bottom:100px !important;}
.pL100 {padding-left  :100px !important;}

/*120px*/
.pT120 {padding-top   :120px !important;}
.pR120 {padding-right :120px !important;}
.pB120 {padding-bottom:120px !important;}
.pL120 {padding-left  :120px !important;}

/*150px*/
.pT150 {padding-top   :150px !important;}
.pR150 {padding-right :150px !important;}
.pB150 {padding-bottom:150px !important;}
.pL150 {padding-left  :150px !important;}

/*200px*/
.pT200 {padding-top   :200px !important;}
.pR200 {padding-right :200px !important;}
.pB200 {padding-bottom:200px !important;}
.pL200 {padding-left  :200px !important;}




/*LR*/
.pLR05 {padding:0px 5px !important;}
.pLR10 {padding:0px 10px !important;}
.pLR15 {padding:0px 15px !important;}
.pLR20 {padding:0px 20px !important;}
.pLR30 {padding:0px 30px !important;}

/*pAll*/
.p-1015 {padding:10px 15px !important;}

/*pAll*/
.p05 {padding:5px !important;}
.p10 {padding:10px !important;}
.p20 {padding:20px !important;}
.p30 {padding:30px !important;}


/* etc
-------------------------------------*/

.disBlock {display: block;}



/* ul
-------------------------------------*/

ul.listNone {list-style-type: none;}
ul.listSquare {list-style-type: square;}
ul.listDisc {list-style-type: disc;}



/* float
------------------------------------------------*/
.fL {float: left;}
.fR {float: right;}

.fL20P {float: left; width:20%;}
.fL25P {float: left; width:25%;}
.fL30P {float: left; width:30%;}
.fL35P {float: left; width:35%;}
.fL40P {float: left; width:40%;}
.fL45P {float: left; width:45%;}
.fL50P {float: left; width:50%;}
.fL55P {float: left; width:55%;}
.fL60P {float: left; width:60%;}
.fL65P {float: left; width:65%;}
.fL70P {float: left; width:70%;}
.fL75P {float: left; width:75%;}
.fL80P {float: left; width:80%;}

.fL200 {float: left; width:200px;}
.fL280 {float: left; width:280px;}
.fL350 {float: left; width:350px;}
.fL400 {float: left; width:400px;}
.fL450 {float: left; width:450px;}
.fL500 {float: left; width:500px;}
.fL600 {float: left; width:600px;}
.fL600 {float: left; width:700px;}

/* clearfix
------------------------------------------------*/

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  margin-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}