B@charset "utf-8";

/* =Reset default browser CSS.
Based on work by Eric Meyer:http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{border:0;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;margin:0;outline:0;padding:0;vertical-align:baseline;}
:focus{outline:0;}

ol, ul{list-style:none;}
table{border-collapse:separate;border-spacing:0;}
caption, th, td{font-weight:normal;text-align:left;}
blockquote:before, blockquote:after,q:before, q:after{content:"";}
blockquote, q{quotes:"" "";}
a img{border:0;}
figure{margin:0}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block;}
/* -------------------------------------------------------------- */

body{
    color:#555;
    font-size:13px;
    font-family:verdana,"ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
    line-height:1.5;
    -webkit-text-size-adjust:100%;
    background:#deeaf6;
}


/* リンク設定
------------------------------------------------------------*/
a{color:#6caefe;text-decoration:none;}
a:hover{color:#488fdd;}
a:active, a:focus {outline:0;}


/* 全体
------------------------------------------------------------*/
#wrapper{
    margin:0 auto;
    padding:0 1%;
    position:relative;
    width:960px;
}

.inner{
    margin:0 auto;
    width:100%;
    text-align: left;
}

ul li{
    line-height: 1.8em;
}


/*************
/* ヘッダー
*************/
#header{
    height:500px;
    text-align: center;
}

#header h1{
    padding:5px 0 10px;
    font-size:12px;
    font-weight:normal;
}
#main {
    width:800px;
    background-image: url(mainbg.PNG);
    background-repeat: no-repeat;
    background-position: 40px 0px;}


.parent {
    position: relative;
    height: 550px;
}
.child1 {
    position: absolute;
    top: 110px;
    left: 160px;
    width: 500px;
}
.child2 {
    position: absolute;
    top: 150px;
    right: 8px;
    width: 146px;

}
.access {
    margin-top: 80px;
    width:90%;
    margin-left: 160px;
    align-content: center;
    
}

.r10{
    padding-right:10px;   
}
.box {
   padding-left:10px;
}