@charset"utf-8";


/* ====================================
	Begin ezorisu-web
   ==================================== */

ul.sidebar li#made-on li.ezorisu-web-badge {
	background-image: none;
	text-align: center;
	margin: 20px 0 0 0;
	padding-right: 25px;
}

/* ====================================
	End ezorisu-web
   ==================================== */





/* ====================================
	Begin badges
   ==================================== */

ul.sidebar li.badges {
	text-align: center;
	margin: 60px 0;
}

ul.sidebar li.badges ul {
	padding: 0;
}

ul.sidebar li.badges li {
	background-image: none;
	margin-bottom: 25px;
	padding: 0;
}

/* ====================================
	End badges
   ==================================== */





/* ====================================
	Begin .reference
   ==================================== */

div.reference {
	border: 1px dotted #c2bfc5;	
	margin: 30px 0 0;
	padding: 5px 15px 0 5px;
}

div.reference ul {
	padding-left: 22px;
}

.reference strong {
	background-image: url("additional_images/light.gif");
	background-repeat: no-repeat;
	background-position: 0;
	line-height: 35px;
	margin: 0 0 8px 0;
	padding: 0 0 0 35px;
	font-weight:bold;
	display: block;
}

.reference li {
	list-style: none;
	background-image: url("additional_images/dd.gif");
	background-repeat: no-repeat;
	background-position: 0 0.5em;
	padding: 0 0 0 17px;
	margin: 0;
}

/* ====================================
	End .reference
   ==================================== */









/* ====================================
	Begin button
   ==================================== */

.preview a {
	display: block;	
	background-image: url("additional_images/preview-l.gif");
	background-repeat: no-repeat;
	color: #fff;
	width: 98px;
	height: 22px;
	line-height: 22px;
	text-indent:18px;
	font-size: 11px;
	text-align:left;;
}

.preview a:visited {
	background-image: url("additional_images/preview-l.gif");
	background-repeat: no-repeat;
	color: #bfbfbd;
	text-decoration: none;
}

.preview a:hover {
	background-image: url("additional_images/preview-h.gif");
	background-repeat: no-repeat;
	color: #fbac00;
	text-decoration: none;
}

.preview a:active {
	background-image: url("additional_images/preview-a.gif");
	background-repeat: no-repeat;
	color: #fdf371;
	text-decoration: none;
}

.download a {
	display: block;	
	background-image: url("additional_images/download-l.gif");
	background-repeat: no-repeat;
	color: #fff;
	width: 98px;
	height: 22px;
	line-height: 22px;
	text-indent:18px;
	font-size: 11px;
	text-align:left;
}

.download a:visited {
	background-image: url("additional_images/download-l.gif");
	background-repeat: no-repeat;
	color: #bfbfbd;
	text-decoration: none;
}

.download a:hover {
	background-image: url("additional_images/download-h.gif");
	background-repeat: no-repeat;
	color: #fa5c34;
	text-decoration: none;
}

.download a:active {
	background-image: url("additional_images/download-a.gif");
	background-repeat: no-repeat;
	color: #fcae97;
	text-decoration: none;
}


/* --------------- Begin Themes-button --------------- */

.themes-button {
	height: 22px;
	margin: 15px 0 15px 0;
	padding: 0;	
	position: relative;
}

.themes-button .preview {
	position: absolute;
	right: 115px;
	top: 0;
}

.themes-button .download {
	position: absolute;
	right: 0;
	top: 0;
}

/* --------------- End Themes-button --------------- */

/* --------------- Begin download-button --------------- */

.download-button .download {
	margin: 0;
	float: right;
}

.download-button strong {
	text-align:right;
	padding-right: 7px;
}

.download-button:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.download-button {
	padding: 10px;
	border: 1px dotted #c2bfc5;	
	text-align:right;
}

/* --------------- End download-button --------------- */

/* ====================================
	End button
   ==================================== */


/* ====================================
	Begin pre code
   ==================================== */

pre code {
	background-color: #fbfbfb;
	line-height: 1.3em;
	margin: 0 25px 1.5em ;
	padding: 5px 1em;
	border: 1px dotted #959aa1;	
	overflow:auto;
	white-space: pre-wrap;
	display: block;
}

*html body pre code {
	margin-left: 12px;
	margin-right: 12px;
}

pre em {
	background-color:#534a4a;
	color:#ccc;
	font-style:normal;	
	padding: 0 10px;
	margin: 25px 0 -1px 25px;
	line-height:1.3em;
}

/* ====================================
	End pre code
   ==================================== */




/* ====================================
	Begin pre.html pre.css
   ==================================== */

pre.html,pre.css,pre.php {
	background-color: #fbfbfb;
	color: #444;
	line-height: 1.3em;
	margin: 1.5em 25px;
	padding: 3px 1em 5px;
	border: 1px dotted #959aa1;	
	overflow:auto;
	white-space: pre-wrap;
}

pre.html:before {
	content: "HTML";
	background-color:#534a4a;
	color:#ccc;
	padding: 0 10px;
	margin-left: -0.7em;
}

pre.css:before {
	content: "CSS";
	background-color:#534a4a;
	color:#ccc;
	padding: 0 10px;
	margin-left: -0.7em;	
}

pre.php:before {
	content: "PHP";
	background-color:#534a4a;
	color:#ccc;
	padding: 0 10px;
	margin-left: -0.7em;	
}

/* ====================================
	End pre.html pre.css
   ==================================== */






/* ====================================
	Begin amazon
   ==================================== */

div.amazlet-box {
	0margin: 0 25px;
	padding: 7px;
	border: 1px dotted #959aa1;	
}

div.amazlet-info {	
	width: 335px;
}	

/* ====================================
	End amazon
   ==================================== */
   
   
   
   
   
/* ====================================
	Begin social bookmarks
   ==================================== */

ul.social_bookmarks a img {
 border: none;
 display: block;
}

ul.social_bookmarks {
  list-style: none;
  width: 145px; /*ボタンの数に合わせてサイズ調整*/
  height: 16px;
  margin-right: 0;
  margin-left: auto;/*右寄せ*/
  padding: 0;
}

ul.entry_top {
	margin-top: -1em;
	margin-bottom: 20px;
}

ul.entry_bottom {
	margin-top: 30px;
	margin-bottom: -27px;
}

ul.social_bookmarks li { /*横並びに*/
  float: left;
  width: 16px;
  height: 16px;
  margin-left: 7px;
}

ul.social_bookmarks li.twitter_icon {
  background-image: url("http://ezorisu-web.com/web-design/wp-content/themes/ezorisu-web/additional_images/social_bookmarks/twitter-02.gif") ;
  background-repeat: no-repeat;
}

ul.social_bookmarks li.delicious_icon {
  background-image: url("http://ezorisu-web.com/web-design/wp-content/themes/ezorisu-web/additional_images/social_bookmarks/delicious-02.gif") ;
  background-repeat: no-repeat;
}

ul.social_bookmarks li.yahoo_icon {
  background-image: url("http://ezorisu-web.com/web-design/wp-content/themes/ezorisu-web/additional_images/social_bookmarks/yahoo!-02.gif") ;
  background-repeat: no-repeat;
}

ul.social_bookmarks li.google_icon {
  background-image: url("http://ezorisu-web.com/web-design/wp-content/themes/ezorisu-web/additional_images/social_bookmarks/google-02.gif") ;
  background-repeat: no-repeat;
}

ul.social_bookmarks li.hatena_icon {
  background-image: url("http://ezorisu-web.com/web-design/wp-content/themes/ezorisu-web/additional_images/social_bookmarks/hatena-02.gif") ;
  background-repeat: no-repeat;
}

ul.social_bookmarks li.livedoor_icon {
  background-image: url("http://ezorisu-web.com/web-design/wp-content/themes/ezorisu-web/additional_images/social_bookmarks/livedoor-02.gif") ;
  background-repeat: no-repeat;
}



ul.social_bookmarks span { 
  margin: 0;
  padding: 0;
  background-image: url("http://ezorisu-web.com/web-design/wp-content/themes/ezorisu-web/additional_images/social_bookmarks/fukidasi.png");		   
  background-repeat: no-repeat;
  width: 116px;
  height: 34px;
  position:relative;
  top: -50px;
  left: -50px;
  text-align: center;	
  font-size: 11px;
  line-height: 20px;
  color:black;
  display: none;
}

ul.social_bookmarks a:hover span {
  display: block;
}

ul.social_bookmarks a:hover {
  text-decoration: none;	
}


ul.social_bookmarks a:hover img {
  visibility: hidden;
}

/* ====================================
	End social bookmarks
   ==================================== */
   
   
   
   
   
/* ====================================  
	Begin Mycomment
==================================== */

   #comments .comment-mycomment .mycomment_ezorisu {
	background-image: url(additional_images/ezorisu.ico);
	background-repeat: no-repeat;
	background-position: 0;
	margin-left: 17%;
	padding: 3px 0 0 16px;
}

/* ====================================  
	End Mycomment
==================================== */