@charset "UTF-8";
/* ----------------------------------
Template by ありのごとくあつまりて (paruparu)
http://arinogotokuatumarite.blog19.fc2.com/
------------------------------------- */

/* フォントサイズ目安 
http://webtech-walker.com/archive/2008/05/16032443.html
基準値 12px        基準値 13px（記事中）
10px  84%          10px  77%
11px  92%          11px  85%
12px 100% *        12px  93%
13px 109%          13px 100% *
14px 117%          14px 108%
15px 125%          15px 116%
16px 134%          16px 124%
17px 142%          17px 131%
18px 150%          18px 139%
19px 159%          19px 147%
20px 167%          20px 154%
21px 175%
22px 184%
23px 192%
24px 200%
25px 209%
26px 217%
------------------------------------- */

* {
margin:0;
padding:0;
}
body {
margin:0;
padding:0;
background:#ccc url(http://blog-imgs-32.fc2.com/a/r/i/arinogotokuatumarite/waku_middle.png) repeat-y center top;
background-attachment:fixed;
text-align:center;
font-size:12px;
color:#333;
}
/* for IE6 */
* html body {
font-size:75%;
}
/* for IE7 */
*:first-child+html body {
font-size:75%;
}
div, p, h1, h2, h3, h4, ul, ol, li, dl, dt, dd, form, input, textarea {
margin:0;
padding:0;
}
body, form, input, textarea {
font-family:'メイリオ','meiryo','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Osaka','meiryoKe_PGothic','Verdana','ＭＳ Ｐゴシック',sans-serif;
}
img {
border:0;
}
a img {
border-width:0px;
border-style:none;
text-decoration:none;
}
a,
#footer .homelink a {
color:#6699cc;
text-decoration:none;
}
a:hover,
#footer .homelink a:hover {
color:#009966;
text-decoration:underline;
}
.f_right {
float:right;
}
.f_left {
float:left;
}
.t_right {
text-align:right;
}
.t_center {
text-align:center;
}
.nowrap {
white-space:nowrap;
}

/* Structure （構造）
------------------------------------- */
#wrapper {
margin:0;
padding:0 0 10px 0;
min-height:1000px;
background:url(http://blog-imgs-32.fc2.com/a/r/i/arinogotokuatumarite/waku_bottom.png) no-repeat center bottom;
}
#top {
margin-left:auto;
margin-right:auto;
padding:0;
height:50px;
background:#ccc url(http://blog-imgs-32.fc2.com/a/r/i/arinogotokuatumarite/waku_top.png) no-repeat center top;
}
#container {
margin-left:auto;
margin-right:auto;
padding:0;
width:900px;
background:#fff;
text-align:left;
font-size:100%;
line-height:1.4;
}
#header {
margin:0;
padding:0 15px 0 15px;
height:300px;
background:url(http://blog-imgs-51.fc2.com/g/a/r/gardeningtotreedocto/2013032600284880e.jpg) repeat-x center top;
font-size:117%;
}
#content {
position:relative;
top:-100px;
float:left;
margin:auto 5px 10px 20px;
padding:0;
width:610px;
line-height:1.7;
}
#sidebar {
position:relative;
top:-150px;
float:right;
margin:0 10px 10px 5px;
padding:0;
width:200px;
line-height:1.6;
}
#footer {
clear:both;
text-align:center;
line-height:1.5
}


/* Navigation
http://www.cssplay.co.uk/menus/skeleton.html
※ナビゲーションメニューもカスタマイズOKですが、
IE6，IE5.5で表示が乱れる恐れがあるので注意！！
項目の削除には注意してください。
------------------------------------- */
#nav {
position:relative;
z-index:10;
padding:0;
height:35px;
background:#000 url(http://blog-imgs-35.fc2.com/a/r/i/arinogotokuatumarite/t_menu2.png) repeat-x;
}
#nav ul {
list-style:none;
background:#fff;
border:1px solid #999;
}
#nav ul li {
list-style:none;
}
#nav .navitop {
height:25px;
border-right:0px;
border-left:1px solid #222;
text-align:center;
font-weight:bold;
color:#fff;
}
/* for IE5.x and IE6 */
#nav table,
#nav td {
border:0;
border-collapse:/**/collapse;  /* IE5.5 除外 */
}
#nav li {
float:left;
text-align:left;
font-weight:normal;
}
#nav li li {
float:none;
}
/* a hack for IE5.x and IE6 */
#nav li a li {
float:left;
}
#nav li a {
float:left;
padding:5px 7px;
width:134px;
display:block;
text-decoration:none;
color:#0066cc;
}
#nav li li a,
#nav li:hover ul li:hover ul li a {
float:none;
padding:5px 10px;
width:200px;
background:#fff;
border-top:1px solid #ccc;
}
#nav li:hover {
position:relative;
z-index:20;
visibility:visible;
}
#nav a:hover {
position:relative;
z-index:20;
visibility:visible;
background:#006699;
color:#fff;
}
#nav a.this {
background:url(http://blog-imgs-32.fc2.com/a/r/i/arinogotokuatumarite/t_menu_this2.png) no-repeat center bottom;
}
#nav li .navitop:hover,
#nav li:hover .navitop {
background:url(http://blog-imgs-32.fc2.com/a/r/i/arinogotokuatumarite/t_menu_this2.png) no-repeat center bottom;
}
#nav li:hover ul li:hover a,
#nav li:hover ul li:hover ul li a:hover {
background:#006699;
}
#nav li li a.parent {
font-weight:bold;
background:#f5f5f5;
}
#nav :hover ul {
left:0px;
top:35px;
}
.sentence {
display:block;
margin:2px;
padding:5px;
background:#f5f5f5;
border:1px solid #ccc;
color:#666;
overflow:hidden;
}
.sentence span {
display:block;
font-weight:bold;
}
#nav li li.r_sentence {
width:200px;
padding:10px;
background:#f5f5f5;
color:#666;
overflow:hidden;
}
/* another hack for IE5.5 and IE6 */
#nav a:hover ul {
left:-1px;
}
#nav ul {
position:absolute;
left:-9999px;
top:-9999px;
}
/* it could have been this simple if all browsers understood */
/* show next level */
#nav li:hover li:hover > ul {
left:0;
margin-left:100%;
top:0;
}
/* keep further levels hidden */
#nav li:hover > ul ul {
position:absolute;
left:-9999px;
top:-9999px;
width:auto;
}
/* show path followed */
#nav li:hover > a {
color:#fff;
}
/* but IE5.x and IE6 need this lot to style the flyouts*/
/* show next level */
#nav a:hover a:hover ul,
#nav a:hover a:hover a:hover ul {
left:100%;
top:-1px;
}
/* keep further levels hidden */
#nav a:hover ul ul,
#nav a:hover a:hover ul ul {
position:absolute;
left:-9999px;
top:-9999px;
}
/* Feed */
#feed {
float:right;
margin:0 auto;
padding-left:26px;
width:152px;
height:25px;
background:url(http://blog-imgs-32.fc2.com/a/r/i/arinogotokuatumarite/t_feed1.png) no-repeat;
}
a.feed-button {
display:block;
width:100px;
height:25px;
background:url("http://blog-imgs-32.fc2.com/a/r/i/arinogotokuatumarite/t_feed_button.png") no-repeat 0 0;
}
a:hover.feed-button {
background-position:0 -25px;
}


/* Heading's
------------------------------------- */
.site_title {
margin:0 12px 12px 24px;
padding:0;
}
.site_title .f_right {
margin-left:15px;
}
h1 {
clear:left;
width:660px;
margin:0;
padding:5px;
text-align:right;
font-size:125%;
color:#999;
}
.p_mokuji {
margin-left:160px;
}
.p_mokuji a {
background:#fefefe;
}


/* Entries
------------------------------------- */
/* 記事タイトルの設定 */
.entry_title {
margin:50px 0 5px 0;
padding:2px;  /* for IE6 */
background:#f5f5f5 url(http://blog-imgs-32.fc2.com/a/r/i/arinogotokuatumarite/t_h2_2.png) no-repeat;
border-bottom:1px solid #999;
}
.entry_title h2,
.entry_title h3 {
padding:19px 20px 4px 20px;
font-size:159%;
line-height:1.2;
}
.entry_title h2 a {
display:block;
color:#336699;
}
.entry_title h2 a:hover {
color:#99cc00;
text-decoration:none;
}
/* 記事上の設定 */
.entry_top {
margin:0 auto 10px 20px;
text-align:right;
font-size:109%;
}
/* 記事中の設定 */
.entry_m {
margin:12px auto 40px 20px;
padding-top:4px;  /* for IE6 */
font-size:109%;
}
.entry_m p,
.cmtb_m p {
margin-top:1.5em;
margin-bottom:1.5em;
}
.entry_m a:link {
text-decoration:underline;
color:#0066cc;
border-bottom:1px dotted #99ccff;
}
.entry_m a:visited {
text-decoration:underline;
color:#6699cc;
}
.entry_m a:active {
background:#ccffcc;
color:#669966;
}
.entry_m a:hover {
background:#f5f5f5;
color:#009933;
border-bottom:1px solid #fefefe;
}
/* 記事内 h2～h4 の設定 */
.entry_m h2 {
margin:24px 0 12px 0;
padding:3px 8px 3px 11px;
border-bottom:1px solid #999;
border-left:9px solid #666;
font-size:139%;
line-height:1.5;
}
.entry_m h3,
.all_m h3 {
margin:24px 12px 12px 0;
padding:3px 8px 3px 12px;
border-bottom:1px solid #99cc99;
border-left:8px solid #99cc66;
font-size:131%;
line-height:1.5;
}
.entry_m h4,
.cmtb_m h4 {
margin:24px 20px 12px 0;
padding:3px 8px 3px 14px;
border-bottom:1px solid #ffcc66;
border-left:6px solid #ff9933;
font-size:124%;
line-height:1.5;
}
/* リスト・テーブル */
.entry_m ul {
margin:0 0 0 28px;
}
.entry_m ol {
margin:0 0 0 36px;
}
.entry_m ul li,
.entry_m ol li {
margin-top:0.2em;
margin-bottom:0.2em;
}
.entry_m dt {
margin:12px 0 12px 12px;
}
.entry_m dd {
margin:0 0 12px 36px;
}
.entry_m table {
margin:10px 0 10px 0;
}
table, th, td {
border:1px solid #ccc;
font-weight:normal;
font-size:100%;
line-height:1.6;
}
caption {
background:#dcdcdc;
}
hr {
color:#ccc;
border:1px dotted #ccc;
}
/* 絵文字の設定 */
img.emoji {
margin:4px 1px 4px 1px;
padding:0;
float:none;
vertical-align:middle;
}
/* 続きを読む・閉じる */
.readmore {
clear:both;
margin:10px 5px auto 5px;
background:#f8f8ff;
text-align:right;
}
.readclose {
clear:both;
margin:10px 5px 10px 5px;
text-align:right;
}
.entry_m .readmore a,
.entry_m .readclose a {
display:block;
border-bottom:none;
}
/* ブログ拍手 */
.fc2_footer {
margin:15px 0 0 0;
}
/* 記事下の設定 */
.thread {
margin:5px 20px;
}
.entry_bottom {
margin:20px 0 20px 0;
padding:12px;
text-align:right;
font-size:100%;
border-bottom:6px double #666;
}
.url {
font-size:92%;
}
.edit {
cursor:default;
}
/* 記事がある場合・無い場合 */
.none {
display:none;
}
.block {
display:block;
line-height:1.8;
}
.nextentry {
margin:15px 12px 15px 12px;
padding:5px;
border:1px solid #ccc;
font-size:109%;
}
.nextpage {
text-align:right;
font-size:125%;
}
/* 全記事一覧 */
.all_m {
padding-top:4px;  /* for IE6 */
}
.all_m h3 a {
display:block;
padding-left:5px;
}
.all_m h3 a:link {
color:#0066cc;
}
.all_m h3 a:hover {
color:#009966;
}
.all_m p {
margin-left:24px;
}


/* Comment, Trackback
------------------------------------- */
.cm_title {
margin:40px 0 40px 0;
height:62px;
background:url(http://blog-imgs-32.fc2.com/a/r/i/arinogotokuatumarite/t_cmtb_sand.jpg) no-repeat;
}
.cm_title h3 {
padding:20px 30px 2px 50px;
text-align:right;
font-size:24px;
font-family:'Times New Roman';
}
.tb_title {
margin:40px 0 40px 0;
height:62px;
background:url(http://blog-imgs-32.fc2.com/a/r/i/arinogotokuatumarite/t_cmtb_sand.jpg) no-repeat;
}
.tb_title h3 {
padding:20px 30px 2px 50px;
text-align:right;
font-size:24px;
font-family:'Times New Roman';

}
.cmtb_m {
margin:auto 10px 20px 10px;
padding-top:4px;  /* for IE6 */
}
.cm_body {
margin:auto 20px;
padding:10px;
border:1px solid #ccc;
}
/* 管理人のコメントを区別 */
/* .n_ の後に管理人のコメント投稿者名を入れてください。日本語OK */
.n_管理人 {
color:#003366;
}
.n_管理人 .cm_body {
border:1px solid #ccccff;
}
/* コメントのプレビュー （実際の表示 cm_body と揃うように） */
#prv {
margin:20px 20px;
padding:10px;
border:1px solid #ccc;
}
.cm_bottom {
padding:20px;
border-bottom:1px dotted #ccc;
}
/* 入力項目 */
textarea {
font-size:109%;
}
#comment_form dl {
margin:12px 0 12px 12px;
}
#comment_form dt {
margin:0;
padding:0;
width:120px;
background:#f5f5f5;
text-align:center;
border:1px solid #ccc;
}
#comment_form dd {
margin:0;
padding:0;
}
/* 名前等の入力欄 */
.name {
width:340px;
}
.add {
width:370px;
ime-mode:disabled;
}
.c_textarea {
width:370px;
height:100px;
line-height:1.5;
}
dt.compact {
float:left;
clear:both;
width:120px;
}
dd.compact {
margin:0;
padding:0;
white-space:nowrap;
}
.pass {
width:100px;
}
.check {
border-width:0;
}
.submit {
margin:20px 12px 20px 12px;
}
.error {
margin:0 0 15px 0;
color:#ff0000;
}
.tb_url {
width:500px;
}


/* Sidebar
------------------------------------- */
.site_search {
margin-bottom:70px;
}
#sidebar .menu_head {
padding:3px 8px 3px 8px;
background:#ffcc66;
border-left:6px solid #ff9933;
font-weight:bold;
}
#sidebar .menu_head_2 {
padding:3px 8px 3px 8px;
background:#ccc;
border-left:6px solid #999;
font-weight:bold;
}
#sidebar .menu_m {
padding:10px;
margin-bottom:12px;
}
.menu_m p {
margin-top:1.5em;
margin-bottom:1.5em;
}
.menu_m ul {
margin:5px 0 0 15px;
}
.menu_m ol {
margin:5px 0 0 15px;
}
.menu_m ul li,
.menu_m ol li {
margin-top:3px;
margin-bottom:3px;
}
#sidebar input,
#sidebar textarea {
max-width:160px;
}


/* 著作権表示部分
------------------------------------- */
#footer .copyright {
clear:both;
margin-top:20px;
height:150px;
background:url(http://blog-imgs-32.fc2.com/a/r/i/arinogotokuatumarite/t_footer2Mj.jpg) no-repeat center top;
text-align:center;
color:#999;
}
.copyright a  {
color:#999;
}
#footer .homelink {
padding:20px;
height:70px;
font-size:117%;
color:#222;
}


/* 自分用各種装飾 （以下削除してもOK）
------------------------------------- */
.mk {
color:#cc3366;
}
.mk2 {
color:#339966;
}
blockquote {
margin:20px 5px 20px 10px;
padding:10px;
overflow:auto;
background:#f5f5f5;
font-size:93%;
line-height:1.6;
border-left /**/:/**/4px solid #ccc;  /* IE5.5, IE6 除外 */
}

/* カレンダー装飾用 （必要ない方は削除） */
table.calender {
width:175px;
border:1px solid #dcdcdc;
border-collapse:separate;  
}
.calender caption {
padding:2px;
font-weight:bold;
background:#fff;
}
.calender th#sun {
color:#cc3366;
}
.calender th#sat {
color:#339966;
}
.calender th, .calender td {
border-top: solid 1px #f5f5f5;  
border-right: solid 1px #ccc;
border-bottom: solid 1px #ccc;  
border-left: solid 1px #f5f5f5;
text-align:center;
font-weight:normal;
color:#999;
}
.calender td a {
display:block;
background:#f5f5f5;
color:#000;
}
.calender td a:hover {
background:#777;
text-decoration:none;
color:#fff;
}