article, aside, details, figcaption, figure, header, hgroup, menu, nav, section {
display: block;
}


img {
border:0px;
}


*リンク色の設定*/
        a:link    { color: blue; }
	a:visited { color: blue; }
	a:hover   { color: red; }
	a:active  { color: teal; }


h1 {
       font-size:0.9em;
       margin:0px;
}


#wrap {
       margin:0 auto;
       width:960px;
}


header {
border:dashed 1px #999;
padding-top:1px;
padding-bottom:1px;
padding-left:20px;
background-color:#ffffff; /*non-css3 brouser*/
background:-webkit-linear-gradient(
left,
#ffffff,#8EC84F); /*webkit*/
background:linear-gradient(
to right,
#ffffff,#8EC84F); /*IE10 & future*/
font-size:23px;
}


#mainimg {
       width:960px;
       height:350px;
       float:left;
       margin:10px 0px 15px 0px;
}


#contents {
       width:763px;
       float:left;
       background-image:url(img/4060反転multi.jpg);
}


#sidenavi {
       width:192px;
       margin-left:5px;
       float:left;
}


footer {
       clear:both;
       height:50px;
       text-align:center;
       font-size:0.85em;
       margin-top:10px;
       background-color:#8EC84F; 
       padding-top:5px;
       display:block;
}


.sidebox{
	width: 190px;
        height: 60px;
        margin:1px 0px 1px 0px;
        border:dashed 1px #999;
        background-color:#ffffff; /*non-css3 brouser*/
        background:-webkit-linear-gradient(
        left,
        #ffffff,#FCBEC1); /*webkit*/
        background:linear-gradient(
        to right,
        #ffffff,#FCBEC1); /*IE10 & future*/
        padding-top:40px;
        font-weight: bold;
	text-align:center;
        font-size:1.25em
}

.spsidebox{
	width: 190px;
        height: 60px;
        margin:1px 0px 1px 0px;
        border:dashed 1px #999;
        background-color:#ffffff; /*non-css3 brouser*/
        background:-webkit-linear-gradient(
        left,
        #ffffff,#FCBEC1); /*webkit*/
        background:linear-gradient(
        to right,
        #ffffff,#FCBEC1); /*IE10 & future*/
        padding-top:40px;
        font-weight: bold;
	text-align:center;
        font-size:0.75em;
}


.menubox {
        width: 198px;
        height: 50px;
        margin:5px 0px 5px 0px;
        border:dashed 1px #999;
	background-color:teal;
        padding-top:25px;
        font-weight: bold;
	text-align:center;
        color:white;
}


.counter {
        width: 190px;
        height: 100px;
        margin:1px 0px 1px 0px;
        border:dashed 1px #999;
        background-color:#ffffff; /*non-css3 brouser*/
        background:-webkit-linear-gradient(
        left,
        #ffffff,#FCBEC1); /*webkit*/
        background:linear-gradient(
        to right,
        #ffffff,#FCBEC1); /*IE10 & future*/
        padding-top:25px;
        font-weight: bold;
	text-align:center;
        color:#C88B8D;
}

.sidespace{
	width: 198px;
        margin:5px 0px 5px 0px;
        border:dashed 1px #dda0dd;
	text-align:center;
}


div.new{
	width: 500px;
	padding: 5px;
	font-weight: bold;
	color: #FFF;
	background-color:#f00;
	text-align:center;
}

div.new a{
	color: teal;
}

div.new a:link{
	color: teal;
}

div.new a:hover{
	color: teal;
}

div.facebook{
	width: 500px;
	padding: 5px;
	font-weight: bold;
	color: #305097;
	background-color:#fff;
	text-align:center;
	border: solid 2px #305097;
}

div.facebook.a{
	color: #305097;
}
div.facebook a:link{
	color: #305097;
}
div.facebook a:visited{
	color: #305097;
}
div.facebook a:hover{
	color: #3f729b;
}

.mb20{
	margin-bottom: 20px;
}

div.twitter{
	width: 500px;
	padding: 5px;
	font-weight: bold;
	color: teal;
	background-color:#fff;
	text-align:center;
	border: solid 2px teal;
}

div.twitter.a{
	color: teal;
}
div.twitter a:link{
	color: teal;
}
div.twitter a:visited{
	color: teal;
}
div.twitter a:hover{
	color: teal;
}

.mb20{
	margin-bottom: 20px;
}

div.instagram{
	width: 500px;
	padding: 5px;
	font-weight: bold;
	color: #C88B8D;
	background-color:#fff;
	text-align:center;
	border: solid 2px #C88B8D;
}

div.instagram.a{
	color: #C88B8D;
}
div.instagram a:link{
	color: #C88B8D;
}
div.instagram a:visited{
	color: #C88B8D;
}
div.instagram a:hover{
	color: #C88B8D;
}

.mb20{
	margin-bottom: 20px;
}

.line{
 text-decoration: underline;
}

.under1{
 background: linear-gradient(transparent 70%, #ffc037  70%);
}

html{
  scroll-behavior: smooth;
}