@charset "UTF-8";

/*  Reset */
html{font-size:16px;}body,html{height:100%}body{margin:0}address,footer,h1,h2,h3,h4,h5,h6,header,html,iframe,nav,p,section,small{font-size:16px;border:0;outline:0}a,address,header,html,iframe,nav{padding:0;margin:0}abbr,article,aside,audio,b,canvas,cite,code,del,details,dfn,em,fieldset,figcaption,figure,form,hgroup,i,img,ins,kbd,label,legend,mark,menu,object,pblockquote,pre,q,samp,span,strong,sub,summary,sup,time,var,video{margin:0;padding:0;border:0;outline:0;background:0 0}address,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}a img,figure{vertical-align:top}abbr[title],dfn[title]{cursor:help}input,select{vertical-align:middle}noscript{margin:0}

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

body {
 color: #333; background: #f5f5f5;
 font-family: Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; line-height: 1;
 margin: 0; padding: 0; position: relative; z-index: 1;
 -webkit-text-size-adjust: 100%; }

#header, #content, #footer { width: 100%; margin: 0; position: relative; text-align: left; }

#main { width: 100%; padding-bottom: 1rem; border-bottom: 1px solid #eee; }

#utilities { width: 100%; padding-top: .25rem; }

/* Link */
a:link { color: #09b; }
a:visited { color: #777; }
a:hover { color: #69d9e5; text-decoration: none; }
a:focus, textarea:focus, input:focus { outline: none; }

/* Text */
h1 {
 color: #000; font-size: 1.38rem; line-height: 1.5;
 margin: 0; padding: 1rem 1.25rem; border-bottom: 1px solid #eee; }

.mainIndex h1 { display: none; }

h2 { font-size: 1.32rem; line-height: 1.25; margin: 1em 0; }

h3 { font-size: 1.13rem; margin-top: 2em; }

p { font-size: .94rem; margin: .75rem 0 0; }

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

blockquote  p { margin: .5em 0; }

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

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

/* 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 { background-color: #f5f5f5; margin: 1em 0; }

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

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

input, textarea { background-color: #fff; padding: 0.2em; border: 1px solid #ccc; }

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

textarea { padding: 0.5em 10px; }

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

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

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

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

caption { padding: .5rem 0; }

caption a { margin: 0 .375rem; }

th, td { padding: .31rem .635rem; border-collapse: separate; border-spacing: 1px; }

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

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

/* Others */

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

/*==========
 #header
==========*/
#header {
 background: #fff url(sm_title.jpg) no-repeat 40% 0; height: 220px; }

/* Website Title */
#header .siteName {
 position: absolute; top: 36px; left: 1.25rem;
 font-weight: bold; margin: 0; }

@media (max-width: 359px) { #header .siteName { font-size: 1.43rem; } }
@media (min-width: 360px) { #header .siteName { font-size: 1.625rem; } }
@media (min-width: 400px) { #header .siteName { font-size: 1.75rem; } }
@media (min-width: 480px) { #header .siteName { font-size: 2rem; } }

#header .siteName a { text-decoration: none; color: #fff; }
#header .siteName a:hover { color: #69d9e5; }

#header .description {
 position: absolute; top: 66px; left: 1.25rem;
 color: #fff; font-size: 1rem; margin: 0; }

@media (min-width: 480px) { #header .description { top: 76px; } }

#header .siteName, #header .description { text-shadow: rgba(0,0,0,.5) 0 0 5px; }

/* #globalNavi */
#globalNavi {
 position: absolute; left: 0; bottom: 0; width: 100%;
 background-color: #fff; margin: 0 0 -1px 0; padding: 0;
 border-top: 1px solid #eee; list-style-type: none; }

#globalNavi li { float: left; text-align: center; margin: 0; }

#globalNavi a {
 color: #09b; background-color: #fff; text-decoration: none;
 padding: .5rem 1.25rem .56rem; border-right: 1px solid #eee; display: block; }

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

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

.topicPath { color: #aeaeae; line-height: 1.6; margin: 0 1.25rem; padding-top: 8px; word-wrap: break-word; }

.topicPath a { text-decoration: none; }

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

.system .topicPath .current span { display: none; }

/*==========
 > #main
==========*/
/* > div.entry */
.entry { margin: 0 20px .75rem; padding: 1px 0; }

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

/* Entry Title */
.entry h2 { margin-bottom: 0; padding: .31rem 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 */
.entry .info { margin: 0 0 1rem 0; padding: .31rem 0; list-style-type: none; }

.entry .info li {
 float: left; color: #444; font-size: .82rem;
 margin: .31rem .625rem .31em 0; padding-right: .25rem; border-right: 1px solid #eee; }

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

/*body.individual ul.info */
.individual .entry .info, .archives .entry .info {
 position: relative; top: -1px; margin: 0 0 1rem; padding: .25rem 0; }

.individual .entry .info li, .archives .entry .info li {
 padding: 0 0 0 .5rem; border-right: none; border-left: 1px solid #ccc; }

/* Related Entrie */
.relatedEntries ul { margin: 0; padding: 1rem; list-style: none; }

.relatedEntries li { font-size: .94rem; line-height: 1.8; }

.relatedEntries a { text-decoration: none; }
.relatedEntries a:hover { text-decoration: underline; }

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

.textBody h2 { margin-top: 1.5rem; }

.textBody img { width: 100%; height: auto; vertical-align: top; }

.textBody table { width: 100%; overflow: auto; }

.textBody dl { padding: .75em 1.25rem; }

.textBody dt {
 color: #000; font-weight: bold;
 margin: .75rem 0; padding-bottom: .31rem; border-bottom: 1px dotted #ccc; }

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

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

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

.textBody .continue a:link { color: #eee; }
.textBody .continue a:visited { color: #eee; background-color: #999; }
.textBody .continue a:hover { color: #eee; background-color: #333; }

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

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

/* page navi */
p.archives { margin: 1rem 1.25rem; }

p.return { text-align: right; margin: 0 1.25rem; padding: .75rem 0; clear: both; }

/* Newer | Older */
#flip1 { position: relative; top: 1px; margin: .5rem 0 0 1.25rem; list-style-type: none; }

#flip1 li { float: left; width: 5rem; font-size: .94rem; text-align: center; }

#flip1 li a {
 background-color: #fff; text-decoration: none;
 margin-right: 10px; padding-top: 6px; display: block;
 border: 1px solid #eee; border-bottom: none; border-radius: 5px; -webkit-border-radius: 5px; }

#flip2 { margin: 1rem 0; padding: .75rem .94rem; border: 1px solid #eee; list-style-position: inside; }

/*=========================
  #Comments,  #Trackbacks
=========================*/
#comments, #trackback { margin: 2rem 0; }

#comments h2, #trackback h2 {
 color: #333; background-color: #eee; font-size: 1.13rem; padding: .5rem .94rem; border: none; }

#comments .log dt, #trackback .log dt { font-weight: bold; margin: .75rem 0 0; }

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

#comments .log dt .date, #trackback .log dt .date { color: #666; font-weight: normal; margin-left: .625rem; }

#comments .log dd, #trackback .log dd { margin: 0; padding: .75rem 0 1rem; border-bottom: 1px solid #eee; }

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

/* Comment form */
.post dl { margin: .5rem 1.25rem; }

.post p { margin: 1rem 20px; }

.post dt { margin: .5rem 0; }

.post dd { margin: 0; }

.post .action { margin: .5rem 1.25rem 1rem; }

.post .action input { margin: 0 .31rem 0 0; }

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

/*=========================
  #utilities
=========================*/
#utilities dl { color: #555; font-size: .94rem; line-height: 1.6; margin: 1rem 0 0; padding: 0 1.25rem; }

#utilities dt {
 font-weight: bold; margin: 1.25rem 0 0; padding-bottom: .375rem; border-bottom: 3px solid #eee; }

#utilities dd { margin: .375rem 0 0; }

#utilities dd ul { margin: .375rem 1rem .375rem 1rem; }

#utilities dd ul li { margin: .5rem 0; }

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

/* Feeds */
#utilities .feed { margin-left: .75rem; list-style-type: none; list-style-position: outside; }

#utilities .feed li { margin-left: 0; }

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

/* #utilities dl dd >  */
#utilities p { margin: 0; }

#utilities dl dd ul ul { margin-left: .94rem; }

#utilities dl dd dl { margin: .31rem 0; border: 1px solid #eee; }

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

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

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

#utilities dl dd form input.inputField { font-size: .94rem; width: 50%; padding: .5rem; }

#utilities dl dd form input.submit { font-size: .94rem; margin-left: .5rem; padding: .31rem .5rem; }

/*========================================
  #footer
========================================*/
#footer { background: #eee; text-align: center; padding: 1.5rem 0 1.25rem; }

#footer ul { display: none; }

#footer address {
 color: #666; font-size: .88rem; font-style: normal; line-height: 1.33;
 white-space: normal; margin: 0; }

@media (max-width: 359px) { #footer address { padding: 0 1.25rem; } }
@media (min-width: 360px) { #footer address { padding: 0 2rem; } }
@media (min-width: 375px) { #footer address { padding: 0 2.75rem; } }
@media (min-width: 400px) { #footer address { padding: 0 4rem; } }
@media (min-width: 480px) { #footer address { padding: 0; } }

/*========================================
  Class
========================================*/
/* Headline */
.headline { margin: .5rem 0; word-wrap: break-word;　}

.headline dt { font-weight: bold; }
.headline dt .date { font-size: .88rem; font-weight: normal; padding-top: .5rem; display: block; }

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

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

.headline dd ul li { line-height: 1.5; margin: .5rem 0; display: inline; }

.headline dd .textBody { display: block; font-size: .94rem; }

.headline dd .category, .headline dd .tag { font-size: .88rem; margin-left: .75rem; }

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

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

.thumb li a img { border: none; border: 2px solid #ddd; }

.thumb li a:hover img { border: 2px solid #69d9e5; }

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

#utilities dl dd .tagCloud { margin: .25em 0; }

.tagCloud li { margin: 0; padding: 0 .75em 0 0; display: inline; white-space: nowrap; }

.tagCloud a { text-decoration: none; }

.tagCloud .level1 a { color: #333; font-size: 1.75rem; line-height: .88; font-weight: bold; }
.tagCloud .level2 a { color: #555; font-size: 1.5rem; line-height: 1; font-weight: bold; }
.tagCloud .level3 a { color: #666; font-size: 1.25rem; line-height: 1.25; font-weight: bold; }
.tagCloud .level4 a { color: #777; font-size: 1.13rem; line-height: 1.5; }
.tagCloud .level5 a { color: #999; font-size: 1rem; line-height: 1.625; }
.tagCloud .level6 a { color: #aaa; font-size: .88rem; line-height: 1.875; }

.tagCloud a:hover { color: #09b; }

/* Calendar */

table.calendar { width: 100%; margin: 0 auto .5rem; border-color: #ddd; }

table.calendar th, table.calendar td {
 font-size: .88rem; text-align: center; line-height: 2; padding: 0; }

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

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

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

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

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

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

table.calendar td a:hover { color: #69d9e5; }

/* Option */

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

/* Clearfix ---------------*/
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 { display: block; clear: both; content: ""; }

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