@charset 'utf-8';
/*
 * HTML5 Framework
 *
 * Copyright 2013 MKT-SYSTEM
 * Author @rnsk
 * http://mkt-system.jp/
 */

html {
    font-size: 100%;
    background: transparent;
    height: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body {
    font: normal 13px/1.5em 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Verdana, 'ＭＳ Ｐゴシック', sans-serif;
/*    font: normal 14px/1.7em 'ヒラギノ明朝 Pro', 'Hiragino Mincho Pro', 'HGS明朝E', century, 'ＭＳ Ｐ明朝', serif;*/
    background: url(bg_body.jpg) 0 0 repeat-x;
	background-color: #eee;
    height: 100%;
    color: #333;
}

h1,h2,h3,
h4,h5,h6 { margin-bottom: .75em; }

h1 { font-size: 1.17em; font-weight: bold; line-height: 1em; margin: 1em 0; }
h2 { font-size: 1.5em; font-weight: bold; margin: 0.83em 0; }
h3 { font-size: 16px; font-weight: bold; line-height: 1; margin-bottom: .75em }
h4 { font-size: 14px; font-weight: bold; line-height: 1.25; margin-bottom: 1.25em }
h5 { font-size: 12px; font-weight: bold; margin-bottom: 1.5em }
h6 { font-size: 11px; font-weight: bold }

p { margin: 0 0 0.5em }
p.last,
p:last-child { margin-bottom: 0 }
p.pagetop,
p.readmore {
    margin-bottom: 0;
    padding-right: 15px;
    text-align: right;
    font-size: 12px;
    line-height: 15px;
    background-repeat: no-repeat;
    background-position: right center;
    clear: both;
}
p.pagetop { background-image: url(../img/img_arrow_top.png); }
p.readmore { background-image: url(../img/img_arrow_right.png); }

p.pageback {
    margin-bottom: 0;
    padding-left: 15px;
    text-align: left;
    font-size: 12px;
    line-height: 15px;
    background-image: url(../img/img_arrow_left.png);
    background-repeat: no-repeat;
    background-position: left center;
    clear: both;
}

img { }

ul, ol { }
li ul,
li ol { }
ul li { }
li { }

dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dd { margin-left: 1.5em; }

abbr,
acronym { border-bottom: 1px dotted #666; }
address { margin-top: 1.5em; font-style: italic; }
del { color: #666; }
sup { font-size: 9px; vertical-align: top; }

a { color: #006abb; }
/*a:visited, a:active { color: #34a8bd; }*/
a:link, a:visited, a:active { text-decoration: none; }
a:focus, a:hover { text-decoration: underline; }

blockquote { margin: 1.5em; color: #666; font-style: italic; }
strong { font-weight: bold; }
em,dfn { font-style: italic; background: #ffc; }
dfn { font-weight: bold; }
pre,code { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 12px 'andale mono', 'monotype.com', 'lucida console', monospace; line-height: 1.5em; }
tt { display: block; margin: 1.5em 0; line-height: 1.5em; }

hr {
    border: none;
    border-top: dotted 1px #ccc;
    padding: 5px;
    clear: both;
}

/*---- General ----*/
.clear { clear: both; }
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }

.mt20 { margin-top: 20px; }
.mb20 { margin-bottom: 20px; }
.mt10 { margin-top: 10px; }
.mb10 { margin-bottom: 10px; }
.ml10 { margin-left: 10px; }
.mr10 { margin-right: 10px; }
.mt5 { margin-top: 5px; }
.mb5 { margin-bottom: 5px; }
.ml5 { margin-left: 5px; }
.mr5 { margin-right: 5px; }
.pa10 { padding: 10px; }
.pa20 { padding: 20px; }

.hide { display: none; }

.textl { text-align: left; }
.textr { text-align: right; }
.textc { text-align: center; }

.imgholder {
    display: block;
    margin: 0;
    padding: 2px;
    border: 1px solid #ccc;
    background: #fff;
}
    .imgholder img { vertical-align: bottom; }


.imgl {
    float: left;
    margin: 0 8px 8px 0;
    clear: left;
}

.imgr {
    float: right;
    margin: 0 0 8px 8px;
    clear: right;
}

.box {
    background-color: #f5fcff;
    border: 1px solid #cee3ea;
}

/** Layout **/
#wrap {
    width: 1000px;
    margin: 0 auto;
    background: url(bg_wrap.jpg) 0 0 no-repeat;
    position: relative;
}

#header {
    position: relative;
    width: 100%;
    height: 207px;
    padding: 10px 0 0 0;
    margin: 0 auto;
    color: #fff;
}
#header:after { content: '.'; display: block; height: 0; line-height: 0; clear: both; visibility: hidden; }

    #header a {
        color: #fff;
        text-decoration: none;
    }

    #header hgroup {
        width: 50%;
        float: left;
    }

    #header h1 {
        font-size: 12px;
        line-height: 15px;
        font-weight: bold;
        color: #eee;
        margin: 0;
    }

    #header h2 {
        position: relative;
        height: 56px;
        margin: 10px 0 0 0;
        font-size: 40px;
        line-height: 40px;
        background: url(img_logo.png) center left no-repeat;
    }

        #header h2 span {
            display: block;
            position: absolute;
            top: 0;
            left: 65px;
            font: bold 13px/14px Arial, Helvetica, sans-serif;
            color: #fff;
        }

        #header h2 small {
            font-size: 85%;
            color: #fff;
        }

        #header h2 a {
            position: absolute;
            top: 15px;
            left: 60px;
            color: #fff;
            font-weight: normal;
            font-family: 'Copse';
        }

#contents {
}

#main {
    margin: 30px 0 20px;
}

    #main .head {
        font-weight: normal;
        font-family: 'Copse';
        font-size: 20px;
        margin: 0 0 30px 0;
    }

        .head span {
            font-size: 70%;
            font-weight: normal;
            padding-left: 5px;
        }

    #main .subhead {
    }

#footer {
    width: 100%;
	background: #001527 url(bg_footer_repeat.jpg) 0 0 repeat-x;
	position: absolute;
	bottom: 0;
}

    #copyright {
        padding: 20px 0;
        text-align: center;
        font-size: 90%;
    }