/* --------------------------------------------------------------------------
   body
   -------------------------------------------------------------------------- */
html,body,header,footer,div,h3,h2,h1,img,ul,li,dt,dd,dl{
    margin:0;
    padding:0;
}

p,h1,h2,h3,dt,dd{
    font-family:'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ Pro W3','メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
    letter-spacing: 1.1px;
}




/* --------------------------------------------------------------------------
   contents
   -------------------------------------------------------------------------- */
#contents{
    width:100%;
}

header{
    height:36px;
    position:relative;
    border-bottom: 4px solid #e4e4e4;
    width:100%;
}

header:after {
	content:"";
	display:block;
	clear:both;
}

#logos{
    float: left;
}


#scrollBtn{
    position:absolute;
    top:0;
    right:0;
}

#contents .mainImage{
    width:100%;
}

#contents .ttl{
    margin-top:-6px;
    margin-bottom: 10px;
    padding:16px 0;
    text-align: center;
    background:#091e4a;
}
#contents .ttl p{
    font-size:0.7em;
    color:#fff;
    display:inline;
    background-size: contain;
    font-weight: bold;
}

#contents dl{
    margin-bottom:50px;
}

#contents dt{
    margin:0 10px;
    padding:7px;
    background-color:#091e4a;
    background-image:url(../img/icon_arrow_under.png);
    background-repeat: no-repeat;
    background-size:contain;
    background-position:right;
    text-align: center;
    
    color:#fff;
    border-radius: 30px;
    font-weight: bold;
}

#contents dt p{
    display:inline;
}

#contents dd{
    padding:10px 0 10px 12px;
}

#contents dd span{
    padding-left:25px;
    background:url(../img/icon_list.png) no-repeat;
    background-size:contain;
}

#contents dd a{
    color:#091e4a;
    border-bottom:1px solid #091e4a;
	text-decoration: none;
}



footer{
    padding:20px 0;
    background:#333333;
    font-size:10px;
    color:#fff;
    text-align: center;
}