@charset "utf-8";
@import url("reset.css");

/* normalize */
html{
	font-family: Verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;
	font-size: 16px;
	line-height: 1.8em;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}
body{
	color: #2b0a03;
	background-color: #f1f1ed;
}
img{
	display: inline;
}
h1{
	font-size: 2em;
	line-height: 1.6em;
}
a{
	text-decoration: none;
}
a:link{
	color: #b12e05;
}
a:visited{
	color: #621900;
}
a:hover,a:active{
	color: #f65300;
}
ul,ol{
	padding: 0px 0px 4px 4px;
	margin: 0px;
}
ol{
	margin-left: 20px;
}
ol.roman{
	list-style-type: upper-roman;
}
p{
	margin: 0px 0px 12px 0px;
}
p.margintop12px{
	margin-top: 12px;
}

/* container */
div#container{
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	padding: 0px;
}
@media screen and (min-width: 46em),screen and (min-device-width:480px){
	div#container{
		max-width: 1000px;
		line-height: 1.8rem;
	}
	div#main{
		float: right;
		width: 67%;
	}
	aside{
		float: left;
		width: 29%;
	}
}
@media screen and (max-width: 46em){
	div#main{
		width: 100%;
		float: none;
	}
	aside{
		width: 100%;
		float: none;
	}
}
@media screen and (max-device-width:480px){
	div#container{
		line-height: 1.8rem;
		font-family: Verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;
	}
	header{
		margin: 0px;
		font-size: 1.6rem;
	}
	header h1{
		padding-top: 40px;
	}
	div#main{
		width: 100%;
		float: none;
		font-size: 2.6rem;
		line-height: 1.8em;
		margin: 0px;
		padding: 0px;
	}
	aside{
		width: 100%;
		float: none;
		font-size: 2.6rem;
		line-height: 1.8em;
		margin: 0px;
		padding: 0px;
	}
	article h2,section h2
	{
		font-size: 2.8rem;
	}
	aside ul,aside ol{
		margin-left: 6rem;
	}
	article ul,article ol{
		padding-left: 2rem;
	}
}

/* header */
header{
	color: #ffffff;
	letter-spacing: .2em;
	background-image: url("../images/header.jpg");
	background-repeat: no-repeat;
	height: 200px;
	padding: 0px;
	margin: 12px 0px;
	box-shadow: 4px 4px 10px 2px #afafaf;
}
header h1{
	margin-left: 32px;
	padding-top: 110px;
	color: #ffffff;
}
header h1 a, header h1 a:link,header h1 a:visited{
	color: #ffffff;
}
header h1 a:hover,header h1 a:active{
	color: #f65300;
}
header h2{
	font-size: 1em;
	margin-left: 32px;
	paddding-top: 8px;
	color: #ffffff;
}

/* article */
article{
	background-color: #ffffff;
	padding: 12px 16px;
	margin: 16px 0px 16px 0px;
	border: 1px solid #dddddd;
	box-shadow: 4px 4px 10px 2px #afafaf;
}
article ul{
	margin-left: 16px;
	margin-bottom: 8px;
}
div#main footer{
	margin: 0px 32px 4px 20px;
	padding: 0px;
	color: #b12e05;
}
article+p{
	margin-top: 0px;
}
ul.tweet{
	margin-bottom: 12px;
}
/* side bar */
div#sidebar{
	color: #ffffff;
	background-color: #621900;
	margin-top: 16px;
	padding: 8px 12px 8px 12px;
	box-shadow: 4px 4px 10px 2px #afafaf;
}
div#sidebar h2{
	border-bottom: 1px solid #f65300;
	font-weight: bold;
	letter-spacing: .2em;
	padding-bottom: 4px;
}
div#sidebar a{
	color: #ffffff;
}
div#sidebar a:hover,div#sidebar a:active{
	color: #f65300;
}
div#sidebar ul{
	list-style-type: none;
	padding-left: 0px;
}
div#menu p{
	margin-left: 12px;
}

/* h1, h2, h3 */
h1,h2,h3,h4,h5,h6,h7{
	margin: 0px;
	padding: 0px;
}
article h2{
	padding: 0px 12px 4px 12px;
	margin-bottom: 12px;
	font-weight: bold;
	color: #ffffff;
	line-height: 1.6em;
	background-color: #621900;
	background-image: url("../images/header.jpg");
	background-position: 96% 92%;
}
article h2 a{
	color: #ffffff;
}
article h2 a:link,article h2 a:visited{
	color: #ffffff;
}
article h2 a:hover,article h2 a:active{
	color: #ffffff;
}
	
/* block quote */
article blockquote{
	color: #473624;
	background-color: #fffaf8;
	border: 1px solid #b12e05;
	padding: 4px 12px 12px 12px;
	margin: 0px 0px 12px 0px;
}

article code,tt{
	font-family: Consolas, Menio, "Liberation Mono", Courier, monospace, "メイリオ",sans-serif;
	line-height: 1em;
}
article h3.cite{
	font-weight: normail;
	color: #ffffff;
	background-color: #b12e05;
	line-height: 1em;
	padding: 2px 16px 4px 16px;
}
article div.cite{
	background-color: #fffaf8;
	border: 1px solid #b12e05;
	padding: 0px 12px 0px 12px;
	margin-bottom: 12px;
}
article dl.box{
	border-style: solid;
	border-color: #b12e05;
	border-width: 0px 0px 1px 0px;
}
article dl.box dt{
	border-style: solid;
	border-color: #b12e05;
	border-width: 1px 1px 0px 1px;
	background-color: #fffaf8;
	padding: 0px 8px 0px 8px;
	font-weight: normal;
}
article dl.box dd{
	border-style: solid;
	border-color: #b12e05;
	border-width: 0px 1px 0px 1px;
	margin-left: 0px;
	padding: 2px 8px 6px 8px;
}

/* block elements */
article dt{
	font-weight: bold;
}
article dd{
	margin-left: 12px;
}

hr.dot{
	width: 8px;
	height: 8px;
	color: #b12e05;
	background-color: #b12e05;
	border-width: 0px;
	text-align: center;
}
/* inline elements */
em{
	font-style: normal;
	color: #f00000;
}
em.big{
	font-size: 150%;
}
img.postcard{
	padding: 8px !Important;
	background-color: #ffffff !Important;
	border: 1px solid #888888 !Important;
	margin: 4px 12px 6px 0px !Important;
}
/* tables */
table.bordered th{
	padding: 0px 8px;
	margin: 2px;
	color: #fffaf8;
	background-color: #b12e05;
	text-align: right;
	white-space: nowrap;
}
table.bordered td{
	padding: 0px 8px;
	margin: 2px;
	background-color: #fff4f0;
}
table.bordered img{
	vertical-align: middle;
}
/* utilities */
.left{
	text-align: left;
}
.center{
	text-align: center;
}
.right{
	text-align: right;
}