@charset "UTF-8";

/*
 * base
 */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	vertical-align:baseline;
	background:transparent;
	}
article, aside, dialog, figure, footer, header,
hgroup, nav, section { 
	display:block;
	}
table {
	border-collapse:collapse;
	border-spacing:0;
	}
object,
iframe,
img {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	background:transparent;
	font-size:100%;
	}
input,
select {
	vertical-align:middle;
	}

/* clearfix */
header:after,
footer:after,
hgroup:after,
article:after,
section:after,
div:after,
nav:after,
aside:after,
form:after,
ul:after,
li:after {
	display:block;
	clear:both;
	content:"";
	}
header,
footer,
hgroup,
article,
section,
div,
nav,
aside,
form,
ul,
li {
	/zoom:1; /* IE6,IE7 */
	}

/*
 * common 
 */
body {
	border-top:transparent 1px solid;
	border-bottom:transparent 1px solid;
	border-left:#FCFCFC 49px solid;
	border-right:#FFFFFF 50px solid;
	background:#FFFFFF;
	word-break:break-all;
	}
a {
	text-decoration:none;
	}
a:hover {
	text-decoration:underline;
	}
a:hover img {
	opacity:0.8;
	filter:alpha(opacity=80);
	}
img {
	border:none;
	vertical-align:middle;
	}
h1 {
	font-size:x-large;
	}
h2 {
	color:#666666;
	font-size:large;
	}
h2 a {
	color:#666666;
	}

/*
 * omni
 */
div.omni {
	border-left:#F7F7F7 1px solid;
	color:#333333;
	font-size:small;
	font-family:"Meiryo","���C���I",sans-serif;
	}

/*
 * contents
 */
#contents {
	padding:16px 0;
	}
#contents > * {
	margin:40px;
	}
#contents img.clipl {
	float:left;
	margin:12px 12px 12px 0;
	}
#contents img.clipr {
	float:right;
	margin:12px 0 12px 12px;
	}
#contents a {
	color:#01B6CB;
	}
#contents a:visited {
	color:#01A0B1;
	}
#contents mark {
	background:#FFCDE8;
	}
#contents time {
	font-size:x-small;
	font-family:monospace;
	}
#contents * hgroup {
	margin:0 0 28px 0;
	}
#contents * hgroup h2 {
	color:#333333;
	font-size:small;
	font-weight:normal;
	}
#contents p {
	margin:12px 0;
	line-height:1.41;
	}
#contents blockquote {
	border:#F7F7F7 1px solid;
	margin:12px 0;
	padding:12px;
	line-height:1.41;
	font-family:serif;
	}
#contents blockquote:before {
	float:right;
	padding:0 0 5px 5px;
	content:""attr(title)"";
	color:#AAAAAA;
	font-size:xx-small;
	}
#contents ul,
#contents ol {
	margin:12px 0;
	zoom:1;
	}
#contents ul li,
#contents ol li {
	margin:0 0 0 28px;
	line-height:1.41;
	}
#contents table {
	}
#contents table th {
	text-align:left;
	font-weight:normal;
	}

/*
 * guide
 */
#guide {
	border:#F7F7F7 1px solid;
	border-bottom:#FAFAFA 5px solid;
	border-bottom-right-radius:40px;
	border-bottom-left-radius:40px;
		-webkit-border-bottom-right-radius:40px;
		-webkit-border-bottom-left-radius:40px;
		-moz-border-radius-bottomright:40px;
		-moz-border-radius-bottomleft:40px;
	background:#FCFCFC url("/img/option-background.png") right bottom no-repeat;
	padding:16px 0;
	}
#guide > * {
	margin:40px;
	}
#guide a {
	color:#019FB1;
	}
#guide a:visited {
	color:#018897;
	}
#guide h2 {
	margin:12px 0;
	}
#guide ul {
	list-style:circle;
	}
#guide ul,
#guide ol {
	margin:12px 0;
	}
#guide ul li,
#guide ol li {
	margin:0 0 0 28px;
	line-height:1.41;
	}

/*
 * site
 */
#site {
	}

/*
 * blog
 */
#blog {
	}
#blog * li + li {
	margin-top:5px;
	}
#blog * li:before {
	display:inline;
	float:right;
	visibility:visible;
	padding:0 0 0 5px;
	height:auto;
	line-height:normal;
	content:attr(title);
	font-size:x-small;
	}
#blog * li a.active {
	background:#FFFFFF;
	}
#blog * li time {
	display:block;
	color:#CCCCCC;
	font-size:x-small;
	}

/*
 * twitter
 */
#twitter {
	}
#twitter ul li a[href^="http://twitter.com/komakihal"] {
	display:block;
	color:#CCCCCC;
	font-size:x-small;
	}

/*
 * widget
 */
.widget {
	display:block;
	margin:40px;
	}

/*
 * footer
 */
.omni > footer {
	clear:both;
	padding:28px 20px;
	}
.omni > footer a {
	color:#01B6CB;
	}
.omni > footer p {
	text-align:center;
	}