@charset "utf-8";


/* 全体構造
---------------------------------------------------- */
* {margin: 0; padding: 0;}

body {
color: #1c2e8d;
font: 13px/175% Verdana, "ＭＳ Ｐゴシック", Arial, Helvetica, Clean, sans-serif;
*font-size: small;	/* Win IE7&6標準準拠モードに適用 */
*font: x-small;	/* Win IE5-5.5, 6後方互換モード)に適用 */
line-height: 175%;
letter-spacing: 0.1em;
text-align: center;
background: #fff url(http://blog-imgs-42-origin.fc2.com/r/o/u/roucouler/bg.jpg) left top repeat;
}

#container {
width: 910px;
margin: 0 auto;
background-color: transparent;
}

#header {
text-align: right;
height: 280px;
background: #fff url(http://blog-imgs-42-origin.fc2.com/r/o/u/roucouler/nuage-container_h.jpg) left top no-repeat;
}

#left-main_container {
width: 700px;
margin: 40px 0 0 0 ;
float: left;
}

#left {
width: 190px;
margin: 0 auto 0 5px;
float: left;
}

#main {
width: 490px;
float: right;
}

#right {
width: 210px;
margin: 40px 0 0 0;
float: right;
}

#bird {
width: 910px;
height: 50px;
background: url(http://blog-imgs-42-origin.fc2.com/r/o/u/roucouler/bird-f.jpg) 10% bottom no-repeat;
clear: both;
}

#pagenavi {
width: 910px;
height: 100px;
background: url(http://blog-imgs-42-origin.fc2.com/r/o/u/roucouler/bird-f.jpg) 10% bottom no-repeat;
clear: both;
}

#footer {
width: 910px;
height: 140px;
background: url(http://blog-imgs-42-origin.fc2.com/r/o/u/roucouler/nuage-container_f.jpg) left top no-repeat;
clear: both;
}


/* ハイパーリンク
---------------------------------------------------- */
a {color: #1c2e8d; text-decoration: none;}
a:hover {color: #1c2e8d;}

/* ---ブログ名--- */
h1 a {
color: #1c2e8d;
background-color: transparent;
}

h1 a:hover {
color: #1c2e8d;
background-color: transparent;
position: relative; top: 2px;
}

#main .entry_title a, #main .entry_outline a {color: #fff;}
#main .entry_title a:hover, #main .entry_outline a:hover {color: #fff; position: relative; top: 1px;}

.entry_article a {color: #1c2e8d; background-color: #eaf4fc; position: position: relative; top: 0; display: inline-block;}
.entry_article a:hover {color: #1c2e8d; text-decoration: underline; background-color: transparent; relative; top: 0;}

.entry_article blockquote a {color: #eaf4fc; background-color: transparent;}
.entry_article blockquote a:hover {color: #eaf4fc; text-decoration: none; background-color: transparent; position: relative; top: 1px;}

#readmore_bt a {
color: #1c2e8d;
font-size: 77%;
font-family: Georgia, "Hoefler Text", Arial, Helvetica, Clean, sans-serif;
line-height: 1;
height: 15px;
padding-left: 25px;
background: url(http://blog-imgs-42-origin.fc2.com/r/o/u/roucouler/trico-icon_s.jpg) left top no-repeat;
}

#readmore_bt a:hover {
color: #1c2e8d;
line-height: 1;
text-decoration: none;
height: 15px;
padding-left: 25px;
background: #eaf4fc url(http://blog-imgs-42-origin.fc2.com/r/o/u/roucouler/trico-icon_s.jpg) left top no-repeat;
position:relative; top: 1px;
}

#tb_container a, #com_body_container a {color: #1c2e8d; background-color: #fef4f4;}
#tb_container a:hover, #com_body_container a:hover {color: #b32342; background-color: #fef4f4;}

.accordion_content a, .left_b a, .plugin-r_b a, .right_b a, #navi a, #pagenavi a {color: #1c2e8d; background-color: transparent;}
.accordion_content a:hover, .left_b a:hover, .plugin-r_b a:hover, .right_b a:hover, #navi a:hover, #pagenavi a:hover {color: #1c2e8d; background-color: #eaf4fc; position: relative; top: 1px;}

.calendar td a, .calender td a {
display: block;
border-bottom: 2px solid #b32342;
background-color: #eaf4fc;
}

.calendar td a:hover, .calender td a:hover {
display: block;
border-bottom: 2px solid #1c2e8d;
background-color: #fef4f4;
position: relative;
top: 0;
}

#powered a {color: #809ab5;}
#powered a:hover {color: #fff; position: relative; top: 1px;}

#fc2ad a {color: #809ab5;}
#fc2ad a:hover {color: #809ab5; position: relative; top: 1px;}


/* 画像
---------------------------------------------------- */
img {border: none;}

.entry_article img {border: none;}


/* フォームデザイン
---------------------------------------------------- */
#left input, #right input {
color: #1c2e8d;
font-size: 11px;
padding: 3px 0 2px;
border: solid 1px #1c2e8d;
background-color: #eaf4fc;
}

#left input#search, #right input#search {
color: #1c2e8d;
font-size: 11px;
letter-spacing: 0.1em;
padding: 3px 0 2px;
border: solid 1px #1c2e8d;
background-color: #eaf4fc;
position: relative;
top: 3px;
}

#left textarea, #right textarea {
color: #1c2e8d;
font-size: 11px;
padding: 3px 0 2px;
border: solid 1px #1c2e8d;
background-color: #eaf4fc;
overflow: auto;
}

#main input {
color: #1c2e8d;
font-size: 11px;
padding: 3px;
margin: 5px 0 0;
border: 1px solid #1c2e8d;
background-color: #eaf4fc;
}

#main input#send, #main input#del {
color: #1c2e8d;
font-size: 11px;
letter-spacing: 0.2em;
margin: 5px 0 0;
padding: 3px 0 3px;
border: 1px solid #1c2e8d;
background-color: #eaf4fc;
}

#main textarea {
color: #1c2e8d;
font-size: 11px;
width: 370px;
height: 120px;
padding: 3px;
border: 1px solid #1c2e8d;
background-color: #eaf4fc;
overflow: auto;
}

input:focus, textarea:focus {
color: #1c2e8d; 
background-color: #fef4f4;
}

input#nobg {border: none; background-color: transparent;}


/* ヘッダー要素
---------------------------------------------------- */
h1#blog_title {
font-size: 15px;
font-family: Georgia, "Hoefler Text", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Arial, Helvetica, Clean, sans-serif;
letter-spacing: 0.05em;
padding: 100px 15px 0 0;
}

p#blog_info {
font-weight: normal;
font-size: 85%;
line-height: 150%;
margin: 5px 15px 0 0;
clear: right;
}


/* 左サイド要素
---------------------------------------------------- */
#left-top {
width: 190px;
height: 20px;
background: url(http://blog-imgs-42-origin.fc2.com/r/o/u/roucouler/bird-l.jpg) left bottom no-repeat;
}

/* ---アコーデオン--- */
.accordion_toggle {
color: #fff;
font-size: 12px;
font-weight: normal;
font-family: Georgia, "Hoefler Text", Arial, Helvetica, Clean, sans-serif;
text-align: left;
width: 190px;
height: 30px;
padding-left: 15px;
background: url(http://blog-imgs-42-origin.fc2.com/r/o/u/roucouler/nuage-left_h.jpg) left top no-repeat;
cursor: pointer;
}

.accordion_content {
color: #809ab5;
font-size: 85%;
line-height: 150%;
text-align: center;
width: 175px;
margin-bottom: 10px;
padding: 0 5px 10px 10px;
overflow: hidden;
}

#prof, #re-en, #re-co, #cat, #arc, #links {
line-height: 175%;
text-align: left;
}

.accordion_content ul {
margin: 0 0 0 20px;
}

.accordion_content ul li {
margin: 0;
padding: 0;
}


/* ---アコーデオン未使用--- */
.left_h {
color: #fff;
font-size: 12px;
font-weight: normal;
font-family: Georgia, "Hoefler Text", Arial, Helvetica, Clean, sans-serif;
text-align: left;
width: 190px;
height: 30px;
padding-left: 15px;
background: url(http://blog-imgs-42-origin.fc2.com/r/o/u/roucouler/nuage-left_h.jpg) left top no-repeat;
}

.left_b {
font-size: 85%;
line-height: 150%;
text-align: center;
width: 175px;
margin-bottom: 10px;
padding: 0 5px 10px 10px;
}

.accordion_content p, .left_b p, .right_b p  {
margin: 10px 0 0 0;
}


/* メインコンテンツ
---------------------------------------------------- */
.entry_h {
width: 490px;
height: 40px;
background: url(http://blog-imgs-42-origin.fc2.com/r/o/u/roucouler/nuage-entry_h.jpg) left top no-repeat;
}

h2.entry_title {
font-weight: normal;
font-size: 93%;
text-align: left;
padding: 3px 0 0 45px;
}

.entry_body {
font-size: 93%;
line-height: 175%;
text-align: left;
background: url(http://blog-imgs-42-origin.fc2.com/r/o/u/roucouler/nuage-entry_b.jpg) left top repeat-y;
}

.entry_article {
padding: 10px 30px 0;
}

.entry_f {
text-align: right;
width: 490px;
height: 50px;
margin-bottom: 20px;
background: url(http://blog-imgs-42-origin.fc2.com/r/o/u/roucouler/nuage-entry_f.jpg) left bottom no-repeat;
}

.entry_outline {
color: #b7c6d2;
font-size: 85%;
font-family: Georgia, "Hoefler Text", Arial, Helvetica, Clean, sans-serif;
letter-spacing: 0;
padding: 15px 42px 0 0;
}

/* ---追記--- */
.readmore {
padding: 1.75em 0;
}

#readmore_bt {
}

.close {
text-align: right;
margin-top: 15px;
}


/* 記事内の要素
---------------------------------------------------- */
blockquote {
color: #b8b992;
font-size: 93%;
line-height: 175%;
width: 350px;
margin: 0 auto;
padding: 15px 10px 15px 30px;
background: url(http://blog-imgs-42-origin.fc2.com/r/o/u/roucouler/nuage-bq_bg.jpg) left top repeat-y;
}

* html blockquote {
color: #b8b992;
font-size: 93%;
line-height: 175%;
width: 390px;
margin: 0 20px;
padding: 15px 10px 15px 30px;
background: url(http://blog-imgs-42-origin.fc2.com/r/o/u/roucouler/nuage-bq_bg.jpg) left top repeat-y;
}　/* ---IE6以前適用--- */

#main ul, ol {
margin: 0 -3em 0 0;
position: relative;
left: -3em;
overflow: hidden;
list-style-type: none;
}

#main li { 
margin-top: 0.25em; 
margin-bottom: 0.25em;} /* ---IE7以前適用--- */

head~/* */body #main li { line-height: 0;} /* ---IE8適用--- */

html:not(:target) #main li  { line-height: 0;} /* ---モダンブラウザ適用--- */

#main ul ul, ul ol, ol ol, ol ul {
margin-left: 1em;
padding-left: 0;
}

#main ul li, ol li {margin-left: 5em;}

#main li li {margin-left: 1em;}

.fc2_footer { margin: 10px 0 0 0;}


/* ナビ
---------------------------------------------------- */
#navi {
font-size: 85%;
text-align: center;
margin: 0 0 40px;
}


/* トラックバック
---------------------------------------------------- */
#tb_container {
text-align: left;
width: 470px;
margin: 0 10px 10px;
}

.tb_url_h, .tb_h {
font-size: 11px;
margin: 10px 0 10px 15px;
}

.tb_url {
font-size: 10px;
margin: 10px 0 0 15px;
padding: 2px 10px;
border: 1px dotted #1c2e8d;
}

.tb_ac {
font-size: 85%;
margin: 5px auto 10px 15px;
}

#tb_body_container {
margin: 10px 0 40px 15px;
background-color: #eaf4fc;
}

.tb_body {
font-size: 77%;
margin: 10px;
}

.tb_outline {
font-size: 77%;
letter-spacing: 0.05em;
text-align: right;
margin: 10px;
border-top: 1px dotted #1c2e8d;
}

/* コメント
---------------------------------------------------- */
#com_container {
text-align: left;
width: 470px;
margin: 0 10px;

}

.com_h {
font-size: 85%;
margin: 10px 0 15px 15px;
}

#com_body_container {
margin: 10px 0 0 15px;
background-color: #eaf4fc;
}

.com_body {
font-size: 85%;
line-height: 175%;
margin: 10px;
}

.com_outline {
font-size: 77%;
letter-spacing: 0.05em;
text-align: right;
margin: 10px;
border-top: 1px dotted #1c2e8d;
}

#com_form_container {
font-size: 10px;
font-family: Georgia, "Hoefler Text", Arial, Helvetica, Clean, sans-serif;
margin: 25px 0 50px 15px;
padding-top: 10px;
border-top: 1px dashed #1c2e8d;
}

#main form {
}

#emoji {
margin: 5px 0 0;
}

#himitsu {
font-size: 11px;
font-family: "ＭＳ Ｐゴシック", sans-serif;
margin-right: 20px;
}

/* 右サイド要素
---------------------------------------------------- */
#right-top {
width: 210px;
height: 20px;
background: url(http://blog-imgs-42-origin.fc2.com/r/o/u/roucouler/bird-r.jpg) 90% bottom no-repeat;
}

.plugin-r_h, .right_h {
text-align: center;
width: 200px;
height: 30px;
margin: 0;
background: url(http://blog-imgs-42-origin.fc2.com/r/o/u/roucouler/nuage-right_h.jpg) right top no-repeat;
}

.plugin-r_h, .right_h p {
color: #fff;
font-size: 12px;
font-family: Georgia, "Hoefler Text", Arial, Helvetica, Clean, sans-serif;
}

.plugin-r_b, .right_b {
font-size: 85%;
line-height: 150%;
text-align: center;
width: 190px;
margin: 0 10px 20px 10px;
padding: 0;
}

/* カレンダー
---------------------------------------------------- */
table.calendar, table.calender {
color: #809ab5;
font-size: 10px;
font-family: Arial, Helvetica, Clean, sans-serif;
text-align: center;
width: 180px;
margin: 0 5px;
border-spacing: 0;
}

/* カレンダー見出（前月・当月・次月などのリンク部分） */
.calendar caption, .calender caption {
font-size: 11px;
font-family: Georgia, "Hoefler Text", Arial, Helvetica, Clean, sans-serif;
margin-bottom: 5px;
}

/* カレンダーのセル見出（曜日表示部分） */
.calendar th, .calender th {
padding: 1px;
border-top: 1px solid #b7c6d2;
border-bottom: 1px solid #b7c6d2;
}

.calendar td, .calendear td {
padding: 1px;
}

th.sun {
}

th.sat {
}


/* ページナビ
---------------------------------------------------- */
#pagenavi {
font-size: 85%;
text-align: center;
}


/* フッター要素
---------------------------------------------------- */
#copyright {
color: #b7c6d2;
font-size: 12px;
line-height: 15px;
text-align: center;
padding: 40px 0 0;
}

#powered {
color: #b7c6d2;
font-size: 10px;
padding: 0 0 20px;
}

#fc2ad {
color: #809ab5;
font-size: 10px;
}


/* Roucouler
---------------------------------------------------- */
blockquote .em {
color: #d9333f;
font-weight: bold;
}

.attention {
margin: 5px 0 5px 20px;
}


/* ツリーカテゴリー要素
---------------------------------------------------- */
.tree {
text-align: left;
width: 164px;
margin: 0 auto;
}

#ICA p {
margin: 4px 0 2px;
}

#ICA ul {
margin:2px 0 4px;
padding:0;
}

#ICA li { 
background-repeat: no-repeat; 
list-style-type:none; 
list-style-image: none; 
margin:0; 
padding:2px 0; 
}
 
#ICA li.branch { 
background-image: url(http://blog-imgs-42-origin.fc2.com/r/o/u/roucouler/branch.gif); /*ツリー画像 */
padding-left:20px; 
}
 
#ICA li.branch_end { 
background-image: url(http://blog-imgs-42-origin.fc2.com/r/o/u/roucouler/branch_end.gif); /*ツリー画像(最後尾) */
padding-left:20px; 
}


/* 呪文
---------------------------------------------------- */
br {letter-spacing: 0;}