@charset "utf-8";

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

  Option CSS

  Copyright (c) 2011, Tiny Web Design Office . All rights reserved.
  http://www.tiny-web.jp/
  info@tiny-web.jp

////////////////////////////////////////////////////////////////////////*/
/* =========================================================
font-size

10px	77%
11px	85%
12px	93%
13px	100%
14px	108%
15px	116%
16px	124%
17px	131%
18px	139%
19px	147%
20px	154%
21px	162%
22px	170%
23px	177%
24px	185%
25px	193%
26px	200%
27px	208%
28px	216%
29px	224%
30px	231%
31px	239%
32px	247%
33px	254%
34px	262%
35px	270%
36px	277%
37px	285%
38px	293%
38px	300%
39px	308%
40px	316%
41px	324%
42px	331%
43px	339%
44px	347%
45px	354%
46px	362%
47px	370%
48px	377%
49px	385%
50px	393%
========================================================= */


/*clearfix*/
.cf:before, .cf:after {
    content: '';
    display: table;
}
.cf:after {
    clear: both;
}
.cf {
    zoom: 1; /* for IE6/7 */
}

/*--boxlink--*/
.boxlink{    position:relative;
    width:30%;
    padding:5%;
    border:solid 1px #CCC;
    margin:0px auto 20px;}
.boxlink a{   position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;}
/*--text-align--*/
.al-c{ text-align: center!important; }
.al-r{ text-align: right!important; }
.al-l{ text-align: left!important; }

/*--position--*/
.po-r {position:relative!important; }
.po-a {position:absolute!important; }
.po-f {position:fixed!important; }
.po-s {position:static!important; }

/*--display--*/
.dp-i {display: inline!important; }
.dp-b {display: block!important; }
.dp-n {display: none!important; }

/*--overflow--*/
.of-h {overflow:hidden!important;}
.of-s {overflow:scroll!important; }
.of-a {overflow:auto!important; }
.of-v {overflow:visible!important; }

/*--vertical-align--*/
.vl-t{ vertical-align: top!important; }
.vl-m{ vertical-align: middle!important; }
.vl-b{ vertical-align: bottom!important; }

/*--float--*/
.fl-r{ float: right!important; }
.fl-l{ float: left!important; }
.fl-c{ clear: both!important; }

/*--margin--*/
.m0{ margin: 0!important; }
.m0-t{ margin-top: 0!important; }
.m0-r{ margin-right: 0!important; }
.m0-b{ margin-bottom: 0!important; }
.m0-l{ margin-left: 0!important; }

.m5{ margin: 5px!important; }
.m5-t{ margin-top:5px!important; }
.m5-r{ margin-right:5px!important; }
.m5-b{ margin-bottom:5px!important; }
.m5-l{ margin-left:5px!important; }

.m6{ margin: 6px!important; }
.m6-t{ margin-top:6px!important; }
.m6-r{ margin-right:6px!important; }
.m6-b{ margin-bottom:6px!important; }
.m6-l{ margin-left:6px!important; }

.m7{ margin: 7px!important; }
.m7-t{ margin-top:7px!important; }
.m7-r{ margin-right:7px!important; }
.m7-b{ margin-bottom:7px!important; }
.m7-l{ margin-left:7px!important; }

.m8{ margin: 8px!important; }
.m8-t{ margin-top:8px!important; }
.m8-r{ margin-right:8px!important; }
.m8-b{ margin-bottom:8px!important; }
.m8-l{ margin-left:8px!important; }

.m9{ margin: 9px!important; }
.m9-t{ margin-top:9px!important; }
.m9-r{ margin-right:9px!important; }
.m9-b{ margin-bottom:9px!important; }
.m9-l{ margin-left:9px!important; }

.m10{ margin: 10px!important; }
.m10-t{ margin-top: 10px!important; }
.m10-r{ margin-right: 10px!important; }
.m10-b{ margin-bottom: 10px!important; }
.m10-l{ margin-left: 10px!important; }

.m15{ margin: 15px!important; }
.m15-t{ margin-top: 15px!important; }
.m15-r{ margin-right: 15px!important; }
.m15-b{ margin-bottom: 15px!important; }
.m15-l{ margin-left: 15px!important; }

.m20{ margin: 20px!important; }
.m20-t{ margin-top: 20px!important; }
.m20-r{ margin-right: 20px!important; }
.m20-b{ margin-bottom: 20px!important; }
.m20-l{ margin-left: 20px!important; }

.m25{ margin: 25px!important; }
.m25-t{ margin-top: 25px!important; }
.m25-r{ margin-right: 25px!important; }
.m25-b{ margin-bottom: 25px!important; }
.m25-l{ margin-left: 25px!important; }

.m30{ margin: 30px!important; }
.m30-t{ margin-top: 30px!important; }
.m30-r{ margin-right: 30px!important; }
.m30-b{ margin-bottom: 30px!important; }
.m30-l{ margin-left: 30px!important; }

.m35{ margin: 35px!important; }
.m35-t{ margin-top: 35px!important; }
.m35-r{ margin-right: 35px!important; }
.m35-b{ margin-bottom: 35px!important; }
.m35-l{ margin-left: 35px!important; }

.m40{ margin: 40px!important; }
.m40-t{ margin-top: 40px!important; }
.m40-r{ margin-right: 40px!important; }
.m40-b{ margin-bottom: 40px!important; }
.m40-l{ margin-left: 40px!important; }

.m50{ margin: 50px!important; }
.m50-t{ margin-top: 50px!important; }
.m50-r{ margin-right: 50px!important; }
.m50-b{ margin-bottom: 50px!important; }
.m50-l{ margin-left: 50px!important; }

.m60{ margin: 60px!important; }
.m60-t{ margin-top: 60px!important; }
.m60-r{ margin-right: 60px!important; }
.m60-b{ margin-bottom: 60px!important; }
.m60-l{ margin-left: 60px!important; }


/*--padding--*/
.p0{ padding: 0!important; }
.p0-t{ padding-top: 0!important; }
.p0-r{ padding-right: 0!important; }
.p0-b{ padding-bottom: 0!important; }
.p0-l{ padding-left: 0!important; }

.p5{ padding: 5px!important; }
.p5-t{ padding-top: 5px!important; }
.p5-r{ padding-right: 5px!important; }
.p5-b{ padding-bottom: 5px!important; }
.p5-l{ padding-left: 5px!important; }

.p6{ padding: 6px!important; }
.p6-t{ padding-top:6px!important; }
.p6-r{ padding-right:6px!important; }
.p6-b{ padding-bottom:6px!important; }
.p6-l{ padding-left:6px!important; }

.p7{ padding: 7px!important; }
.p7-t{ padding-top:7px!important; }
.p7-r{ padding-right:7px!important; }
.p7-b{ padding-bottom:7px!important; }
.p7-l{ padding-left:7px!important; }

.p8{ padding: 8px!important; }
.p8-t{ padding-top:8px!important; }
.p8-r{ padding-right:8px!important; }
.p8-b{ padding-bottom:8px!important; }
.p8-l{ padding-left:8px!important; }

.p9{ padding: 9px!important; }
.p9-t{ padding-top:9px!important; }
.p9-r{ padding-right:9px!important; }
.p9-b{ padding-bottom:9px!important; }
.p9-l{ padding-left:9px!important; }

.p10{ padding: 10px!important; }
.p10-t{ padding-top: 10px!important; }
.p10-r{ padding-right: 10px!important; }
.p10-b{ padding-bottom: 10px!important; }
.p10-l{ padding-left: 10px!important; }

.p15{ padding: 15px!important; }
.p15-t{ padding-top: 15px!important; }
.p15-r{ padding-right: 15px!important; }
.p15-b{ padding-bottom: 15px!important; }
.p15-l{ padding-left: 15px!important; }

.p20{ padding: 20px!important; }
.p20-t{ padding-top: 20px!important; }
.p20-r{ padding-right: 20px!important; }
.p20-b{ padding-bottom: 20px!important; }
.p20-l{ padding-left: 20px!important; }

.p25{ padding: 25px!important; }
.p25-t{ padding-top: 25px!important; }
.p25-r{ padding-right: 25px!important; }
.p25-b{ padding-bottom: 25px!important; }
.p25-l{ padding-left: 25px!important; }

.p30{ padding: 30px!important; }
.p30-t{ padding-top: 30px!important; }
.p30-r{ padding-right: 30px!important; }
.p30-b{ padding-bottom: 30px!important; }
.p30-l{ padding-left: 30px!important; }

.p35{ padding: 35px!important; }
.p35-t{ padding-top: 35px!important; }
.p35-r{ padding-right: 35px!important; }
.p35-b{ padding-bottom: 35px!important; }
.p35-l{ padding-left: 35px!important; }

.p40{ padding: 40px!important; }
.p40-t{ padding-top: 40px!important; }
.p40-r{ padding-right: 40px!important; }
.p40-b{ padding-bottom: 40px!important; }
.p40-l{ padding-left: 40px!important; }

.p50{ padding: 50px!important; }
.p50-t{ padding-top: 50px!important; }
.p50-r{ padding-right: 50px!important; }
.p50-b{ padding-bottom: 50px!important; }
.p50-l{ padding-left: 50px!important; }

.p60{ padding: 60px!important; }
.p60-t{ padding-top: 60px!important; }
.p60-r{ padding-right: 60px!important; }
.p60-b{ padding-bottom: 60px!important; }
.p60-l{ padding-left: 60px!important; }


/*--font-size--*/
.b{ font-weight: bold!important; }
.normal{ font-weight: normal!important; }

.big{ font-size:123.1%!important; }
.big2{ font-size:138.5%!important; }
.big3{ font-size:167%!important; }
.small{ font-size:85%!important; }

.f10px { font-size:77%!important; }
.f11px { font-size:85%!important; }
.f12px { font-size:93%!important; }
.f13px { font-size:100%!important; }
.f14px { font-size:108%!important; }
.f15px { font-size:116%!important; }
.f16px { font-size:123.1%!important; }
.f17px { font-size:131%!important; }
.f18px { font-size:138.5%!important; }
.f19px { font-size:146.5%!important; }
.f20px { font-size:153.9%!important; }
.f21px { font-size:161.6%!important; }
.f22px { font-size:167%!important; }
.f23px { font-size:174%!important; }
.f24px { font-size:182%!important; }
.f25px { font-size:189%!important; }
.f26px { font-size:197%!important; }

/*--color--*/
.t-red{ color: #CC0000!important; }
.t-blue{ color: #0000dd!important; }
.t-green{ color: #008000!important; }
.t-yellow{ color: #ffff00!important; }
.t-brown{ color: #8b0000!important; }
.t-navy{ color: #1F26A9!important; }
.t-orange{ color: #ff6600!important; }
.t-pink{ color: #cc6699!important; }
.t-purple{ color: #660099!important; }
.t-olive{ color: #808000!important; }
.t-lime{ color: #00ff00!important; }
.t-aqua{ color: #167FA6!important; }
.t-black{ color: #000!important; }
.t-gray{ color: #999!important; }
.t-white{ color: #fff!important; }

/*--background--*/
.bg-red{ background-color: #FFF7F7!important; }
.bg-blue{ background-color: #F3F9FC!important; }
.bg-green{ background-color: #F7FCF2!important; }
.bg-yellow{ background-color: #FFFFF2!important; }
.bg-brown{ background-color: #FCFAFA!important; }
.bg-navy{ background-color: #1F26A9!important; }
.bg-orange{ background-color: #ff6600!important; }
.bg-pink{ background-color: #cc6699!important; }
.bg-purple{ background-color: #660099!important; }
.bg-olive{ background-color: #808000!important; }
.bg-lime{ background-color: #00ff00!important; }
.bg-aqua{ background-color: #167FA6!important; }
.bg-black{ background-color: #000!important; }
.bg-gray{ background-color: #efefef!important; }
.bg-white{ background-color: #fff!important; }

/*--color--*/
.b-red{ border-color: #ff0000!important; }
.b-blue{ border-color: #0000dd!important; }
.b-green{ border-color: #008000!important; }
.b-yellow{ border-color: #ffff00!important; }
.b-navy{ border-color: #1F26A9!important; }
.b-orange{ border-color: #ff6600!important; }
.b-pink{ border-color: #cc6699!important; }
.b-purple{ border-color: #660099!important; }
.b-olive{ border-color: #808000!important; }
.b-lime{ border-color: #00ff00!important; }
.b-aqua{ border-color: #167FA6!important; }
.b-black{ border-color: #000!important; }
.b-gray{ border-color: #ccc!important; }
.b-white{ border-color: #fff!important; }

/*--line-height--*/
.lh10{ line-height: 1.0!important; }
.lh11{ line-height: 1.1!important; }
.lh12{ line-height: 1.2!important; }
.lh13{ line-height: 1.3!important; }
.lh14{ line-height: 1.4!important; }
.lh15{ line-height: 1.5!important; }
.lh20{ line-height: 2.0!important; }

/*--letter-spacing--*/
.ls01{ letter-spacing : 0.01em!important; }
.ls02{ letter-spacing : 0.02em!important; }
.ls03{ letter-spacing : 0.03em!important; }
.ls04{ letter-spacing : 0.04em!important; }
.ls05{ letter-spacing : 0.05em!important; }
.ls06{ letter-spacing : 0.06em!important; }
.ls07{ letter-spacing : 0.07em!important; }
.ls08{ letter-spacing : 0.08em!important; }
.ls09{ letter-spacing : 0.09em!important; }
.ls10{ letter-spacing : 0.1em!important; }

/*--width--*/
.w100{ width:100px!important; }
.w200{ width:200px!important; }
.w300{ width:300px!important; }
.w400{ width:400px!important; }
.w500{ width:500px!important; }
.w600{ width:600px!important; }
.w150{ width:150px!important; }
.w250{ width:250px!important; }
.w350{ width:350px!important; }
.w450{ width:450px!important; }
.w550{ width:550px!important; }
.w650{ width:650px!important; }

.w10p{ width:10%!important; }
.w20p{ width:20%!important; }
.w30p{ width:30%!important; }
.w40p{ width:40%!important; }
.w50p{ width:50%!important; }
.w60p{ width:60%!important; }
.w70p{ width:70%!important; }
.w80p{ width:80%!important; }
.w90p{ width:90%!important; }
.w100p{ width:100%!important; }
.w5p{ width:5%!important; }
.w15p{ width:15%!important; }
.w25p{ width:25%!important; }
.w35p{ width:35%!important; }
.w45p{ width:45%!important; }
.w55p{ width:55%!important; }
.w65p{ width:65%!important; }
.w75p{ width:75%!important; }
.w85p{ width:85%!important; }
.w95p{ width:95%!important; }

/*--�p��--*/
.br1{ -moz-border-radius:1px!important;-webkit-border-radius:1px!important;border-radius:1px!important; }
.br2{ -moz-border-radius:2px!important;-webkit-border-radius:2px!important;border-radius:2px!important; }
.br3{ -moz-border-radius:3px!important;-webkit-border-radius:3px!important;border-radius:3px!important; }
.br4{ -moz-border-radius:4px!important;-webkit-border-radius:4px!important;border-radius:4px!important; }
.br5{ -moz-border-radius:5px!important;-webkit-border-radius:5px!important;border-radius:5px!important; }
.br6{ -moz-border-radius:6px!important;-webkit-border-radius:6px!important;border-radius:6px!important; }
.br7{ -moz-border-radius:7px!important;-webkit-border-radius:7px!important;border-radius:7px!important; }
.br8{ -moz-border-radius:8px!important;-webkit-border-radius:8px!important;border-radius:8px!important; }
.br9{ -moz-border-radius:9px!important;-webkit-border-radius:9px!important;border-radius:9px!important; }
.br10{ -moz-border-radius:10px!important;-webkit-border-radius:10px!important;border-radius:10px!important; }
.br11{ -moz-border-radius:11px!important;-webkit-border-radius:11px!important;border-radius:11px!important; }
.br12{ -moz-border-radius:12px!important;-webkit-border-radius:12px!important;border-radius:12px!important; }
.br13{ -moz-border-radius:13px!important;-webkit-border-radius:13px!important;border-radius:13px!important; }
.br14{ -moz-border-radius:14px!important;-webkit-border-radius:14px!important;border-radius:14px!important; }
.br15{ -moz-border-radius:15px!important;-webkit-border-radius:15px!important;border-radius:15px!important; }
.brm{ -moz-border-radius:200px!important;-webkit-border-radius:200px!important;border-radius:200px!important; }