/*  reset */


body,div,dl,dt,dd,ul,ol,li,h2,h3,h4,h5,h6,table,th,td,dl,dt,dd,form,input,span,p{margin:0; padding:0;}


h2,h3,h4,h5,h6,th{font-weight:normal; font-style:normal; font-size:100%;}


img{vertical-align:bottom; border:0;}


table{border-collapse:collapse; border-spacing:0;}


ul,li{list-style:none;}


div{display:block;overflow:hidden;}


a{color:#696969; border:none; text-decoration:none;}


a:visited{color:#696969;}
a:hover{color:#000000;}



body{

background-color:#eeeeee;

font-size:13px;

font-family: verdana,"メイリオ","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif ;
line-height:1.5em;

}









 /*サイトタイトルテキストリンクの色*/
h1 a:link     {color:#696969;text-decoration:none;} 

/*サイトタイトル・訪問済みのリンクの色*/
h1 a:visited  {color:#696969;text-decoration:none;}  

/*サイトタイトル・クリック時のリンクの色*/ 
h1 a:active   {color:#000000;text-decoration:underline;}

/*サイトタイトル・マウスの上にカーソルがあるときのリンクの色*/  
h1 a:hover    {color:#000000;text-decoration:underline;}  


@font-face {
  font-family: 'TopSecret';

  src: url(/fonts/TSWL_Bold.eot); 

  src: url('/fonts/TSWL_Bold.ttf');

 }



#site-box {
width: 100%;

max-width: 1200px;
margin:0 auto;

}

#header {
background-color:#eeeeee;
padding: 0px 0px ;
margin: 0px 0px 0px 0px;
text-align:center;
font-family: verdana,"メイリオ","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif ;
font-size: 25px;
font-color: #696969;
font-weight:nomal;
}

#topb-box {
 background-color:#eeeeee;
 max-width: 1200px;
 margin: 0 auto;

 font-size: 35px;
 font-weight:nomal;
 padding:0 ;
 }

.tban {
 width: 100%;
 }


.NEWba {
 color: #ff0000;
 }


#title-box {
max-width: 1200px;
font-size: 35px;
font-weight:nomal;
}

.slider div {
}
.slider img {
    width: 100%;
}

.slider {
padding: 0;
max-width: 1200px;
}

.title {
width: 100%;
}


#item-box {
max-width: 1200px;
font-size: 35px;
font-weight:nomal;
  padding: 43px 0 0 0;

}

.center div {
}
.center img {
    width: 80%;
}

.center {
padding: 0;
max-width: 1200px;
}

.item {
width: 100%;
}

.sybn {
 padding: 2% 0 2% 0;
 }


#odtop-box {
 max-width: 1000px;
 margin: 0 auto;
 }

#odtop {
 max-width: 1000px;
 width: 100%;
 height: 0;
 padding-top: 75.46%;
 background-color: #eeeeee;
 background-image: url(images/sk_od01.jpg);
 background-size: contain;
 background-repeat: no-repeat;
 margin: 0 auto;
 }

.odimg {
 display: none;
 }


#tobn-bbox {
 }

#tobn-box {
 max-width: 732px;

 height: 30%;

 width: 100%;

 margin: 0 auto;

 }


.tobn {

  display: block;

  width: 50%;

  float: left;

  }



.tobn a{

  display: block;
  width: 90%;


  background-color: #696969;

  color: #eeeeee;

  text-align: center;

  margin: 3% 5% 3% 5%;

 }


.tob {
  width: 100%;
 }



/* --- メニューバー ---*/


#menu-box {
}


#menu{

  width: 100%;

  max-width: 1200px;

  margin: 0 auto;

  padding: 0;

 }


#menu li{

  display: block;

  float: left;

  width: 14.285%;

  margin: 0;

  padding: 0;
  border-bottom: 1px solid #929292;
 }



#menu li a{

  display: block;
  padding: 12px 0 10px;


  background: #eeeeee;

  color: #929292;

  text-align: center;

  text-decoration: none;

 }

#menu li.here a {
  display: block;
  padding: 12px 0 10px;


  background: #eeeeee;

  color: #000000;

  text-align: center;

  text-decoration: none;

 }



#menu li a:hover{

  background: #eeeeee;
  color: #000000;
 }



#toggle{
 
 display: none;
 
}

#menu-box2 {
 }

#menu2{

  width: 80%;

  margin: 0 auto;

  padding: 0;

  position: fixed;
  left: 10%;
 }


#menu2 li{

  display: block;

  float: left;

  width: 14.66%;

  margin: 0;

  padding: 0% 1% 0% 1%;
 }



#menu2 li a{

  display: block;
  padding: 5px 0 5px;


  background: #ffffff;

  color: #000000;

  text-align: center;

  text-decoration: none;

 }


.tbl_bdr {
  border-collapse: collapse;
  border: 1px solid #333
 }



.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
}


#ne {
}

#news-box {
 width: 94%;
 max-width: 932px;
 max-height: 500px;
 margin: 0 auto;

 padding: 1% 3% 5% 3%;
}


#sns-b {
 display: block;

 width: 47%;

 float: left;

 margin: 0 3% 0 0;

}

#news {
 display: block;

 width: 44%;

 height: 470px;
 float: left;

 margin: 0 ;

 padding: 2%;
 border: solid 3px #696969;
 overflow-y: scroll;

}





.line-box {
}


.line{

  width: 94%;

  max-width: 932px;

  margin: 0 auto;

  padding: 0% 3% 0% 3%;

 }


.line li{

  display: block;

  float: left;

  width: 50%;

  margin: 0 auto;

  padding: 0% 0% 3% 0%;

 }


.line li a{

  display: block;
  width: 100%;


  background: #eeeeee;

  color: #696969;

  text-align: left;

  text-decoration: none;

 }


.lil {
  width: 97%;
 }

.lir {
  width: 97%;
 }

.lirt {
  padding: 0% 0% 0% 3%;


 }




#gallery-box {
}


.gallery{

  width: 96%;

  max-width: 932px;

  margin: 0 auto;

  padding: 2% 2% 2% 2%;

 }

.gallery2{

  width: 96%;

  max-width: 932px;

  margin: 0 auto;

  padding: 2% 2% 0% 2%;

 }






.gallery li{

  display: block;

  float: left;

  width: 23%;

  margin: 0 auto;

  padding: 2% 1% 2% 1%;

 }

.gali{

  display: block;

  float: left;

  font-color: #C4C4C4;


  width: 23%;

  margin: 0 auto;

  padding: 2% 1% 2% 1%;

 }



.gallery li a{

  display: block;
  width: 100%;


  background: #eeeeee;

  color: #696969;

  text-align: left;

  text-decoration: none;

 }


.gcate {
  border-width: 80%; 
  border-bottom:solid 2px #C4C4C4; 
}


.gal {
  width: 100%;
 }


.popup-gallery {
  width: 94%;

  max-width: 932px;

  margin: 0 auto;

  padding: 2% 3% 2% 3%;

 }


.gall {
  width: 23%;
  padding: 2% 1% 2% 1%;

 }



#bannar-box {
 background-color:#eeeeee;
 max-width: 600px;
 margin: 0 auto;

 font-size: 35px;
 font-weight:nomal;
 padding:0 ;
 }


#foot-box {
  margin: 0;

  background: #696969;

}

#foot-box2 {
  max-width: 932px;

  margin: 0 auto;

  padding: 2% 0% 2% 0%;

  color: #C4C4C4;


}

#foot-box3 {
  max-width: 932px;

  margin: 0 auto;

  padding: 2% 0% 2% 0%;

  color: #C4C4C4;


}

.foot{

  width: 100%;

  float: left;

  margin: 0 auto;

  padding: 2% 0% 0% 0%;


 }


.fool{

  display: block;

  float: left;

  width: 33.3%;

  font-color: #C4C4C4;

}






.fol {
  width: 100%;
 }

.footun {
  border-width: 80%; 
  border-bottom:solid 1px #C4C4C4; 
  color: #C4C4C4;
}


#foot-under {
  width: 100%;

  margin: 0 auto;

  text-align: center;

  background: #3A3A3A;

  padding: 2% 0% 2% 0%;


}

.fu {
  color: #929292;
}




#inline-wrap01 {
  width: 96%;
  max-width: 600px;
  margin: 0 auto;
  background: #eeeeee;
  padding: 3% 2% 2% 2%;
 }

#inline-wrap02 {
  width: 96%;
  max-width: 600px;
  margin: 0 auto;
  background: #eeeeee;
  padding: 3% 2% 2% 2%;
 }

#inline-wrap03 {
  width: 96%;
  max-width: 600px;
  margin: 0 auto;
  background: #eeeeee;
  padding: 3% 2% 2% 2%;
 }

#inline-wrap04 {
  width: 96%;
  max-width: 600px;
  margin: 0 auto;
  background: #eeeeee;
  padding: 3% 2% 2% 2%;
 }

#inline-wrap05 {
  width: 96%;
  max-width: 600px;
  margin: 0 auto;
  background: #eeeeee;
  padding: 3% 2% 2% 2%;
 }

#inline-wrap06 {
  width: 96%;
  max-width: 600px;
  margin: 0 auto;
  background: #eeeeee;
  padding: 3% 2% 2% 2%;
 }

#inline-wrap07 {
  width: 96%;
  max-width: 600px;
  margin: 0 auto;
  background: #eeeeee;
  padding: 3% 2% 2% 2%;
 }

#inline-wrap08 {
  width: 96%;
  max-width: 600px;
  margin: 0 auto;
  background: #eeeeee;
  padding: 3% 2% 2% 2%;
 }

#inline-wrap09 {
  width: 96%;
  max-width: 600px;
  margin: 0 auto;
  background: #eeeeee;
  padding: 3% 2% 2% 2%;
 }

#inline-wrap10 {
  width: 96%;
  max-width: 600px;
  margin: 0 auto;
  background: #eeeeee;
  padding: 3% 2% 2% 2%;
 }

#inline-wrap11 {
  width: 96%;
  max-width: 600px;
  margin: 0 auto;
  background: #eeeeee;
  padding: 3% 2% 2% 2%;
 }

#inline-wrap12 {
  width: 96%;
  max-width: 600px;
  margin: 0 auto;
  background: #eeeeee;
  padding: 3% 2% 2% 2%;
 }

#inline-wrap13 {
  width: 96%;
  max-width: 600px;
  margin: 0 auto;
  background: #eeeeee;
  padding: 3% 2% 2% 2%;
 }

#inline-wrap14 {
  width: 96%;
  max-width: 600px;
  margin: 0 auto;
  background: #eeeeee;
  padding: 3% 2% 2% 2%;
 }

#inline-wrap15 {
  width: 96%;
  max-width: 600px;
  margin: 0 auto;
  background: #eeeeee;
  padding: 3% 2% 2% 2%;
 }

#inline-wrap16 {
  width: 96%;
  max-width: 600px;
  margin: 0 auto;
  background: #eeeeee;
  padding: 3% 2% 2% 2%;
 }

#inline-wrap17 {
  width: 96%;
  max-width: 600px;
  margin: 0 auto;
  background: #eeeeee;
  padding: 3% 2% 2% 2%;
 }

#inline-wrap18 {
  width: 96%;
  max-width: 600px;
  margin: 0 auto;
  background: #eeeeee;
  padding: 3% 2% 2% 2%;
 }

#inline-wrap19 {
  width: 96%;
  max-width: 600px;
  margin: 0 auto;
  background: #eeeeee;
  padding: 3% 2% 2% 2%;
 }

#inline-wrap20 {
  width: 96%;
  max-width: 600px;
  margin: 0 auto;
  background: #eeeeee;
  padding: 3% 2% 2% 2%;
 }

#inline-wrap21 {
  width: 96%;
  max-width: 600px;
  margin: 0 auto;
  background: #eeeeee;
  padding: 3% 2% 2% 2%;
 }

#inline-wrap22 {
  width: 96%;
  max-width: 600px;
  margin: 0 auto;
  background: #eeeeee;
  padding: 3% 2% 2% 2%;
 }

#inline-wrap23 {
  width: 96%;
  max-width: 600px;
  margin: 0 auto;
  background: #eeeeee;
  padding: 3% 2% 2% 2%;
 }

#inline-wrap24 {
  width: 96%;
  max-width: 600px;
  margin: 0 auto;
  background: #eeeeee;
  padding: 3% 2% 2% 2%;
 }

#inline-wrap25 {
  width: 96%;
  max-width: 600px;
  margin: 0 auto;
  background: #eeeeee;
  padding: 3% 2% 2% 2%;
 }

#inline-wrap26 {
  width: 96%;
  max-width: 600px;
  margin: 0 auto;
  background: #eeeeee;
  padding: 3% 2% 2% 2%;
 }

#inline-wrap27 {
  width: 96%;
  max-width: 600px;
  margin: 0 auto;
  background: #eeeeee;
  padding: 3% 2% 2% 2%;
 }

#inline-wrap28 {
  width: 96%;
  max-width: 600px;
  margin: 0 auto;
  background: #eeeeee;
  padding: 3% 2% 2% 2%;
 }

#inline-wrap29 {
  width: 96%;
  max-width: 600px;
  margin: 0 auto;
  background: #eeeeee;
  padding: 3% 2% 2% 2%;
 }

#inline-wrap30 {
  width: 96%;
  max-width: 600px;
  margin: 0 auto;
  background: #eeeeee;
  padding: 3% 2% 2% 2%;
 }

#inline-wrap31 {
  width: 96%;
  max-width: 600px;
  margin: 0 auto;
  background: #eeeeee;
  padding: 3% 2% 2% 2%;
 }

#inline-wrap32 {
  width: 96%;
  max-width: 600px;
  margin: 0 auto;
  background: #eeeeee;
  padding: 3% 2% 2% 2%;
 }

#inline-wrap33 {
  width: 96%;
  max-width: 600px;
  margin: 0 auto;
  background: #eeeeee;
  padding: 3% 2% 2% 2%;
 }

#inline-wrap34 {
  width: 96%;
  max-width: 600px;
  margin: 0 auto;
  background: #eeeeee;
  padding: 3% 2% 2% 2%;
 }

#inline-wrap35 {
  width: 96%;
  max-width: 600px;
  margin: 0 auto;
  background: #eeeeee;
  padding: 3% 2% 2% 2%;
 }

#inline-wrap36 {
  width: 96%;
  max-width: 600px;
  margin: 0 auto;
  background: #eeeeee;
  padding: 3% 2% 2% 2%;
 }

#inline-wrap37 {
  width: 96%;
  max-width: 600px;
  margin: 0 auto;
  background: #eeeeee;
  padding: 3% 2% 2% 2%;
 }

#inline-wrap38 {
  width: 96%;
  max-width: 600px;
  margin: 0 auto;
  background: #eeeeee;
  padding: 3% 2% 2% 2%;
 }

#inline-wrap39 {
  width: 96%;
  max-width: 600px;
  margin: 0 auto;
  background: #eeeeee;
  padding: 3% 2% 2% 2%;
 }

#inline-wrap40 {
  width: 96%;
  max-width: 600px;
  margin: 0 auto;
  background: #eeeeee;
  padding: 3% 2% 2% 2%;
 }

#inline-wrap41 {
  width: 96%;
  max-width: 600px;
  margin: 0 auto;
  background: #eeeeee;
  padding: 3% 2% 2% 2%;
 }

#inline-wrap42 {
  width: 96%;
  max-width: 600px;
  margin: 0 auto;
  background: #eeeeee;
  padding: 3% 2% 2% 2%;
 }

#inline-wrap43 {
  width: 96%;
  max-width: 600px;
  margin: 0 auto;
  background: #eeeeee;
  padding: 3% 2% 2% 2%;
 }

#inline-wrap44 {
  width: 96%;
  max-width: 600px;
  margin: 0 auto;
  background: #eeeeee;
  padding: 3% 2% 2% 2%;
 }

#inline-wrap45 {
  width: 96%;
  max-width: 600px;
  margin: 0 auto;
  background: #eeeeee;
  padding: 3% 2% 2% 2%;
 }

#inline-wrap46 {
  width: 96%;
  max-width: 600px;
  margin: 0 auto;
  background: #eeeeee;
  padding: 3% 2% 2% 2%;
 }

#inline-wrap47 {
  width: 96%;
  max-width: 600px;
  margin: 0 auto;
  background: #eeeeee;
  padding: 3% 2% 2% 2%;
 }

#inline-wrap48 {
  width: 96%;
  max-width: 600px;
  margin: 0 auto;
  background: #eeeeee;
  padding: 3% 2% 2% 2%;
 }

#inline-wrap49 {
  width: 96%;
  max-width: 600px;
  margin: 0 auto;
  background: #eeeeee;
  padding: 3% 2% 2% 2%;
 }

#inline-wrap50 {
  width: 96%;
  max-width: 600px;
  margin: 0 auto;
  background: #eeeeee;
  padding: 3% 2% 2% 2%;
 }

#inline-wrap50 {
  width: 96%;
  max-width: 600px;
  margin: 0 auto;
  background: #eeeeee;
  padding: 3% 2% 2% 2%;
 }

#inline-wrap51 {
  width: 96%;
  max-width: 600px;
  margin: 0 auto;
  background: #eeeeee;
  padding: 3% 2% 2% 2%;
 }

#inline-wrap52 {
  width: 96%;
  max-width: 600px;
  margin: 0 auto;
  background: #eeeeee;
  padding: 3% 2% 2% 2%;
 }

#inline-wrap53 {
  width: 96%;
  max-width: 600px;
  margin: 0 auto;
  background: #eeeeee;
  padding: 3% 2% 2% 2%;
 }

#inline-wrap54 {
  width: 96%;
  max-width: 600px;
  margin: 0 auto;
  background: #eeeeee;
  padding: 3% 2% 2% 2%;
 }

#inline-wrap55 {
  width: 96%;
  max-width: 600px;
  margin: 0 auto;
  background: #eeeeee;
  padding: 3% 2% 2% 2%;
 }

#inline-wrap56 {
  width: 96%;
  max-width: 600px;
  margin: 0 auto;
  background: #eeeeee;
  padding: 3% 2% 2% 2%;
 }

#inline-wrap57 {
  width: 96%;
  max-width: 600px;
  margin: 0 auto;
  background: #eeeeee;
  padding: 3% 2% 2% 2%;
 }

#inline-wrap58 {
  width: 96%;
  max-width: 600px;
  margin: 0 auto;
  background: #eeeeee;
  padding: 3% 2% 2% 2%;
 }

#inline-wrap59 {
  width: 96%;
  max-width: 600px;
  margin: 0 auto;
  background: #eeeeee;
  padding: 3% 2% 2% 2%;
 }

#inline-wrap60 {
  width: 96%;
  max-width: 600px;
  margin: 0 auto;
  background: #eeeeee;
  padding: 3% 2% 2% 2%;
 }

#inline-wrap61 {
  width: 96%;
  max-width: 600px;
  margin: 0 auto;
  background: #eeeeee;
  padding: 3% 2% 2% 2%;
 }

#inline-wrap62 {
  width: 96%;
  max-width: 600px;
  margin: 0 auto;
  background: #eeeeee;
  padding: 3% 2% 2% 2%;
 }

#inline-wrap63 {
  width: 96%;
  max-width: 600px;
  margin: 0 auto;
  background: #eeeeee;
  padding: 3% 2% 2% 2%;
 }

#inline-wrap64 {
  width: 96%;
  max-width: 600px;
  margin: 0 auto;
  background: #eeeeee;
  padding: 3% 2% 2% 2%;
 }

#inline-wrap65 {
  width: 96%;
  max-width: 600px;
  margin: 0 auto;
  background: #eeeeee;
  padding: 3% 2% 2% 2%;
 }

#inline-wrap66 {
  width: 96%;
  max-width: 600px;
  margin: 0 auto;
  background: #eeeeee;
  padding: 3% 2% 2% 2%;
 }

#inline-wrap67 {
  width: 96%;
  max-width: 600px;
  margin: 0 auto;
  background: #eeeeee;
  padding: 3% 2% 2% 2%;
 }

#inline-wrap68 {
  width: 96%;
  max-width: 600px;
  margin: 0 auto;
  background: #eeeeee;
  padding: 3% 2% 2% 2%;
 }

#inline-wrap69 {
  width: 96%;
  max-width: 600px;
  margin: 0 auto;
  background: #eeeeee;
  padding: 3% 2% 2% 2%;
 }

#inline-wrap70 {
  width: 96%;
  max-width: 600px;
  margin: 0 auto;
  background: #eeeeee;
  padding: 3% 2% 2% 2%;
 }

#inline-wrap71 {
  width: 96%;
  max-width: 600px;
  margin: 0 auto;
  background: #eeeeee;
  padding: 3% 2% 2% 2%;
 }

#inline-wrap72 {
  width: 96%;
  max-width: 600px;
  margin: 0 auto;
  background: #eeeeee;
  padding: 3% 2% 2% 2%;
 }

#inline-wrap73 {
  width: 96%;
  max-width: 600px;
  margin: 0 auto;
  background: #eeeeee;
  padding: 3% 2% 2% 2%;
 }

#inline-wrap74 {
  width: 96%;
  max-width: 600px;
  margin: 0 auto;
  background: #eeeeee;
  padding: 3% 2% 2% 2%;
 }

#inline-wrap75 {
  width: 96%;
  max-width: 600px;
  margin: 0 auto;
  background: #eeeeee;
  padding: 3% 2% 2% 2%;
 }

#inline-wrap76 {
  width: 96%;
  max-width: 600px;
  margin: 0 auto;
  background: #eeeeee;
  padding: 3% 2% 2% 2%;
 }

#inline-wrap77 {
  width: 96%;
  max-width: 600px;
  margin: 0 auto;
  background: #eeeeee;
  padding: 3% 2% 2% 2%;
 }

#inline-wrap78 {
  width: 96%;
  max-width: 600px;
  margin: 0 auto;
  background: #eeeeee;
  padding: 3% 2% 2% 2%;
 }

#inline-wrap79 {
  width: 96%;
  max-width: 600px;
  margin: 0 auto;
  background: #eeeeee;
  padding: 3% 2% 2% 2%;
 }

#inline-wrap80 {
  width: 96%;
  max-width: 600px;
  margin: 0 auto;
  background: #eeeeee;
  padding: 3% 2% 2% 2%;
 }

#inline-wrap81 {
  width: 96%;
  max-width: 600px;
  margin: 0 auto;
  background: #eeeeee;
  padding: 3% 2% 2% 2%;
 }

#inline-wrap82 {
  width: 96%;
  max-width: 600px;
  margin: 0 auto;
  background: #eeeeee;
  padding: 3% 2% 2% 2%;
 }

#inline-wrap83 {
  width: 96%;
  max-width: 600px;
  margin: 0 auto;
  background: #eeeeee;
  padding: 3% 2% 2% 2%;
 }

#inline-wrap84 {
  width: 96%;
  max-width: 600px;
  margin: 0 auto;
  background: #eeeeee;
  padding: 3% 2% 2% 2%;
 }

#inline-wrap85 {
  width: 96%;
  max-width: 600px;
  margin: 0 auto;
  background: #eeeeee;
  padding: 3% 2% 2% 2%;
 }

#inline-wrap86 {
  width: 96%;
  max-width: 600px;
  margin: 0 auto;
  background: #eeeeee;
  padding: 3% 2% 2% 2%;
 }

#inline-wrap87 {
  width: 96%;
  max-width: 600px;
  margin: 0 auto;
  background: #eeeeee;
  padding: 3% 2% 2% 2%;
 }

#inline-wrap88 {
  width: 96%;
  max-width: 600px;
  margin: 0 auto;
  background: #eeeeee;
  padding: 3% 2% 2% 2%;
 }

#inline-wrap89 {
  width: 96%;
  max-width: 600px;
  margin: 0 auto;
  background: #eeeeee;
  padding: 3% 2% 2% 2%;
 }

#inline-wrap90 {
  width: 96%;
  max-width: 600px;
  margin: 0 auto;
  background: #eeeeee;
  padding: 3% 2% 2% 2%;
 }

#inline-wrap91 {
  width: 96%;
  max-width: 600px;
  margin: 0 auto;
  background: #eeeeee;
  padding: 3% 2% 2% 2%;
 }

#inline-wrap92 {
  width: 96%;
  max-width: 600px;
  margin: 0 auto;
  background: #eeeeee;
  padding: 3% 2% 2% 2%;
 }

#inline-wrap93 {
  width: 96%;
  max-width: 600px;
  margin: 0 auto;
  background: #eeeeee;
  padding: 3% 2% 2% 2%;
 }

#inline-wrap94 {
  width: 96%;
  max-width: 600px;
  margin: 0 auto;
  background: #eeeeee;
  padding: 3% 2% 2% 2%;
 }

#inline-wrap95 {
  width: 96%;
  max-width: 600px;
  margin: 0 auto;
  background: #eeeeee;
  padding: 3% 2% 2% 2%;
 }

#inline-wrap96 {
  width: 96%;
  max-width: 600px;
  margin: 0 auto;
  background: #eeeeee;
  padding: 3% 2% 2% 2%;
 }

#inline-wrap97 {
  width: 96%;
  max-width: 600px;
  margin: 0 auto;
  background: #eeeeee;
  padding: 3% 2% 2% 2%;
 }

#inline-wrap98 {
  width: 96%;
  max-width: 600px;
  margin: 0 auto;
  background: #eeeeee;
  padding: 3% 2% 2% 2%;
 }

#inline-wrap99 {
  width: 96%;
  max-width: 600px;
  margin: 0 auto;
  background: #eeeeee;
  padding: 3% 2% 2% 2%;
 }

#inline-wrap100 {
  width: 96%;
  max-width: 600px;
  margin: 0 auto;
  background: #eeeeee;
  padding: 3% 2% 2% 2%;
 }

#inline-wrap101 {
  width: 96%;
  max-width: 600px;
  margin: 0 auto;
  background: #eeeeee;
  padding: 3% 2% 2% 2%;
 }

#inline-wrap102 {
  width: 96%;
  max-width: 600px;
  margin: 0 auto;
  background: #eeeeee;
  padding: 3% 2% 2% 2%;
 }

#inline-wrap103 {
  width: 96%;
  max-width: 600px;
  margin: 0 auto;
  background: #eeeeee;
  padding: 3% 2% 2% 2%;
 }

#inline-wrap104 {
  width: 96%;
  max-width: 600px;
  margin: 0 auto;
  background: #eeeeee;
  padding: 3% 2% 2% 2%;
 }

#inline-wrap105 {
  width: 96%;
  max-width: 600px;
  margin: 0 auto;
  background: #eeeeee;
  padding: 3% 2% 2% 2%;
 }



.ims {
  width: 100%;
  max-width: 600px;

 }

.ims2 {
  width: 100%;
  height: 100%;
  max-width: 500px;

  max-height: 700px;

 }

#cateRING {
  margin-top: -50px; /* 固定ナビの高さ分のネガティブマージン */ 
  padding-top: 50px; /* 打ち消し用のパディング */
 }

#cateNECK {
  margin-top: -50px;
  padding-top: 50px;
 }

#catePIE {
  margin-top: -50px;
  padding-top: 50px;
 }

#cateBRAC {
  margin-top: -50px;
  padding-top: 50px;
 }

#cateOTH {
  margin-top: -50px;
  padding-top: 50px;
 }

#cateNEW {
  margin-top: -50px;
  padding-top: 50px;
 }


#cateNOB {
  margin-top: -50px;
  padding-top: 50px;
 }


#main-box {
 }

#main {
 max-width: 1000px;
 width:100%;
 margin: 3%;
 float: center;

 }

.mainsy1 {
 font-size:25px;
 line-height: 130%;
 }

.mainsy {
 font-size:20px;
 line-height: 130%;
 }

.Ybutton {
 width:20%;
 }

#spbanner {
 }

#dfbanner {
 max-width: 700px;
 margin: 0 auto;
 float: center;

 padding: 0 0 2% 0 ;

 }

.itemsyleft {
  display: block;

  float: left;

  width: 70%;

  margin: 0 auto;

  padding: 1% 0 0 0 ;

 }

.itemsyleft a{

  display: block;
  width: 100%;


  background: #eeeeee;

  color: #696969;

  text-align: left;

  text-decoration: none;

 }


.itemsyright {
  display: block;

  float: left;

  width: 30%;

  margin: 0 auto;

  padding: 5% 0 0 0;

 }


.itemsyright a{

  display: block;
  width: 100%;


  background: #eeeeee;

  color: #696969;

  text-align: left;

  text-decoration: none;

 }

.itemyb {
 width:100%;
 }













/* --- タブレット想定 ---*/



@media only screen and (max-width: 768px) {



    #menu li{

    width: 33.333333%;

    border-bottom: 1px solid #929292;

  }



#menu li.spsp a {
    width: 300%;

  }


.gallery-box {
}


.gallery{

  width: 96%;

  max-width: 932px;

  margin: 0 auto;

  padding: 2% 2% 2% 2%;

 }


.gali{

  display: block;

  float: left;

  width: 29.333333%;

  margin: 0 auto;

  padding: 2% 2% 2% 2%;

  font-size: 11px;
 }



.gallery li a{

  display: block;
  width: 100%;


  background: #eeeeee;

  color: #696969;

  text-align: left;

  text-decoration: none;

 }

.gal {
  width: 100%;
 }


.mainsy1 {
 font-size:20px;
 line-height: 120%;
 }

.mainsy {
 font-size:17px;
 line-height: 160%;
 }

.Ybutton {
 width:30%;
 }



 }








/* --- スマホ想定 ---*/


@media only screen and (max-width: 480px) {

#title-box {
padding: 0% 0% 3% 0%;
max-width: 1200px;
font-size: 35px;
font-weight:nomal;
}

  

  #menu{

    display: none;

  }

  #menu li{

    width: 100%;

  }


#menu li.spsp a {
    width: 100%;

  }



#menu2{

  width: 100%;

  margin: 0 auto;

  padding: 0;

  position: fixed;
  left: 0%;
 }

#menu2 li a{

  display: block;
  padding: 0;


  background: #ffffff;

  color: #000000;

  font-size: 9px;
  text-align: center;

  text-decoration: none;

 }

  #toggle{

    display: block;

    position: relative;

    width: 100%;

    background: #696969;

  }

  #toggle a{

    display: block;

    position: relative;

    padding: 12px 0 10px;

    border-bottom: 1px solid #929292;

    color: #eeeeee;

    text-align: center;

    text-decoration: none;

  }

  #toggle:before{

    display: block;

    content: "";

    position: absolute;

    top: 50%;

    left: 10px;

    width: 20px;

    height: 20px;

    margin-top: -10px;

    background: #eeeeee;

  }

  #toggle a:before, #toggle a:after{

    display: block;

    content: "";

    position: absolute;

    top: 50%;

    left: 10px;

    width: 20px;

    height: 4px;

    background: #696969;

  }

  #toggle a:before{

    margin-top: -6px;

  }

  #toggle a:after{

    margin-top: 2px;

  }



#ne {
}

#news-box {
 width: 100%;
 max-height: 630px;
 margin: 0 auto;

}

#sns-b {
 width: 100%;

 margin: 0 auto;

}

#news {
 width: 90%;

 height: 100px;
 margin: 2% 2% 2% 2%;

 padding: 2%;
 border: solid 3px #696969;
 overflow-y: scroll;

}



.line-box {
}


.line{

  width: 100%;

  margin: 0 auto;

  padding: 0% 0% 0% 0%;

 }


.line li{

  display: block;

  float: left;

  width: 90%;

  margin: 0 auto;

  padding: 5% 5% 0% 5%;

 }


.line li a{

  display: block;
  width: 100%;


  background: #eeeeee;

  color: #696969;

  text-align: center;

  text-decoration: none;

 }





.lil {
  width: 100%;
 }

.lir {
  width: 100%;
 }

.lirt {
  padding: 0% 0% 0% 0%;


 }

.gallery-box {
}


.gallery{

  width: 100%;

  margin: 0 auto;

  padding: 5% 0% 0% 0%;

 }


.gali{

  display: block;

  float: left;

  width: 46%;

  margin: 0 auto;

  padding: 5% 2% 0% 2%;

  font-size: 8px;
 }


.gallery li a{

  display: block;
  width: 100%;


  background: #eeeeee;

  color: #696969;

  text-align: center;

  text-decoration: none;

 }


#foot-box {
  margin: 5% 0% 0% 0%;

  background: #696969;

}

#foot-box2 {
  max-width: 932px;

  margin: 0 auto;

}

#foot-box3 {
  max-width: 932px;

  margin: 0 auto;

}

.foot{

  width: 100%;

  float: left;

  margin: 0 auto;

  padding: 2% 0% 0% 0%;


 }


.fool{

  display: block;

  float: left;

  width: 50%;

  font-color: #C4C4C4;

}



.fol {
  width: 100%;
 }

.footun {
  border-width: 80%; 
  border-bottom:solid 1px #C4C4C4; 
}


#foot-under {
  width: 100%;

  margin: 0 auto;

  text-align: center;

  background: #3A3A3A;

  padding: 2% 0% 2% 0%;


}

.fu {
  color: #929292;
}


#cateRING {
  margin-top: -20px; /* 固定ナビの高さ分のネガティブマージン */ 
  padding-top: 20px; /* 打ち消し用のパディング */
 }

#cateNECK {
  margin-top: -20px;
  padding-top: 20px;
 }

#catePIE {
  margin-top: -20px;
  padding-top: 20px;
 }

#cateBRAC {
  margin-top: -20px;
  padding-top: 20px;
 }

#cateOTH {
  margin-top: -20px;
  padding-top: 20px;
 }


.mainsy1 {
 font-size:15px;
 line-height: 120%;
 }

.mainsy {
 font-size:12px;
 line-height: 160%;
 }

.Ybutton {
 width:50%;
 }

.itemsyleft p{

  display: block;
  width: 100%;


  background: #eeeeee;

  color: #696969;

  font-size:10.5px;
  text-align: left;

  text-decoration: none;

 }

#odtop-box {
 }

#odtop {
 width: 100%;
 height: 0;
 padding-top: 75.46%;
 background-color: #eeeeee;
 background-image: url(images/sk_od03.jpg);
 background-size: contain;
 background-repeat: no-repeat;
 margin: 0 auto;
 }

.odimg {
 display: none;
 }


.tobn a{

  display: block;
  width: 90%;


  background-color: #696969;

  color: #eeeeee;

  font-size: 10px;
  text-align: center;

  margin: 3% 5% 3% 5%;

 }


.NEWba {
 width: 12%;
 }


}



h1 {
font-size:25px;
font-weight:lighter;
font-color:#696969;
font-family: 'TopSecret',verdana,"メイリオ","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif ;
}

h1 a img {

 vertical-align: middle;

 border: 0;

 margin: 0px 5px 0px 10px;

}