@charset "utf-8";
/* CSS Document */
.wrap{ margin-left: auto; margin-right: auto; position:relative;} /*大元のコンテナを中央に寄せる*/

/* フロートさせる要素に使用する
---------------------------------------------------------------------------*/
.fL{float:left; display:inline;}
.fR{float:right; display:inline;}

*html .fL{float:left; display:inline;}
*html .fR{float:right;display:inline;}

/* テキスト要素の位置
---------------------------------------------------------------------------*/
.textL{text-align:left;}
.textC{text-align:center;}
.textR{text-align:right;}

/*  ボックスのボーダーを利用したいとき
---------------------------------------------------------------------------*/
.colborder {
  padding-bottom: 9px;
  margin-top: 10px;
  border-bottom: 1px solid #999;
}

/*  リストをフロートさせる時に使用
---------------------------------------------------------------------------*/
ul.fL li{float:left; display:inline;}
ul.fL li a{display:block;}

ul.List li{display:inline; padding-right:3px;}
/* Floatさせるボックスを並べる場合に使用する
---------------------------------------------------------------------------*/
.floatBoxArea{padding-bottom:20px; clear:both; position:relative;}
.floatBoxAreaBottomFix{padding-bottom:0px !Important;}
.floatBoxArea { padding-bottom:8px; margin:0; color:#555555;}

.floatClear{clear:both;}
/*  ボックスの幅   新規追加
---------------------------------------------------------------------------*/
.box_w162 { width: 162px; }
.box_w116 { width: 116px; }
.box_w168 { width: 168px; }
.box_w395 { width: 395px; }
.box_w828 { width: 828px; }
.box_w285 { width: 285px; }
.box_w341 { width: 341px; }
.box_w355 { width: 355px; }
.box_w358 { width: 358px; }
.box_w622 { width: 622px; }
.box_w589 { width: 589px; }
.box_w624 { width: 624px; }
.box_w632 { width: 632px; }
.box_w601 { width: 601px; }
.box_w255 { width: 255px; }
.box_w306 { width: 306px; }

/*  ボックスの幅
---------------------------------------------------------------------------*/
.box_w10 { width: 10px; }
.box_w20 { width: 20px; }
div#guide h3 span{ width: 30px; }
.box_w40 { width: 40px; }
.box_w50 { width: 50px; }
.box_w60 { width: 60px; }
.box_w70 { width: 70px; }
.box_w80 { width: 80px; }
.box_w90 { width: 90px; }
.box_w100 { width: 100px; }
.box_w110 { width: 110px; }
.box_w120 { width: 120px; }
.box_w130 { width: 130px; }
.box_w140 { width: 140px; }
.box_w150 { width: 150px;}
.box_w160 { width: 160px; }
.box_w170 { width: 170px; }
.box_w180 { width: 180px; }
.box_w190 { width: 190px; }
.box_w200 { width: 200px; }
.box_w210 { width: 210px; }
.box_w220 { width: 220px; }
.box_w230 { width: 230px; }
.box_w240 { width: 240px; }
.box_w250 { width: 250px; }
.box_w260 { width: 260px; }
.box_w270 { width: 270px; }
.box_w280 { width: 280px; }
.box_w290 { width: 290px; }
.box_w300 { width: 300px; }
.box_w310 { width: 310px; }
.box_w320 { width: 320px; }
.box_w330 { width: 330px; }
.box_w340 { width: 340px; }
.box_w350 { width: 350px; }
.box_w360 { width: 360px; }
.box_w370 { width: 370px; }
.box_w380 { width: 380px; }
.box_w390 { width: 390px; }
.box_w400 { width: 400px; }
.box_w410 { width: 410px; }
.box_w420 { width: 420px; }
.box_w430 { width: 430px; }
.box_w440 { width: 440px; }
.box_w450 { width: 450px; }
.box_w460 { width: 460px; }
.box_w470 { width: 470px; }
.box_w480 { width: 480px; }
.box_w490 { width: 490px; }
.box_w500 { width: 500px; }
.box_w510 { width: 510px; }
.box_w520 { width: 520px; }
.box_w530 { width: 530px; }
.box_w540 { width: 540px; }
.box_w550 { width: 550px; }
.box_w560 { width: 560px; }
.box_w570 { width: 570px; }
.box_w580 { width: 580px; }
.box_w590 { width: 590px; }
.box_w600 { width: 600px; }
.box_w610 { width: 610px; }
.box_w620 { width: 620px; }
.box_w630 { width: 630px; }
.box_w640 { width: 640px; }
.box_w650 { width: 650px; }
.box_w660 { width: 660px; }
.box_w670 { width: 670px; }
.box_w680 { width: 680px; }
.box_w690 { width: 690px; }
.box_w700 { width: 700px; }
.box_w710 { width: 710px; }
.box_w720 { width: 720px; }
.box_w730 { width: 730px; }
.box_w740 { width: 740px; }
.box_w750 { width: 750px; }
.box_w760 { width: 760px; }
.box_w770 { width: 770px; }
.box_w780 { width: 780px; }
.box_w790 { width: 790px; }
.box_w800 { width: 800px; }
.box_w810 { width: 810px; }
.box_w820 { width: 820px; }
.box_w830 { width: 830px; }
.box_w840 { width: 840px; }
.box_w850 { width: 850px; }
.box_w860 { width: 860px; }
.box_w870 { width: 870px; }
.box_w880 { width: 880px; }
.box_w890 { width: 890px; }
.box_w900 { width: 900px; }
.box_w910 { width: 910px; }
.box_w920 { width: 920px; }
.box_w930 { width: 930px; }
.box_w940 { width: 940px; }
.box_w950 { width: 950px; }
.box_w960 { width: 960px; }
.box_w970 { width: 970px; }
.box_w980 { width: 980px; }
.box_w990 { width: 990px; }
.box_w1000 { width: 1000px; }

/* 高さを確保  新規
---------------------------------------------------------------------*/
.h232 { height: 232px; }
/* 高さを確保
---------------------------------------------------------------------*/
.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; }
.h510 { height: 510px; }
.h520 { height: 520px; }
.h530 { height: 530px; }
.h540 { height: 540px; }
.h550 { height: 550px; }
.h560 { height: 560px; }
.h570 { height: 570px; }
.h580 { height: 580px; }
.h590 { height: 590px; }
.h600 { height: 600px; }
.h610 { height: 610px; }
.h620 { height: 620px; }
.h630 { height: 630px; }
.h640 { height: 640px; }
.h650 { height: 650px; }
.h660 { height: 660px; }
.h670 { height: 670px; }
.h680 { height: 680px; }
.h690 { height: 690px; }
.h700 { height: 700px; }
.h710 { height: 710px; }
.h720 { height: 720px; }
.h730 { height: 730px; }
.h740 { height: 740px; }
.h750 { height: 750px; }
.h760 { height: 760px; }
.h770 { height: 770px; }
.h780 { height: 780px; }
.h790 { height: 790px; }
.h800 { height: 800px; }
.h810 { height: 810px; }
.h820 { height: 820px; }
.h830 { height: 830px; }
.h840 { height: 840px; }
.h850 { height: 850px; }
.h860 { height: 860px; }
.h870 { height: 870px; }
.h880 { height: 880px; }
.h890 { height: 890px; }
.h900 { height: 900px; }
.h910 { height: 910px; }
.h920 { height: 920px; }
.h930 { height: 930px; }
.h940 { height: 940px; }
.h950 { height: 950px; }
.h960 { height: 960px; }
.h970 { height: 970px; }
.h980 { height: 980px; }
.h990 { height: 990px; }
.h1000 { height: 1000px; }

/* 個別にマージンや余白を設定したい場合に使用
--------------------------------------------------------------------------*/
.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.mt25 { margin-top: 25px; }
.mt30 { margin-top: 30px; }
.mt35 { margin-top: 35px; }
.mt40 { margin-top: 40px; }
.mt50 { margin-top: 50px; }
.mt60 { margin-top: 60px; }
.mt70 { margin-top: 70px; }
.mt80 { margin-top: 80px; }
.mt90 { margin-top: 90px; }
.mt100 { margin-top: 100px; }
.mt110 { margin-top: 100px; }
.mt120 { margin-top: 120px; }
.mt127 { margin-top: 127px; }
.mt130 { margin-top: 130px; }

.mr5 { margin-right: 5px; }
.mr10 { margin-right: 10px; }
.mr20 { margin-right: 20px; }
.mr30 { margin-right: 30px; }
.mr40 { margin-right: 40px; }
.mr50 { margin-right: 50px; }
.mr60 { margin-right: 60px; }
.mr70 { margin-right: 70px; }
.mr80 { margin-right: 80px; }
.mr90 { margin-right: 90px; }
.mr100 { margin-right: 100px; }

.mb3 { margin-bottom: 3px; }
.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mb40 { margin-bottom: 40px; }
.mb50 { margin-bottom: 50px; }
.mb60 { margin-bottom: 60px; }
.mb70 { margin-bottom: 70px; }
.mb80 { margin-bottom: 80px; }
.mb90 { margin-bottom: 90px; }
.mb100 { margin-bottom: 100px; }

.ml10 { margin-left: 10px; }
.ml15 { margin-left: 10px; }
.ml20 { margin-left: 20px; }
.ml25 { margin-left: 25px; }
.ml27 { margin-left: 27px; }
.ml30 { margin-left: 30px; }
.ml40 { margin-left: 40px; }
.ml50 { margin-left: 50px; }
.ml60 { margin-left: 60px; }
.ml70 { margin-left: 70px; }
.ml80 { margin-left: 80px; }
.ml90 { margin-left: 90px; }
.ml100 { margin-left: 100px; }

.p5 { padding: 5px; }
.p10 { padding: 10px; }
.p15 { padding: 15px; }
.p20 { padding: 20px; }
.p25 { padding: 25px; }
.p30 { padding: 30px; }
.p35 { padding: 35px; }
.p40 { padding: 40px; }
.p45 { padding: 45px; }
.p50 { padding: 50px; }

.pt5 { padding-top: 5px; }
.pt10 { padding-top: 10px; }
.pt15 { padding-top: 15px; }
.pt20 { padding-top: 20px; }
.pt25 { padding-top: 25px; }
.pt30 { padding-top: 30px; }
.pt35 { padding-top: 35px; }
.pt40 { padding-top: 40px; }
.pt45 { padding-top: 45px; }
.pt50 { padding-top: 50px; }

.pr5 { padding-right: 5px; }
.pr10 { padding-right: 10px; }
.pr15 { padding-right: 15px; }
.pr20 { padding-right: 20px; }
.pr25 { padding-right: 25px; }
.pr30 { padding-right: 30px; }
.pr35 { padding-right: 35px; }
.pr40 { padding-right: 40px; }
.pr45 { padding-right: 45px; }
.pr50 { padding-right: 50px; }

.pb5 { padding-bottom: 5px; }
.pb10 { padding-bottom: 10px; }
.pb15 { padding-bottom: 15px; }
.pb20 { padding-bottom: 20px; }
.pb25 { padding-bottom: 25px; }
.pb30 { padding-bottom: 30px; }
.pb35 { padding-bottom: 35px; }
.pb40 { padding-bottom: 40px; }
.pb45 { padding-bottom: 45px; }
.pb50 { padding-bottom: 50px; }

.pl5 { padding-left: 5px; }
.pl10 { padding-left: 10px; }
.pl15 { padding-left: 15px; }
.pl20 { padding-left: 20px; }
.pl25 { padding-left: 25px; }
.pl30 { padding-left: 30px; }
.pl35 { padding-left: 35px; }
.pl40 { padding-left: 40px; }
.pl45 { padding-left: 45px; }
.pl50 { padding-left: 50px; }

.z0 { z-index: 0; }
.z1 { z-index: 1; }
.z2 { z-index: 2; }
.z3 { z-index: 3; }
.z4 { z-index: 4; }
.z5 { z-index: 5; }

/*  h2  h3の設定
--------------------------------------------------------------------------*/
.h2Replace25, .h2Replace30,.h2Replace35,.h2Replace40,.h2Replace50{background-repeat:no-repeat; text-indent:-9999px; margin-bottom:10px; clear:both;}
.h2Replace25{height:25px;}
.h2Replace30{height:30px;}
.h2Replace35{height:35px;}
.h2Replace40{height:40px;}
.h2Replace50{height:50px;}



.h3Replace25,.h3Replace30,.h3Replace35,.h3Replace40,.h3Replace50{background-repeat:no-repeat; width:650px ;text-indent:-9999px; margin-bottom:10px; clear:both;}
.h3Replace25{height:25px;}
.h3Replace30{height:30px;}
.h3Replace35{height:35px;}
.h3Replace40{height:40px;}
.h3Replace50{height:50px;}


/*  検証時に使用
-------------------------------------------------------------------------*/
.bc0 { background-color: #000; }
.bc3 { background-color: #333; }
.bc6 { background-color: #666; }
.bc9 { background-color: #999; }
.bcC { background-color: #CCC;}
.bcF { background-color: #FFF; }
.bcSkyBlue { background-color: #16599f; }

/* ClearFix   コンテンツレイアウト崩れ防止
--------------------------------------------------------------------------*/
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
min-height: 1px;
}

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