@charset "euc-jp";


/*--------------------------------------------------
 Reset CSS
--------------------------------------------------*/

* {margin:0px; padding:0px;}

/*見出し font-size:100%; font-weight:normal; */
h1,h2,h3,h4,h5,h6 {line-height:normal; margin:0; padding:0;}
/*リンク*/
a {text-decoration:none; cursor:pointer; outline:none;}
a:hover, a:active {outline:none;}
/* フォーカス:remember to define focus styles! */
:focus {outline:0;}
/* テーブル:tables still need 'cellspacing="0"' in the markup */
table {border-collapse:collapse;}
/* or table {border-collapse:separate; border-spacing: 1;}*/
/*画像*/
img,a img {border:0; vertical-align:baseline;}
/*リスト*/
ul li, ul ul li, ol li, ol ol li {
    list-style-type:none;
    list-style-position:inside;
	margin-left:0em;
	padding-left:0em;
}
/*引用*/
blockquote, q {quotes: none;}
/*整形済*/
pre {
	white-space:pre; /*CSS2*/
	white-space:pre-wrap; /*CSS 2.1*/
	white-space:pre-line; /*CSS 3 (and 2.1 as well, actually)*/
	word-wrap:break-word; /*IE*/
}
/*水平線*/
hr {border:0; clear:both; margin:1em 0;}


/*--------------------------------------------------
 Grobal(総合)
--------------------------------------------------*/

/* スクロールバーの有無によるズレ対策 */
html {overflow-y: scroll;}

html,body {
    background: #022;
    color: #222;
    text-shadow: #9cc 0px 1px 1px;
    font-family: "Trebuchet MS","Meiryo","メイリオ","Meiryo UI",arial,helvetica,sans-serif;
    font-size: 10pt;
    line-height: normal;
    word-break: break-all;    
	scrollbar-arrow-color: #022;
	scrollbar-face-color: #95b09d;
	scrollbar-3dlight-color: #95b09d;
	scrollbar-darkshadow-color: #95b09d;
	scrollbar-highlight-color: #95b09d;
	scrollbar-shadow-color: #95b09d;
	scrollbar-track-color: #022;
 }

a {text-decoration: none;}
a:link {color: #366;}
a:visited {color: #066;}
a:hover,a:active {color: #eee;} /*#699;*/

footer#footer {color: #9cc;}
footer#footer a:link,
footer#footer a:visited {color: #eee;}
footer#footer a:hover,
footer#footer a:active {color: #022;text-shadow: #044 0px 1px 1px;} 

/*ブログタイトル・説明*/
h1#title, 
h1#title a:link, h1#title a:visited {color: #033;}
h1#title a:hover, h1#title a:active {color: #eee;}

h2#blog-description {color: #eee;}

/*記事タイトル*/
h1.entry-title {text-align: center;}
h1.entry-title, 
h1.entry-title a:link, h1.entry-title a:visited {color: #033;}
h1.entry-title a:hover, h1.entry-title a:active {color: #eee;}

/*コメント投稿者名・本文中リンク*/    
.comment-user-name a:link, .comment-user-name a:visited,
.comment-content a:link,.comment-content a:visited {
    color: #033;
    text-shadow: #9cc 0px 1px 1px;
}

.comment-user-name a:hover, .comment-user-name a:active,
.comment-content a:hover,.comment-content a:active {
    color: #eee;
    text-shadow: #033 1px -1px 0px;
}

/*モジュールタイトル*/
.hatena-module-title {text-align: center;}
.hatena-module-title, 
.hatena-module-title a:link, .hatena-module-title a:visited {color: #033;}
.hatena-module-title a:hover, .hatena-module-title a:active {color: #eee;}

/* パンくずリスト */
.breadcrumb {color: #eee;} 
.breadcrumb a:link,
.breadcrumb a:visited {color: #eee;}
.breadcrumb a:hover,
.breadcrumb a:active {color: #022;text-shadow: #044 0px 1px 1px;} 

/* 記事毎のトップへのリンク */
.entry-footer-html {}
p.page-top {}
a#top {}

/*ページャー*/
/* =div.permalink */
.pager a:link, .pager a:visited {
    color: #eee;
    text-shadow: #9cc 0px 1px 0px;
}
.pager a:hover, .pager a:active {
    color: #033;
    text-shadow: #9cc 0px 1px 1px;
}

/* ページスクロール */
#page_scroll a:link,
#page_scroll a:visited {color: #95b09d;text-shadow: #044 0px 1px 1px;}
#page_scroll a:hover,
#page_scroll a:active {color: #022;text-shadow: #044 0px 1px 1px;} 


/*--------------------------------------------------
 Structure
--------------------------------------------------*/

body.page-index {}

#globalheader-container {color: #eee;}

#header-container {}

/*footer以外の枠*/
#container {
	width: 90%;
    margin: 10px auto;
    /*padding: 10px;*/
}

#container-inner {}

/*--ヘッダー--*/
header#blog-title {
	padding: 15px;
	height: 400px;
	text-align: center;
	background: #95b09d url("http://cdn-ak.f.st-hatena.com/images/fotolife/j/japanoel/20130313/20130313153423.jpg") no-repeat scroll center 100px;
	border-radius: 14px;
	moz-border-radius: 14px;
	webkit-border-radius: 14px;
}

/*
 http://cdn-ak.f.st-hatena.com/images/fotolife/j/japanoel/20130313/20130313153213.jpg
 http://cdn-ak.f.st-hatena.com/images/fotolife/j/japanoel/20130313/20130313154449.jpg
 http://cdn-ak.f.st-hatena.com/images/fotolife/j/japanoel/20130313/20130313153423.jpg
 */

#blog-title-inner {}

#top-editarea {}
#top-box {}

/*--コンテント(記事＋サイドバーの中枠2-)--*/
/*div id="content" class="hfeed"*/
#content {}

#content-inner {}

/*#wrapper=main+box1*/
#wrapper {
	width: 100%;
	margin-top: 20px;
}

/*記事欄の枠1*/
#main {
	float: left;
	margin-right: auto;
	width: 72%;
}

aside#box1 {
	float: right;
	margin-left: auto;
	width: 26%;
}

div#box1-inner {}

/*#wrapper=main+box1の左右または下？*/
aside#box2 {
	float: right;
	margin-left: auto;
	width: 26%;
}

div#box2-inner {}

/*--フッター--*/
footer#footer {
	clear: both;
	height: auto;
	padding: 10px;
	text-align: center;
}

div#footer-inner {}

/* --ページスクロール-- */
#page_scroll {
    position: fixed;
    right: 5px;
    bottom: 50px;
    z-index: 777;
    font-size: 1.5em;
    text-align: center;
    filter: alpha(opacity=100); /* for IE */
    -moz-opacity: 1; /* for Firefox(old) */
    -webkit-opacity: 1; /* for Google Chrome etc. */
    opacity: 1;
}
 
#page_scroll p {
	margin-top: 0;
	margin-bottom: 0;
}


/*--------------------------------------------------
 /////Article(記事)/////
--------------------------------------------------*/

article.entry {
	margin-bottom: 20px;
	padding: 20px 30px;
	background: #95b09d;
	border-radius: 14px;
	-moz-border-radius: 14px;
	-webkit-border-radius: 14px;
}


/*--記事ヘッダ－--*/
/*hentry entry date-first autopagerize_page*/
header.entry-header {}

/*記事日付*/
div.date /*.first*/ {}
/*時刻<time-time><>*/
/*time pubdate datetime="2013-03-12T22:30:21Z" title="2013-03-12T22:30:21Z"*/
/*年*/
span.date-year {}
/*月*/
span.date-month {}
/*日付*/
span.date-day {}
/*ハイフン*/
span.hyphen {}

/*記事カテゴリ*/
div.categories {}
div.no-categories {}

/*--記事本文--*/
div.entry-content {
	margin: 15px 0;
}

/*--記事フッター(広告・コメント含む)--*/
footer.entry-footer {}

p.entry-footer-section {text-align: right;}
/*<span class="author vcard"><span class="fn">*/
/*投稿者id*/
span.author {}
/*時間*/
span.entry-footer-time {}
/*はてなスター*/
div.hatena-star-container {}

div.customized-footer {}

/*--ページャー--*/
/* =div.permalink */
div.pager {}
span.pager-prev {}
span.pager-next {}


/*--------------------------------------------------
 ////// 記事一覧 //////
--------------------------------------------------*/

/* top-box(パンくずリストの枠) */
#top-box {
	margin: 15px 0 0;
}

/* パンくずリスト */
.breadcrumb a {}

/*記事一覧の枠(Archive)*/
body.page-archive #main-inner {
	margin-bottom: 20px;
	padding: 20px 30px;
	background: #95b09d;
	border-radius: 14px;
	-moz-border-radius: 14px;
	-webkit-border-radius: 14px;
}


/*--------------------------------------------------
 ////// Commnet //////
--------------------------------------------------*/

div.comment-box {
    margin-top: 20px;
}

ul.comment {
    list-style: none;
    margin: 0;
    padding-left: 0;
}

li.entry-comment {}

/*1コメントの枠*/
li.entry-comment {
    display: block;
    margin-bottom: 15px;
    padding: 1em;
	color: #011;
	background-color: #366;
	border-radius: 14px;
	moz-border-radius: 14px;
	webkit-border-radius: 14px;
}

/*コメント投稿者名*/	
p.comment-user-name {
	text-align: center;
	font-size: 1.2em;
	font-weight: bold;
}

/*コメント本文*/
div.comment-content {
    margin: 1em;
	color: #eee;
	text-shadow: #033 1px -1px 0px;
}


/*時間*/
p.comment-metadata {text-align: right;}

/*コメント消去ボタン(非表示？)*/
a.comment-delate-button {}

/*「コメントを書く」*/
a.leave-comment-title {}

/*もっと読む*/
li.read-more-comments {}



/*--------------------------------------------------
 Aside(サイドバー)
--------------------------------------------------*/

aside#box1 {}
div#box1-inner {}

aside#box2 {}
div#box2-inner {}


/*--------------------------------------------------
 Hatena-module(各モジュール)
--------------------------------------------------*/

/*==共通==*/
div.hatena-module {
	margin-bottom: 10px;
	padding: 10px;
	background: #95b09d;
	border-radius: 14px;
	moz-border-radius: 14px;
	webkit-border-radius: 14px;
}

div.hatena-module-title {
	font-weight: bold;
	font-size: 1.2em;
}

div.hatena-module-body {
	margin-top: 10px;
}

ul.hatena-urllist {}
li a {}


/*--検索--*/
.hatena-module-search-box {}

form.search-form {}

/*input[type="text"]=*/
input.search-module-input {
	padding: 1px 2px;
	color: #eee;
	background: #022;
	border: 1px solid #022;
	border-radius: 10px;
	moz-border-radius: 10px;
	webkit-border-radius: 10px;
}

/*input[type="submit"]=*/
input.search-module-button {
	padding: 1px 2px;
	color: #eee;
	background: #022;
	border: 1px solid #022;
	border-radius: 10px;
	moz-border-radius: 10px;
	webkit-border-radius: 10px;
}

input:focus,input:hover {
	color: #eee;
	background: #366;
	border: 1px solid #366;	
}

/*--最新記事--*/
div.hatena-module-recent-entries {}
ul.hatena-urllist {}
li a {}

/*--月別アーカイブ--*/
div.hatena-module-archive {}

/*--最近のコメント--*/
div.hatena-module-recent-comments {}
/*=ul.hatena-urllist*/
ul.recent-comments
	
/*--リンク--*/
div.hatena-module-links {}
ul.hatena-urllist {}

/*--プロイール--*/
.hatena-module-profile {}
img.profile-icon
span.id a {}

/*「＋読者になる」*/
 .hatena-follow-button-box {text-shadow: none;}
 a.hatena-follow-button {text-shadow: none;}

 span.subscribing {}
 /*購読中です*/
 span.foreground {}
 /*読者をやめる*/
span.background {}

span.unsubscribin {}
/*読者になる*/
span.foreground {}
/*読者になる*/
span.background {}

div.subscription-count-box {}
span.subscription-balloon {}
span.subscription-count {}


/*--------------------------------------------------
 bottom-editarea
--------------------------------------------------*/

#bottom-editarea {}


/*--------------------------------------------------
 Footer
--------------------------------------------------*/

footer#footer {}
div#footer-inner {}
address a {}
p.services a {}


/*--------------------------------------------------
 Text Elements
--------------------------------------------------*/

form,input,select {
	font-family: "Trebuchet MS","Meiryo","メイリオ","Meiryo UI",arial,helvetica,sans-serif; 
}

hr {
	border: none;
	height: 1px;
	background: #044;
}

blockquote {
	margin: 1em;
	padding: 1em;
	border: 1px solid #044;
	border-radius: 14px;
	-moz-border-radius: 14px;
	-webkit-border-radius: 14px;
}

code,pre {
	color: #000;
	text-shadow: none;
	font-family: "Courier New",Courier,Monaco,monospace;
	background: #366;
}

pre {
	margin: 1em;
	padding: 1em;
	overflow: auto;
}

abbr,acronym {
	cursor: help;
	border-bottom: 1px dotted #333; /*基本colorと同色*/
}

strong,bold {font-weight: bold;}

cite,em,i {font-style: italic;}

ins {text-decoration: underline;}

/*記事内のdl,dt,dd*/
.entry-content dt {font-weight: bold;}

.entry-content dd {margin-bottom: 1em;}

/* 記事内のリスト */
.entry-content ul,.entry-content ol {
	margin: 0.5em 1em;
	padding-left: 0;
}
.entry-content ul li {list-style: inside disc;}
.entry-content ul ul li {list-style: inside circle;}
.entry-content ol li {list-style: inside decimal;}
.entry-content ol ol li {list-style: inside upper-roman;}
 /*or decimal-leading-zero*/

/* モジュール内のリスト */
ul.hatena-urllist {
	margin-left: 0.5em; /*0.5em 1em;*/
	padding-left: 0;
}

ul.hatena-urllist li {list-style: inside disc;} /*inside square*/
ul.hatena-urllist li {list-style: inside circle;}
  

/*--------------------------------------------------
 Floats Clearing(クリアフィックス)
--------------------------------------------------*/

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
	zoom: 1;
}

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
	zoom: 1;
}