html {
    background-color: #eee;
    width:100%;
}

body{
  /*background-color:#eee;*/
  width:100%;
}
*{
	margin:0 auto;
}

  @media screen and (max-width: 640px){
#site{
	width:1060px;
}
  }
  @media screen and (min-width: 641px){
#site{
	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%);
}
.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          :#eee;
  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;

}

.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{
color:#ccc;
text-decoration: none;
}
.navi ul a:hover{
color:#fff;
text-decoration: underline;
}
#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;

}
#audio-box{
	position:fixed;
	top:0%;
	z-index:999;
	opacity:0.1;
	width:100%;
	text-align:center;
}
#audio-box:hover{
	opacity:1.0;
}
.audio-player {
  position: relative;
  width: 300px;
  height:30px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.audio-player controls {
  position: absolute;
  top: 7px;
  left: 10px;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-size: 16px;
  color: #ececec;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
}
.comp_content{
	font-family:simsun;
	padding:10px;
  margin-top:30px;
}
.comp_content p{
	font-family:simsun;
	line-height:200%;
}
  @media screen and (max-width: 640px){
  .comp_content{
    width:90%;
  }
  }
  @media screen and (min-width: 640px){
  .comp_content{
    width:600px;
  }
  }
.exp_box{
  box-sizing:border-box;
  width:50%;
  float:left;
  padding:10px 5px;
  /*border:1px solid #555;*/
}
.exp_box p{
  box-sizing:border-box;
  font-size:14px;
  font-family:msゴシック;
  color:#444;
  line-height: 130%;
}
.list_box{
  box-sizing:border-box;
  width:50%;
  float:right;
  padding:5px;
  /*border:1px solid #555;*/
}
.zuopin_list{
  box-sizing:border-box;
  margin:0 auto;
  line-height:200%;
  width:100%;
  border-collapse: collapse;
}
.zuopin_list td{
  box-sizing:border-box;
  font-family:simsun;
  font-size:16px;
  color:#555;
  /*width:150px;*/
  padding:8px;
  text-align:left;
  border-bottom:1px solid #888;
}
/*
.zuopin_list tr td:last-child{
  text-align:right;
}*/
.zuopin_list td a{
  display:block;
  color:#600;
  font-family:simsun;
  font-size:16px;
  text-decoration: none;
  padding-left:10px;
}
.zuopin_list td span{
  font-size:16px;
  padding-right:5px;
  color:#EF7E01;
}
.zuopin_list td a:hover{
  border-bottom:1px solid #FEA94B;
  text-shadow:1px 1px 2px rgba(1,1,1,0.1);
  background-color:#F4F4F4;
}
.zuopin_list td a:hover span{
  color:#CB6B01;
}
.jp_char{
  font-family:msゴシック;
}
.bg {
    width: 18px;
    height: 18px;
    display: inline-block;
    cursor: pointer;
}
.colorBg1 {
    background-color: #444;
    color:#eee;
}
.colorBg2 {
    background-color: lavender;
}
#bg_pic {
    background-color: lavender;
    border:1px solid #444;
}
#bg_dark {
    background-color: #444;
    border:1px solid lavender;
}
.bg_adjuge{
  width:100%;
  text-align:right;
  font-family:ms-ゴシック;
  color:#444;
  font-size:12px;
  vertical-align:middle;
  text-shadow:1px 1px 0px lavender;
}