html,body {
  background-attachment: fixed;
    /*background-image: url("../images/background_img1.gif");*/
    background-repeat: repeat;
    background-color:#f4f4f2;
    width:100%;
}

*  {
          box-sizing:border-box;
          font-size:16px;
          padding : 0px ;
          margin : 0px auto;
          line-height:150%;
}

#site-box {
	margin-top : 0px auto;
	text-align : center;
  width:100%;
}

#head{
        width            :100%;
        color            :#444;
        text-align       :left;
        background-color :#666;
        background-size  :cover;
        background-repeat: no-repeat;
        padding          :15px 0px;
        border-bottom:1px solid #800;
        border-top:1px solid #800;
        background-image:
        -webkit-linear-gradient(top,#616161 0%,#444 100%);
        background-image:
        -moz-linear-gradient(top,#616161 0%,#444 100%);
        background-image:
        -ms-linear-gradient(top,#616161 0%,#444 100%);
}
.head_title ul {
    display: inline-block;
    /*/display: block; /* IE対策 */
    /*zoom: 1;  IE対策 */
    margin-top:5px;
}

.head_title ul li {
    float: left;
    list-style: none;
    font-size:24px;
    border:0px solid #fff;
    padding-left: 20px;
    text-align:center;
    vertical-align: middle;
  color:#eee;
}
.txtshadow{
  font-weight:normal;
  font-size:24px;
  color:#eee;
  text-shadow:3px 3px 3px rgba(1,1,1,0.3);
}
.txtshadow > a{
  font-family    :Consolas;
  text-decoration: none;
  font-size:24px;
  color:#FF9911;
  text-shadow:3px 3px 3px rgba(1,1,1,0.3);
}
.txtshadow > a:hover{
  text-decoration: underline;
  color          :#fff;
}
.navi{
float:right;margin-right:10px;vertical-align:middle;display:inline;
}
.navi ul {
    display: inline-block;
    /*/display: block; /* IE?΍?*/
    /*zoom: 1;  IE?΍?*/
    margin-top:5px;
    width:100%;
}

.navi ul li {
    float: left;
    list-style: none;
    font-size:14px;
    border:0px solid #fff;
    padding-left: 20px;
    text-align:center;
    vertical-align: middle;
  color:#eee;
}
.navi ul li span{
  color:#eee;
}

.navi ul a{
font-size:14px;
color:#ccc;
text-decoration: none;
}
.navi ul a:hover{
color:#fff;
text-decoration: underline;
}
#content{
  border-top-width: 0px;
  border-top-style : none;

  width : 100%;
  margin-top : 0px;


  border-left-style : solid;
  border-right-style : solid;
  border-left-color : #a87651;
  border-right-color : #a87651;
  border-left-width : 0px;
  border-right-width : 0px;
  border-bottom-width : 0px;
  border-bottom-style : solid;
  border-bottom-color : #a87651;
}
#video_list {
  width:80%;text-align:left;line-height:150%;font-size:14px;
}

#video_list img{
  width:250px;
}
#video_list td a{
  font-size:14px;
}
#foot-box {
	clear: both;
	width : 100%;
	background-color : #d7bcae;
	font-size: 12px;
	text-align: center;
	padding-bottom: 5px;
  padding-top : 5px;

  border-top-style : none;

}
p {
          font-size: 16px;
		  line-height: 150%;
		  color:#655034;
}
h1 {
          font-size: 22px;
}

@media screen and (max-width: 768px){
        #content-box {
          width      : 95%;
        }
        ##content-box　{
          width:98%;
        }
        #right-box{
          display:none;
        }
        .txtshadow{
          font-size:20px;
        }
        .txtshadow > a{
          font-size:20px;
        }
        #video_list {
          width:100%;
        }
        #video_list img{
          width:100px;
        }
}
@media screen and (max-width: 480px){
        .head_title ul li:first-child {
            width:100%;
            text-align:left;
            line-height:200%;
            font-size:18px;
        }
        .head_title ul li:nth-child(2) {
            width:100%;
            text-align:center;
            line-height:200%;
            font-size:26px;
        }
        .head_title ul li:first-child a {
            font-size:18px;
        }
        .head_title ul li:nth-child(2) a {
            font-size:26px;
        }
        .navi{
        width:100%;
        }
        .navi ul li {
        width:100%;
        text-align:left;
        line-height:200%;
        }
        #video_list {
          width:100%;
        }
        #video_list img{
          width:50px;
        }
}