@charset "UTF-8";
@import url(http://fonts.googleapis.com/css?family=Monda);

*{ margin:0;padding:0;
  font-family:'Monda',Meiryo,ヒラギノ角ゴ Pro W3,ＭＳ Ｐゴシック,Osaka,Verdana,Helvetica,Arial,sans-serif;
 }
body{ 
  color:#222;
  margin:20px 50px;
  line-height:1.3em;
  background:url(http://blog-imgs-70.fc2.com/f/r/a/fraz/white_carbonfiber.png) repeat fixed;
}

a{ color:#478eb2;text-decoration:none; }
a:hover{ color:#666;text-decoration:none; }

ul, ol, li, dl, dt, dd { list-style: none; }

/*====================================
　　全体レイアウト
======================================*/

#wrap {
       width: 100%;
       height: 100%;
}

#main {
       width: *;
       height: 100%;
       color: #666;
       overflow-y:hidden;
}

#side { 
        width:250px;
        background:#222;
        color:#eee;
        float:left;
}

#side-right { 
        width:230px;
        float:right;
}


/*====================================
　　ブログタイトル+説明文
======================================*/
#header{ margin:50px 0px 0px; }
.site-title{ margin:0 0px 5px;padding:0;font-size:250%; }
.site-title a{ color:#222;text-decoration:none; }
.site-title a:hover{ color:#eee;text-decoration:none; }
.intro{ 
        color:#666;
        font-size:80%;
        padding:0px 10px;
        border-bottom:1px solid #222;
 }

.header-bottom{ 
        margin:0 0 20px;
        color:#666;
        text-align:right;
        font-size:80%;
        font-family:'Monda',Meiryo,ヒラギノ角ゴ Pro W3,ＭＳ Ｐゴシック,Osaka,Verdana,Helvetica,Arial,sans-serif; 
}
.header-bottom a{ color:#666;text-decoration:none; }
.header-bottom a:hover{ color:#222;text-decoration:none; }

/*====================================
　　サイドメニュー（左側）
======================================*/
.subtitle,.subtitle-first{
        color:#eee;
        font-size:90%; 
        padding:10px 15px;
        border-top:1px dotted #444;
        cursor:pointer;  
}

.submenu li,.submenu-first li { color:#666;font-size:90%;  }
.submenu li ul li a,.submenu-first li ul li a {
        color:#666;
        text-decoration:none;
        padding:5px 15px;
        display:block;
        overflow:hidden;
        border-top:1px dotted #444;
}
.submenu li ul li a:hover,.submenu-first li ul li a:hover {  
        color:#ccc;
        text-decoration:none;
        padding:5px 15px;
}
.submenu li div,.submenu-first li div {
        padding:0px 15px 5px;
        color:#ccc;
}
.submenu li div a,.submenu-first li div a { 
        color:#ccc;
        text-decoration:none;
}
.submenu li div a:hover,.submenu-first li div a:hover { 
        color:#666;
        text-decoration:none;
}
.submenu li span,.submenu li p,.submenu-first li span,.submenu-first li p {
        padding:0px 15px 5px;
        color:#ccc;
}
.submenu li p a,.submenu li span a,.submenu-first li p a,.submenu-first li span a { 
        color:#666;
        text-decoration:none;
}
.submenu li p a:hover,.submenu li span a:hover,.submenu-first li p a:hover,.submenu-first li span a:hover { 
        color:#ccc;
        text-decoration:none;
}


/*====================================
　　サイドメニュー（右側）
======================================*/
ul #menu-right{ width:200px; }

.subtitle-right{ border-bottom:1px dotted #222;margin:20px 0 5px;font-size:90%; }
.submenu-right li{ font-size:90%; }
.submenu-right li a{ color:#222;text-decoration:none;}
.submenu-right li a:hover{ color:#666;text-decoration:none; }


/*====================================
　　記事
======================================*/
#kizi{ margin:0 20px; }
#kizi_body{
      margin:0 0 40px;
      padding:15px 0;
      background:#fff;
      border:1px solid #666;
}

#kizi_head table{ border-bottom:1px dotted #ccc;width:100%; }

td.kizi_title { 
      font-size:100%;
      padding:5px 30px;
      font-weight:bold;
}
td.kizi_title a{ color:#222; text-decoration:none; }
td.kizi_title a:hover{ color:#478eb2; text-decoration:none; }
td.kizi_day{ 
      font-size:100%;
      padding:5px 30px;
      text-align:right;
      width:200px;
      font-weight:bold;
}

.kizi_foot{ 
      font-size:80%;
      color:#ccc;
      text-align:right;
      padding:0 30px;
}
.kizi_foot a{ color:#ccc; text-decoration:none; }
.kizi_foot a:hover{ color:#478eb2; text-decoration:none; }

.kizi_main{ font-size:90%;padding:5px 40px; }
.kizi_main img{ border:none;margin:0 10px 10px 0; }

.kizi_more{ padding:10px 40px;font-size:90%; }
.open,.close{ margin:0 0 30px;font-size:100%; }
.fc2_footer{ margin:15px 0 0;border:none;padding:0 5px; }
.clear { clear:both; }


/*====================================
　　ナビ
======================================*/
.nav { margin:0 auto 30px;text-align:center;font-weight:bold; }
.nav a{ color:#222;text-decoration:none; }
.nav a:hover{ color:#666;text-decoration:none; }


/*====================================
　　コメント・ＴＢエリア
======================================*/
#commentarea{ margin:10px auto; }
.content-header{ font-weight:bold;font-size:120%; }
.contentform{ margin:10px;padding:20px;font-size:90%;background:transparent; }
.comform{ margin:20px auto;width:500px; }
.comform table{ padding:5px;; }
.comform td{ margin:5px;padding:0 10px;border:none; }
td.td-left{ width:80px;font-size:90%;text-align:right; }
span.himitu{ font-size:80%; }
input.cbox{ width:15px;border:none;font-size:80%; }
input.sub{ 
    width:400px;
    background:#222;
    color:#eee;
    margin:5px auto;
    padding:15px auto;
    border:3px solid #222;
    cursor:pointer;  
 }
input.text{
    padding:5px;
    width:400px;
    border-top:none;
    border-right:none;
    border-left:none;
    border-bottom:1px solid #222;
    background:transparent;
}
textarea.tarea{
    padding:5px;
    width:400px;
    height:180px;
    background:#fff;
    border:1px solid #222;
}

.content{ 
    margin:20px 10px;
    padding:20px;
    background:#fff;
    font-size:90%;
    border:1px solid #666;
}
.content-title{ 
    margin-bottom:10px;
    font-weight:bold;
    color:#444;
}
.content-title a{ color:#444;text-decoration:none; } 
.comfooter{
    font-size:85%;
    text-align:right;
}

.content-tb{
    margin:10px;
    padding:20px;
    background:#333;
    font-size:90%;
    color:#eee;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}


/*====================================
　　見出し
======================================*/
h1{ border-bottom:1px solid #666;padding:5px 20px; }
h2{ border-left:7px solid #ccc;border-bottom:1px solid #ccc;padding:5px 10px; }
h3{ background:#666;padding:5px 20px;color:#eee; }


/*====================================
　　その他装飾
======================================*/
img.emoji {
    padding: 0 1px;
    border: 0;
    vertical-align:middle;
    background: transparent;
}
blockquote{
    background:#eee;
    padding:20px;
}
hr{ background-color:#666; height:1px; }
img{ border:none; }
code{ font-family:monospace; }
.code{ margin:5px 20px;padding:10px;border:1px solid #ccc; }


/*====================================
　　フッター
======================================*/
.foot{
    color:#666;
    font-size:80%;
    margin:10px auto;
    text-align:center;
}
.foot a{ color:#666;text-decoration:none; }
.foot a:hover{ color:#eee;text-decoration:none; }

.pagetop {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 10px;
}
.pagetop a {
    display: block;
    width: 135px;
    height: 36px;
    background-color: #333;
    border:1px solid #eee;
    border-radius: 5px;
    text-align: center;
    color: #fff;
    font-size: 90%;
    text-decoration: none;
    line-height: 35px;
}


/*====================================
　　関連記事
======================================*/
.relate_dl {
margin: 30px;
border-top:1px dotted #ccc;
border-bottom:1px dotted #ccc;
}
.relate_dt { border-bottom:1px dotted #ccc;padding:10px; }
.relate_dd { padding:5px 30px; }
.relate_li { padding:3px 0px; }

/*====================================
　　カレンダー（plugin）
======================================*/

table.calender {
    width: 200px;
    margin: 0 auto;
    font-size:90%;
}

table.calender caption { margin: 0 auto;font-size:90%; }

table.calender th,
table.calender td {
    font-size:90%;
    text-align: center;
    width:25px;
}
table.calender td a {
    background-color: #444;
    color: #eee;
    display:block;
}

table.calender td a:hover{ 
    background-color: #666;
    color: #eee;
}

#sun { color: #990000; }
#sat { color: #4682B4; }