@charset "UTF-8";

h1, h2, h3, h4, h5, h6, p, address, ul, ol, li, dl, dt, dd, table, caption, th, td, img, form, div{
 font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
 color:#333;
 list-style-type: none;
 line-height:1.4;
}

img{
 vertical-align: bottom;
}

p{
 margin-bottom: 20px;
}

.text-right{
 text-align: right;
}

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

a:hover{
 color:#fff;
 text-decoration:underline;
 cursor: pointer;
}

.bold{
 font-weight: bold;
}

html,body{
 height:100%;
}

body{
 background-color: #000;/*20140321亀甲*/
 font-size: 12px;
 margin: 0;
 width: 100%;
 letter-spacing: 2;
 overflow-x: hidden;
 text-align: center;
}


#loading {
 display: none;
 position: fixed;
 _position: absolute; /* IE6対策 */
 text-align: center;
 width: 100%;
 height: 100%;
 top: 50%;
 z-index: 3001;
}

#fade {
 width: 100%;
 height: 100%;
 display: none;
 background-color: #FFFFFF;
 position: absolute;
 top: 0px;
 left: 0px;
 z-index: 3000;
}

#bodyWrap{
 text-align: left;
 width: 100%;
 position: relative;
 height: auto !important;
 height: 100%;
 min-height: 100%;
 overflow: hidden;
}

.clearfix {zoom:1;}
.clearfix:after{
 content: ""; 
 display: block; 
 clear: both;
 overflow:hidden;
 font-size:0.1em;
 line-height:0;
}

.hover:hover {
 opacity:0.8;
 filter:alpha(opacity=80);
 -ms-filter: “alpha( opacity=80 )”;
}

.Inner{
 width: 95%;
 margin: 0 auto;
 text-align: left;
}

#slide_panel{
 position: fixed;
 top:70px;
 right:0px;
 margin: 0;	padding: 0 0 0 0;
 /* ポイント：横幅指定とはみ出し非表示にする事で、横幅が0に近づいても文字の改行を押さえる(改行させない) */
 width:211px; height: auto;
 cursor: pointer;
 overflow: hidden;	/* ←重要 */
 z-index: 20000;
}

#slide_panel .wrap{
 width: 223px;
 overflow:hidden;	/* IE対策のおまじない */
}

#slide_panel .wrap .panel_main{
 margin-left: 20px; padding: 0 0 3px 2px;
 background-color: #9ac;
}

.panel-main ul{
 margin:0 0 0 5px; padding: 0 0 0 0;
 padding:0;
}

.panel-main ul li{
 list-style: none;
 display:block;
}

#panel-main ul{
 float: right;
 width: 159px;
 background: #2d2d2d;
}

#panel-main ul li{
 line-height:40px;
 font-size:14px;
 padding: 0 0 0 20px;
}

#panel-main ul li:hover{
 background-color: #4d4d4d;
}

#panel-main ul li a{
 color: #fff;
 display: block;
}

#panel-main ul li a:hover{
 color: #ccc;
 text-decoration: none;
}

#panel-main ul .home-logo{
 padding: 20px 10px;
 text-align: center;
}

#panel-main ul .home-logo:hover{
 background-color: #2d2d2d;
}

#home{
 float: left;
 border-bottom: 1px solid #999;
 border-top: 1px solid #999;
 border-left: 1px solid #999;
}

.pageScroll a,.syurifade a,.sisekiTitle a,.awamoriTitle a{
 position: relative;
}

.pageScroll{
 position: absolute;
 bottom: 0;
 width: 100%;
 text-align: center;
 margin-bottom: 0;
}

.pageScroll a{
 padding: 10px;
 display: block;
}

.snsBox {
 background: #111;
 text-align: right;
 width: 100%;
 position:absolute;
 bottom:0;
 height: 33px;
 overflow: hidden;
 z-index: 200;
}

.snsBox ul{
 margin: 0;
}

.snsBox li{
 float: right;
 padding: 6px 5px 0 10px;
 margin: 0;
}

.ninjaWrap{
 background: url(../img/content-pageTop-bg.gif) no-repeat center right;
}


#footerMenu-Inner{
  background: #111;
  border-bottom: 1px solid #999;
  width: 100%;
  position: absolute;
  z-index: 1000;
  clear: both;
}

.content-navi{
 width: 100%;
 margin: 0 auto;
 text-align: center;
}

.content-navi li{
 display: inline-block;
}

.content-navi li a{
 display: block;
}

.content-navi li a:hover{
 background-color: #333;
 -webkit-transition: all .5s linear;
 transition: all .5s linear;
 text-decoration: none;
}

#SP-pageheader{
 display: none;
 background: #111;
 width: 100%;
 position: fixed;
 top: 0;
 z-index: 1000;
}

#siseki-phone-menu{
 display: none;
}

#img_omatome{
 display: none!important;
}


#SP-toggle p{
 color: #fff;
 margin-bottom: 0;
 border: 2px solid #ccc;
 display: inline-block;
 padding: 5px 10px;
 cursor: pointer;
 float: right;
 background: #333;
}

#SP-toggle p:hover{
 background-color: #666;
}

#SP-footer{
 overflow: hidden;
}

#SP-footer .Top-ninja_onebutton{
 float: left!important;
 padding: 5px 0 0 0;
}


#footer{
 width: 100%;
 background-color: #111;
}

.ninjaWrap{
 background-image: none;
}


#copyRight {
 margin-bottom: 0!important;
 color: #fff;
 font-size: 10px;
 text-align: right;
 padding-top: 7px;
}

#SP-content-footerMenu{
 display: none;
 position: absolute;
 bottom: 0;
 width: 100%;
 z-index: 1000;
}

.shurilogo{
 float: left;
 margin-left: 3%;
 padding-top: 6px;
}
.button-toggle{
 float: right;
 margin-right: 3%;
 text-align: right;
}

.dl-menu{
 margin:0 0 0 5px; padding: 0 0 0 0;
 padding:0;
 background: #2d2d2d;
}

.dl-menu li{
 list-style: none;
 display:block;
 line-height:40px;
 font-size:14px;
 padding: 0 0 0 20px;
 border-bottom: 1px solid #666;
}

.dl-menu li:hover{
 background-color: #4d4d4d;
}

.dl-menu li a{
 color: #fff;
 display: block;
}

.dl-menu li a:hover{
 color: #ccc;
}

#modelcourse-discriBox {
 width: 60%;
 margin: 0 auto;
 text-align: center;
 margin-top: 40px;
}

#modelcourse-discriBox h2 {
 font-weight: bold;
 margin: 20px 0 10px 0;
 font-family: "ＭＳ Ｐ明朝","ヒラギノ明朝 Pro W3","HG明朝E","ＭＳ 明朝",serif;
 font-size: 240%;
 border-bottom: 1px solid #fff;
 color: #fff;
}

#preface p{
 color: #fff;
 font-size: 130%;
}

.SP-contentName{
    display: none;
}

.SP-content-navi li{
 background: #333;
 border-bottom: 2px dotted #FFF;
 text-align: center;
}

.SP-content-navi li a{
 padding: 10px;
 font-size: 130%;
 display: block;
}

#pageh1Box {
display: inline-block;
text-align: center;
padding-top: 40px;
}

.back_btn a {
 display: inline-block;
 font-size: 150%;
 color: #ffffff;
 padding: 15px 25px;
 text-align: center;
 margin: 10px 20px;
 background: #111;
 -moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border-radius: 4px;
 -moz-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 3px rgba(255,255,255,1);
 -webkit-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 3px rgba(255,255,255,1);
 box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 3px rgba(255,255,255,1);
 text-shadow: 0px -1px 0px rgba(000,000,000,0.2), 0px 1px 0px rgba(255,255,255,0.3);
}
.back_btn a:hover{
 color: #fff;
 text-decoration:none!important;
 background: #333;
}

@media (max-width: 1110px) {
 .content-navi li{
  width: 20%;
 }
 .content-navi li img{
  width: 100%;
 }
}

@media (max-width: 1024px) {
 .content-navi{
  width: 100%;
  margin: 0 auto;
 }

 #modelcourse-discriBox {
  width: 90%;
  margin-top: 70px;
 }
 
 #SP-content-footerMenu{
  display: block!important;
 }

 .snsBox {
  display: none;
 }
 #SP-pageheader{
  display: block;
 }

 #modelcourse-discriBox h2 {
  font-size: 220%!important;
 }

 #footerMenu-Inner{
  display: none;
 }


}

@media (max-width: 480px) {
 #modelcourse-discriBox {
  margin-top: 50px;
 }
 .shurilogo img {
  width: 70%;
 }

 .button-toggle img {
  width: 70%;
 }
 
 .back_btn a {
  font-size: 120%;
  padding: 10px 15px;
 }
}