@charset "utf-8";


/*--------------------------------------------------
  reset.css
--------------------------------------------------*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,a,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;font-style:normal;font-weight:normal;vertical-align:baseline;background:transparent}
body{line-height:1}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}




/*--------------------------------------------------
    default.css
--------------------------------------------------*/
body{
    background:url(http://blog.esuteru.com/images/body_bg.png);
    font-size:90%;
}

body,textarea{font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}

input,select{font-family:Helvetica, Arial, sans-serif;}

a:link,a:visited{color:#004b91;text-decoration:none;}
a:hover{color:#ff0464;}
ul{list-style:none;}

::selection{background:#002080;color:#fff;}
::-webkit-selection{background:#002080;color:#fff;}
::-moz-selection{background:#002080;color:#fff;}




/*--------------------------------------------------
  header.css
--------------------------------------------------*/
#header{
  background:url(http://blog.esuteru.com/images/header-bg.png) repeat-x;
    border-top:2px solid #555;
  height:150px;
    z-index:100;
    position:relative;
}

#header .wrap{
    margin:-1px auto 0;
    padding:1px;
    width:1024px;
    height:150px;
    position:relative;
}

#header h1{
  height:150px;
  width:720px;
  text-indent:-9999px;
}

#header h1 a{
  height:150px;
  width:720px;
  display:block;
}

#header_logo{
    margin-left:16px;
    padding:0 32px;
    position:absolute;
    top:0;
    left:395px;
}

#top_navi{

    position:absolute;
    top:10px;
  right:1px;
}

#top_navi ul{
  padding:2px;
    margin-bottom:8px;
  background-color:#db7093;
  width:299px;
  height:54px;
}

#top_navi ul li {
  margin:2px;
    width:50px;
    height:50px;
    display:block;
    overflow:hidden;
    float:left;
    cursor:pointer;
}

#top_navi ul li a{
  width:50px;
    height:50px;
    display:block;
  text-indent:-9999px;
}

#top_navi ul li#navi_twitter a {
  background:url(http://blog.esuteru.com/images/twitter_btn.png) no-repeat 0 0;
}

#top_navi ul li#navi_twitter a:hover{
  background:url(http://blog.esuteru.com/images/twitter_btn_on.png) no-repeat 0 0;
}

#top_navi ul li#navi_rss a {
  background:url(http://blog.esuteru.com/images/rss_btn.png) no-repeat 0 0;
}

#top_navi ul li#navi_rss a:hover {
  background:url(http://blog.esuteru.com/images/rss_btn_on.png) no-repeat 0 0;
}

#top_navi ul #navi_about {
  background:url(http://blog.esuteru.com/images/about_btn.png) no-repeat 0 0;
  height:23px;
  width:187px;
}

#top_navi ul li#navi_about a{
    width:187px;
    height:23px;
}

#top_navi ul li#navi_about a:hover {
  background:url(http://blog.esuteru.com/images/about_btn_on.png) no-repeat 0 0;
}

#top_navi ul #navi_all {
  background:url(http://blog.esuteru.com/images/all_btn.png) no-repeat 0 0;
  height:23px;
  width:187px;
}

#top_navi ul li#navi_all a{
    width:187px;
    height:23px;
    position:relative;
    clear:left;
}


#top_navi ul li#navi_all a:hover {
  background:url(http://blog.esuteru.com/images/all_btn_on.png) no-repeat 0 0;
}
 
#top_navi #follow_button{
    margin-bottom:8px;
}

#top_navi form{
    position:relative;
}

#top_navi form input[type=text]{
    background:url(http://blog.esuteru.com/images/search_area.png);
    padding:0 24px 0 4px;
    border:none;
    width:275px;
    height:26px;
}

#top_navi form input[type=submit]{
    background:url(http://blog.esuteru.com/images/search.png) no-repeat;
    padding:0;
    border:none;
    width:14px;
    height:14px;
    position:absolute;
    top:6px;
    right:6px;
}


#top_tag_list{
    margin:0 auto 16px;
    width:728px;
}

#top_tag_list ul{

}

#top_tag_list ul li{
    float:left;
}

#top_tag_list ul li a{
    background:#DB7093;
    margin-right:4px;
    width:178px;
    height:56px;
    display:block;
    color:#fff;
    text-align:center;
    line-height:56px;
}

#top_tag_list ul li a:hover{
    color: #004B91;
}




/*--------------------------------------------------
  content.css
--------------------------------------------------*/
#content{
    background:#f7f7f7;
    margin:-9px auto 0;
    border-right:1px solid #fff;
    border-left:1px solid #fff;
    width:1022px;
}

#page_navi{
    margin-top:64px;
    font-size:110%;
}

#page_navi ul{
    text-align:center;
}

#page_navi ol,
#page_navi ol li,
#page_navi ul li{
    margin:0 16px;
    display:inline;
}
#page_navi ul li a{
    padding:4px 12px 27px;
}

#page_navi .paging-prev a:hover,
#page_navi .paging-first a:hover,
#page_navi .paging-next a:hover,
#page_navi .paging-last a:hover,
#page_navi .paging-number a:hover{
    padding-bottom:12px;
    border-bottom:16px solid #DB7093;
}

.ie7 #page_navi .paging-prev a:hover,
.ie7 #page_navi .paging-first a:hover,
.ie7 #page_navi .paging-next a:hover,
.ie7 #page_navi .paging-last a:hover,
.ie7 #page_navi .paging-number a:hover{
    padding-bottom:20px;
    height:16px;
    position:relative;
}

#page_navi .paging-number{
    margin:0;
}

#page_navi_bar{
    margin:16px;
    border:none;
    border-top:16px solid #ccc;
}

.ie7 #page_navi_bar{
    height:16px;
}

#go_navi{
    background:#fff;
    margin-left:1022px;
    border:1px solid #ccc;
    border-left:none;
    position:fixed;
    bottom: 35px;
    left:auto;
    /display:none;
}

#go_navi li a{
    margin:4px;
    display:block;
    width:40px;
    height:40px;
    overflow:hidden;
    text-indent:777px;
}

#go_navi li a span{
    vertical-align:32px;
}

#go_top{background:url(http://blog.esuteru.com/images/go_top.png) no-repeat 0 0;}
#go_top:hover{background:url(http://blog.esuteru.com/images/go_top.png) no-repeat 0 -40px;}
#go_comme{background:url(http://blog.esuteru.com/images/go_comme.png) no-repeat 0 0;}
#go_comme:hover{background:url(http://blog.esuteru.com/images/go_comme.png) no-repeat 0 -40px;}
#go_bottom{background:url(http://blog.esuteru.com/images/go_bottom.png) no-repeat 0 0;}
#go_bottom:hover{background:url(http://blog.esuteru.com/images/go_bottom.png) no-repeat 0 -40px;}




/*--------------------------------------------------
  main_col.css
--------------------------------------------------*/
#main_col{
    background:#f7f7f7;
    /* padding-top:16px; */
  padding-top:26px;
    border-left:1px solid #fff;
    border-right:1px solid #bbb;/*a*/
    width:752px;
    float:right;
}

#main_col #headline{
    margin-bottom:16px;
    padding:0 12px;
}

#main_col #headline .tweet_rank,
#main_col #headline .comme_rank{
    margin-bottom:4px;
}

#main_col #headline .tweet_rank li,
#main_col #headline .comme_rank li{
    margin-right:4px;
    display:inline-block;
    /display:inline;
    /zoom:1;
    width:178px;
    height:122px;
    position:relative;
}

#main_col #headline .tweet_rank li:first-child,
#main_col #headline .comme_rank li:first-child{
    margin-right:0;
}

#main_col #headline .tweet_rank li img,
#main_col #headline .comme_rank li img{
    background:#ccc;
    position:absolute;
    padding:4px;
    width:170px;
    height:114px;
    vertical-align:text-bottom;
}

#main_col #headline .tweet_rank li .hover{background:#00a0d1;}
#main_col #headline .comme_rank li .hover{background:#db7093;}

#main_col #headline .tweet_rank li .hover,
#main_col #headline .comme_rank li .hover{
    display:block;
    position:absolute;
    padding:4px;
    width:170px;
    height:114px;
    color:#fff;
}

#main_col #headline .tweet_rank li .twcm,
#main_col #headline .comme_rank li .twcm{
    padding-top:4px;
    width:75px;
    height:53px;
    display:block;
    position:absolute;
    top:0;
    left:-20px;
    color:#fff;
    font-size:80%;
    text-align:center;
    font-indent:2px;
}

#main_col #headline .tweet_rank li .twcm{
    background:url(http://blog.esuteru.com/images/ribbon_blue.png) no-repeat 20px 0;
}

#main_col #headline .comme_rank li .twcm{
    background:url(http://blog.esuteru.com/images/ribbon_pink.png) no-repeat 20px 0;
}

#main_col #headline #rss-wrap {
    padding-top:4px;
  margin-right:4px;
    border:4px solid #ccc;
    width:534px;
    height:110px;
    overflow-x:hidden;
    overflow-y:auto;
    font-size:80%;
}

#main_col #headline #rss1 {
  width:267px;
  height:110px;
  overflow-x:hidden;
    overflow-y:auto;
  float:left;
}

#main_col #headline #rss2 {
  width:267px;
  height:110px;
  overflow-x:hidden;
    overflow-y:auto;
  float:right;
}

#main_col #headline #rss-wrap .blogroll-list-wrap{
    padding:0 4px 4px;
}

#main_col #headline #rss-wrap .blogroll-list-wrap li{
    margin-right:0;
    padding:2px 0;
    display:list-item;
    width:auto;
    height:auto;
    position:static;
    word-break:keep-all;
    word-wrap:normal;
    white-space:nowrap;
    float: none;
}

#main_col #headline #rss-wrap img{
    width:auto;
    height:auto;
    position:static;
    z-index:0;
}

.ie7 #main_col #headline #rss-wrap{
    margin-top:-1px;
    margin-right:4px;
}

.ie7 #main_col #headline .ad_space .col1{
    margin-left:4px;
}


/* article */
#main_col article{
    padding:0 2px;
}

#main_col article section{
    margin:8px;
    width:358px;
    float:left;
}

#main_col article section .h_wrap{
    height:344px;
    overflow-y:hidden;
}

#main_col article section h2{
    background:#db7093;
    /*padding:16px 8px;
    padding-right:0;
    border-top:1px solid #bbb;a*/
    /*border-left:1px solid #bbb;a*/
    position:relative;
    font-size:96%;
    font-weight:bold;
    overflow:hidden;
}

/*#main_col article section h2:before{
    border-top:1px solid #fff;
    border-left:1px solid #fff;
    position:absolute;
    width:332px;
    top:0;
    bottom:0;
    left:0;
    content:'';
}*/

#main_col article section h2 a{
    padding:8px;
    height:50px;
    display:block;
    position:relative;
    color:#ff0464;
    color:#fff;
}

#main_col article section h2 a:hover{
    color:#004b91;
}

#main_col article section .info{
    margin:8px 0 2px;
    padding:0 13px;
    height:26px;
    font-size:80%;
}

#main_col article section .info li{
    display:inline;
}

#main_col article section .body{
    position:relative;
    min-height:42px;
    width: 332px;
    margin: 0 13px;
}

#main_col article section .body .pict{
    border:4px solid #f7f7f7;
    width:324px;
    height:207px;
}
/*
#main_col article section .body a.pict_a{
    border:4px solid #ccc;
    width:324px;
    height:207px;
    display:block;
    -webkit-transition:0.1s linear;
         -moz-transition:0.1s linear;
             -o-transition:0.1s linear;
}

#main_col article section .body a.pict_a:hover{
    border-color:#db7093;
}
*/

#main_col article section .body .pict_anchor{
    margin:0;
    padding:0;
    border:4px solid #ccc;
    width:324px;
    height:207px;
    display:block;
    position:absolute;
    top:0;
    right:0;
    left:0;
}

#main_col article section .body .pict_anchor:hover{
    border-color:#db7093;
}
/*
#main_col article section .body a{
    display:none;
}
*/

#main_col article section .body b{
    background:#000;
    padding:8px;
    width:308px;
    min-height:32px;
    position:absolute;
    bottom:46px;
    bottom:-169px;
    left:4px;
    opacity:.64;
    color:#fff;
    font-size:90%;
    line-height:1.2;
}

.ie7 #main_col article section .body b{
    bottom:31px;
}

#main_col article section .body .social{
    position:absolute;
    top:8px;
    right:8px;
}

#main_col article section .body .social li{
    display:inline;
}

#main_col article section .body .social li a{
    width:28px;
    height:26px;
    display:inline-block;
    /display:inline;
    /zoom:1;
    text-indent:28px;
    overflow:hidden;
}

#main_col article section .body .social li .hatebu{
    background:url(http://blog.esuteru.com/images/hatebu.png) no-repeat 0 -26px;
}

#main_col article section .body .social li .twitter{
    background:url(http://blog.esuteru.com/images/twitter.png) no-repeat 0 -26px;
}

#main_col article section .body .social li .hatebu:hover{
    background-position:0 0;
}

#main_col article section .body .social li .twitter:hover{
    background-position:0 0;
}




/*--------------------------------------------------
  entry.css
--------------------------------------------------*/
#entry{
    font-size:90%;
    line-height:1.4;
}

#entry > .body b{
    font-weight:bold;
}

#entry hr{
    margin:0 0 8px;
    padding:0;
    border-top:1px solid #bbb;/*a*/
    border-bottom:1px solid #fff;
    height:0;
    /height:2px;
}

#entry .head{
    margin-bottom:16px;
    padding:0 12px;
    width:728px;
}

#entry .head h2{
    background:#db7093;
    margin-bottom:16px;
    padding-right:0;
    /*border-top:1px solid #bbb;a
    border-left:1px solid #bbb;a*/
    position:relative;
    font-size:140%;
    font-weight:bold;
}

/*#entry .head h2:before{
    border-top:1px solid #fff;
    border-left:1px solid #fff;
    width:668px;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    content:'';
}*/

#entry .head h2 a{
    padding:16px;
    display:block;
    position:relative;
    color:#ff0464;
    color:#fff;
}

#entry .head h2 a:hover{
    color:#004b91;
}

#entry .head .wrap{
    margin-bottom:8px;
    float:left;
}

#entry .head .wrap .body{
    margin-right:16px;
    width:334px;
    position:relative;
}

#entry .head .wrap .body .pict{
    background:#ccc;
    padding:4px;
    width:324px;
    height:207px;
}

/*
#entry .head .wrap .body a{
    display:none;
}
*/

#entry .head .wrap .body a.pict_a{
    display:inline;
}

#entry .head .wrap .body b{
    background:#000;
    padding:8px;
    width:308px;
    min-height:32px;
    position:absolute;
    bottom:-157px;
    left:4px;
    opacity:.64;
    color:#fff;
    font-size:90%;
}

.ie7 #entry .head .wrap .body b{
    bottom:33px;
    left:9px;
}

#entry .head .wrap .info{
    margin-bottom:36px;
    color:#333;
    line-height:1.4;
    width:376px;
}

.ie7 #entry .head .wrap .info{
    margin-bottom:46px;
}

.ie7 #entry .head .wrap .info,
.ie8 #entry .head .wrap .info{
    width:310px;
}

#entry .head .wrap .info li{
}

#entry .head .wrap .social{
    padding:16px 8px;
    border:4px solid #ccc;
}

#entry .head .wrap .social li{
    width:62px;
    height:50px;
    display:inline-block;
    /display:inline;
    /zoom:1;
    text-align:center;
    vertical-align:top;
}

#entry > .body{
    margin:12px;
    padding:12px 8px 0;
    width:712px;
    font-family:"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#entry .body hr{
    margin-left:-8px;
    margin-right:-8px;
}

#entry > .body a{
    text-decoration:underline;
}

#entry > .body img{
    border:1px solid #000;
}

#entry > .body a img{
    border:1px solid blue;
}

#entry > .body blockquote{
    background:#fff;
    margin-top:8px;
    padding:8px;
    border:1px dotted #0066CC;
}

#entry .body_hr{
    margin:0 16px;
    padding:0;
    border-top:1px solid #bbb;/*a*/
    border-bottom:1px solid #fff;
    height:0;
    /height:2px;
}

#entry .foot{
    margin:12px;
    padding-top:12px;
    width:728px;
    position:relative;
    overflow-x:hidden;
}

#entry #related_articles{
    margin:16px -8px 0;
}

#entry #related_articles h3{
    margin-bottom:8px;
    padding:8px 4px;
    padding-right:0;
    border-top:1px solid #bbb;/*a*/
    border-left:1px solid #bbb;/*a*/
    position:relative;
    font-family:メイリオ, Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    font-size:120%;
}

#entry #related_articles h3:before{
    border-top:1px solid #fff;
    border-left:1px solid #fff;
    width:100%;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    content:'';
}

#entry #related_articles h3 a{
    color:#000;
    text-decoration:none;
    position:relative;
    z-index:1;
}

#entry #related_articles ul li{
    margin:4px 0;
}

#entry #related_articles ul li a{
    font-size:110%;
    text-decoration:none;
}




/*----.comme_rank----*/
#entry .foot .comme_rank_list,
#entry .foot .tweet_rank_list,
#entry .foot .new_article{
    font-size:120%;
}

#entry .foot .comme_rank_list,
#entry .foot .tweet_rank_list{
    line-height:1;
}

#entry .foot .comme_rank_list{
    margin-right:12px;
    margin-bottom:12px;
    width:357px;
    float:left;
}

#entry .foot .tweet_rank_list{
    margin-bottom:12px;
    width:357px;
    float:left;
}

#entry .foot .comme_rank_list h2,
#entry .foot .tweet_rank_list h2{
    margin-bottom:16px;
    padding:16px 8px;
    padding-right:0;
    border-top:1px solid #bbb;/*a*/
    border-left:1px solid #bbb;/*a*/
    position:relative;
}

#entry .foot .comme_rank_list h2:before,
#entry .foot .tweet_rank_list h2:before{
    border-top:1px solid #fff;
    border-left:1px solid #fff;
    width:100%;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    content:'';
}

#entry .foot .tweet_rank,
#entry .foot .comme_rank{
    margin-bottom:4px;
}

#entry .foot .tweet_rank li,
#entry .foot .comme_rank li{
    margin-right:4px;
    margin-bottom:4px;
    float:left;
    width:174px;
    height:114px;
    position:relative;
}

#entry .foot .tweet_rank li:first-child,
#entry .foot .comme_rank li:first-child{
    margin-right:0;
}

#entry .foot .tweet_rank li img,
#entry .foot .comme_rank li img{
    background:#ccc;
    padding:4px;
    width:166px;
    height:106px;
    position:absolute;
    vertical-align:text-bottom;
}

#entry .foot .tweet_rank li .hover{background:#00a0d1;}
#entry .foot .comme_rank li .hover{background:#db7093;}

#entry .foot .tweet_rank li .hover,
#entry .foot .comme_rank li .hover{
    display:block;
    position:absolute;
    padding:4px;
    width:166px;
    height:106px;
    color:#fff;
}

#entry .foot .tweet_rank li .twcm,
#entry .foot .comme_rank li .twcm{
    padding-top:4px;
    width:75px;
    height:53px;
    display:block;
    position:absolute;
    top:0;
    left:-20px;
    color:#fff;
    font-size:80%;
    text-align:center;
    font-indent:2px;
}

#entry .foot .tweet_rank li .twcm{
    background:url(http://blog.esuteru.com/images/ribbon_blue.png) no-repeat 20px 0;
}

#entry .foot .comme_rank li .twcm{
    background:url(http://blog.esuteru.com/images/ribbon_pink.png) no-repeat 20px 0;
}

#entry .foot .esuteru_new_article{
    margin-bottom:16px;
    width:326px;
    float:left;
}

#entry .foot .new_article h2{
    margin-bottom:16px;
    padding:16px 8px;
    padding-right:0;
    border-top:1px solid #bbb;/*a*/
    border-left:1px solid #bbb;/*a*/
    width:668px;
    position:relative;
}

#entry .foot .new_article h2:before{
    border-top:1px solid #fff;
    border-left:1px solid #fff;
    width:100%;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    content:'';
}

#entry .foot .new_article ul li{
    margin-bottom:4px;
    width:334px;
    display:inline-block;
    /display:inline;
    /zoom:1;
}

#entry .foot .new_article.new_article_foot{
    margin-bottom: 12px;
    width: 740px;
}

#entry .foot .new_article.new_article_foot ul li{
    margin-right: 12px;
    margin-bottom: 4px;
    margin-top: 0;
    width:358px;
}

#entry .foot .new_article ul li img{
    background:#ccc;
    margin-right:8px;
    padding:4px;
    width:96px;
    height:62px;
    vertical-align:text-bottom;
    float:left;
    -webkit-transition:0.1s linear;
         -moz-transition:0.1s linear;
             -o-transition:0.1s linear;
}

#entry .foot .new_article ul li img:hover{
    background:#db7093;
}

#entry .foot .new_article ul li .info{
    width:246px;
    height:64px;
    float:left;
    overflow:hidden;
    font-size:89%;
}

#entry .foot .new_article ul li .info .count{
    background:#db7093;
    padding:2px 8px 0;
    color:#fff;
    line-height:2;
    vertical-align:text-bottom;
}




/*----.amazon----*/
.amazon_hot_item_entry{
    margin-left:12px;
}

.amazon_hot_item_entry,
#entry .foot .amazon{
    width:728px;
}

#entry .foot .amazon h3{
    background:url(http://blog.esuteru.com/images/ribbon_pink_s.png) no-repeat 0 8px;
    margin:16px 0 12px;
    padding:12px 0 0 8px;
    border-top:1px solid #bbb;/*a*/
    position:relative;
}

#entry .foot .amazon h3:before{
    border-top:1px solid #fff;
    position:absolute;
    width:100%;
    top:0;
    bottom:0;
    left:0;
    content:'';
}

.amazon_hot_item_entry .left,
.amazon_hot_item_entry .right,
#entry .foot .amazon .left,
#entry .foot .amazon .right{
    margin-top:40px;
    width:18px;
    height:51px;
    float:left;
    cursor:pointer;
}

.amazon_hot_item_entry .left,
#entry .foot .amazon .left{
    background:url(http://blog.esuteru.com/images/amazon_left.png) no-repeat 0 0;
}

.amazon_hot_item_entry .right,
#entry .foot .amazon .right{
    background:url(http://blog.esuteru.com/images/amazon_right.png) no-repeat 0 0;
}

.amazon_hot_item_entry .wrap,
#entry .foot .wrap{
    margin:0 32px;
    width:628px;
    position:relative;
    float:left;
    overflow-x:hidden;
}

.amazon_hot_item_entry .hot_item,
#entry .foot .azlink-widget{
    margin-bottom:8px;
    width:3080px;
    position:relative;
    left:0;
}

.amazon_hot_item_entry .hot_item li,
#entry .foot .amazon .azlink-widget-item{
    margin:0 13px;
    width:128px;
    height:156px;
    display:block;
    overflow:hidden;
    float:left;
    font-size:90%;
    line-height:1.1;
}

.amazon_hot_item_entry .hot_item li img,
#entry .foot .amazon .azlink-widget-item img{
    background:#ccc;
    padding:4px;
    -webkit-transition:0.1s linear;
         -moz-transition:0.1s linear;
             -o-transition:0.1s linear;
}

.amazon_hot_item_entry .hot_item li img:hover,
#entry .foot .amazon .azlink-widget-item img:hover{
    background:#db7093;
}

#entry .foot .amazon h3 a{
    position:relative;
    z-index:10000;
}

#entry .foot .g_ads{
    margin:16px 0;
}

#entry .foot .page_navi{
    margin-bottom:16px;
}

#entry .foot .page_navi a{
    display:block;
    width:349px;
    height:100px;
}

#entry .foot .page_navi a span{
    padding:8px;
    border:1px solid #ccc;
    display:block;
    width:308px;
    height:82px;
}

#entry .foot .page_navi .prev span{
    margin-left:23px;
    border-left:none;
}
#entry .foot .page_navi .next span{
    margin-right:23px;
    border-right:none;
}

#entry .foot .page_navi .prev{
    background:#fff url(http://blog.esuteru.com/images/prev.png) no-repeat left 0;
    float:left;
}

#entry .foot .page_navi .next{
    background:#fff url(http://blog.esuteru.com/images/next.png) no-repeat right 0;
    float:right;
}

#entry .foot .page_navi .prev:hover{background-position:left -100px;}
#entry .foot .page_navi .next:hover{background-position:right -100px;}

#entry .foot #social_info{
    margin-bottom:32px;
    padding:12px 8px 8px;
    border:4px solid #ccc;
    height:72px;
}

#entry .foot #social_info .social{
    padding-right:16px;
    border-right:1px solid #bbb;/*a*/
    width:337px;
    float:left;
    height: 72px;
}

#entry .foot #social_info .social li{
    width:57px;
    height:50px;
    display:inline-block;
    /display:inline;
    /zoom:1;
    text-align:center;
    vertical-align:top;
}

#entry .foot #social_info .info{
    padding-left:16px;
    border-left:1px solid #fff;
    width:333px;
    float:left;
    line-height:1.4;
    height: 72px;
}

#entry .info .tags a{
    background:rgb(136,136,136);
    background:-moz-linear-gradient(top, rgba(136,136,136,1) 0%, rgba(68,68,68,1) 100%);
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(136,136,136,1)), color-stop(100%,rgba(68,68,68,1)));
    background:-webkit-linear-gradient(top, rgba(136,136,136,1) 0%,rgba(68,68,68,1) 100%);
    background:-o-linear-gradient(top, rgba(136,136,136,1) 0%,rgba(68,68,68,1) 100%);
    background:-ms-linear-gradient(top, rgba(136,136,136,1) 0%,rgba(68,68,68,1) 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#888888', endColorstr='#444444',GradientType=0 );
    background:linear-gradient(top, rgba(136,136,136,1) 0%,rgba(68,68,68,1) 100%);
    padding:0 8px;
    border:1px solid #333;
    border-radius:4px;
    color:#fff;
    font-size:90%;
    line-height:1.8;
}

#entry .info .tags a:hover{
    background:rgb(68,68,68);
    background:-moz-linear-gradient(top, rgba(68,68,68,1) 0%, rgba(136,136,136,1) 100%);
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(68,68,68,1)), color-stop(100%,rgba(136,136,136,1)));
    background:-webkit-linear-gradient(top, rgba(68,68,68,1) 0%,rgba(136,136,136,1) 100%);
    background:-o-linear-gradient(top, rgba(68,68,68,1) 0%,rgba(136,136,136,1) 100%);
    background:-ms-linear-gradient(top, rgba(68,68,68,1) 0%,rgba(136,136,136,1) 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#888888',GradientType=0 );
    background:linear-gradient(top, rgba(68,68,68,1) 0%,rgba(136,136,136,1) 100%);
}




/*--------------------------------------------------
  comment_form
--------------------------------------------------*/
#entry .foot #comment{
    margin-top:32px;
}

#entry .foot #comment h2{
    margin-bottom:16px;
    padding:16px 8px;
    padding-right:0;
    border-top:1px solid #bbb;/*a*/
    border-left:1px solid #bbb;/*a*/
    position:relative;
    font-size:140%;
    font-weight:bold;
}

#entry .foot #comment h2:before{
    border-top:1px solid #fff;
    border-left:1px solid #fff;
    width:100%;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    content:'';
}

#entry .foot #comment form{
    margin-bottom:32px;
}

#entry .foot #comment input[type=text]{
    background:#fff url(http://blog.esuteru.com/images/man.png) no-repeat 278px 4px;
    margin-bottom:8px;
    padding:4px 16px 4px 4px;
    border:1px solid #eee;
    border-radius:4px;
    width:278px;
    height:18px;
    box-shadow:inset 0 1px 2px #999;
}

#entry .foot #comment textarea{
    background:#fff;
    margin-bottom:8px;
    padding:4px;
    border:1px solid #eee;
    border-radius:4px;
    width:728px;
    height:160px;
    box-shadow:inset 0 1px 2px #999;
}

.ie6 #entry .foot #comment textarea,
.ie7 #entry .foot #comment textarea,
.ie8 #entry .foot #comment textarea,
.ie6 #entry .foot #comment input[type=text],
.ie7 #entry .foot #comment input[type=text],
.ie8 #entry .foot #comment input[type=text]{
    border:1px solid #bbb;
}

#entry .foot #comment .button{
    background:url(http://blog.esuteru.com/images/comment_button.png) no-repeat 0 0;
    border:none;
    width:300px;
    height:28px;
    display:block;
    text-indent:300px;
    overflow:hidden;
    cursor:pointer;
}

#entry .foot #comment .button:hover{
    background:url(http://blog.esuteru.com/images/comment_button.png) no-repeat 0 -28px;
}

#entry .foot #comment_list{
    margin-bottom:32px;
    font-family:"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#entry .foot #comment_list .head,
#entry .foot #comment_list .head .name,
#entry .foot #comment_list .head .date,
#entry .foot #comment_list .head .comme_res{
    font-weight:bold;
}

#entry .foot #comment_list .head{
    margin:0;
    padding:0;
    width:auto;
    font-size:90%;
}

#entry .foot #comment_list .head .name{
    margin:0 8px;
    color:#080;
}

#entry .foot #comment_list .head .date{
    margin-right:8px;
}

#entry .foot #comment_list .body{
    margin:4px 0 32px 16px;
}




/*--------------------------------------------------
  right_col.css
--------------------------------------------------*/
#right_col{
    background:#fff;
    padding-top:26px;
    border-right:1px solid #bbb;/*a*/
    border-left:1px solid #bbb;/*a*/
    width:266px;
    float:left;
    line-height:1.34;
}

#right_col .sidewrapper{
    margin-bottom:8px;
}

#right_col .sidetitle{
    background:url(http://blog.esuteru.com/images/ribbon_pink_s.png) no-repeat 8px 0;
    margin-bottom:8px;
    padding:8px 20px;
    border-bottom:1px solid #bbb;/*a*/
}

#right_col .sidebody{
    padding:0 8px;
}

#right_col .side #right_b1{
    padding:0 8px;
}

#right_col .amazon_hot_item_side,
#right_col .right_amazon{
    font-size:80%;
}

#right_col .amazon_hot_item_side li,
#right_col .right_amazon .azlink-widget-item{
    padding:0 7px;
    text-align:center;
}

#right_col .amazon_hot_item_side li img,
#right_col .right_amazon .azlink-widget-item img{
    margin-top:8px;
    border:1px solid #ccc;
    width:250px;
    -webkit-transition:0.1s linear;
         -moz-transition:0.1s linear;
             -o-transition:0.1s linear;
}

#right_col .amazon_hot_item_side li img:hover,
#right_col .right_amazon .azlink-widget-item img:hover{
    border:1px solid #db7093;
}

#right_col #reverse_ranking,
#right_col .popular_articles{
    margin:0 8px;
    width:134px;
    float:left;
    overflow:hidden;
}

#right_col .popular_articles{
    font-size:90%;
}

#right_col .popular_articles li{
    margin-bottom:4px;
}

#right_col .google-user-ad{
    margin-right:8px;
    width:160px;
    float:left;
}

/* amazon added */

.amazon-with-detail{
    font-size: 10px;
    line-height: 12px;
    padding: 8px;
}
.amazon-with-detail li{
    padding: 8px 0 8px 80px;
    width: 170px;
    list-style: none;
}
.amazon-with-detail li div img{
    width: 72px;
}
.amazon-with-detail li div{
    margin-left: -80px;
    padding-right: 8px;
}

.amazon-with-detail .rank{
    font-size: 12px;
    font-weight: bold;
}

.amazon-with-detail .real-price{
    font-size: 12px;
    color: #990000;
}

.amazon-with-detail .riRssTitle{
    font-size: 12px;
}

.amazon-list-view.amazon-list-view{
    padding: 0;
    margin: 0 0 8px;
}
.amazon-list-view .item{
    float: left;
    width: 358px;
    background: #FFF;
    border: 1px solid #BBB;
}
.amazon-list-view .item.right{
    float: right;
}
.amazon-with-detail .bottom-link{
    margin: 8px;
    font-size: 12px;
}

.amazon-with-detail .bottom-link span{
    color: #E47911;
    padding-right: 4px;
}

.amazon-list-view .item h3{
    margin-bottom: 8px;
    padding: 8px 4px;
    margin: 4px;
    padding-right: 0;
    position: relative;
    font-family: メイリオ, Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    font-size: 120%;
}

#game-hit li{
    width: 166px;
    padding: 8px 8px 12px 184px;
    list-style: none;
}

#game-hit .top-text{
    margin-left: -176px;
    position: absolute;
    width: 90px;
}

#bargain-bottom li{
    width: 314px;
    padding: 8px 8px 8px 36px;
    list-style: none;
}
#bargain-bottom li a{
    font-size: 12px;
}

#bargain-bottom .rank{
    position: absolute;
    width: 12px;
    left: 8px;
}

#bargain-bottom .top-image{
    text-align: center;
    margin-left: -28px;
}


/*--------------------------------------------------
  footer.css
--------------------------------------------------*/
#footer{
    background:#e3e3e3 url(http://blog.esuteru.com/images/footer_bg.png) repeat-x;
    position:relative;
    z-index:200;
}

#footer .wrap{
    margin:0 auto;
    padding:1px;
    width:1024px;
}

#foot_navi{
    margin:16px 0 32px;
}

#foot_navi ul{
    margin-top:6px;
    float:left;
}

#foot_navi ul li{
    margin-right:8px;
    display:inline;
}

#foot_navi ul li a{
    padding:0 8px;
    color:#000;
    text-shadow:1px 1px 1px #fff;
}

#foot_navi ul li a:hover{
    background:#555;
    border-radius:4px;
    color:#fff;
    text-shadow:none;
    box-shadow:1px 1px 2px #fff,inset 1px 1px 2px #000;
}

#foot_navi form{
    position:relative;
    float:right;
}

#foot_navi form input[type=text]{
    background:url(http://blog.esuteru.com/images/search_area.png) no-repeat;
    padding:0 24px 0 4px;
    border:none;
    width:275px;
    height:26px;
}

#foot_navi form input[type=submit]{
    background:url(http://blog.esuteru.com/images/search.png) no-repeat;
    padding:0;
    border:none;
    width:14px;
    height:14px;
    position:absolute;
    top:6px;
    right:6px;
}

#footer .box{
    margin-left:16px;
    margin-bottom:16px;
    padding:8px 8px 0;
    border-top:1px solid #bbb;/*a*/
    width:228px;
    position:relative;
    float:left;
    font-size:90%;
}

#footer .box:before{
    border-top:1px solid #fff;
    position:absolute;
    width:244px;
    top:0;
    left:0;
    content:'';
}

#footer .box:first-child{
    margin-left:0;
}

#footer .box h3{
    background:url(http://blog.esuteru.com/images/ribbon_pink_s.png) no-repeat 0 0;
    margin:8px 0;
    padding:4px 0 0 8px;
}

#footer .box .body{
    padding-left:8px;
}

#footer address{
    margin-bottom:0;
    padding-bottom:8px;
    text-align:center;
}




/*--------------------------------------------------
  class.css
--------------------------------------------------*/
.clearfix{/zoom:1;}
.clearfix:after{
    height:0;
    display:block;
    content:'';
    clear:both;
}

.popup{
    background:#e7e7e7;
    padding:8px;
    border:1px solid #aaa;
}

.popup .head{
    font-size:90%;
}

.popup .head .name{
    color:#080;
}

.popup .body{
    margin:8px 16px;
}




/*--------------------------------------------------
  livedoor.css
--------------------------------------------------*/
#header2,#ad2{display:none !important;}







/*--------------------------------------------------
  ie.css
--------------------------------------------------*/



/*--------------------------------------------------
  after
--------------------------------------------------*/
blockquote b{font-weight:bold;}
div.AA { line-height: normal; font-size: 12pt; font-family: 'ＭＳ Ｐゴシック'; }























/*--------------------------------------------------
  2011-09-22
--------------------------------------------------*/
#main_col article h1{
    background:#7272db;
    margin:0 8px;
    padding:16px 0;
    text-align:center;
    color:#fff;
    font-size:160%;
}

.tags{
    margin:4px 0 0 12px;
    clear: both;
}

.tags a{
    font-size:70%;
}

#main_col #headline .ad_space{
    margin-bottom:4px;
    height: 122px;
}

#main_col #headline .ad_space li{
    margin-right:4px;
    display: block;
    width:178px;
    height:122px;
    position:relative;
    float: left;
}

#main_col #headline .ad_space li.col2{
    width:334px;
}

#main_col #headline .ad_space li.col3{
    width:546px;
    /width:542px;
}

#main_col #headline .ad_space li:first-child{
    margin-right:0;
}

#main_col #headline .ad_space li img{
    background:#ccc;
    position:absolute;
    padding:4px;
    width:170px;
    height:114px;
    vertical-align:text-bottom;
    -webkit-transition:0.2s linear;
         -moz-transition:0.2s linear;
             -o-transition:0.2s linear;
}

#main_col #headline .ad_space li img:hover{background:#14d100;}

#main_col #headline .ad_space li.col2 img{
    width:326px;
}

#main_col #headline .ad_space li.col3 img{
    width:494px;
}

#main_col #headline .ad_space li .hover{
    display:block;
    position:absolute;
    padding:4px;
    width:157px;
    height:100px;
    color:#fff;
}

#main_col #headline .ad_space li.col2 .hover{
    width:320px;
}

#main_col #headline .ad_space li.col3 .hover{
    width:494px;
}

#main_col #headline .ad_space li .twcm{
    padding-top:4px;
    width:75px;
    height:53px;
    display:block;
    position:absolute;
    top:0;
    left:-20px;
    color:#fff;
    font-size:80%;
    text-align:center;
    font-indent:2px;
}

#main_col #headline .ad_space li .twcm{
    background:url(http://blog.esuteru.com/images/ribbon_green.png) no-repeat 20px 0;
}


/*サイドバー　最新記事*/

#right_col .new_article ul li{
    margin-bottom:4px;
    width:250px;
    display:inline-block;
    /display:inline;
    /zoom:1;
}

#right_col .new_article ul li img{
    background:#ccc;
    margin-right:8px;
    padding:4px;
    width:96px;
    height:62px;
    vertical-align:text-bottom;
    float:left;
    -webkit-transition:0.1s linear;
         -moz-transition:0.1s linear;
             -o-transition:0.1s linear;
}

#right_col .new_article ul li img:hover{
    background:#db7093;
}

#right_col .new_article ul li .info{
    width:134px;
    height:60px;
    float:left;
    overflow:hidden;
    font-size:90%;
}

#right_col .new_article ul li .info .count{
    background: #9E5C72;
    padding:2px 8px 0;
    color:#fff;
    line-height:2;
    vertical-align:text-bottom;
}



/*記事下amazon*/
#e_b_amazon{
    margin-bottom:16px;
    width:676px;
}

#e_b_amazon .amazon_item{
    margin:0 8px 8px 0;
    position:relative;
    float:left;
}

#e_b_amazon .amazon_item .relation{
    background:url(http://blog.esuteru.com/images/ribbon_orange.png);
    padding:10px 0 0 4px;
    width:53px;
    height:47px;
    display:block;
    position:absolute;
    top:0;
    left:0;
    color:#fff;
}

#e_b_amazon .amazon_item .link{
    border:4px solid #ccc;
    width:322px;
    height:200px;
    display:block;
    overflow:hidden;
    -webkit-transition:0.1s linear;
         -moz-transition:0.1s linear;
             -o-transition:0.1s linear;
}

#e_b_amazon .amazon_item .link:hover{
    border-color:#d13100;
}

#e_b_amazon .amazon_item .link img{
    min-width:322px;
    min-height:200px;
}

#e_b_amazon .amazon_item .link span{
    background:#000;
    opacity:0.64;
    padding:4px;
    width:314px;
    height:32px;
    position:absolute;
    bottom:4px;
    left:4px;
    color:#fff;
    overflow-y:hidden;
}