@charset "UTF-8";



/* header */ 

header {
	margin-bottom: 0px;

}
header h1 {
	height: 120px;
	margin: 0px;
	text-indent: -5000px;
	background: #74b5e0 url(../img/sp_2/moka.png) no-repeat center top;
	-webkit-background-size: 320px 120px;
	background-size: 320px 120px;
}    


/* article */
article {
	margin: 0px 16px 0 16px;
       
}

figure {
	display: block;
	margin: 16pt 0 16pt 0;
	text-align: center;
}
figcaption {
	display: block;
}
/* nav */
ul {
	border-top: 1px solid #d6d4d3;
	list-style-type: none;
}

ul li {
	border-bottom: 1px solid #d6d4d3;
	font-family: sans-serif;
	font-size: 12pt;
	font-weight: bold;
}

nav .title a {
	text-decoration: none;
}

nav ul li a {
	display: block;
	padding: 20px 12px 20px 12px;
	background: url(../img/sp_2/link_arrow.png) no-repeat right center;
	-webkit-background-size: 14px 14px;
	background-size: 14px 14px;
	-webkit-background-origin: content-box;
	background-origin: content-box;
	color: #444444;
}

#page-top {
    position: fixed;
    bottom: 100px;
    right: 20px;
}
#page-top a {
    background: #99e726;
    opacity: 0.8;
    color: #fff;
    width: 30px;

    text-align: center;
    display: block;
    border-radius: 50px;
}
#page-top a:hover {
    background: #99e726;
    opacity: 0.4;
}


/* index.html*/
.float img {
       float: left;
       padding-right: 10pt;
       padding-top: 10pt;
       margin: 5pt 0 1pt 0;

.clear {
       clear: both;
{

.text2 {
      font-size:12px; 
      vertical-align:top;
}