@charset "utf-8";
/* CSS Document */
* {
  box-sizing: border-box;
  font-weight: 300;
  font-size: 13px;
}

body {
	/*padding: 10px;*/
	margin:10px 10px 0 10px;
	font-family: "PT Sans","ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	/*width: 100%;*/
	font-size: 13px;
  background: #fcfaf3 none repeat scroll 0 0;
}

h1{
  margin:0;
}

.i_title{
	margin: 60px;
  margin-left:15%;
}


#footer{
        width: 100%;
        /*padding: 1px;*/
        background: #999;
        color: #eee;
        font-size: 90%;
        /*border-radius: 0.2em;*/
      }
      #footer p{
        padding: 10px 20px;
        margin-top: 40px; /* **************** サンプル版 ****************** */
      }

/* page-top */
      #page-top {
              position: fixed;
              bottom: 4px;
              right: 10px;
              font-size: 77%;
      }
      #page-top a {
              background: #724a4a;
              text-decoration: none;
              color: #fff;
              width: 100px;
              padding: 11px 0;
              text-align: center;
              display: block;
              /*            
              border-radius: 20px;
              -webkit-border-radius: 20px;
              -moz-border-radius: 20px;
              */
      }
      #page-top a:hover {
              text-decoration: none;
              background: #724a4a;
      }

      #logo{
        /*width: 98%;*/
        font-size: 0.75em;
        max-width: 300px;
        min-width: 200px;
        border-style:none;
      }

	/* タブメニュー */
      #menu_tab ul{
        display: table;
        border-collapse: separate;  /* セルの間隔を空ける */
        border-spacing: 3px 0;  /* 左右 上下で記述 */
        width: 100%;
        min-width: 320px;
      }
      #menu_tab ul li{
        border: 1px solid #aaa;       
        /*border-radius: 2.15em;*/
        display: table-cell;
        line-height: 36px;
        vertical-align: middle;
        /*padding: 10px 0;*/
        width: 30%;
        text-align: center;
        margin-right: 10px;
        /*background: #fff;*/
      }
      #menu_tab ul li .active{
        background-color: #333;
        /*border-radius: 2.15em;*/
        color: #eee;
      }
      #menu_tab ul li:hover, #menu_tab ul li .active:hover {
        background-color: #973;
        transition: background 0.3s ease 0s;
        color: #eee;
      }
      #menu_tab ul li a{
        display: block;
        text-decoration: none;
      }


           /* 本事典について等 */
      .util ul{
        margin-top: 30px;
        display: table;
        border-collapse: separate;  /* セルの間隔を空ける */
        border-spacing: 3px 0;  /* 左右 上下で記述 */
        width: 100%;
      }
      .util ul li:last-child{
         border-right: 1px solid #aaa;
      }

      .util ul li{
        border-left: 1px solid #aaa;       
        /*border-radius: 2.15em;*/
        display: table-cell;
        line-height: 1em;
        vertical-align: middle;
        /*padding: 10px 0;*/
        /*width: 20%;*/
        text-align: center;
        padding-right: 10px;
      }
      .util ul li:hover, .util ul li .active:hover {
        background-color: #973;
        transition: background 0.3s ease 0s;
        color: #eee;
      }
      .util ul li a{
        display: block;
        text-decoration: none;
        font-size: 80%;
      }