@charset "utf-8";

body {
    margin: 0px;
    line-height: 160%;
    font-size: 80%;
    color: #000;
    font-family: "メイリオ","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/*--------------------------------------------
 
      LINK COLOR
 
---------------------------------------------*/

a:link {
    color: #DB266A;
    text-decoration: underline;
}

a:visited {
    color: #DB266A;
    text-decoration: underline;
}

a:hover {
    color: #DB266A;
    text-decoration: none;
}

a:active {
    color: #DB266A;
    text-decoration: none;
}

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

/*--------------------------------------------
 
      FONT SETTING
 
---------------------------------------------*/


.flort-l {    float: left }

.flort-r {    float: right }

.red {    color: #F00 }

.red2 {    color: #990000 }

.err {    color: #F00 }

.ter {    text-align: right }

.color1 {    color: #cc0000 }

.color2 {    color: #4c8413 }

.color3 {    color: #6C3F72 }

.ERR {    color: #cc0000 }

/*--------------------------------------------
 
      CLEAR FIX
 
---------------------------------------------*/

.clearfix {    overflow: hidden }

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

* html .clearfix {    zoom: 1 }

*:first-child+html .clearfix {    zoom: 1 }

/*--------------------------------------------
 
      MARGIN
 
---------------------------------------------*/

.mrb4 {    margin-bottom: 4px }

.mrb10 {    margin-bottom: 10px }

.mrb15 {    margin-bottom: 15px }

.mrb20 {    margin-bottom: 20px }

.mrb30 {    margin-bottom: 30px }

.mrb40 {    margin-bottom: 40px }

.mrb60 {    margin-bottom: 60px }

.mrt10 {    margin-top: 10px }

.mrr20 {    margin-right: 20px }

.terb10 {
    text-align: right;
    margin-bottom: 10px;
}

.tec {    text-align: center }

.tecb20 {
    text-align: center;
    margin-bottom: 20px;
}

.tecb40 {
    text-align: center;
    margin-bottom: 40px;
}

.mrt10 {    margin-top: 10px }
.mrt15 {    margin-top: 15px }
.mrt20 {    margin-top: 20px }
.mrt30 {    margin-top: 30px }
.mrt40 {    margin-top: 40px }

/*--------------------------------------------
 
      PAGE TOPに戻る
 
---------------------------------------------*/

#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 88%;
}

#page-top a {
    background: #666;
    text-decoration: none;
    color: #fff;
    width: 80px;
    padding: 20px 10px;
    text-align: center;
    display: block;
    border-radius: 5px;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
    border-radius: 40px; /* CSS3草案 */
    -webkit-border-radius: 40px; /* Safari,Google Chrome用 */
    -moz-border-radius: 40px; /* Firefox用 */
}

#page-top a:hover {
    text-decoration: none;
    background: #999;
}

/*--------------------------------------------
 
      LINK COLOR
 
---------------------------------------------*/

.aover:hover {
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
}

/*--------------------------------------------
 
      文字サイズ変更
 
---------------------------------------------*/

#fontController {
    width: 71px;
    _width: 74px;
    padding: 0 0 0 74px;
    background: url(../img/tp-size.gif) no-repeat 0 0px;
    font-size: 9px;
    line-height: 1.4;
    float: right;
    margin-right: 20px;
}

#fontController dt {    display: none }

#fontController dd {    float: left }

#fontController dd a {
    display: block;
    height: 34px;
    font-size: 1px;
    text-indent: -9999px;
    background: url(../img/fontsize-bt.gif) no-repeat 0 0;
}

#fontController dd.small {    display: none }

#fontController dd.small,
#fontController dd.small a {    display: none }

#fontController dl dd.small a:hover,
#fontController dl dd.small a.small-btn-on {    background-position: 0 bottom }

#fontController dd.middle,
#fontController dd.middle a {
    padding-right: 3px;
    width: 34px;
    background-position: 0 0;
}

#fontController dl dd.middle a:hover,
#fontController dl dd.middle a.reset-btn-on {    background-position: 0 bottom }

#fontController dd.large,
#fontController dd.large a {
    width: 34px;
    background-position: -37px 0;
    float: right;
}

#fontController dl dd.large a:hover,
#fontController dl dd.large a.large-btn-on {    background-position: -37px bottom }

/*--------------------------------------------
 
      背景色変更
 
---------------------------------------------*/

#bgcolor {
    float: right;
    margin-right: 20px;
}

#bgcolor p {
    float: left;
    margin-right: 10px;
}

#bgcolor ul {    float: left }

#bgcolor li {
    list-style: none;
    float: right;
    margin-right: 3px;
}