@charset "UTF-8";

/* Skin Name: Mono Skin - Core Style
Author: vicuna.jp */

/* Yahoo fonts.css 2.7.0
http://developer.yahoo.net/yui/license.txt
- Font size Adjustment.
http://developer.yahoo.com/yui/examples/fonts/fonts-size_source.html */
body{font:13px/1.231 arial,helvetica,clean,sans-serif;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;line-height:100%;}

/*========================================
  Elements
========================================*/

body {
	color: #333;
	background-color: #f5f5f5;
	margin: 0 10px;
	text-align: center;
}

body.double div#main {
	width: 75%;
	float: left;
	margin-right: -1px;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
}

div#header, div#content, div#footer {
	width: 95%;
	min-width: 600px;
	max-width: 1000px;
	margin: 0 auto;
	position: relative;
	text-align: left;
}

/* Link */
a:link { color: #09b; }

a:visited { color: #777; }

a:hover { color: #69d9e5; text-decoration: none; }

a:focus, textarea:focus, input:focus {	outline: 1px solid #aaa; }

/* Text */
h1 {
	margin: 0;
	padding: 15px 30px;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	line-height: 1.5;
	font-size: 167%;
	color: #000;
}

body.mainIndex h1 { display: none; }

h2 { margin: 1em 0; font-size: 131%; }

h3 { margin-top: 2em; font-size: 116%; }

p { margin: 1em 0; }

blockquote {
	margin: 1em 0 1em 20px;
	padding: 8px 10px 5px 40px;
	border: 1px solid #eee;
	color: #444;
	background-image: url(images/icon/quote.gif);
	background-repeat: no-repeat;
	background-position: 5px 5px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}

blockquote  p { margin: .5em 0; }

pre {
	padding: 15px 20px;
	background-color: #f5f5f5;
	overflow: auto;
	width: 90%;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}

em { font-weight: bold; font-style: normal; }

strong { font-size: 109%; }

/* List */
ul, ol { margin: 1em 30px; padding: 0; list-style-position: outside; }

ul ul,ul ol,ul ol,ol ol { margin: .3em 0 .3em 15px; }

/* form */
form { margin: 1em 0; background-color: #f5f5f5; }

fieldset { padding: 1px 0; border: none; }

legend { padding: 4px 10px; background-color: #fff; }

input, textarea {
	padding: .2em;
	border-width: 1px;
	border-style: solid;
	border-color: #ccc;
	background-color: #fff;
}

input:hover, textarea:hover { border-color: #999; }

textarea { padding: .5em 10px; }

input.submit {
	padding: 5px 10px;
	border: none;
	font-size: 85%;
	font-weight: bold;
	text-transform: uppercase;
	color: #fff;
	background-color: #000;
}

input.submit:hover { background-color: #666; }

input.radio { border: none; background-color: transparent; background-image: none; }

/* Table */
table { margin: 1em 0; border: 1px solid #ccc; background-color: #fff; }

caption { padding-bottom: .3em; }

th, td { padding: .3em 10px; border-collapse: separate; border-spacing: 1px; }

th { border-right: 1px solid #ddd; color: #333; background-color: #f5f5f5; }

td { border-right: 1px solid #eee; border-top: 1px solid #eee; }

/* Others */

hr { margin: 1.5em 0; border: none; border-top: 1px dotted #ccc; }

/*========================================
  div#header
========================================*/

div#header { padding: 1px 0; background-color: #fff; }

/* Website Title */
div#header p.siteName {
	margin: 25px 30px 10px;
	line-height: 1;
	font-size: 185%;
	font-weight: bold;
}

div#header p.siteName a { text-decoration: none; color: #fff; }

div#header p.siteName a:hover { color: #69d9e5; }

div#header p.description { margin: 0 30px 25px; font-size: 115%; color: #fff; }

/* ul#globalNavi */
ul#globalNavi {
	margin: 0 0 -1px 0;
	padding: 0;
	border-top: 1px solid #eee;
	line-height: 1;
	list-style-type: none;
	background-color: #fff;
}

ul#globalNavi li {
	margin: 0;
	padding: 0;
	float: left;
	/*	 width: 110px; */
	text-align: center;
}

ul#globalNavi li a {
	border-right: 1px solid #eee;
	padding: 9px 20px;
	display: block;
	position: relative;
	color: #09b;
	background-color: #fff;
	text-decoration: none;
}

ul#globalNavi li a:hover, ul#globalNavi li.current a { color: #555; background-color: #f5f5f5; }

/*========================================
  div#content
========================================*/

div#content {
	padding-bottom: 1px;
	border-top: 1px solid #eee;
	background-color: #fff;
}

p.topicPath {
	margin: 0 30px 10px;
	padding-top: 8px;
	line-height: 1.6;
	color: #aeaeae;
}

p.topicPath a { text-decoration: none; }

p.topicPath span.current {
	padding: 1px 10px;
	border: 1px solid #eee;
	color: #555;
	background-color: #f5f5f5;
}

/*========================================
	Eye Catch
========================================*/

/* Header - <body class="eye-h"> */

body.eye-h div#header {
	height: 200px;
	background: url(blog_image.jpg) no-repeat center top;
}

body.eye-h div#header p.siteName {
	margin: 0;
	position: absolute;
	top: 60px;
	left: 30px;
}

body.eye-h div#header p.description {
	margin: 0;
	position: absolute;
	top: 92px;
	left: 30px;
}

body.eye-h ul#globalNavi {
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
}

/*=========================
 > div#main
=========================*/

/* > div.entry */
div.entry { margin: 1em 30px; padding: 1px 0; }

/* body.archives */
body.archives div.entry { margin-top: 0; }

/* Entry Title */
div.entry h2 { margin-bottom: 0; padding: .3em 0; border-bottom: 4px solid #eee; }

div.entry h2 a { text-decoration: none; }

div.entry h2 a:link { color: #0092bb; }

div.entry h2 a:visited {
  color: #555; }

div.entry h2 a:hover { color: #69d9e5; text-decoration: underline; }

/* ul.info */
div.entry ul.info {
	margin: 0 0 1em 0;
	padding: .3em 0;
	list-style-type: none;
}

div.entry ul.info li {
	margin: .3em 10px .3em 0;
	padding-right: 10px;
	border-right: 1px solid #eee;
	color: #444;
	float: left;
	font-size: 85%;
}

div.entry ul.info li a {
	text-decoration: none;
}

/*body.individual ul.info */
body.individual div.entry ul.info, body.archives div.entry ul.info {
	margin: 0 -30px 1.5em;
	padding: .3em 30px;
	position: relative;
	top: -1px;
}

body.individual div.entry ul.info li, body.archives div.entry ul.info li{
	padding: 0 0 0 10px;
	border-right: none;
	border-left: 1px solid #ccc;
}

/* Text Style */
div.textBody p { line-height: 1.7; }

div.textBody h2 { margin-top: 2em; }

@media (max-width: 980px) { div.textBody img { width: 100%; height: auto; vertical-align: top; } }

div.textBody dl { padding: .5em 20px; border: 1px solid #eee; }

div.textBody dt {
	margin: .7em 0;
	padding-bottom: .3em;
	border-bottom: 1px dotted #ccc;
	font-weight: bold;
	color: #000;
}

div.textBody dd { color: #666; margin: .5em 0; }

/* p.continue */
div.textBody p.continue { margin: 2em 0 1.5em; font-weight: bold; }

div.textBody p.continue a {
	padding: 5px 10px;
	color: #fff;
	background-color: #000;
	text-decoration: none;
}

div.textBody p.continue a:link { color: #eee; }

div.textBody p.continue a:visited { color: #eee; background-color: #999; }

div.textBody p.continue a:hover { color: #eee; background-color: #333; }


/* ul.reaction */
div.entry ul.reaction {
	margin: 1em 0;
	border-top: 1px solid #eee;
	list-style-type: none;
}

div.entry ul.reaction li {
	margin: 0 10px 0 0;
	padding: 5px 10px 0 0;
	border-right: 1px solid #eee;
	float: left;
}

/* page navi */
p.archives { margin: 1em 30px; }

p.return {
	margin: 0 30px;
	padding: .7em 0;
	text-align: right;
	clear: both;
}

/* Newer | Older */
ul#flip1 {
	margin: 0 0 0 30px;
	list-style-type: none;
	position: relative;
	top: 1px;
}

ul#flip1 li {
	float: left;
	width: 60px;
	font-size: 92%;
	text-align: center;
	line-height: 1;
}

ul#flip1 li a {
	margin-right: 2px;
	padding: 4px 0 3px;
	border: 1px solid #eee;
	border-bottom: none;
	display: block;
	text-decoration: none;
	color: #666;
	background-color: #fff;
}

ul#flip1 li a:hover { color: #000; }

ul#flip2 {
	margin: 1em 0;
	padding: .8em 15px;
	border: 1px solid #eee;
	list-style-position: inside;
}

/*=========================
  div#Comments, 
  div#Trackbacks
=========================*/

div#comments, div#trackback { margin: 2em 0; }

div#comments h2, div#trackback h2 {
	padding: .5em 15px;
	border: none;
	font-size: 116%;
	color: #333;
	background-color: #eee;
}

div#comments dl.log dt, div#trackback dl.log dt {
	margin: .8em 0 0;
	font-weight: bold;
}

div#comments dl.log dt span.name, div#trackback dl.log dt span.name {
	color: #000;
}

div#comments dl.log dt span.date, div#trackback dl.log dt span.date {
	margin-left: 10px;
	color: #666;
	font-weight: normal;
}

div#comments dl.log dd,
div#trackback dl.log dd {
	margin: 0;
	padding: .8em 0 1em;
	border-bottom: 1px solid #eee;
}

div#comments dl.log dd p, div#trackback dl.log dd p { margin: 0; }

/* Comment form */
form.post dl { margin: .5em 20px; }

form.post p { margin: 1em 20px; }

form.post dl dt { margin: .5em 0; }

form.post dl dd { margin: 0; }

form.post div.action { margin: .5em 20px 1em; }

form.post div.action input { margin: 0 5px 0 0; }

form.post textarea { width: 80%; max-width: 85%; }

/* Trackback info */
div#trackback dl.info {
	padding: .8em 15px;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
	background-color: #f5f5f5;
}

div#trackback dl.info dd { margin: .3em 20px; }

div#trackback dl.info dd.URL {
	margin: .5em 0;
	padding: .5em 10px;
	border-top: 1px solid #eee;
	border-left: 1px solid #eee;
	background-color: #fff;
	color: #000;
}

/*=========================
  div#utilities
=========================*/
body.double div#utilities { width: 25%; float: left; clear: right; }

div#utilities dl { margin: 5px 0; padding-bottom: 5px; color: #555; }

div#utilities dl dt {
	margin: 5px 10px;
	padding: 4px 0;
	border-bottom: 3px solid #eee;
	font-weight: bold;
}

div#utilities dl dd { margin: 0 10px; padding: 1px 0; }

div#utilities dl dd ul { margin: 5px 10px 5px 20px; }

div#utilities dl dd ul li { margin: .5em 0; }

div#utilities dl dd ul li a { text-decoration: none; }

/* Feeds */
div#utilities dl dd ul.feed {
	margin-left: 10px;
	list-style-type: none;
	list-style-position: outside;
}

div#utilities dl dd ul.feed li { margin-left: 0; }

div#utilities dl dd ul.feed li a {
	padding-left: 20px;
	background: url(images/icon/icon_feed.gif) no-repeat;
}

/* div#utilities dl dd > */
div#utilities p { margin: .3em 0; }

div#utilities dl dd ul ul { margin-left: 15px; }

div#utilities dl dd dl { margin: .3em 0; border: 1px solid #eee; }

div#utilities dl dd dl dt { font-weight: normal; }

div#utilities dl dd form {
	margin: 0;
	padding: 1px 5px;
	border: none;
}

div#utilities dl dd form legend { display: none; }

div#utilities dl dd form input.inputField { width: 45%; }

div#utilities dl dd form input.submit { padding: .2em 2px; font-size: 10px; }

/*========================================
  div#footer
========================================*/

div#footer { padding: 1px 0 1em; }

div#footer a { color: #999; text-decoration: none; }

div#footer a:hover { color: #fff; }

div#footer ul {
	margin: .7em 0;
	text-align: right;
	color: #ddd;
	font-size: 85%;
}

div#footer ul li { margin-left: 5px; display: inline; }

div#footer address {
	text-align: right;
	font-style: normal;
	color: #555;
}

/*========================================
  Class
========================================*/

/* Headline */
dl.headline { margin: .5em 0; }

dl.headline dt span.date { font-size: 85%; }

dl.headline dd {
	margin: .5em 0 1.2em;
	padding-bottom: 1.2em;
	border-bottom: 3px solid #eee;
}

dl.headline dd ul { margin: 0; list-style-type: none; }

dl.headline dd ul li {
	margin: .3em 5px .3em 0;
	display: inline;
	font-size: 92%;
}

dl.headline dd ul li.textBody { display: block; font-size: 100%; }

/* ul.thumb */

ul.thumb, div#utilities ul.thumb {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.thumb li {
	margin: 0;
	padding: 0;
	float: left;
	width: 33%;
	overflow: hidden;
	font-size: 0;
}

ul.thumb li a img {
	border: none;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

ul.thumb li a:hover img { border-bottom: 1px solid #000; }

/* Tag cloud */
ul.tagCloud {
	margin: 1em 0;
	line-height: 1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

div#utilities dl dd ul.tagCloud { margin: .2em 0; }

ul.tagCloud li {
	margin: 0;
	padding: 0;
	display: inline;
	font-size: 100%;
}

ul.tagCloud li a { text-decoration: none; }

/* Tag level 1 > 6 */

ul.tagCloud li.level1 a {
	font-size: 167%;
	font-weight: bold;
	color: #000;
}

ul.tagCloud li.level2 a {
	font-size: 136%;
	font-weight: bold;
	color: #333;
}

ul.tagCloud li.level3 a {
	font-size: 122%;
	line-height: 1.25;
	font-weight: bold;
	color: #555;
}

ul.tagCloud li.level4 a {
	font-size: 114%;
	line-height: 1.33;
	color: #777;
}

ul.tagCloud li.level5 a {
	font-size: 92%;
	line-height: 1.425;
	color: #999;
}

ul.tagCloud li.level6 a {
	font-size: 77%;
	line-height: 1.5;
	color: #aaa;
}

/* On Mouse */
ul.tagCloud li a:hover { color: #09b; }

/* Calendar */
table.calendar {
	margin: 0 auto 5px;
	border-color: #ddd;
	width: 95%;
}

table.calendar th,
table.calendar td {
	padding: 0;
	line-height: 1.8;
	font-size: 85%;
	text-align: center;
}

table.calendar th {
	line-height: 2;
	font-weight: normal;
}

table.calendar th.sat {
	font-weight: bold;
	background-color: #e5e5e5;
}

table.calendar th.sun {
	font-weight: bold;
	background-color: #e5e5e5;
}

table.calendar td {
	color: #888;
	padding: 0;
	width: 14%;
}

table.calendar td a {
	display: block;
	font-weight: bold;
	text-decoration: none;
	color: #333;
	background-color: #eee;
}

table.calendar td a:visited { color: #333; background-color: #fff; }

table.calendar td a:hover { color: #000; background-color: #eee; }

/* Option */
.option {
	margin: 1em 30px;
	padding: 1px 10px;
	border: 1px solid #eee;
}

/* Clearfix */
ul#globalNavi, div#content, div.entry ul.info, div.entry div.textBody,
ul.reaction, ul.thumb, ul.flip { zoom:1; }

ul#globalNavi:after, div#content:after, div.entry ul.info:after,
div.entry div.textBody:after, div.entry ul.reaction:after, ul.thumb:after, ul.flip:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

.clear { display: block; clear: both; }
