*{
	margin:0;
	padding:0;
}

header, footer, section, aside, nav, article {
	display:block;
}

body {
	margin:0 auto;
	width:940px;
	font: 80%/1.5 "メイリオ", Verdana, "ＭＳ Ｐゴシック", sans-serif;
	background:#f0f0f0;
	font-size:80%;
	padding:22px 0;
}

h1, h2 {
	font-size:1.5em;
	padding:20px 0;
	color:#f03;
}
h3 {
	font-size:1.3em;
	padding:10px 0;
}
p {
	padding-bottom:20px;
}
img {
	border:0;
}


/*//////////////////////////////////////

	nav

//////////////////////////////////////*/
nav {
	position:absolute;
	left:0;
	width:100%;
	background:url(img/nav_background.png);
}
nav ul {
	margin:0 auto;
	width:940px;
	list-style:none;
}
nav ul li {
	float:left;
}
nav ul li a {
	display:block;
	margin-right:20px;
	width:140px;
	font-size:14px;
	line-height:40px;
	text-align:center;
	text-decoration:none;
	color:#fff;
}
nav ul li a:hover {
	color:#ff9999;
}


/*//////////////////////////////////////

	intro

//////////////////////////////////////*/
#intro {
	position:relative;
	margin-top:66px;
	padding:44px;
	background:#f03 url(img/bg_intro.jpg) repeat-x;
	background-size:100%;
	-o-background-size:100%;
	-khtml-background-size:100%;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
}
#intro h2, #intro p {
	position:relative;
	z-index:9999;
	width:336px;
}
#intro h2 {
	padding:0 0 14px 0;
	font-weight:normal;
	color:#fff;
	font-size:25px;
}
#intro p {
	padding:0;
	color:#d9f499;
}

#intro img {
	position:absolute;
	top:0;
	right:0;
	width:623px;
	height:100%;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
}


/*//////////////////////////////////////

	content

//////////////////////////////////////*/
#content {
	display:table;
}
#left {
	display:table-cell;
	width:620px;
	padding-right:20px;
}
.post div {
	-moz-column-count:2;
	-webkit-column-count:2;
	-moz-column-gap:2;
	-webkit-column-gap:2;
}
.post img {
	margin:20px 0;
	-webkit-box-shadow:3px 3px 7px #777;
	-moz-box-shadow:3px 3px 7px #777;
}



/*//////////////////////////////////////

	aside

//////////////////////////////////////*/
aside {
	display:table-cell;
	width:300px;
	background: url("img/sidebar_background.png") top left;
}
aside section {
	margin:20px 0 0 20px;
	padding:10px 20px;
	background:url(img/sidebar_section_background.png) repeat-x;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}
aside section ul {
	margin-left:20px;
	list-style:none;
}
aside section ul li a {
	display:block;
	text-decoration:none;
	color:#000;
}
aside section ul li a:hover {
	text-decoration:underline;
}



/*//////////////////////////////////////

	footer

//////////////////////////////////////*/
footer {
	position:absolute;
	left:0;
	width:100%;
	background:#f03;
}
footer div {
	display:table;
	margin:0 auto;
	padding:40px 0;
	width:940px;
	color:#fff;
}
footer a {
	color:#999;
}
footer a:hover {
	color:#fff;
}
footer div section {
	display:table-cell;
	width:300px;
}
footer div #footerA, footer div #footerB {
	padding-right:20px;
}
form p {
	display:table;
	margin-bottom:5px;
}
form label {
	display:table-cell;
	width:70px;
	text-align:right;
	vertical-align:top;
	padding-right:10px;
}
form input[type="text"], form input[type="email"], form input[type="url"] {
	display:table-cell;
	width:220px;
	height:20px;
	border:1px solid #d7d7d7;
}
form textarea {
	width:220px;
	height:100px;
	border:1px solid #d7d7d7;
}
form input[type="submit"] {
	margin-left:80px;
}