/******************************
 汎用設定
******************************/

html {
    overflow-y: scroll;
}
/* 配置 */
.mg2   {margin: 2px;}
.mg4   {margin: 4px;}
.mg6   {margin: 6px;}
.mg8   {margin: 8px;}
.mg10  {margin: 10px;}
.mg20  {margin: 20px;}

.mgt2  {margin-top: 2px;}
.mgt4  {margin-top: 4px;}
.mgt6  {margin-top: 6px;}
.mgt8  {margin-top: 8px;}
.mgt10 {margin-top: 10px;}
.mgt20 {margin-top: 20px;}

.mgr2  {margin-right: 2px;}
.mgr4  {margin-right: 4px;}
.mgr6  {margin-right: 6px;}
.mgr8  {margin-right: 8px;}
.mgr10 {margin-right: 10px;}
.mgr20 {margin-right: 20px;}

.mgb2  {margin-bottom: 2px;}
.mgb4  {margin-bottom: 4px;}
.mgb6  {margin-bottom: 6px;}
.mgb8  {margin-bottom: 8px;}
.mgb10 {margin-bottom: 10px;}
.mgb20 {margin-bottom: 20px;}

.mgl2  {margin-left: 2px;}
.mgl4  {margin-left: 4px;}
.mgl6  {margin-left: 6px;}
.mgl8  {margin-left: 8px;}
.mgl10 {margin-left: 10px;}
.mgl20 {margin-left: 20px;}

.pd2   {padding: 2px;}
.pd4   {padding: 4px;}
.pd6   {padding: 6px;}
.pd8   {padding: 8px;}
.pd10  {padding: 10px;}
.pd20  {padding: 20px;}

.pdt2  {padding-top: 2px;}
.pdt4  {padding-top: 4px;}
.pdt6  {padding-top: 6px;}
.pdt8  {padding-top: 8px;}
.pdt10 {padding-top: 10px;}
.pdt20 {padding-top: 20px;}

.pdr2  {padding-right: 2px;}
.pdr4  {padding-right: 4px;}
.pdr6  {padding-right: 6px;}
.pdr8  {padding-right: 8px;}
.pdr10 {padding-right: 10px;}
.pdr20 {padding-right: 20px;}

.pdb2  {padding-bottom: 2px;}
.pdb4  {padding-bottom: 4px;}
.pdb6  {padding-bottom: 6px;}
.pdb8  {padding-bottom: 8px;}
.pdb10 {padding-bottom: 10px;}
.pdb20 {padding-bottom: 20px;}

.pdl2  {padding-left: 2px;}
.pdl4  {padding-left: 4px;}
.pdl6  {padding-left: 6px;}
.pdl8  {padding-left: 8px;}
.pdl10 {padding-left: 10px;}
.pdl20 {padding-left: 20px;}

.tal {text-align: left;}
.tar {text-align: right;}
.tac {text-align: center;}
.vat {vertical-align: top;}
.vam {vertical-align: middle;}
.vab {vertical-align: center;}

.fs50 {font-size: 50%;}
.fs60 {font-size: 60%;}
.fs70 {font-size: 70%;}
.fs80 {font-size: 80%;}
.fs90 {font-size: 90%;}
.fs100 {font-size: 100%;}
.fs110 {font-size: 110%;}
.fs120 {font-size: 120%;}
.fs130 {font-size: 130%;}
.fs140 {font-size: 140%;}
.fs150 {font-size: 150%;}

/* 横幅 */
.w10 {width: 10px;}
.w20 {width: 20px;}
.w30 {width: 30px;}
.w40 {width: 40px;}
.w50 {width: 50px;}
.w60 {width: 60px;}
.w70 {width: 70px;}
.w80 {width: 80px;}
.w90 {width: 90px;}
.w100 {width: 100px;}
.w110 {width: 110px;}
.w120 {width: 120px;}
.w130 {width: 130px;}
.w140 {width: 140px;}
.w150 {width: 150px;}
.w160 {width: 160px;}
.w170 {width: 170px;}
.w180 {width: 180px;}
.w190 {width: 190px;}
.w200 {width: 200px;}
.w210 {width: 210px;}
.w220 {width: 220px;}
.w230 {width: 230px;}
.w240 {width: 240px;}
.w250 {width: 250px;}
.w260 {width: 260px;}
.w270 {width: 270px;}
.w280 {width: 280px;}
.w290 {width: 290px;}
.w300 {width: 300px;}
.w310 {width: 310px;}
.w320 {width: 320px;}
.w330 {width: 330px;}
.w340 {width: 340px;}
.w350 {width: 350px;}
.w360 {width: 360px;}
.w370 {width: 370px;}
.w380 {width: 380px;}
.w390 {width: 390px;}
.w400 {width: 400px;}
.w410 {width: 410px;}
.w420 {width: 420px;}
.w430 {width: 430px;}
.w440 {width: 440px;}
.w450 {width: 450px;}
.w460 {width: 460px;}
.w470 {width: 470px;}
.w480 {width: 480px;}
.w490 {width: 490px;}
.w500 {width: 500px;}

/* 縦幅 */
.h10 {height: 10px;}
.h20 {height: 20px;}
.h30 {height: 30px;}
.h40 {height: 40px;}
.h50 {height: 50px;}
.h60 {height: 60px;}
.h70 {height: 70px;}
.h80 {height: 80px;}
.h90 {height: 90px;}
.h100 {height: 100px;}
.h110 {height: 110px;}
.h120 {height: 120px;}
.h130 {height: 130px;}
.h140 {height: 140px;}
.h150 {height: 150px;}
.h160 {height: 160px;}
.h170 {height: 170px;}
.h180 {height: 180px;}
.h190 {height: 190px;}
.h200 {height: 200px;}
.h210 {height: 210px;}
.h220 {height: 220px;}
.h230 {height: 230px;}
.h240 {height: 240px;}
.h250 {height: 250px;}
.h260 {height: 260px;}
.h270 {height: 270px;}
.h280 {height: 280px;}
.h290 {height: 290px;}
.h300 {height: 300px;}
.h310 {height: 310px;}
.h320 {height: 320px;}
.h330 {height: 330px;}
.h340 {height: 340px;}
.h350 {height: 350px;}
.h360 {height: 360px;}
.h370 {height: 370px;}
.h380 {height: 380px;}
.h390 {height: 390px;}
.h400 {height: 400px;}
.h410 {height: 410px;}
.h420 {height: 420px;}
.h430 {height: 430px;}
.h440 {height: 440px;}
.h450 {height: 450px;}
.h460 {height: 460px;}
.h470 {height: 470px;}
.h480 {height: 480px;}
.h490 {height: 490px;}
.h500 {height: 500px;}

/* 表示 */
.clearfix: before,
.clearfix: after {
    /* For modern browsers */
    content: '';
    display: table;
}

.clearfix: after {
    clear: both;
}

.clearfix {
    /* For IE 6/7 (trigger hasLayout) */
    zoom: 1;
}

/******************************
 IME日本語入力システム設定
******************************/

/* 全角モード */
input.on {
    ime-mode: active;
}

/* 半角モード＆IME切替可 */
input.off {
    ime-mode: inactive;
}

/* 半角モード＆IME切替不可 */
input.none {
    ime-mode: disabled;
}

/* 半角右詰め＆IME切替不可 */
input.num {
    ime-mode:   disabled;
    text-align: right;
}



#header {
    font-size:   84%;
}

#footer {
    margin-top:  10px;
    padding-top: 10px;
    border-top:  1px dotted #999999;
    color:       #999999;
    text-align:  center;
    font-size:   90%;
}

#layer {
  width             : 100%;
  height            : 100%;
  background-color  : #000000;
  position          : fixed;
  top               : 0%;
  left              : 0%;
  z-index           : 10;
  opacity           : 0.1;
  filter            : alpha(opacity=10);
  display           : none;
}

#back2top {
  position  : fixed;
  bottom    : 48px;
  right     : 24px;
}

.sponsor {
}

.paragraph {
    margin-bottom: 20px;
    padding-left:  8px;
    border-left:   12px solid #996432;
}