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

body{
	font-family: 'メイリオ',
	'Hiragino Kaku Gothic Pro',
	sans-serif;
	background-color: #edede3;
	margin: 0
}

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

/* 名前 */
h2{
	border-bottom: solid 5px #c39f4a;
	margin-top: 15px
}

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: 'Chango', cursive;
	font-size: 24px;
	width: 900px;
	margin-left: auto;
	margin-right: auto
}

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

header h1 a:hover{
	color: #000000
}

/* トップ */
#photo{
	background-image: url(../img/s-photo2.jpg);
	background-repeat: no-repeat;
	background-position: 50% 0;
	text-align: center;
	padding-top: 160px;
	padding-bottom: 80px
}

#photo h1{
	color: #ffffff;
	font-size: 60px;
	font-family: 'chango',cursive;
	text-shadow: 0 5px 10px #000000
}

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


#top header{
	margin-bottom:0
}

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

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

/* 画像を左側に */
figure.outside{
	margin: 0;
	margin-right: 20px;
	float: left;
	text-align: center
}

figure.outside img{
	width: 520px
}

/* 記事一覧 */
#posts section{
	width:900px;
	margin-left:auto;
	margin-right:auto
}

#posts figure.outside img{
	margin-left:50px;
	width: 180px
}
#posts article h1{
	font-size:24px
}

#posts h2{
	border-bottom: solid 5px #c39f4a;
	margin-top: 5px
}

#posts article a{
	color: #000000;
	text-decoration: none;
	display: block;
	overflow: hidden;
	padding: 20px
}

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

#posts article {
	padding: 0
}

#posts section nav {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	margin-top: 10px;
	margin-bottom: 10px
}

#posts section li{
	font-size: 18px;
}

figure.floor{
	margin: 0;
	margin-top: 64px;
	margin-right: 20px;
	float: left;
	text-align: center
}

figure.floor img{
	border: solid 1px #aaaaaa;
	width: 293px
}

figure.inner img{
	border: solid 1px #aaaaaa;
	width: 160px;
	height: 120px;
	margin-left: 10px;
	margin-bottom: 10px;
}

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

a:hover{
	color: #ff8800
}

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

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

aside ul{
	list-style-type: circle
}

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: 12px;
	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: right;
	margin-top: -27px;
	margin-bottom: 10px
}

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

/*　テーブル　*/
table{
	float: right;
	margin: 0;
	margin-top: 20px;
	margin-bottom: 20px;
	border: solid 1px #aaaaaa;
	width: 521px
}

th, td{
	border: solid 1px #aaaaaa
}

th{
	width: 100px
}


td.small{
	font-size: 0.8em
}

th.small{
	font-size: 0.7em
}

table{
	border-collapse: collapse
}

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

h3{
	clear: both
}

/* お問合せフォーム */
input, textarea{
	display: block
}

input {
	width: 400px
}

textarea {
	width: 600px;
	height: 120px
}

input[type="submit"] {
	width: 200px;
	background-color: #ffaa00;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffe7b8), to(#ffaa00));
	background-image: -webkit-linear-linear-gradient(top, #ffe7b8 0%, #ffaa00 100%);
	background-image: -webkit-linear-linear-gradient(to bottom, #ffe7b8 0%, #ffaa00 100%);
	border: solid 1px #aaaaaa;
	border-radius: 10px;
	padding-top: 10px;
	padding-bottom: 10px
}

input[type="checkbox"] {
	display: inline;
	margin-left: 20px;
	width: auto 
}