@charset "UTF-8";

/*:::::::::::::::::::::::::::::::::::::::::::::

base.css

     1. reset
     2. html5
     3. YUI fonts
     4. clearfix
     5. float
     6. margin
     7. padding
     8. body
     9. anchor
    10. font property

:::::::::::::::::::::::::::::::::::::::::::::*/

/*  1.reset
:::::::::::::::::::::::::::::::::::::::::::::::::::::*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    font-weight: normal;
    background: transparent;
    }
	
	
html {
    overflow-y: scroll;
    }
	
body {
	background-image: url(../../images/mainimg.png);
	background-repeat: no-repeat;
    }	
	
	
ul, ol {
    list-style: none;
    }
blockquote, q {
    quotes: none;
    }
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
    }
a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    outline: none;
    vertical-align: baseline;
    background: transparent;
    }
strong, b {
    font-weight: bold;
    }
address {
	font-style: normal;
	font-size: 93%;
    }
ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none;
    }
mark {
    background-color: #ff9;
    color: #000; 
    font-style: italic;
    font-weight: bold;
    }
del {
    text-decoration: line-through;
    }
abbr[title], dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
    }
table {
    border-collapse: collapse;
    border-spacing: 0;
    }
hr {
    display: block;
    height: 1px;
    border: 0;   
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
    }
hr {
    display: none;
    }
input, select {
    vertical-align: middle;
    }
img {
    line-height: 0;
    -ms-interpolation-mode: bicubic;
    }

/*  2.html5
:::::::::::::::::::::::::::::::::::::::::::::::::::::*/

header, footer, article, section, nav, aside,
details, figcaption, figure, hgroup, menu { 
    display: block;
    }

/*  3.YUI font
:::::::::::::::::::::::::::::::::::::::::::::::::::::*/

body {
	font: 13px/1.5  arial,helvetica,clean,sans-serif;
	color: #333;
    *font-size: small;
    *font: x-small;
    }
select,input,button,textarea {
    font: 99% arial,helvetica,clean,sans-serif;
    }
table {
    font-size: inherit;
    font: 100%;
    }
pre,code,kbd,samp,tt {
    font-family: monospace;
    *font-size: 108%;
    line-height: 100%;
    }

/*  4.clearfix
:::::::::::::::::::::::::::::::::::::::::::::::::::::*/

.clearfix {width:100%;}

.clearfix:after {
    content: "";
    display: block;
	clear: both;
    }

.clearfix {
	*zoom: 1
}

/*  5.float
:::::::::::::::::::::::::::::::::::::::::::::::::::::*/

.f-right {
    float: right;
    text-align: left;
    }
.f-left {
    float: left;
    text-align: left;
    }
.center{
    text-align: center;
    margin: 0 auto;
    }

/*  5.line-height
:::::::::::::::::::::::::::::::::::::::::::::::::::::*/

p,li,dt,dl {
	line-height:1.6;
	}

/*  6.margin
:::::::::::::::::::::::::::::::::::::::::::::::::::::*/

.ma0     {margin: 0px}
.ma10    {margin: 10px}
.ma15    {margin: 15px}
.ma20    {margin: 20px}
.ma25    {margin: 25px}
.ma30    {margin: 30px}
.ma40    {margin: 40px}
.ma50    {margin: 50px}
.ma60    {margin: 60px}
.ma70    {margin: 70px}
.ma80    {margin: 80px}
.ma90    {margin: 90px}
.ma100   {margin: 100px}

.mt0     {margin-top: 0px}
.mt5    {margin-top: 5px}
.mt10    {margin-top: 10px}
.mt15    {margin-top: 15px}
.mt20    {margin-top: 20px}
.mt25    {margin-top: 25px}
.mt30    {margin-top: 30px}
.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}

.mr0     {margin-right: 0px}
.mr10    {margin-right: 10px}
.mr15    {margin-right: 15px}
.mr20    {margin-right: 20px}
.mr25    {margin-right: 25px}
.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}

.mb0     {margin-bottom: 0px}
.mb5     {margin-bottom: 5px}
.mb10    {margin-bottom: 10px}
.mb15    {margin-bottom: 15px}
.mb20    {margin-bottom: 20px}
.mb25    {margin-bottom: 25px}
.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}
.mb200   {margin-bottom: 200px}
.mb300   {margin-bottom: 300px}

.ml0     {margin-left: 0px}
.ml5     {margin-left: 5px}
.ml10    {margin-left: 10px}
.ml15    {margin-left: 15px}
.ml20    {margin-left: 20px}
.ml25    {margin-left: 25px}
.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}

/*  7.padding
:::::::::::::::::::::::::::::::::::::::::::::::::::::*/

.pa0     {padding: 0px}
.pa5     {padding: 5px}
.pa10    {padding: 10px}
.pa15    {padding: 15px}
.pa20    {padding: 20px}
.pa25    {padding: 25px}
.pa30    {padding: 30px}
.pa40    {padding: 40px}
.pa50    {padding: 50px}
.pa60    {padding: 60px}
.pa70    {padding: 70px}
.pa80    {padding: 80px}
.pa90    {padding: 90px}
.pa100   {padding: 100px}

.pt0     {padding-top: 0px}
.pt5     {padding-top: 5px}
.pt10    {padding-top: 10px}
.pt15    {padding-top: 15px}
.pt20    {padding-top: 20px}
.pt25    {padding-top: 25px}
.pt30    {padding-top: 30px}
.pt40    {padding-top: 40px}
.pt50    {padding-top: 50px}
.pt60    {padding-top: 60px}
.pt70    {padding-top: 70px}
.pt80    {padding-top: 80px}
.pt90    {padding-top: 90px}
.pt100   {padding-top: 100px}

.pr0     {padding-right: 0px}
.pr10    {padding-right: 10px}
.pr15    {padding-right: 15px}
.pr20    {padding-right: 20px}
.pr25    {padding-right: 25px}
.pr30    {padding-right: 30px}
.pr40    {padding-right: 40px}
.pr50    {padding-right: 50px}
.pr60    {padding-right: 60px}
.pr70    {padding-right: 70px}
.pr80    {padding-right: 80px}
.pr90    {padding-right: 90px}
.pr100   {padding-right: 100px}

.pl0     {padding-left: 0px}
.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}
.pl50    {padding-left: 50px}
.pl60    {padding-left: 60px}
.pl70    {padding-left: 70px}
.pl80    {padding-left: 80px}
.pl90    {padding-left: 90px}
.pl100   {padding-left: 100px}

.pb10     {padding-bottom: 10px}
.pb20     {padding-bottom: 20px}
.pb30     {padding-bottom: 30px}


/*  8.body
:::::::::::::::::::::::::::::::::::::::::::::::::::::*/

body {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", sans-serif;}
	

/*  9.anchor
:::::::::::::::::::::::::::::::::::::::::::::::::::::*/

a {text-decoration: none}

/*  10.font property
:::::::::::::::::::::::::::::::::::::::::::::::::::::*/

.fs10   {font-size: 77%}
.fs11   {font-size: 85%}
.fs12   {font-size: 93%}
.fs13   {font-size: 100%}
.fs14   {font-size: 108%}
.fs15   {font-size: 116%}
.fs16   {font-size: 123.1%}
.fs17   {font-size: 131%}
.fs18   {font-size: 138.5%}
.fs19   {font-size: 146.5%}
.fs20   {font-size: 153.9%}
.fs21   {font-size: 161.6%}
.fs22   {font-size: 167%}
.fs23   {font-size: 174%}
.fs24   {font-size: 182%}
.fs25   {font-size: 189%}
.fs26   {font-size: 197%}
.fs10px {font-size: 10px}
.fs11px {font-size: 11px}
.fs12px {font-size: 12px}
.fs13px {font-size: 13px}
.fs14px {font-size: 14px}
.fs15px {font-size: 15px}
.fs16px {font-size: 16px}
.fs17px {font-size: 17px}
.fs18px {font-size: 18px}
.fs19px {font-size: 19px}
.fs20px {font-size: 20px}

.fwN    {font-weight: normal}
.fwB    {font-weight: bold}

.te-center{text-align:center;}
.te-left{text-align:left;}
.te-right{text-align:right;}