/* ===================================================================
CSS information
file name  :  color.css
style info :  レイアウト cssの定義
=================================================================== */

/*-----------------------------------------------------------------
base.css
-----------------------------------------------------------------*/
/*
a:hover, .t-default a:hover {
color: #E54028;
}
*/
/*-----------------------------------------------------------------
pagetop
-----------------------------------------------------------------*/
a.pagetop {background-image: url(../image/common/pagetop.gif);}

/*------------------------------------------------

blog_layout.css

-------------------------------------------------*/
/* common ***/
time {color: #555555;}
article#main a {
  color: #02B6F3;
  text-decoration: underline;
}
article#main .btn a,
article#main .btn_bg a,
article#main .catelist a,
article#main .taglist a {text-decoration: none;}

article#main .btn_bg a,
article#main .catelist a,
article#main .taglist a,
article#main .btn a:hover,
article#main .btn_bg a:hover,
article#main .catelist a:hover,
article#main .taglist a:hover {color: #ffffff;}
article#main .dlb_btn a {color: #ffffff;}
/* article list ***/
article {border-color: #dddddd;}
article .info time {color: #000000;}

/* SNS ***/
.sns_share.foot {border-color: #dddddd;}
article#blog_area .sns_share.foot {margin-left: 0;}
.sns_share .line a {
  background-color: #00c300;
  color: #ffffff !important;
  text-decoration: none !important;
}
/* next prev ***/
#nextprev li a:hover {color: #FD7377;}
/* contact ***/
.contact .title {
  color: #ffffff;
  background-color: #FD7377;
}
.contact .txt {border-color: #eeeeee;}
.contact .txt div.tel span {background-image: url(../image/common/icon_tel.png);}
.contact .txt div.mail a {
  background-color: #293337;
  color: #ffffff;
}
.contact .txt div.mail a .in {background-image: url(../image/common/icon_letter.png);}
/* relation ***/
#relation .title {border-color: #eeeeee;}
.relationlist time {color: #777777;}
/* article main title ***/


/*------------------------------------------------

blog_navi.css

-------------------------------------------------*/
/* category navi common header ***/
.catenavi {border-color: #eeeeee;}
.catenavi .catenavi_in li a:after {background-color: #02B6F3;}
.catenavi .catenavi_in li a:hover {color: #02B6F3;}
/* search ***/
.blog_search {border-color: #eeeeee;}
.blog_search input.submit_btn {
  background-image: url(../image/common/icon_search.png);
  background-color: #02B6F3;
}
/* side ***/
.side .title {
  background-color: #02B6F3;
  color: #ffffff;
}
.side .cate li a {
  color: #ffffff;
  background-color: #293337;
}
.side .cate li a:hover {background-color: #13181a;}
.side .tag li a {
  background-image: url(../image/common/icon_sharp.png);
  color: #02B6F3;
}
.side .btn {
  background-color: #fafafa;
  background-color: #fafafa;
  border-color: #eeeeee;
  color: #02B6F3;
}
.side .btn:hover {
  background-color: #02B6F3;
  color: #ffffff;
}
.side .btn:hover span:before {border-color: #ffffff;}
.side .sweep {border-color: #eeeeee;margin-left: 0;}
/* blog list category ***/
.catelist, .taglist a {color: #FD7377;}
.taglist a {
  color: #ffffff !important;
  background-color: #02B6F3;
  text-decoration: none !important;
}
.taglist a:before {color: #f5f5f5;}
.catelist a {
  color: #ffffff !important;
  background-color: #1C99D3;
  text-decoration: none !important;
}
.catelist a:before {color: #f5f5f5;}
/* archive year month tag category list ***/
.archivelist .list a {
  border-color: #f5f5f5;
  color: #555555;
}
.archivelist .list a:hover, .archivelist .list a.current {
  background-color: #FFC732;
  color: #ffffff;
}
/* pager new old ***/
.newold a, .pager a {color: #02B6F3;}
.pager span {
  background-color: #FFC732;
    color: #ffffff;
}