html{
	scroll-behavior:smooth;
}
.bd{
    background: radial-gradient(#FFFFFF,#fafafa,#f4f4f4,#D4D2D2);
    width: 740px;
    margin: 0 auto;
    font-size: 20px;
    font-family: YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
    color: rgb(68, 68, 68);
}
.side{/*ここではサイドバーを固定している*/
    width: 740px;
    height: 205px;
    background: url("../img/header.png")no-repeat;
    margin-top: -30px;
}
#navlogo{
    background: url("../img/studiocruch2.png")no-repeat;
    position: relative;
    top: 5px;
    width: 389px;
    height: 61px;
    margin: 30px 0 0 20px;;
}
.linknav{
    margin-top: -70px;
    padding: 0;
	list-style-type:none;
}
nav ul{
    font-size: 0;
}
nav ul div{
	margin: 80px 0;
    display: inline-block;
}
.home a{
    background: #3404FA;
    color: white;
    text-align: center;
    font-size:22px;
    text-decoration: none;
    width: 96px;
    height: 60px;
    padding: 32px 20px 0;
    margin: 0 5px 0 5px;
    border: 3px solid #3404FA;
    -webkit-box-shadow:0px 0px 0px 1px #ffffff inset;
    -moz-box-shadow:0px 0px 0px 1px #ffffff inset;
    box-shadow:0px 0px 0px 1px #ffffff inset;
    display: block;
}
.service a{
    background: #264789;
    color: white;
    text-align: center;
    font-size:22px;
    text-decoration: none;
    width: 96px;
    height: 60px;
    padding: 32px 20px 0;
    margin: 0 5px 0 0;
    border: 3px solid #264789;
    -webkit-box-shadow:0px 0px 0px 1px #ffffff inset;
    -moz-box-shadow:0px 0px 0px 1px #ffffff inset;
    box-shadow:0px 0px 0px 1px #ffffff inset;
    display: block;
}
.outline a{
    background: #264789;
    color: white;
    text-align: center;
    font-size:22px;
    text-decoration: none;
    width: 96px;
    height: 60px;
    padding: 32px 20px 0;
    margin: 0 5px 0 0;
    border: 3px solid #264789;
    -webkit-box-shadow:0px 0px 0px 1px #ffffff inset;
    -moz-box-shadow:0px 0px 0px 1px #ffffff inset;
    box-shadow:0px 0px 0px 1px #ffffff inset;
    display: block;
}
.profile a{
    background: #264789;
    color: white;
    text-align: center;
    font-size:22px;
    text-decoration: none;
    width: 96px;
    height: 60px;
    padding: 32px 20px 0;
    margin: 0 5px 0 0;
    border: 3px solid #264789;
    -webkit-box-shadow:0px 0px 0px 1px #ffffff inset;
    -moz-box-shadow:0px 0px 0px 1px #ffffff inset;
    box-shadow:0px 0px 0px 1px #ffffff inset;
    display: block;
}
.contact a{
    background: #264789;
    color: white;
    text-align: center;
    font-size:22px;
    text-decoration: none;
    width: 96px;
    height: 60px;
    padding: 32px 20px 0;
    margin: 0 5px 0 0;
    border: 3px solid #264789;
    -webkit-box-shadow:0px 0px 0px 1px #ffffff inset;
    -moz-box-shadow:0px 0px 0px 1px #ffffff inset;
    box-shadow:0px 0px 0px 1px #ffffff inset;
    display: block;
}
.facebook{
    width: 30px;
    height: 30px;
    position: relative;
    margin: -240px 0 0 690px;
}
#facebook{
    background: url("../img/facebook.png") no-repeat;
    width: 30px;
    height: 30px;
}
.main{
    margin-top: 40px;
	box-sizing: border-box;
	padding: 0;
}
#toplogo{
    background: url("../img/mainlogo.png") no-repeat;
    filter: drop-shadow(5px 5px 5px rgba(63, 63, 63, 0.6));
    margin: 50px auto 0;
	width: 650px;
	height: 631px;
    animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
}
    
@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}
    
@-webkit-keyframes fadeIn {
     0% {opacity: 0}
    100% {opacity: 1}
}
.toplogo{
    display: none;
}
.welcome{
    margin: 80px 0 70px 0;
    color: rgb(116, 116, 116);
    text-align: center;
}
.youkoso1{
    font-size: 30px;
    filter: drop-shadow(2px 2px 2px rgba(63, 63, 63, 0.6));
    opacity: 0;
    animation: fadeIn 3s ease 0.5s 1 forwards;
    -webkit-animation: fadeIn 3s ease 0.5s 1 forwards;
}
    
@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}
    
@-webkit-keyframes fadeIn {
     0% {opacity: 0}
    100% {opacity: 1}
}
.youkoso2{
    font-size: 50px;
    filter: drop-shadow(2px 2px 2px rgba(63, 63, 63, 0.6));
    opacity: 0;
    animation: fadeIn 3s ease 1s 1 forwards;
    -webkit-animation: fadeIn 3s ease 1s 1 forwards;
}
    
@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}
    
@-webkit-keyframes fadeIn {
     0% {opacity: 0}
    100% {opacity: 1}
}
.fukidashi{
    background: url("../img/fukidashi.png") no-repeat;
    width: 202px;
    height: 100px;
    filter: drop-shadow(2px 2px 2px rgba(63, 63, 63, 0.6));
    margin-left: 20px;
    margin-bottom: -20px;
}
.cruchblog a{
    width: 550px;
    height: 235px;
    background: url("../img/cruchblog.png") no-repeat;
    margin: 0 auto 50px;
    display: block;
}
.cruchblog a:hover {
    background-position: 0 -235px;
} 
.whatsnews{
    text-indent:100%;
    white-space:nowrap; 
    overflow:hidden;
    text-align: center;
    background: url("../img/whatsnews.png")no-repeat;
    width: 228px;
    height: 43px;
    margin: 0 auto 10px;
}
.newsbox{
    width: 630px;
    height: 110px;
    margin: 0 auto 0;
    background: -webkit-repeating-linear-gradient(-45deg, #fcfbfb, #ffffff 3px,#ffffff 3px, #ffffff 7px);
    background: repeating-linear-gradient(-45deg, #3a3a3a, #292929 3px,#313131 3px, #1f1f1f 7px);
}
.news{
    height: 100px;
    width: 600px;
    font-size: 22px;
    color: white;
    overflow: auto;
    margin: 0 auto 30px;
    padding-right: 20px;
}
.news dl::after{
	content: "";
    clear: both;
    display: block;
}
.news dl dt{
	float: left;
	clear: both;
}
.news dl dd{
	padding: 0 0 10px 150px;
	margin: 0 50px 10px 30px;
	border-bottom: dotted 1px #CCC;
}
.news dt{
    margin-left: 40px;
}

/*スクロールバーの横幅指定*/
.news.deco::-webkit-scrollbar {
    width: 15px;
}
/*スクロールバーの背景色・角丸指定*/
.news.deco::-webkit-scrollbar-track {
    border-radius: 10px;
    background: #f2f2f2;
}
/*スクロールバーの色・角丸指定*/
.news.deco::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background:#292929;
}
.footer{
    clear: both;
    background: url("../img/footer.png");
    margin-top: 30px;
    height: 78px;
    width: 740px;
    color: white;
}
footer div p{
    font-size: 20px;
    padding-top: 40px;
    text-align: center;
}