@charset "UTF-8";

body	{
         background-color: #fff;
         'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif}

.titlephoto, .footer-inner, .header-inner
	{
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	text-align: right;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}

.titlelogo a   {display: block;
             color: #fff;
             font-size: 14px;
             text-decoration: none}

.titlelogo a:hover   {color: #ddd}

.titlephoto   {border-bottom: groove 1px #ddd;
         background-color: #fff;
         margin-bottom: 15px}

.footer-inner    {background-color: #eee;
                  margin-top: 10px;
                  color: #000;}

.header-inner    {background-color: #3a3a3a;
                  color: #fff;
                  border: solid 1px;
                  margin-bottom: 0px;
                  border-radius: 10px 10px 0px 0px;
                  font-weight: bold;
                  font-size: 18px}

.menulist, .content
	{
	color: #000;
	background-color: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}

.content   {border: solid 1px #c3e0ff;
            border-radius: 8px 8px 8px 8px;
            }

.pickup    {padding-top: 10px;
          padding-right: 10px;
          padding-bottom: 10px;
          }



.info    {margin-left: 20px;
	      margin-right: 10px;
	      margin-bottom: 20px}


/* タイトルロゴに関する書式 */
.titlelogo  {padding: 10px}


/* お知らせに関する書式 */
.news   {padding: 10px;
         margin-top: 0px;
	     background-color: #f5f5f5;
         border: solid 1px #c3e0ff;
         border-radius: 5px}

.news h1      {margin-top: 0;
               margin-bottom: 10px;
               font-size: 16px;
               font-weight: bold;
               }

.news ul      {margin: 0;
               padding: 0;
               list-style: none}

.news li a  {display: block;
             padding: 10px 5px;
             border-bottom: dotted 2px #696969;
             color: #000;
             font-size: 14px;
             text-decoration: none}

.news li a:hover   {background-color: #ccc}

.news time   {
              color: #000;
              }

.news time	{float: left;
	width: 100px}

.news .text	{float: none;
	width: auto;
	margin-left: 100px}

.news a:after	{content: "";
	display: block;
	clear: both}


/* 説明文に関する書式 */

.setumei img  {margin-bottom: 0px;}

.setumei p    {width: 350px;
			   margin-top: 0px;
               margin-bottom: 0px;
               margin-left: 0px;
               padding-top: 5px;
               padding-bottom: 5px;
               border: solid 1px #c3e0ff;
               border-radius: 10px;
               background-color: #f0f8ff;
               color: #000;
               font-size: 14px;
               font-weight: bold;
               text-align: center}





/* 記事2に関する書式 */
.kiji2 h1   {margin-top: 0px;
            margin-bottom: 10px;
            margin-left: 20px;
            margin-right: 100px;
            width: 440px;
            height: 20px;
            padding: 5px 10px 5px 20px;
            border-radius: 25px 0px 0px 25px;
            background-image: url("pic/back.jpg");
            font-size: 20px;
            font-weight: bold}





/* 記事3に関する書式 */
.kiji3 h1   {margin-top: 0px;
            margin-bottom: 10px;
            margin-left: 20px;
            margin-right: 100px;
            width: 440px;
            height: 20px;
            padding: 5px 10px 5px 20px;
            border-radius: 25px 0px 0px 25px;
            background-image: url("pic/back.jpg");
            font-size: 18px;
            font-weight: normal;
          }

.kiji3 p  {margin-left: 50px;
          font-size: 14px;
          }

.kiji3 a   {
             color: #000;
             font-size: 14px;
             text-decoration: none}

.kiji3 a:hover   {color: #e80}

/* ライセンスに関する書式 */
.copyright    {padding: 10px;
               border-top: groove 1px #ddd}

.copyright p  {margin: 0;
               padding-top: 2px;
               font-size: 12px;
               text-align:right}





/* 左側メニューのスタイル */
.menuleft h1     {border-top: solid 1px #c3e0ff;
                  border-left: solid 1px #c3e0ff;
                  border-right: solid 1px #c3e0ff;
                  background-color: #f5f5f5;
                  font-size: 14px;
                  padding: 10px 5px 5px;
                  border-radius: 8px 8px 0px 0px;
                  margin-top: 0px;
                  margin-bottom: 0px;
                  }

.menuleft ul	{border: solid 1px #c3e0ff;
                 margin-left: 0px;
                 margin-top: 0px;
                 padding-left: 0px;
                 border-radius: 0px 0px 10px 10px;
                 list-style-type: none}


.menuleft li a      {display: block;
                     padding: 10px 20px 10px;
                     color: #000;
                     font-size: 12px;
                     text-decoration: none}

.menuleft li a:hover   {background-color:#eee;}

.menulist img    {margin-left: 20px;}


/* BOX3とBOX4を横に並べる設定 */
.boxA	{
	background: none;
	line-height: normal;
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	display:-moz-box;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-moz-box-pack:justify;
	-webkit-box-pack:justify;
	-o-flex-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between}


.menulist	{width: 200px}

.content	{width: 750px;}




/* BOX6-1～6-2を横に並べる設定 */
.pickupbox	{display:-moz-box;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	width: 750px;
	margin-bottom: 15px;
	-moz-box-pack:justify;
	-webkit-box-pack:justify;
	-o-flex-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between}

.pickup-1	{
	margin-left: 20px;
	width: 350px}

.pickup-2	{margin-right: 10px;
	width: 350px}