@charset 'UTF-8';
/*
date : 2012-2

+ Text
+ List
+ Anchor
+ Table
+ Form
+ Others
*/
/*----------------------------------------
	font-size
------------------------------------------
Font-size list (base: 13px)
 62% =  8px
 70% =  9px
 77% = 10px
 85% = 11px        162% = 21px        239% = 31px
 93% = 12px        170% = 22px        247% = 32px
100% = 13px        177% = 23px        254% = 33px
108% = 14px        185% = 24px        262% = 34px
116% = 15px        193% = 25px        270% = 35px
124% = 16px        200% = 26px        277% = 36px
131% = 17px        208% = 27px        285% = 37px
139% = 18px        216% = 28px        293% = 38px
147% = 19px        224% = 29px        300% = 39px
154% = 20px        231% = 30px        308% = 40px
*/
/* Don't Edit */
*
{
    font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; 
    font-style: normal;

    margin: 0;
    padding: 0;
}

html
{
    font-size: 62.5%;
}

body
{
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.6;

}

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

/*----------------------------------------
	Text
----------------------------------------*/
h1
{
    font-size: 20px;
    font-size: 2rem;

    margin-bottom: 10px;
}

h2
{
    font-size: 18px;
    font-size: 1.8rem;

}

h3
{
    font-size: 16px;
    font-size: 1.6rem;

    margin-bottom: 10px;
}

h4
{
    font-size: 14px;
    font-size: 1.4rem;

    margin-bottom: 1em;
}

h5
{
    font-size: 13px;
    font-size: 1.3rem;

    margin-bottom: 10px;
}

h6
{
    font-size: 12px;
    font-size: 1.2rem;

    margin-bottom: 10px;
}

pre
{
    font-family: 'ＭＳ-Ｐ ゴシック' , Osaka, Arial, Helvetica, sans-serif;
    line-height: 1.9; 

    overflow: scroll;

    margin: 1.5em 25px;
    padding: 1em;
}

blockquote
{
    margin: 1.5em 1px;

    color: #77471c;
    border: 5px solid #9f998f;
    background-color: #f5f5f5;
    background-repeat: repeat-x;
    background-position: left bottom;
}

blockquote[title]::before
{
    font-weight: bold; 

    display: block;

    padding: .2em 10px .4em 10px;

    content: attr(title);

    color: #fff;
    background-color: #9f998f;
}

blockquote[cite]::after
{
    font-size: 85%; 

    display: block;

    margin: .5em 10px;

    content: attr(cite);
    text-align: right;
}

blockquote *
{
    color: #333 !important;
}

em
{
    color: #000;
}

pre em
{
    font-weight: bold;

    background-image: none;
}

q
{
    text-decoration: underline;
}

cite
{
    display: block;

    text-align: right;
}

kbd
{
    font-family: 'Osaka|', monospace;

    padding: 0 .4em;

    text-transform: uppercase;

    border: 1px solid #6a8eaa; 
    background-color: #f5f5f5;
}

del
{
    text-decoration: line-through;
}

ins
{
    display: block;

    margin: 2em 1px;
    padding: 1px 0;

    text-decoration: none; 

    border: 7px solid #3cadd6;
    border-top: 10px solid #3cadd6;
    border-bottom: 10px solid #3cadd6;
}

ins *
{
    color: #666 !important;
}

abbr,
acronym
{
    cursor: help; 

    border-bottom: 1px dotted #aaa;
}

/*----------------------------------------
	List
----------------------------------------*/
ol li
{
    margin-left: 1.5em;
}

li,
dt,
dd
{
    font-size: 100%;

    list-style-position: outside; 
    list-style-type: none;
}

ol li
{
    list-style: decimal;
}

/* Opera Hack */
html:first-child li
/*
html:first-child dt,
html:first-child dd
*/
{
    font-size: 1em;
}

dt
{
    font-weight: bold;
}

li li,
li p,
li pre,
li dt,
li dd,
dd li,
dd p,
dd pre,
dd dt,
dd dd
{
    font-size: 100% !important;
}

/*----------------------------------------
	Anchor
----------------------------------------*/
a
{
    text-decoration: none; 

    color: #003487;
}
a:hover
{
    text-decoration: none; 

    color: #0f2547;
}

/*----------------------------------------
	Table
----------------------------------------*/
table
{
    width: 100%;

    border-collapse: collapse;
}

/*----------------------------------------
	Form
----------------------------------------*/
form
{
    font-family: Arial, Helvetica, sans-serif;
}

fieldset,
legend
{
    border: none;
}

legend
{
    display: none;
}

input[type=text],
textarea
{
    padding: .2em;

    border: 1px solid #d1d1d1;
    background-color: #fff;
}

input
{
    line-height: 1.2;
}

select,
input,
textarea,
button
{
    font-family: 'ＭＳ Ｐゴシック', arial, helvetica, clean, sans-serif;

    position: relative;
    top: 0; 

    vertical-align: middle;

    *margin-right: 3px;
}

input[type='checkbox'],
input[type='radio']
{
    top: -1px;
    top: 0\9;

    margin-right: 2px;
    margin-right: 0\9; 

    border: none;
}

input[type=text]:focus,
textarea:focus
{
    border: 1px solid #069;
    background-color: #fff;
}

input.button
{
    padding: 0;

    vertical-align: top; 

    border: none;
    background-image: none;
}

/*----------------------------------------
	Others
----------------------------------------*/
img
{
    vertical-align: bottom; 

    border: none;
}

hr
{
    border: none;
    border-top: 1px dotted #ccc;
}

img.alignleft
{
    float: left; 

    width: 30%;
    height: auto;
    margin-right: 20px;
}

img.alignright
{
    float: right; 

    width: 30%;
    height: auto;
    margin-left: 20px;
}

img.alignnone
{
    display: block;

    width: 70%;
    height: auto; 
    margin: 0 auto;
}

img.aligncenter
{
    display: block;

    width: 100%;
    height: auto; 
    margin: 0 auto 40px;
}

p
{
    margin-bottom: 0px;
}

.txt_r
{
    text-align: right;
}

.txt_c
{
    text-align: center;
}