@charset "utf-8";

/*--------------------------------------
    Global Elements Resets
---------------------------------------*/

/*
	reset.css - resets default browser styling
	http://tantek.com/log/2004/09.html#d06t2354
	http://www.vox.com/.shared/css/base.css by beausmith.com
	http://developer.yahoo.com/yui/reset/
*/

:link,
:visited {
	text-decoration: none;
}

html,
body,
div,
ul,
ol,
li,
dl,
dt,
dd,
form,
fieldset,
input,
textarea,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
p,
blockquote,
hr,
th,
td {
	margin: 0;
	padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: normal;
}

table {
	border-spacing: 0;
}

fieldset,
img,
abbr,
acronym {
	border: 0;
}

/* strict reset by uncommenting lines below */
address,
caption,
cite,
code,
dfn,
em,
strong,
b,
u,
s,
i,
th,
var {
/* font-style: normal; */
	/* font-weight: normal; */
}

ol,
ul {
	list-style: none;
}

caption,
th {
	text-align: left;
}

q:before,
q:after {
	content: '';
}

a {
	text-decoration: underline;
	outline: none;
}

hr {
	border: 0;
	height: 1px;
	background-color: #000;
	color: #000;
}

a img,
:link img,
:visited img {
	border: none;
}

address {
	font-style: normal;
	display: inline;
}

p {
	margin: 0 0 1em 0;
}

blockquote {
	margin: 0 0 1em 0;
	padding: 0 30px;
	color: #808080;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

acronym,
abbr {
color: #666666, border-bottom: 1px dotted #666666;
}

small {
	font-size: 0.8em;
}

sup,
sub {
	font-size: 75%;
}

sup {
	vertical-align: super;
}

sub {
	vertical-align: sub;
}

hr {
	width: 100%;
	height: 1px;
	background: #ccc;
	color: #ccc;
	margin: 1em 0;
	border: none;
	padding: 0;
}

pre,
code {
	font-family: Courier, "Courier New", monospace;
	font-size: 1em;
}

pre {
	overflow: scroll;
	margin: 0 0 1em 0;
	padding: 0 0 0.5em 0;
	white-space: pre-wrap;
}

code {
	color: #7ca653;
}

html>body code,
html>body pre {
	font-size:12px;
}

ul,
ol {
	margin: 0;
	padding: 0;
}

ul {
	list-style: disc;
}

li {
	margin: 0 0 0.25em 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
margin;
0 0 1em 0;
	font-weight: normal;
	line-height: 125%;
}

h1,
h2,
h3,
h4 {
	font-family: "Hiragino Mincho Pro W6", "ヒラギノ明朝 Pro W6", "HGS明朝E", "ＭＳ Ｐ明朝", "細明朝体", serif;
}

h5,
h6,
input,
textarea {
	font-family: "Hiragino Kaku Gothic W6", "ヒラギノ角ゴ Pro W6", "HGゴシックE", "ＭＳ Ｐゴシック", Osaka, sans-serif;
}

h1 {
	font-size: 2em;
}

h2 {
	font-size: 1.5em;
}

h3 {
	font-size: 1em;
}

h4 {
	font-size: 0.8em;
}

h5 {
	font-size: 0.8em;
}

h6 {
	font-size: 0.8em;
}

img {
	border: none;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

/* End hide from IE-mac */

.left {
	width:auto;
	float: left;
}

.right {
	width:auto;
	float: right;
}

/* Content ------------------------------------------------------------------ */


/*--------------------------------------
    HTML Basic Elements
---------------------------------------*/
body {
	font-size: 62.5%,  font-family: "Hiragino Kaku Gothic W3", "ヒラギノ角ゴ Pro W3", "HGゴシックE", "ＭＳ Ｐゴシック", Osaka, Verdana, Helvetica, Arial, sans-serif;
	line-height: 125%;
	color: #999999;
	background-color: #FFFFFF;
}

a {
	color: #999999;
	text-decoration: none;
}

a:link {
	color: #999999;
}

a:active {
	color: #808080;
}

a:visited {
	color: #808080;
}

a:hover {
	color: #8EC5D9;
	text-decoration: underline;
}

/*--------------------------------------
    Ids
---------------------------------------*/

body #header,
body #body,
body #content,
body #footer {
	clear: both;
}

/*--------------------------------------
    wrapper
---------------------------------------*/
body #wrapper {
}

/*--------------------------------------
    container
---------------------------------------*/
body #container {
	text-align: left;
}

/*--------------------------------------
    header
---------------------------------------*/
body #header {
	text-align: left;
}

body #header #logo {
	margin-bottom: 2em;
}

body #header #navi {
}

body #header #navi ul#navi-list {
}

/*--------------------------------------
    body
---------------------------------------*/
body #body {
}

/*--------------------------------------
    content
---------------------------------------*/
body #content {
}

/*--------------------------------------
    info list
---------------------------------------*/
body ul#info-list {
	padding-bottom: 3em;
	list-style: none;
}

/*--------------------------------------
    footer
---------------------------------------*/
body #footer {
	border-top: 1px solid #DDDDDD;
	margin: 2em 0;
	clear: both;
}

body #footer #copyright {
	font-family: Vardana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

/*--------------------------------------
    classes
---------------------------------------*/


/*--------------------------------------
    blog entry
---------------------------------------*/

body .entry {
	clear: both;
	border-bottom: 1px dashed #CCCCCC;
	margin: 0 0 3em 0;
}

body .entry .entry-header {
}

body .entry .entry-title {
}

body .entry .date-update {
}

body .entry h2.title {
	margin: 0;
	color: #666666;
	font-size: 1em;
}

body .entry .entry-image {
	margin: 0 0 2em 0;
}

body .entry .entry-body,
body .entry .entry-more {
	font-size: 0.9em;
	line-height: 170%;
	margin: 0 0 1.5em 0;
}

body .entry .entry-meta {
	font-size: 0.8em;
	clear: both;
	text-align: right;
	margin: 0 0 1.5em 0;
}

body .module {
	font-size: 0.9em;
	line-height: 120%;
}

.separator {
	padding: 0 0.5em;
}