body {font-family:'メイリオ','Hiragino kaku Gothic Pro',sans-serif;
background-color:#edede3;background-image:url(back.png);
margin: 0}

h1{font-size:38px;
margin-top:0;
margin-bottom: 0}

p{Line-height:1.5}

/*ヘッダー*/
header {background-color:#ffffff;
border-bottom: solid 1px #aaaaaa;
margin-bottom: 30px;
-webkit-box-shadow: 0 1px 7px #aaaaaa;
box-shadow: 0 1px 7px #aaaaaa;
padding: 5px}

header h1
{font-family: 'Alegreya', serif;
font-size: 24px;
width: 1100px;
margin-left:auto;
margin-right: auto}

header h1 img  {vertical-align: -10px;
                margin-right: 5px}

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

header h1 a:hover {color: #000000}

header h1 img {vertical-align: -10px; margin-right: 5px}

/*記事*/
article, #message 
{background-color:#ffffff;width:1100px;
margin-left:auto;
margin-right:auto;
border:solid 1px #aaaaaa;
padding:30px;
-webkit-box-sizing:bordre-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
margin-bottom:15px;
-webkit-box-shadow: 1px 1px 3px #aaaaa;
box-shadow: 1px 1px 3px #aaaaaa;
border-radius: 20px;
overflow:hidden}


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

/*画像を中央に配置するレイアウト*/
figure.photo-center {text-align:center;
margin-top: 30px;
margin-bottom: 30px}

/*画像を左に配置するレイアウト*/
figure.photo-left {margin:0;margin-right:20px;
margin-bottom: 20px; float:left}

figure.photo-left img {width:550px}

/*画像を右に配置するレイアウト*/
figure.photo-right {margin:0;margin-left:20px;float:right}

figure.photo-right img {width:550px}

/*小見出し*/
h2  {clear:both; border-bottom:solid 5px #c39f4a;
margin-top: 30px}

/*リンク*/
a  {color: #b77d3c}

a:hover {color:#ff8800} 

a img {border:none}

/*関連記事へのリンク*/
aside  {border:solid 2px #d6c588; border-radius: 5px; padding: 10px;
background-color: #edede3;
margin-top: 40px}

aside h1 {font-family: `Chango`, curdive; font-size: 18px; color: #c39f4a;
border-bottom: dotted 1px #c39f4a}

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

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

/*ナビゲーションメニュー*/
nav ul  {list-style-type: none; margin-top 0; margin-bottom: 0;
padding-left: 0;
font-size: 0}

nav li {display: inline;
font-size: 20px; border-right: solid 1px #aaaaaa;
padding-left: 10px; padding-right: 10px}

nav li:first-child {border-left: solid 1px #aaaaaa}

nav {width: 900px; 
margin-left: auto;
margin-right: auto;
text-align: center; 
margin-top: 5px;
margin-bottom: 10px}

nav a {color:#00008b;font-weight:bold;
text-decoration:none}

/*記事の一覧ページ*/
#posts article img  {float:left; margin-right:20px}

#posts article h1  {font-size: 24px}

#posts section  {width: 900px; margin-left:auto; margin-right:auto}

#posts header  {margin-bottom: 20px}

#posts time  {font-size: 24px; color: #ffffff; background-color: #bdbc8f;
              border-radius: 10px;
              padding: 2px 20px 2px 20px}
#posts article a {color: #000000;
                  text-decoration: none;
                  display: block;
                  overflow: hidden;
                  padding: 20px}

#posts article a:hover  {background-color: #ffffff}

#posts article  {padding: 0}

/*トップページ*/
#top header  {margin-bottom:0}
#photo {background-image: url(Labo.jpg);
        background-repeat: no-repeat;
        background-position: 50% 50%;
        background-color: #3f8ad6;
        text-align: center;
        padding-top: 320px;
        padding-bottom: 80px}

#photo h1 {color:#ffffff; font-size: 60px;
           font-family: 'Fira Sans', sans-serif;
           text-shadow: 0 5px 10px #000000}

#photo p {color: #ffffff; font-size: 20px;
          font-weight: bold;
          text-shadow: 0 5px 10px #000000}

#photo a {background-color: #ffaa00;
          background-image: -webkit-gradient(
          linear,
          left top, left bottom,
          from(#ffe7b8),
          to(#ffaa00));
          
          background-image: -webkit-linear-gradient(
          top,
          #ffe7b8 0%,
          #ffaa00 100%);
          
          background-image: linear-gradient(
          to bottom, #ffe7b8 0%,
          #ffaa00 100%);
          
          padding: 10px 80px;
          border-radius: 10px;
          color: #000000; font-weight: bold;
          text-decoration: none;
          font-size: 40px}

/*アバウトページ*/
table, th, td   {border: solid 1px #aaaaaa}

table  {border-collapse: collapse;
        margin-left: auto;
        margin-right: auto;
        margin-top: 30px}

th, td {padding: 10px 20px 10px 20px}

th  {width: 150px;
background-color: #ffcb63;
text-align: left}

td  {width: 450px;
background-color: #ffedce}

caption   {font-weight: bold;
           background-color: #d9d8a7;
           border-dadius: 10px;
           padding: 5px;
           margin-bottom: 10px}

/*2段組み*/
#container {width: 900px;
            margin-left: auto;
            margin-right: auto}
#content  {width: 600px;
           float: left}
#menu {width: 270px;
       float: right}
       
#content article {width: auto}

#content article img  {width: 400px}

#menu aside {background-color: #ffffff;
             border: solid 1px #aaaaaa;
             padding: 20px;
             margin-top: 0;
             margin-bottom: 30px;
             -webkit-box-shadow: 5px 5px 3px #aaaaaa;
             box-shadow: 5px 5px 3px #aaaaaa;
             border-radius: 20px}
             
p.news-html {font-size: 20px; color: #d2691e}
p.news-index {font-size: 20px}
img.news01-html {width: 100px !important}
img.news02-html {width: 200px !important}
img.news03-html {width: 100px !important}