@charset "utf-8";

/* RESET ========== */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,figure { margin: 0; padding: 0; background: transparent; border: 0; outline: 0; font-size: 1em; }
body, table, input, textarea, select, option { font-family: HiraKakuProN-W3; font-size: 1em; } article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, figure  { display: block; } ol, ul { list-style: none; } blockquote, q { quotes: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; }

table{ border-collapse:collapse; border-spacing:0; }

/* BASE ========== */
body{
	background-color: #fcc;
	margin: 0;
	padding: 15px;
}

.main{
	position: relative;
	width: 880px;
	margin: 0 auto;
}

section{
	position: absolute;
	float: left;
	margin-right: 240px;
	padding: 15px;
}

h1{
	text-align: center;
	font-weight: normal;
	font-size: 28px;
	margin-top: 15px;
	color: #f39;
}

h2{
	text-align: center;
	font-weight: normal;
	font-size: 24px;
	margin-top: 15px;
	color: #93f;
}

h3{
	font-weight: normal;
	font-size: 20px;
	margin-top: 15px;
	color: #330;
}

h2::before{
	content: "★";
}

h2::after{
	content: "★";
}

dt{
	background-color: #f39;
	color: #fff;
	font-weight: normal;
	font-size: 20px;
	padding: 1px;
}

dd, ul, p.box{
	background-color: #ffc;
	font-size: 16px;
	padding: 1px;
}

p{
	font-size: 16px;
}

strong{
	color: #f39;
	font-size: 20px;
	font-weight: normal;
}

span, address{
	color: #090;
	font-size: 14px;
}

dt span{
	color: #9f9;
}

#diary,
#last_mod,
#counter{
	text-align: right;
}

ul li{
	margin-left: 1.1em;
	text-indent: -1.0em;
	font-size: 16px;
}

ul li::before{
	content: "★";
}

ul.disc{
	list-style-type: disc;
	padding-left: 25px;
}

ul.disc li{
	margin-left: 0em;
	text-indent: 0em;
}

ul.disc li::before{
	content: "";
}

a{
	color: #00f;
	text-decoration: border;
}

/* SIDE BAR ========== */
aside{
	float: right;
	width: 230px;
}

aside ul{
	list-style-type: none;
}

aside h2{
	font-size: 20px;
}

aside h3{
	background-color: #f39;
	color: #fff;
	font-size: 16px;
}

aside p{
	font-size: 14px;
}

aside h3 a{
	color: #9ff;
}

aside ul li{
	font-size: 14px;
}