@charset "utf-8";
/******************************************************

        PCサイト用

******************************************************/

/* view contral ////////////////////////////////////////////////// */
.hidden     { visibility: hidden; }

.block      { display: block; }
.inline     { display: inline; }

.nowrap     { white-space: nowrap; }

.of_auto    { overflow: auto; }
.of_hidden  { overflow: hidden; }


/* text size ////////////////////////////////////////////////// */
.xxs { font-size: xx-small; }
.xs  { font-size: x-small; }
.s   { font-size: small; }
.l   { font-size: large; }
.xl  { font-size: x-large; }
.xxl { font-size: xx-large; }

.px0 { font-size: 0em !important; }
.px1 { font-size: 0.1em !important; }
.px2 { font-size: 0.2em !important; }
.px3 { font-size: 0.3em !important; }
.px4 { font-size: 0.4em !important; }
.px5 { font-size: 0.5em !important; }
.px6 { font-size: 0.6em !important; }
.px7 { font-size: 0.7em !important; }
.px8 { font-size: 0.8em !important; }
.px9 { font-size: 0.9em !important; }
.px10 { font-size: 1em !important; }
.px11 { font-size: 1.1em !important; }
.px12 { font-size: 1.2em !important; }
.px13 { font-size: 1.3em !important; }
.px14 { font-size: 1.4em !important; }
.px15 { font-size: 1.5em !important; }
.px16 { font-size: 1.6em !important; }
.px17 { font-size: 1.7em !important; }
.px18 { font-size: 1.8em !important; }
.px19 { font-size: 1.9em !important; }
.px20 { font-size: 2.0em !important; }
.px21 { font-size: 2.1em !important; }
.px22 { font-size: 2.2em !important; }
.px23 { font-size: 2.3em !important; }
.px24 { font-size: 2.4em !important; }
.px25 { font-size: 2.4em !important; }
.px26 { font-size: 2.6em !important; }
.px27 { font-size: 2.7em !important; }
.px28 { font-size: 2.8em !important; }
.px29 { font-size: 2.9em !important; }
.px30 { font-size: 3em   !important; }
.px36 { font-size: 3.6em !important; }

/* text align ////////////////////////////////////////////////// */
.tc { text-align: center !important; }
.tl { text-align: left !important; }
.tr { text-align: right !important; }

/* img layout  ////////////////////////////////////////////////// */
.imgR{
	display:block;
	float:right;
	margin:0 0 10px 20px;
}
.imgL{
	display:block;
	float:left;
	margin:0 20px 10px 0;
}

/* float ////////////////////////////////////////////////// */
.left  { float: left !important; }
.right { float: right !important; }


/* no float ////////////////////////////////////////////////// */
.no-l { clear: left !important; }
.no-r { clear: right !important; }
.clear { float: none !important; clear: both !important; }
.clear0 { font-size: 0 !important; line-height: 0 !important; float: none !important; clear: both !important; }  


/* notes ////////////////////////////////////////////////// */
.notes{
	padding:0;
	margin:0 0 0 1em;
	text-indent:-1em;
	font-size:1.2em;
}
.notes strong{
	margin:0 0.5em 0 0;
	font-weight:normal;
}


/* text decration ////////////////////////////////////////////////// */
.normal    { font-weight: normal !important; font-style: normal !important; }
.ls-n { letter-spacing: normal !important; }

.bold      { font-weight: bold !important; }
.italic    { font-style: italic !important; }
.underline { text-decoration: underline !important; }
.overline  { text-decoration: overline !important; }

.tt       { vertical-align: super !important; }
.tb       { vertical-align: sub !important; }

/* text color ////////////////////////////////////////////////// */
.red     { color: #f00    !important; }
.blue    { color: #498aea    !important; }
.green   { color: #008000 !important; }
.white   { color: #fff    !important; }
.black   { color: #000    !important; }
.yellow  { color: #ff0    !important; }
.orange  { color: #f60    !important; }
.brown   { color: #800000 !important; }
.pink    { color: #f0f    !important; }
.purple  { color: #800080 !important; }
.olive   { color: #808000 !important; }
.gray    { color: #808080 !important; }
.teal    { color: #008080 !important; }
.violet  { color: #63C    !important; }
.silver  { color: #ddd    !important; }

.gray_1  { color: #111    !important; }
.gray_2  { color: #222    !important; }
.gray_3  { color: #333    !important; }
.gray_4  { color: #444    !important; }
.gray_5  { color: #555    !important; }
.gray_6  { color: #666    !important; }
.gray_7  { color: #777    !important; }
.gray_8  { color: #888    !important; }
.gray_9  { color: #999    !important; }
.gray_a  { color: #aaa    !important; }
.gray_b  { color: #bbb    !important; }
.gray_c  { color: #ccc    !important; }
.gray_d  { color: #ddd    !important; }
.gray_e  { color: #eee    !important; }
.gray_ef { color: #efefef !important; }

/* border color ////////////////////////////////////////////////// */
.b_red     { border-color: #f00    !important; }
.b_blue    { border-color: #00f    !important; }
.b_green   { border-color: #008000 !important; }
.b_white   { border-color: #fff    !important; }
.b_black   { border-color: #000    !important; }
.b_yellow  { border-color: #ff0    !important; }
.b_orange  { border-color: #f60    !important; }
.b_brown   { border-color: #800000 !important; }
.b_pink    { border-color: #f0f    !important; }
.b_purple  { border-color: #800080 !important; }
.b_olive   { border-color: #808000 !important; }
.b_gray    { border-color: #808080 !important; }
.b_teal    { border-color: #008080 !important; }
.b_violet  { border-color: #63C    !important; }

.b_gray_1  { border-color: #111    !important; }
.b_gray_2  { border-color: #222    !important; }
.b_gray_3  { border-color: #333    !important; }
.b_gray_4  { border-color: #444    !important; }
.b_gray_5  { border-color: #555    !important; }
.b_gray_6  { border-color: #666    !important; }
.b_gray_7  { border-color: #777    !important; }
.b_gray_8  { border-color: #888    !important; }
.b_gray_9  { border-color: #999    !important; }
.b_gray_a  { border-color: #aaa    !important; }
.b_gray_b  { border-color: #bbb    !important; }
.b_gray_c  { border-color: #ccc    !important; }
.b_gray_d  { border-color: #ddd    !important; }
.b_gray_e  { border-color: #eee    !important; }
.b_gray_ef { border-color: #efefef !important; }

/* bg color ////////////////////////////////////////////////// */
.bg_red     { background-color: #ff0000 !important; }
.bg_blue    { background-color: #0000ff !important; }
.bg_green   { background-color: #008000 !important; }
.bg_white   { background-color: #ffffff !important; }
.bg_black   { background-color: #000000 !important; }
.bg_yellow  { background-color: #ffff00 !important; }
.bg_orange  { background-color: #ffa500 !important; }
.bg_brown   { background-color: #800000 !important; }
.bg_pink    { background-color: #ff00ff !important; }
.bg_purple  { background-color: #800080 !important; }
.bg_olive   { background-color: #808000 !important; }
.bg_gray    { background-color: #808080 !important; }
.bg_teal    { background-color: #008080 !important; }

.bg_gray_1  { background-color: #111    !important; }
.bg_gray_2  { background-color: #222    !important; }
.bg_gray_3  { background-color: #333    !important; }
.bg_gray_4  { background-color: #444    !important; }
.bg_gray_5  { background-color: #555    !important; }
.bg_gray_6  { background-color: #666    !important; }
.bg_gray_7  { background-color: #777    !important; }
.bg_gray_8  { background-color: #888    !important; }
.bg_gray_9  { background-color: #999    !important; }
.bg_gray_a  { background-color: #aaa    !important; }
.bg_gray_b  { background-color: #bbb    !important; }
.bg_gray_c  { background-color: #ccc    !important; }
.bg_gray_d  { background-color: #ddd    !important; }
.bg_gray_e  { background-color: #eee    !important; }
.bg_gray_ef { background-color: #efefef !important; }

/* margin ////////////////////////////////////////////////// */
.ma    { margin-left: auto !important; margin-right: auto !important; }

.ml0   { margin-left: 0px   !important; }
.ml1   { margin-left: 1px   !important; }
.ml2   { margin-left: 2px   !important; }
.ml3   { margin-left: 3px   !important; }
.ml4   { margin-left: 4px   !important; }
.ml5   { margin-left: 5px   !important; }
.ml6   { margin-left: 6px   !important; }
.ml7   { margin-left: 7px   !important; }
.ml8   { margin-left: 8px   !important; }
.ml9   { margin-left: 9px   !important; }
.ml10  { margin-left: 10px  !important; }
.ml15  { margin-left: 15px  !important; }
.ml20  { margin-left: 20px  !important; }
.ml30  { margin-left: 30px  !important; }
.ml40  { margin-left: 40px  !important; }
.ml50  { margin-left: 50px  !important; }
.ml60  { margin-left: 60px  !important; }
.ml70  { margin-left: 70px  !important; }
.ml80  { margin-left: 80px  !important; }
.ml90  { margin-left: 90px  !important; }
.ml95  { margin-left: 95px  !important; }
.ml100 { margin-left: 100px !important; }

.mr0   { margin-right: 0px   !important; }
.mr1   { margin-right: 1px   !important; }
.mr2   { margin-right: 2px   !important; }
.mr3   { margin-right: 3px   !important; }
.mr4   { margin-right: 4px   !important; }
.mr5   { margin-right: 5px   !important; }
.mr6   { margin-right: 6px   !important; }
.mr7   { margin-right: 7px   !important; }
.mr8   { margin-right: 8px   !important; }
.mr9   { margin-right: 9px   !important; }
.mr10  { margin-right: 10px  !important; }
.mr15  { margin-right: 15px  !important; }
.mr20  { margin-right: 20px  !important; }
.mr24  { margin-right: 24px  !important; }
.mr30  { margin-right: 30px  !important; }
.mr40  { margin-right: 40px  !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; }
.mr95  { margin-right: 95px  !important; }
.mr100 { margin-right: 100px !important; }

.mt0   { margin-top: 0px   !important; }
.mt1   { margin-top: 1px   !important; }
.mt2   { margin-top: 2px   !important; }
.mt3   { margin-top: 3px   !important; }
.mt4   { margin-top: 4px   !important; }
.mt5   { margin-top: 5px   !important; }
.mt6   { margin-top: 6px   !important; }
.mt7   { margin-top: 7px   !important; }
.mt8   { margin-top: 8px   !important; }
.mt9   { margin-top: 9px   !important; }
.mt10  { margin-top: 10px  !important; }
.mt15  { margin-top: 15px  !important; }
.mt20  { margin-top: 20px  !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; }
.mt80  { margin-top: 80px  !important; }
.mt90  { margin-top: 90px  !important; }
.mt95  { margin-top: 95px  !important; }
.mt100 { margin-top: 100px !important; }

.mb0   { margin-bottom: 0px   !important; }
.mb1   { margin-bottom: 1px   !important; }
.mb2   { margin-bottom: 2px   !important; }
.mb3   { margin-bottom: 3px   !important; }
.mb4   { margin-bottom: 4px   !important; }
.mb5   { margin-bottom: 5px   !important; }
.mb6   { margin-bottom: 6px   !important; }
.mb7   { margin-bottom: 7px   !important; }
.mb8   { margin-bottom: 8px   !important; }
.mb9   { margin-bottom: 9px   !important; }
.mb10  { margin-bottom: 10px  !important; }
.mb15  { margin-bottom: 15px  !important; }
.mb20  { margin-bottom: 20px  !important; }
.mb30  { margin-bottom: 30px  !important; }
.mb40  { margin-bottom: 40px  !important; }
.mb50  { margin-bottom: 50px  !important; }
.mb60  { margin-bottom: 60px  !important; }
.mb70  { margin-bottom: 70px  !important; }
.mb80  { margin-bottom: 80px  !important; }
.mb90  { margin-bottom: 90px  !important; }
.mb95  { margin-bottom: 95px  !important; }
.mb100 { margin-bottom: 100px !important; }

/* padding ////////////////////////////////////////////////// */
.pl0  { padding-left: 0px  !important; }
.pl1  { padding-left: 1px  !important; }
.pl2  { padding-left: 2px  !important; }
.pl3  { padding-left: 3px  !important; }
.pl4  { padding-left: 4px  !important; }
.pl5  { padding-left: 5px  !important; }
.pl6  { padding-left: 6px  !important; }
.pl7  { padding-left: 7px  !important; }
.pl8  { padding-left: 8px  !important; }
.pl9  { padding-left: 9px  !important; }
.pl10 { padding-left: 10px !important; }
.pl15 { padding-left: 15px !important; }
.pl20 { padding-left: 20px !important; }
.pl24 { padding-left: 24px !important; }
.pl30 { padding-left: 30px !important; }
.pl40 { padding-left: 40px !important; }
.pl50 { padding-left: 50px !important; }

.pr0  { padding-right: 0px  !important; }
.pr1  { padding-right: 1px  !important; }
.pr2  { padding-right: 2px  !important; }
.pr3  { padding-right: 3px  !important; }
.pr4  { padding-right: 4px  !important; }
.pr5  { padding-right: 5px  !important; }
.pr6  { padding-right: 6px  !important; }
.pr7  { padding-right: 7px  !important; }
.pr8  { padding-right: 8px  !important; }
.pr9  { padding-right: 9px  !important; }
.pr10 { padding-right: 10px !important; }
.pr15 { padding-right: 15px !important; }
.pr20 { padding-right: 20px !important; }
.pr30 { padding-right: 30px !important; }
.pr40 { padding-right: 40px !important; }
.pr50 { padding-right: 50px !important; }

.pt0  { padding-top: 0px  !important; }
.pt1  { padding-top: 1px  !important; }
.pt2  { padding-top: 2px  !important; }
.pt3  { padding-top: 3px  !important; }
.pt4  { padding-top: 4px  !important; }
.pt5  { padding-top: 5px  !important; }
.pt6  { padding-top: 6px  !important; }
.pt7  { padding-top: 7px  !important; }
.pt8  { padding-top: 8px  !important; }
.pt9  { padding-top: 9px  !important; }
.pt10 { padding-top: 10px !important; }
.pt15 { padding-top: 15px !important; }
.pt20 { padding-top: 20px !important; }
.pt30 { padding-top: 30px !important; }
.pt40 { padding-top: 40px !important; }
.pt50 { padding-top: 50px !important; }

.pb0  { padding-bottom: 0px  !important; }
.pb1  { padding-bottom: 1px  !important; }
.pb2  { padding-bottom: 2px  !important; }
.pb3  { padding-bottom: 3px  !important; }
.pb4  { padding-bottom: 4px  !important; }
.pb5  { padding-bottom: 5px  !important; }
.pb6  { padding-bottom: 6px  !important; }
.pb7  { padding-bottom: 7px  !important; }
.pb8  { padding-bottom: 8px  !important; }
.pb9  { padding-bottom: 9px  !important; }
.pb10 { padding-bottom: 10px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb40 { padding-bottom: 40px !important; }
.pb50 { padding-bottom: 50px !important; }

/* border ////////////////////////////////////////////////// */
.bs_solid  { border-style: solid  !important; }
.bs_dotted { border-style: dotted !important; }
.bs_double { border-style: double !important; }
.bs_dashed { border-style: dashed !important; }

.ba0  { border-width: 0px !important; }
.ba1  { border-style: solid; border-color: #ccc; border-width:1px  !important; }
.ba2  { border-style: solid; border-color: #ccc; border-width:2px  !important; }
.ba3  { border-style: solid; border-color: #ccc; border-width:3px  !important; }
.ba4  { border-style: solid; border-color: #ccc; border-width:4px  !important; }
.ba5  { border-style: solid; border-color: #ccc; border-width:5px  !important; }
.ba6  { border-style: solid; border-color: #ccc; border-width:6px  !important; }
.ba7  { border-style: solid; border-color: #ccc; border-width:7px  !important; }
.ba8  { border-style: solid; border-color: #ccc; border-width:8px  !important; }
.ba9  { border-style: solid; border-color: #ccc; border-width:9px  !important; }
.ba10 { border-style: solid; border-color: #ccc; border-width:10px !important; }

.bt0  { border-top-width: 0px !important; }
.bt1  { border-style: solid; border-color: #ccc; border-top-width:1px  !important; }
.bt2  { border-style: solid; border-color: #ccc; border-top-width:2px  !important; }
.bt3  { border-style: solid; border-color: #ccc; border-top-width:3px  !important; }
.bt4  { border-style: solid; border-color: #ccc; border-top-width:4px  !important; }
.bt5  { border-style: solid; border-color: #ccc; border-top-width:5px  !important; }
.bt6  { border-style: solid; border-color: #ccc; border-top-width:6px  !important; }
.bt7  { border-style: solid; border-color: #ccc; border-top-width:7px  !important; }
.bt8  { border-style: solid; border-color: #ccc; border-top-width:8px  !important; }
.bt9  { border-style: solid; border-color: #ccc; border-top-width:9px  !important; }
.bt10 { border-style: solid; border-color: #ccc; border-top-width:10px !important; }

.bb0  { border-bottom-width: 0px !important; }
.bb1  { border-style: solid; border-color: #ccc; border-bottom-width:1px  !important; }
.bb2  { border-style: solid; border-color: #ccc; border-bottom-width:2px  !important; }
.bb3  { border-style: solid; border-color: #ccc; border-bottom-width:3px  !important; }
.bb4  { border-style: solid; border-color: #ccc; border-bottom-width:4px  !important; }
.bb5  { border-style: solid; border-color: #ccc; border-bottom-width:5px  !important; }
.bb6  { border-style: solid; border-color: #ccc; border-bottom-width:6px  !important; }
.bb7  { border-style: solid; border-color: #ccc; border-bottom-width:7px  !important; }
.bb8  { border-style: solid; border-color: #ccc; border-bottom-width:8px  !important; }
.bb9  { border-style: solid; border-color: #ccc; border-bottom-width:9px  !important; }
.bb10 { border-style: solid; border-color: #ccc; border-bottom-width:10px !important; }

.bl0  { border-left-width: 0px !important; }
.bl1  { border-style: solid; border-color: #ccc; border-left-width:1px  !important; }
.bl2  { border-style: solid; border-color: #ccc; border-left-width:2px  !important; }
.bl3  { border-style: solid; border-color: #ccc; border-left-width:3px  !important; }
.bl4  { border-style: solid; border-color: #ccc; border-left-width:4px  !important; }
.bl5  { border-style: solid; border-color: #ccc; border-left-width:5px  !important; }
.bl6  { border-style: solid; border-color: #ccc; border-left-width:6px  !important; }
.bl7  { border-style: solid; border-color: #ccc; border-left-width:7px  !important; }
.bl8  { border-style: solid; border-color: #ccc; border-left-width:8px  !important; }
.bl9  { border-style: solid; border-color: #ccc; border-left-width:9px  !important; }
.bl10 { border-style: solid; border-color: #ccc; border-left-width:10px !important; }

.br0  { border-right-width: 0px !important; }
.br1  { border-style: solid; border-color: #ccc; border-right-width:1px  !important; }
.br2  { border-style: solid; border-color: #ccc; border-right-width:2px  !important; }
.br3  { border-style: solid; border-color: #ccc; border-right-width:3px  !important; }
.br4  { border-style: solid; border-color: #ccc; border-right-width:4px  !important; }
.br5  { border-style: solid; border-color: #ccc; border-right-width:5px  !important; }
.br6  { border-style: solid; border-color: #ccc; border-right-width:6px  !important; }
.br7  { border-style: solid; border-color: #ccc; border-right-width:7px  !important; }
.br8  { border-style: solid; border-color: #ccc; border-right-width:8px  !important; }
.br9  { border-style: solid; border-color: #ccc; border-right-width:9px  !important; }
.br10 { border-style: solid; border-color: #ccc; border-right-width:10px !important; }

/* width ////////////////////////////////////////////////// */
.em5 { width: 5em !important;}
.em6 { width: 6em !important;}
.em7 { width: 7em !important;}
.em8 { width: 8em !important;}
.em9 { width: 9em !important;}
.em10 { width: 10em !important;}
.em11 { width: 11em !important;}
.em12 { width: 12em !important;}
.em13 { width: 13em !important;}
.em14 { width: 14em !important;}
.em15 { width: 15em !important;}