/**************************************************************************************
全ブロックの共通設定
**************************************************************************************/
body{
scrollbar-face-color:#ffffff;
scrollbar-track-color:#ffffff;
scrollbar-arrow-color:#ffffff;
scrollbar-3dlight-color:#ffffff;
scrollbar-highlight-color:#ffffff;
scrollbar-shadow-color:#ffffff;
scrollbar-darkshadow-color:#ffffff;
margin:0px;
}
body,td{
color:#000000;
font-size:14px;
font-family:Verdana,sans-serif;
letter-spacing:0px;
line-height:160%;
}
br{letter-spacing:normal;}
a{text-decoration:none;}
a:link{color:#666666;}
a:visited{color: #666666;}
a:hover{color: #000000;text-decoration:line-through;}
a:active{color: #aaaaaa;}

.top{
font-size:20px;
text-align:center;
padding:30px 0px 20px 0px;
}
.title{
letter-spacing:0px;
font-size:14px;
font-weight:bold;
line-height:200%;
}
.box{
line-height:180%;
padding:0px 0px 20px 0px;
}
.ps{
width:100%;
text-align:right;
}
.page{
text-align:center;
}
.footer{
text-align:left;
padding:20px 0px 0px 0px;
}
.r{
text-align:right;
}

html {
    overflow-y: scroll;
}

/*スクロールバー全体*/
::-webkit-scrollbar {
    width: 10px;
}

/*スクロールバーの軌道*/
::-webkit-scrollbar-track {
  border-radius: 10px;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
}

/*スクロールバーの動く部分*/
::-webkit-scrollbar-thumb {
  background-color: #ffffff;
  border-radius: 10px;
  box-shadow:0 0 0 1px rgba(255, 255, 255, .3);
}

.container{
  width: 100%;
  height: 400px;
  overflow: auto;
}

.inner{
  background-image: url("http://lorempixel.com/800/800/");
  background-repeat: no-repeat;
  width:100%;
  height:800px;
}