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;
}

#site-box {
  margin : 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;
}

#foot-box {
  clear: both;
  width : 100%;
  background-color : #444;
  color:#eee;
  font-size: 12px;
  text-align: center;
  padding-bottom: 5px;
  padding-top : 5px;
border-top:1px solid #880000;
}
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%;
        }
        .txtshadow{
          font-size:20px;
        }
        .txtshadow > a{
          font-size:20px;
        }
}
@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%;
    }

}