@charset "utf-8";

/*///////////////////////////////////////////////////////
 * 
 * CSS初期化
 * 
///////////////////////////////////////////////////////*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 1em;
}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 1.8em;
}
ol, ul,li {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
html{
    overflow-y: scroll;
    height: 100%;
}
input, textarea{
  margin: 0;
  padding: 0;
}
caption, th{
    text-align: left;
}
a:focus {
  outline:none;
}
a:hover{
    color:#c00;
}
/*
img {
  vertical-align: bottom;
}
*/
iframe{
  vertical-align: bottom;
}

h1,h2,h3,h4,h5,h6{
	font-weight:normal;
}
/*///////////////////////////////////////////////////////
 * 
 * 汎用CSS
 * 
///////////////////////////////////////////////////////*/

.ma{
  margin: 0 auto !important;
}
.border{
  border:1px solid #ccc;
}
.bt{
  border-top: 1px solid #ccc;
}
.bb{
  border-bottom: 1px solid #ccc;
}
.bl{
  border-left: 1px solid #ccc;
}
.br{
  border-right: 1px solid #ccc;
}

.oh{
  overflow: hidden;
}
.dib{
  display: inline-block;
}

/*clear*/
.cl {clear:both;}

/*hide*/
.hide {display:none;}

/*float*/
.fr{float:right;}
.fl{float:left;}

/*position*/
.po-r {position: relative;}
.po-a {position: absolute;}

/*text-align*/
.tal {text-align:left;}
.tar {text-align:right;}
.tac {text-align:center;}

/*line-height*/
.lh12{line-height:1.2em !important;}
.lh13{line-height:1.3em !important;}
.lh14{line-height:1.4em !important;}
.lh15{line-height:1.5em !important;}
.lh16{line-height:1.6em !important;}
.lh17{line-height:1.7em !important;}
.lh18{line-height:1.8em !important;}
.lh19{line-height:1.9em !important;}
.lh20{line-height:2em !important;}
.lh21{line-height:2.1em !important;}
.lh22{line-height:2.2em !important;}
.lh23{line-height:2.3em !important;}
.lh24{line-height:2.4em !important;}
.lh25{line-height:2.5em !important;}
.lh30{line-height:30px !important;}

/*font-size*/
.fsz05{font-size:.5em !important;}
.fsz06{font-size:.6em !important;}
.fsz07{font-size:.7em !important;}
.fsz08{font-size:.8em !important;}
.fsz09{font-size:.9em !important;}
.fsz11{font-size:1.1em !important;}
.fsz12{font-size:1.2em !important;}
.fsz13{font-size:1.3em !important;}
.fsz14{font-size:1.4em !important;}
.fsz15{font-size:1.5em !important;}
.fsz16{font-size:1.6em !important;}
.fsz17{font-size:1.7em !important;}
.fsz18{font-size:1.8em !important;}
.fsz19{font-size:1.9em !important;}
.fsz20{font-size:2.0em !important;}
.fsz22{font-size:2.2em !important;}
.fsz24{font-size:2.4em !important;}
.fsz26{font-size:2.6em !important;}
.fsz40{font-size:4em !important;}

/*font-style*/
.fwb {font-weight:bold;}
.fwn {font-weight:normal;}
.fwi {font-style:italic;}
.tdu {text-decoration:underline;}
.tdl {text-decoration:line-through;}
.lsp2 { letter-spacing:2px;}
.lsp3 { letter-spacing:3px;}
.lsp4 { letter-spacing:4px;}
.lsp5 { letter-spacing:5px;}
.color_bejyu {color:#FF3366 !important;}
.color_pink {color:#F9C !important;}
.color_red {color:#cc0000 !important;}
.color_orange {color:#F90 !important;}
.color_white {color:#FFFFFF !important;}
.color_yellow {color:#f4d81e !important;}
.color_green {color:#57b431 !important;}
.color_blue {color:#00699E !important;}
.color_gray {color:#aaa !important;}
.color_ltgreen {color:#D9E021 !important;}



/*margin*/
.mt00 {margin-top: 0 !important;}
.mt01 {margin-top: 1px !important;}
.mt02 {margin-top: 2px !important;}
.mt03 {margin-top: 3px !important;}
.mt04 {margin-top: 4px !important;}
.mt05 {margin-top: 5px !important;}
.mt06 {margin-top: 6px !important;}
.mt07 {margin-top: 7px !important;}
.mt08 {margin-top: 8px !important;}
.mt09 {margin-top: 9px !important;}
.mt10 {margin-top: 10px !important;}
.mt12 {margin-top: 12px !important;}

.mt15 {margin-top: 15px !important;}
.mt20 {margin-top: 20px !important;}
.mt21 {margin-top: 21px !important;}
.mt23 {margin-top: 23px !important;}
.mt24 {margin-top: 24px !important;}
.mt25 {margin-top: 25px !important;}
.mt30 {margin-top: 30px !important;}
.mt40 {margin-top: 40px !important;}
.mt50 {margin-top: 50px !important;}
.mt60 {margin-top: 60px !important;}
.mt70 {margin-top: 70px !important;}
.mt75 {margin-top: 75px !important;}
.mt80 {margin-top: 80px !important;}
.mt90 {margin-top: 90px !important;}
.mt100 {margin-top: 100px !important;}
.mt150 {margin-top: 150px !important;}
.mt200 {margin-top: 200px !important;}
.mt250 {margin-top: 250px !important;}
.mt300 {margin-top: 300px !important;}
.mt400 {margin-top: 400px !important;}
.mt460 {margin-top: 460px !important;}

.mb00 {margin-bottom: 0 !important;}
.mb01 {margin-bottom: 1px !important;}
.mb02 {margin-bottom: 2px !important;}
.mb03 {margin-bottom: 3px !important;}
.mb04 {margin-bottom: 4px !important;}
.mb05 {margin-bottom: 5px !important;}
.mb06 {margin-bottom: 6px !important;}
.mb07 {margin-bottom: 7px !important;}
.mb08 {margin-bottom: 8px !important;}
.mb09 {margin-bottom: 9px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb11 {margin-bottom: 11px !important;}
.mb12 {margin-bottom: 12px !important;}
.mb13 {margin-bottom: 13px !important;}
.mb14 {margin-bottom: 14px !important;}
.mb15 {margin-bottom: 15px !important;}
.mb16 {margin-bottom: 16px !important;}
.mb17 {margin-bottom: 17px !important;}
.mb18 {margin-bottom: 18px !important;}
.mb19 {margin-bottom: 19px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb25 {margin-bottom: 25px !important;}
.mb27 {margin-bottom: 27px !important;}
.mb28 {margin-bottom: 28px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb33 {margin-bottom: 33px !important;}
.mb35 {margin-bottom: 35px !important;}
.mb40 {margin-bottom: 40px !important;}
.mb44 {margin-bottom: 44px !important;}
.mb45 {margin-bottom: 45px !important;}
.mb50 {margin-bottom: 50px !important;}
.mb53 {margin-bottom: 53px !important;}
.mb57 {margin-bottom: 57px !important;}
.mb60 {margin-bottom: 60px !important;}
.mb65 {margin-bottom: 65px !important;}
.mb66 {margin-bottom: 66px !important;}
.mb70 {margin-bottom: 70px !important;}
.mb80 {margin-bottom: 80px !important;}
.mb87 {margin-bottom: 87px !important;}
.mb90 {margin-bottom: 90px !important;}
.mb100 {margin-bottom: 100px !important;}

.ml00 {margin-left: 0 !important;}
.ml01 {margin-left: 1px !important;}
.ml02 {margin-left: 2px !important;}
.ml03 {margin-left: 3px !important;}
.ml04 {margin-left: 4px !important;}
.ml05 {margin-left: 5px !important;}
.ml06 {margin-left: 6px !important;}
.ml07 {margin-left: 7px !important;}
.ml08 {margin-left: 8px !important;}
.ml09 {margin-left: 9px !important;}
.ml10 {margin-left: 10px !important;}
.ml15 {margin-left: 15px !important;}
.ml17 {margin-left: 17px !important;}
.ml20 {margin-left: 20px !important;}
.ml23 {margin-left: 23px !important;}
.ml25 {margin-left: 25px !important;}
.ml30 {margin-left: 30px !important;}
.ml33 {margin-left: 33px !important;}
.ml40 {margin-left: 40px !important;}
.ml50 {margin-left: 50px !important;}

.mr00 {margin-right: 0 !important;}
.mr01 {margin-right: 1px !important;}
.mr02 {margin-right: 2px !important;}
.mr03 {margin-right: 3px !important;}
.mr04 {margin-right: 4px !important;}
.mr05 {margin-right: 5px !important;}
.mr06 {margin-right: 6px !important;}
.mr07 {margin-right: 7px !important;}
.mr08 {margin-right: 8px !important;}
.mr09 {margin-right: 9px !important;}
.mr10 {margin-right: 10px !important;}
.mr11 {margin-right: 11px !important;}
.mr12 {margin-right: 12px !important;}
.mr13 {margin-right: 13px !important;}
.mr14 {margin-right: 14px !important;}
.mr15 {margin-right: 15px !important;}
.mr16 {margin-right: 16px !important;}
.mr17 {margin-right: 17px !important;}
.mr18 {margin-right: 18px !important;}
.mr19 {margin-right: 19px !important;}
.mr20 {margin-right: 20px !important;}
.mr21 {margin-right: 21px !important;}
.mr22 {margin-right: 22px !important;}
.mr23 {margin-right: 23px !important;}
.mr24 {margin-right: 24px !important;}
.mr25 {margin-right: 25px !important;}
.mr29 {margin-right: 29px !important;}
.mr30 {margin-right: 30px !important;}
.mr31 {margin-right: 31px !important;}
.mr32 {margin-right: 32px !important;}
.mr33 {margin-right: 33px !important;}
.mr34 {margin-right: 34px !important;}
.mr35 {margin-right: 35px !important;}
.mr36 {margin-right: 36px !important;}
.mr37 {margin-right: 37px !important;}
.mr38 {margin-right: 38px !important;}
.mr39 {margin-right: 39px !important;}
.mr40 {margin-right: 40px !important;}
.mr45 {margin-right: 45px !important;}
.mr50 {margin-right: 50px !important;}
.mr60 {margin-right: 60px !important;}
.mr70 {margin-right: 70px !important;}
.mr80 {margin-right: 80px !important;}
.mr90 {margin-right: 90px !important;}
.mr100 {margin-right: 100px !important;}

/*padding*/
.pt00 {padding-top: 0 !important;}
.pt01 {padding-top: 1px !important;}
.pt02 {padding-top: 2px !important;}
.pt03 {padding-top: 3px !important;}
.pt04 {padding-top: 4px !important;}
.pt05 {padding-top: 5px !important;}
.pt06 {padding-top: 6px !important;}
.pt09 {padding-top: 9px !important;}
.pt10 {padding-top: 10px !important;}
.pt12{
  padding-top: 12px !important;
}
.pt15 {padding-top: 15px !important;}
.pt20 {padding-top: 20px !important;}
.pt25 {padding-top: 25px !important;}
.pt30 {padding-top: 30px !important;}
.pt35 {padding-top: 35px !important;}
.pt40 {padding-top: 40px !important;}
.pt45 {padding-top: 45px !important;}
.pt50 {padding-top: 50px !important;}
.pt55 {padding-top: 55px !important;}
.pt60 {padding-top: 60px !important;}
.pt65 {padding-top: 65px !important;}
.pt70 {padding-top: 70px !important;}
.pt75 {padding-top: 75px !important;}
.pt80 {padding-top: 80px !important;}
.pt85 {padding-top: 85px !important;}
.pt90 {padding-top: 90px !important;}
.pt95 {padding-top: 95px !important;}
.pt100 {padding-top: 100px !important;}

.pb00 {padding-bottom: 0 !important;}
.pb05 {padding-bottom: 5px !important;}
.pb06 {padding-bottom: 6px !important;}
.pb10 {padding-bottom: 10px !important;}
.pb15 {padding-bottom: 15px !important;}
.pb20 {padding-bottom: 20px !important;}
.pb25 {padding-bottom: 25px !important;}
.pb30 {padding-bottom: 30px !important;}
.pb40 {padding-bottom: 40px !important;}
.pb50 {padding-bottom: 50px !important;}

.pl00 {padding-left: 0 !important;}
.pl05 {padding-left: 5px !important;}
.pl06 {padding-left: 6px !important;}
.pl09 {padding-left: 9px !important;}
.pl10 {padding-left: 10px !important;}
.pl15 {padding-left: 15px !important;}
.pl20 {padding-left: 20px !important;}
.pl25 {padding-left: 25px !important;}
.pl30 {padding-left: 30px !important;}
.pl40 {padding-left: 40px !important;}
.pl45 {padding-left: 45px !important;}

.pr00 {padding-right: 0 !important;}
.pr05 {padding-right: 5px !important;}
.pr08 {padding-right: 8px !important;}
.pr10 {padding-right: 10px !important;}
.pr15 {padding-right: 15px !important;}
.pr20 {padding-right: 20px !important;}
.pr25 {padding-right: 25px !important;}
.pr30 {padding-right: 30px !important;}
.pr31 {padding-right: 31px !important;}
.pr32 {padding-right: 32px !important;}
.pr33 {padding-right: 33px !important;}
.pr34 {padding-right: 34px !important;}
.pr35 {padding-right: 35px !important;}
.pr40 {padding-right: 40px !important;}
.pr41 {padding-right: 41px !important;}
.pr42 {padding-right: 42px !important;}
.pr43 {padding-right: 43px !important;}
.pr44 {padding-right: 44px !important;}
.pr45 {padding-right: 45px !important;}

.pa10 {padding: 10px !important;}
.pa15 {padding: 15px !important;}
.pa20 {padding: 20px !important;}
.pa25 {padding: 25px !important;}
.pa30 {padding: 30px !important;}


/*width*/
.w100{width: 100% !important;}
.w90{width: 90% !important;}
.w80{width: 80% !important;}
.w70{width: 70% !important;}
.w60{width: 60% !important;}
.w50{width: 50% !important;}
.w40{width: 40% !important;}
.w33{width: 33.3% !important;}
.w25{width: 25% !important;}
.w20{width: 20% !important;}
.w10{width: 10% !important;}

/*bgcolor*/
.bg_lt_green {
  background-color: #F2F7E0 !important;
}
.bg_dk_green {
  background-color: #D9E021 !important;
}
.bg-pink {
  background-color: #FFECED !important;
}
.bg-green {
  background-color: #DDFFCF !important;
}
.bg-yellow {
  background-color: #FFFBC4 !important;
}
.bg-sky {
  background-color: #D3EDFB !important;
}
.bg-orange {
  background-color: #F7D9B7 !important;
}
.bg-lt_gray {
  background-color: #F2F2F2 !important;
}
.bg-cream {
  background-color: #FFFEED !important;
}
.bg-white {
  background-color: #FFF !important;
}
.bg-oramge2 {
  background-color: #F4A000 !important;
}

/*fontcolor*/
.fontpink {
  color: #FF7AB7 !important;
}
.fontblack {
  color: #000 !important;
}
.fontgreen {
  color: #619E21 !important;
}
.fontyellow {
  color: #FFED00 !important;
}
.fontsky {
  color: #00CCFF !important;
}
.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.alignleft {
  float: left;
  margin: 0.5em 1em 0.5em 0;
}
.alignright {
  float: right;
  margin: 0.5em 0 0.5em 1em;
}