@charset   "Shift_JIS";

body {
	line-height: 0;
	margin: 0;
	padding: 0;
	font-family: 'Lucida Grande','Hiragino Kaku Gothic ProN',Meiryo, sans-serif;

  background-image: url("../imgs/bg.jpg"); /* 全体の背景画像 */
  background-repeat: no-repeat;            /* 背景を繰り返さない */
  background-position: 50% 50%;            /* 背景画像の位置は画面中央 */
  background-attachment:fixed;             /* 背景画像を固定する */
}

a {
   text-decoration:none;
}



#container{
      width:848px;
      margin:0 auto;
      background:white;
      padding:0;
}

.yohakuyou{
  height:20px;
}

#con_in{
  width:848px;
  background:white;
  margin:0;
  box-shadow:0px 3px 3px -1px rgba(0,0,0,0.2) inset;
}

#channel{
  width:788px;
  margin:0;
  padding:0 10px 0 10px;
  height:41px;
  background:#f4aeb6;
  position:relative;
  left:20px;
  top:10px;
  border-radius:3px; 
}

.topli{
  width:114px;
  border-left: 1px solid #f9ced3;
  border-right: 1px solid #f9ced3;
  height:35px;
  float:left;
  margin:0;
  padding:0;
  text-align:center;
  position:relative;
  top:3px;
}

.topli span{
  position:relative;
  top:18px;
  left:-1px;
  font-size:13px;
  color:white;
  width:98px;
}

.topli span:hover{
    color: #fe47fe;
}

.secli span:hover{
    color: #fe47fe;
}

.secli{
  width:111px;
  border-right: 1px solid #f9ced3;
  height:35px;
  float:left;
  margin:0;
  padding:0;
  text-align:center;
  position:relative;
  top:3px;
}

.secli span{
  position:relative;
  top:18px;
  font-size:13px;
  color:white;
  width:99px;
}

img {
	border: none;
}

ol,ul,li {
	list-style: none;
}


#head{
  width:100%;
  margin:0;
  height:65px;
  background:#F2F2F2;
  border-top: 3px solid #8c8c8c;
  border-bottom: 1px solid #e2e2e2;
  box-shadow:0px 1px 2px 1px rgba(0,0,0,0.2);
}

.head_in{
  width:848px;
  margin:0 auto;
  position:relative;
}

#contents{
  width:100%;
  margin:0;
  height:34px;
  background:#f2eada;
  box-shadow:0px 1px 2px 1px rgba(0,0,0,0.2);
border-top: 1px solid #c8c8c8;
}

.contents_in{
  width:846px;
  height:35px;
  margin:0 auto;
  padding:0;
  list-style:none;
  line-height:35px;
  border-left:1px dotted #b3bfac;
}

.contents_in li{
  width:140px;
  height:35px;
  margin:0;
  font-size:13px;
  text-align:center;
  float:left;
  color:#805933;
  border-right:1px dotted #b3bfac;
}

.contents_in li:hover{
  background:#f2deda;
  color:#805933;
}

a:visited{
  color:#805933;
}

.group_rec{
  margin: 0 auto;
  padding:0;
  margin:10px 0 0 22px;
  font-size:13px;
  font-weight:bold;
  line-height:21px;
  color:#703232;
  float:left;
  width:590px;
  
}

.group_rec span{
  font-size:17px;
}

.group_rec_tline{
  margin:10px 0 0 0;
  padding:0 0 0 10px;
  font-size:14px;
  font-weight:bold;
  line-height:21px;
  color:#703232;
  float:right;
  width:225px;
}

.clear{
    clear:both;
}

#footer{
  width:848px;
  height:100px;
  background:#F08F98;
  margin: 30px 0 0 0;
}

.footer_ch{
  width:848px;
  margin:0;
  padding:0;
  height:40px;
  position:relative;
  top:30px;
  left:34px;
}

.footer_ch li{
  float:left;
  font-size:12px;
  width:110px;
  margin:0;
  padding:8px 0 0 0;
  text-align:center;
  
  height:8px;
  border-right: 1px solid white;
}


.footer_ch a:link 
{ color: white; }

.footer_ch a:visited
{ color: white; }


.footer_ch a{
   text-decoration: none;
}

.aaaa{
  border-left: 1px solid white;
}

.copr{
  width:848px;
  
  font-size:13px;
  color:white;
  text-align:center;
  position:relative;
  top:-20px;
  margin:0;
  padding:0;
}

.side_link{
  width:200px;
  height:130px;
  margin: 10px 0 0 0;
}

#diary{
  width:200px;
  height:655px;
  position:relative;
}

.diary_head{
  width:200px;
  height:45px;
  position:absolute;
}

.yohaku{
  width:200px;
  height:10px;
}

.diary_bottom{
  width:200px;
  height:40px;
  position:absolute;
  bottom:0;
}

#twitter{
  width:200px;
  height:710px;
  position:relative;
  top:15px;
}

.tww_head{
  width:200px;
  height:50px;
  position:absolute;
  top:-2px;
}

.tww_bottom{
  width:200px;
  height:40px;
  position:absolute;
  bottom:17px;
}

.tww_in{
  width:200px;
  height:700px;
}

.rec_head{
  width:800px;
  height:165px;
  margin:0 auto;
  position:relative;
  top:30px;
}

.yoohaku{
  height:60px;
}

.ttta td{
  width:220px;
}

.atodeyaru{
  width:920px;
  margin: 50px 0 0 20px;
}


.footbnr{
  width:830px;
  height:200px;
  padding: 50px;
  margin:0 auto;
  position:relative;
  left:-10px;
}

.fs1{
  width:395px;
  height:110px;
  float:left;
  margin:0 0 0 20px;
}

.fs2{
  width:395px;
  height:110px;
  float:right;
  margin: 20px 0 0 20px;
}

.rerere{
  font-size:13px;
  line-height:20px;
  text-align:left;
  width:440px;
  margin:0 auto;
  padding: 10px 0 0 0;
  height:70px;
}

.foam{
  width:440px;
  height:35px;
  margin:0 auto;
  background:#F08893;
  border-radius: 9px;
  border: 1px solid #F08893;
  text-align:center;
  position:relative;
  box-shadow: 1px 1px 1px #e7e7e7;
}

.foam span{
  font-size:20px;
  color:white;
  font-weight:bold;
  line-height:37px;
  letter-spacing:6px;
}


#contact{
  width:800px;
  height:170px;
  margin:0 auto;
  padding: 20px 0 0 0;
}


.con_in{
  width:800px;
  margin:0 auto;
  padding:0;
}


.con_in li{
  width:395px;
  height:82px;
  float:left;
  margin:10px 0 0 0;
  padding:0;
}


#sukima{
  margin:0 0 0 10px;
}