@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;
}