* {
	/*overflow-y: scroll;*/
	margin:0px;
	padding:0px;
}


body {
	color: #222;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size:12px;
}
li img ,
dt img ,
dd img {
	vertical-align: top;
}

ul ,
li {
	list-style-type:none;
}

.contents{
width:96%;
margin:0 2%;
}
article{
width:96%;
margin:0 2%;
}


header{
width:100%;
float:left;
margin:0 auto 70px auto;
background:#0bd;

}
header .contents{
padding:20px 0;
}
header h1{
font-size:12px;
}
header h2{
font-size:20px;
color:#FFF;
text-shadow:0 0 6px #222;
font-weight:bold;
}

section{
width:100%;
float:left;
margin:0 0 60px 0;
font-size:16px;
line-height:28px;
}
section p{
margin:0 0 10px 0;
}

h3 {
    position: relative;
    padding-left: 25px;
    border-bottom: 3px solid #0bd;
    color: #666;
    font-size: 23px;
    line-height: 32px;
    margin:0 0 18px 0;
}

h3:before {
    position: absolute;
    top: -8px;
    left: 7px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    height: 12px;
    width: 12px;
    background: #8BE0FE;
    content: "";
}

h3:after {
    position: absolute;
    top: 8px;
    left: 2px;
    transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    height: 8px;
    width: 8px;
    background: #8BE0FE;
    content: "";
}


footer{
width:100%;
float:left;
background:#000;
color:#FFF;
min-height:100px;
padding:20px 0;
text-align:center;
}
footer a{
color:#FFF;
}

strong{
font-weight:bold;
background:#f0d644;
padding:2px 4px;
}


section p.imageL{
width:100%;
text-align:center;
margin:10px 0 20px 0;
}
section p.imageR{
width:100%;
text-align:center;
margin:10px 0 20px 0;
}
section p.imageS{
width:100%;
text-align:center;
margin:10px 0 20px 0;
}




section p.imageL img,
section p.imageR img,
section p.imageC img{
width:80%;
height:auto;
margin:0 10%;
}





.link{
width:100%;
box-sizing:border-box;
background:url(kochira.gif)left center no-repeat;
padding:4px 0 4px 48px;
font-size:18px;
}

#sites{
font-size:10px;
}