@import url(http://fonts.googleapis.com/css?family=Righteous);

body {font-family: 'メイリオ',Hirgino Kaku Gothic Pro,Sans-serif;
     background-color: #ffffff;
     background-image:url(images/tile01.png);
     margin: 0;
     width: 100%}




p{line-height: 1.5}

/* ヘッダー */
header   {font-size: 28px;
         min-width: 1080px;
         background-color: #ffffff;
       border-bottom: solid 1px #aaaaaa;
       margin-top: 0;
       margin-bottom: 2px;
       webkit-box-shadow: 0 1px 7px #aaaaaa;
       box-shadow: 0 1px 7px #aaaaaa;
       padding: 15px}

header h2 {font-family: 'Righteous', cursive;
           font-size:35px;
             min-width: 1080px;
           width: 1080px;
           margin-top: 0;
           margin-left: auto;
           margin-right: auto;
           margin-bottom: 0}

header h2 a {text-decoration: none;
             color: #000000}

header h2 a:hover {color: #000000}




aside ul {list-style-image:url(listmark.png)}

aside a {color: #000000;
         text-decoration: none}

/* ナビゲーションメニュー */

#titlelogo img {width: 100%;
                }

nav ul    {list-style-type: none;
           margin-top: -12px;
           margin-bottom: 0;
           padding-left: 0;
           height: 36px}

nav li      { display: inline;
           font-size:20px;
           border-left: 3px;
           border-right: 3px;
           padding-right: 3px}
           

nav         {width: 1080px;
             min-width: 1080px;
             max-width: 100%;
             margin-left: auto;
             margin-right: auto;
             text-align: center;
             margin-top: 1px;
             margin-bottom: -10px}

nav a      {color: #000000;
            text-decoration: none}

/* リンク */

a        {color: #b77d3c}

a:hover  {color: #ff8800}

/* スタジオの画像を中央にレイアウト */





/* 画像を中央にレイアウト */
div.photo-center    {width:1080px;
                     height: auto;
                     align:　center;
                    overflow: hidden;
                     
                     display: block;
                     margin-left: auto;
                     margin-right: auto;
                     background-color: #000000;                }

/* index下部情報 */



#twitter             {width: 1080px;
                   margin-top: -15px;
         margin-left: auto;
         margin-right: auto;
         }




/* バナー */

div.photo-banner      {width: 1080px;
         margin-top: -12px;
         margin-left: -30px;
         margin-right: 0px;
         border: solid 1px #aaaaaa;
         padding: 0px 0px 0px 0px;
         -webkit-box-sizing: border-box;
         -moz-box-sizing: border-box;
         box-sizing: border-box;
         margin-bottom: -20px;
         -webkit-box-shadow:15px 15px 4px #aaaaaa;
         box-shadow: 15px 15px 4px #aaaaaa;
         border-radius: 15px;
         overflow: hidden}







div.center-p      {font-size:20px;
                   width: 1080px;
                   margin-top: 5px;
                   margin-left: auto;
                   margin-right: auto;
                   margin-bottom: 8px;
                   text-align: left;
                   }


/* tel */
div.tel            {font-size:25px;
                   width: 1080px;
                   margin-top: 10px;
                   margin-left: auto;
                   margin-right: auto;
                   margin-bottom: 4px;
                   text-align: left}
div.tel hover      {color: #FFF}

div.tel a          {font-family:Verdana;
                   text-decoration: none;
                    color: #FFF}



#option table,th,td  {border: solid 1px #666666}

#option table {margin-left: auto;
               margin-right: auto;
               border-cllapse: collapse;
              }



#option th    {background-color: #ffffff}

#option td     {background-color: #ffffff}


h2   {text-decoration: none;
     text-align: center;
     color: #ffffff;
      text-size: small;}





                     



/* スクロールバー表示 */
html                     {overflow-y: scroll}



/* トップページお知らせリンク */



/* 記事 */

article {background-color: #ffffff;
         width: 1080px;
         margin-top: 5px;
         margin-left: auto;
         margin-right: auto;
         margin-bottom: 50px;
         border: solid 1px #aaaaaa;
         padding: 0px 0px 0px 0px;
         -webkit-box-sizing: border-box;
         -moz-box-sizing: border-box;
         box-sizing: border-box;

         -webkit-box-shadow:15px 15px 4px #aaaaaa;
         box-shadow: 10px 10px 4px #aaaaaa;
         overflow: hidden}

h1  {font-size:30px;
  margin-top: 0;
  margin-bottom: 0;
  color: #ffffff;
  text-align: center;}


article p {font-size:20px;
        margin: 10px 10px 30px 10px;
        margin-bottom: 0;
        text-align: center;
        color: #ffffff;
        padding-bottom: 30px;
        }


/* 料金表 */

table,th,td  {border: solid 1px #666666;
             text-decoration: bold;}

table {width: 900px;
       margin-left: auto;
       margin-right: auto;
       border-cllapse: collapse;
       }

th,td {padding: 10px 20px 10px 20px;
         text-decoration: bold;}

th    {width: 150px;
       background-color: #ffffff}

td     {background-color: #ffffff}
   




/* フッター */
footer {width: 1080px;
        margin-left: auto;
        margin-right: auto;
        clear: both;
        color: #FFF;}



/*ヘッダーまわりはサイトに合わせて調整してください*/
header {
  padding:10px;
  background: rgb(255, 255, 255);
}

#nav-drawer {
  position: relative;
}

/*チェックボックス等は非表示に*/
.nav-unshown {
  display:none;
}

/*アイコンのスペース*/
#nav-open {
  display: inline-block;
  width: 30px;
  height: 22px;
  vertical-align: middle;
}

/*ハンバーガーアイコンをCSSだけで表現*/
#nav-open span, #nav-open span:before, #nav-open span:after {
  position: absolute;
  height: 4px;/*線の太さ*/
  width: 50px;/*長さ*/
  border-radius: 3px;
  background: #555;
  display: block;
  content: '';
  cursor: pointer;
}
#nav-open span:before {
  bottom: -8px;
}
#nav-open span:after {
  bottom: -16px;
}

/*閉じる用の薄黒カバー*/
#nav-close {
  display: none;/*はじめは隠しておく*/
  position: fixed;
  z-index: 99;
  top: 0;/*全体に広がるように*/
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
  opacity: 0;
  transition: .3s ease-in-out;
}

/*中身*/
#nav-content {font-family:Verdana;
  overflow: auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;/*最前面に*/
  width: 90%;/*右側に隙間を作る（閉じるカバーを表示）*/
  max-width: 330px;/*最大幅（調整してください）*/
  height: 100%;
  background: #ffffff;/*背景色*/
  transition: .3s ease-in-out;/*滑らかに表示*/
  -webkit-transform: translateX(-105%);
  transform: translateX(-105%);/*左に隠しておく*/
}

/*チェックが入ったらもろもろ表示*/
#nav-input:checked ~ #nav-close {
  display: block;/*カバーを表示*/
  opacity: .5;
}

#nav-input:checked ~ #nav-content {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);/*中身を表示（右へスライド）*/
  box-shadow: 6px 0 25px rgba(0,0,0,.15);
}