@charset "UTF-8";

/* Information
==================================================
livedoor Blog CSS
 Name   : ハムスター速報

 Update : 2009.08.12
==================================================
*/

/* Table of Contents
==================================================
	01. Text - フォント・リンク
	02. Layout - 全体の枠組み
	03. Title - ブログタイトルエリア
	04. SubTitle - アーカイブタイトルエリア
	05. Pager - ページャ
	06. Main - 記事エリア
	07. Option - トラックバック・コメントエリア
	08. Sub & Extra - プラグインエリア
	09. Header & Footer - ヘッダー・フッター
	10. Others - ADエリア etc.
==================================================
*/


/* =============================================== */
/** 01. Text - フォント・リンク */
/* ----------------------------------------------- */

* {
	word-break: break-all;
}

body,
textarea {
	font-family: "ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Osaka",sans-serif;
	 font-size:13px;
	 *font-size:13px;
}

body {
	color: #4C6B73;
}

a{
	color: #d2691e;
	text-decoration: none;
}
a:hover {
	text-decoration : none ; 
	background-color : #dcf0c2 ;
	color : #336619 ;
}

table#header a:link,
table#header a:active,
table#header a:visited,
table#header a:hover {
	color: #0000fe;
}

h1#blog-title a:link,
h1#blog-title a:active,
h1#blog-title a:visited {
	color: #4C808C;
	text-decoration: none;
}

h1#blog-title a:hover {
	color: #FFBF56;
	background-color: #fff;
}

p#blog-description {
	color: #4C808C;
}

h2.archives-title {
	color: #4C6B73;
	background-color:#BDD7DE;
	border-bottom:2px solid #8CB3C0;
}

div#sub a:link,
div#sub a:active,
div#extra a:link,
div#extra a:active {
	color:#D2691E;
	text-decoration:none;
}

div#main a:visited,
div#sub a:visited,
div#extra a:visited {
	color: #D2691E;
}

div#sub a:hover,
div#extra a:hover {
	background-color : #dcf0c2 ;
	color : #336619 ;
}

div#main h2.article-title a:link,
div#main h2.article-title a:active,
div#main h2.article-title a:visited {
	color:#336619;
	text-decoration: none;
}

div#main h2.article-title a:hover {
	text-decoration: underline;
}

div#main dl.article-category dd a:link,
div#main dl.article-category dd a:active,
div#main dl.article-category dd a:visited,
dl.article-category dd a:hover {
	color: #575e69;
}

div#main div.pager a {
	color: #000000;
}

div.article-date-outer {
	color: #515e69;
}

ul.ping-info li.ping-date,
ul.comment-info .comment-date {
	color: #8d8d8d;
}

div.sidetitle {
	color: #0287ff;
}

div#sub div.sidetitle a,
div#extra div.sidetitle a {
	color: #0287ff;
}

div#sub table.caltblday a:visited,
div#extra table.caltblday a:visited {
	color: #000000;
}

div#footer_custom p,
div#footer_custom p a {
	/* color: #000; */
}

/* =============================================== */
/** 02. Layout - レイアウト（全体の枠組み） */
/* ----------------------------------------------- */

body {
	margin: 0;
	padding: 0;
	background: url(http://livedoor.blogimg.jp/hamusoku/imgs/2/8/28da68cf.gif) #c7e6ee;
}

div#container {
	width:1170px;
	margin: 0 auto;
	background-color: #ffffff;
	/* position: relative; */
	border-right: 2px solid #80abb3;
	border-left: 2px solid #80abb3;
}

div#content {
	margin: 0 10px;
	height: 1%;
}

div#main,
div#sub,
div#extra {
	overflow: hidden;
}

div#main {
	float: left;
	display: inline;
	width: 100%;
}

div#main div.column-inner {
	margin: 0 200px 0 220px;
	border-bottom: 1px solid #ffffff;
}

div#sub {
	float: left;
	margin-left: -100%;
	display: inline;
	width: 210px;
	font-size:10px;
	line-height:1.1;
}

div#sub div.column-inner {
	padding-bottom: 30px;
}

div#extra {
	float: left;
	margin-left: -190px;
	display: inline;
	width: 190px;
	font-size:10px;
	line-height:1.1;
}

div#extra div.column-inner {
	padding-bottom: 30px;
}

/* ----------------------------------------------- */
/** clearfix */

div#container:after,
div#content:after,
ul.article-navigator:after,
ul.archives-navigator:after,
div.article-body:after,
div.article-body div.article-body-more:after,
div#trackback-form ul:after {
	content: " ";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

/** hasLayout */
div.blog-title-outer,
h2.archives-title,
h2,
div.article-footer,
h2.article-title,
ul,
div.index-navigator-outer,
div.pager {
	height: 1%;
}

/** peek-a-boo bug */
div.article-outer,
div#trackback-form,
div#trackbacks-list,
div#comments-list,
div#comment-form {
	height: 1%;
}

/* =============================================== */
/** 03. Title - ブログタイトルエリア */
/* ----------------------------------------------- */

div.blog-title-outer {
	text-align: left;
	margin-bottom: 10px;
	padding-right: 10px;
}
div.blog-title-outer-2 {
	padding: 10px 0 0 10px;
}
div.blog-title-outer-3 {
}
#banner-title {
	margin:0;
	text-align:center;
}
#banner-title img{
	border:0;
}
h1#blog-title {
	margin: 0;
	font-size: 24px;
	font-weight: bold;
}

div.blog-description-outer {
}

p#blog-description {
	margin: 0;
	line-height: 1.35;
}

/* =============================================== */
/** 04. SubTitle - アーカイブタイトルエリア */
/* ----------------------------------------------- */

div.archives-title-outer {
	margin-bottom: 10px;
}
div.archives-title-outer-2 {
}
div.archives-title-outer-3 {
}

h2.archives-title {
	margin: 10px 0 0 0;
	padding: 10px;
	text-align: center;
	font-size: 16px;
}

/* =============================================== */
/** 05. Pager - ページャ */
/* ----------------------------------------------- */

div.pager {
	text-align: left;
}
div.pager-inner {
}

div.index-navigator-outer,
div.archives-pager-outer,
div.article-pager-outer {
}

/* ----------------------------------------------- */
/** IndexNavigator - トップページ */

ul.index-navigator {
	padding-top: 15px;
	font-size: 32px;
}

ul.index-navigator li a {
	padding: 0 7px;
}

/* ----------------------------------------------- */
/** ArchivesPager - アーカイブページ */

ul.archives-pager {
	padding-top: 15px;
	font-size: 12px;
}

ul.archives-pager li {
	padding: 2px 5px;
}

ul.archives-pager li a {
	padding: 0 5px;
}

ul.archives-pager li.both {
	border-left: 1px solid #575e69;
}

/* ----------------------------------------------- */
/** ArticlePager - 個別記事ページ */

ul.article-pager {
	font-size: 12px;
}

ul.article-pager li {
	float: left;
	display: inline;
	width: 49.95%;
	line-height: 1.25;

	/* padding-top: 1px;1px余白（上部） */
	padding-bottom: 32771px;
	margin-bottom: -32770px;/* 1px余白（下部） */
}

/* = special tech ... borderの高さを揃えるため */
ul.article-pager {
	overflow: hidden;
}


ul.article-pager li a {
	display: block;
	/* margin: 0 10px; */
}

ul.article-pager li.prev {
	text-align: right;
	font-size: 30px

}

ul.article-pager li.next {
	text-align: left;
	font-size: 30px

}

ul.article-pager li.both {
	border-left: 1px solid #8d8d8d;
}

/* =============================================== */
/** 06. Main - 記事エリア */
/* ----------------------------------------------- */

div.article-outer {
	margin-bottom: 30px;
	color:#4C6B73;
}
div.article-inner {
	border:2px solid #B3D999;
}




/* ----------------------------------------------- */
/** 記事ヘッダー */

div.article-header {
	background:url(http://livedoor.blogimg.jp/hamusoku/imgs/1/8/18925984.gif) left top no-repeat;
	padding-top:38px;
}

/*** 日付 */
div.article-date-outer {
	float: left;
	padding-left: 20px;
	font-size: 12px;
	font-weight: bold;
}

div.article-date-outer span.article-date {
	margin-right: 3px;
	margin-right: 0.25em;
}

div.article-date-outer span.article-time {}

/*** カテゴリ */
div.article-category-outer {
	text-align:right;
}

div.article-category-outer dl.article-category {
	margin: 0;
	padding: 3px 10px;
	line-height: 1.25;
}

div.article-category-outer dl.article-category dt,
div.article-category-outer dl.article-category dd {
	display: inline;
	margin: 0;
	padding: 0;
	font-size: 12px;
}
div.article-category-outer dl.article-category dd {
	background: url() no-repeat;
	padding:2px 0px 2px 18px;
	margin-left:4px;
}

div.article-category-outer dl.article-category dt {
	display:none;
}

/*** カテゴリアーカイブページではカテゴリを非表示にする */
body.category div.article-category-outer {
	display: none;
}

/** 記事タイトル */
div.article-title-outer {
}

h2.article-title {
	clear: left;
	margin: 0;
	padding:0 15px 5px 10px;
	font-size: 14px;
	font-weight: bold;
	background-color:#B3D999;
	color:#4C6B73;
}
/* for Twitter */
h2.article-title iframe {
margin-bottom:-5px;
margin-left:10px;
}

/* ----------------------------------------------- */
/** 記事本文 */

div.article-body {
	background-color: #ffffff;
	padding: 20px 10px 5px;
	line-height:1.1;
}

div.article-body-inner {
	width: 100%;
	overflow: hidden;
}

/** 続きを読む */
div.article-body span.article-continue {
	display: block;
	margin-top: 1em;
font-size: large;
font-weight: bold;
}

div.article-body div.article-body-more,
div.article-body div.article-body-private {
	clear: both;
	margin-top: 1em;
}

/*** blockquote & pre */
div.article-body blockquote,
div.article-body pre {
	background-color: #EAF4FD;
	padding: 5px 15px;
	margin: 5px 0;
	color: #595d68;
}

/*** img */
div.article-body img.pict {
	margin: 0 5px 5px 0;
float: none;
}

/*** 共通テーマ */
body.default_2008 dl.common-theme {
	margin: 0 10px 25px;
}

/*** 記事タグ */
body.default_2008 dl.article-tags {
	margin: 25px 10px 0;
}

/*** プライベートモード */
div.private-mode-announcement {
	border-color: #858585;
	line-height: 135%;
	font-size: 12px;
}

/* ----------------------------------------------- */
/** 記事フッター */

div.article-footer {
	background-color: #ffffff;
	padding: 0 10px;
}

ul.article-post {
	margin: 0 0 20px;
	padding: 10px 5px 0;
	text-align: right;
}

ul.article-post li {
	min-height: 16px;
	font-size: 10px;
}

/* =============================================== */
/** 07. Option - トラックバック＆コメントエリア */
/* ----------------------------------------------- */

div#article-options h3 {
	padding: 4px 15px 5px 10px;
}

#comments-list h3,
#trackbacks-list h3 {
	margin:0 0 10px;
	background-color:#B3D999;
	color:#4C6B73;
}

#comments-wrapper,
#trackbacks-wrapper {
	border:2px solid #B3D999;
	margin:10px;
	padding-bottom:15px;
}


/*** 指定しやすいようstyleReset */
	h4.ping-title
	, ul.ping-info
	, ul.ping-info li
	, ul.comment-info
	, ul.comment-info li {
		padding: 0;
		margin: 0;
}

	ul.ping-info li
	, ul.comment-info li {
		list-style-type: none;
}

/* ----------------------------------------------- */
/** トラックバックURL */

div#trackback-form ul {
	margin: 0 30px;
	padding: 0;
}

div#trackback-form ul li {
	list-style-type: none;
	float: left;
	margin: 0;
	padding: 0;
}

div#trackback-form ul li.trackback-form-url {
	width: 100%;
	margin-right: -90px;
}

div#trackback-form ul li.trackback-form-url span input {
	width: 100%;
}

div#trackback-form ul li.trackback-form-url span {
	display: block;
	padding-right: 100px;
	/* >> trackbackURL とsubmitボタンとの余白 100px-90px=10px となる */
}

div#trackback-form ul li.trackback-form-submit {
	width: 80px;
}

div#trackback-form ul li.trackback-form-submit input {}

/* ----------------------------------------------- */
/** トラックバック一覧 */

li.trackback-set {
	padding: 0 20px 10px;
	font-size: 12px;
}

h4.ping-title {
	display: inline;
	font-weight: normal;
}

ul.ping-info {
	display: inline;
}

ul.ping-info li.ping-blog-name {
	display: inline;
	margin-left: 20px;
}

ul.ping-info li.ping-blog-name span {
	margin: 0 10px;
}

ul.ping-info li.ping-date {
	display: inline;
	margin-left: 10px;
}

ul.ping-info li.ping-excerpt {
	display: block;
	margin-top: 5px;
	margin-left: 10px;
}

ul.ping-info li.ping-excerpt img.trackback-rating {}

/* ----------------------------------------------- */
/** コメント一覧 */

li.comment-set {
	padding: 0 20px 30px;
	font-size: 12px;
	list-style:none;
}

ul.comment-info li.comment-author {
	display: inline;
}

ul.comment-info .comment-date {
	display: inline;
	margin-left: 10px;
}

ul.comment-info li {
	display: inline;
}

ul.comment-info li.comment-body {
	display: block;
	margin-top: 5px;
	margin-left: 10px;
}

ul.comment-info li.comment-body img.trackback-rating {}

/* ----------------------------------------------- */
/** コメントフォーム */

div#comment-form-body {
	padding: 0 0 15px 5px;
}

div#comment-form-body table {
	border: 0;
	width: 95%;
	line-height: 30px;
	font-size: 12px;
}

div#comment-form-body table th {
	width: 3em;
	padding-right: 5px;
	text-align: right;
	font-weight: normal;
}

input#author {
	width: 25%;
}


input#bake {
	margin: 0 0 0 5px;
}

textarea#text {
	width: 90%;
	height: 250px;
}

input.button {
	margin-top: 10px;
	width: 80px;
}

div#comment-form-body table tr.input-etc td {
	padding-top: 6px;
}



div#comment-form-body table tr.submit td {
	text-align: center;
}

/*** コメント認証 */
div.comment-auth-announcement {
	margin: 10px 0;
	border-color: #858585;
	font-size: 12px;
}

div.comment-auth-announcement p a {
	margin: 0 3px;
}

/* ----------------------------------------------- */
/** 関連記事 */

div.related-articles{
	padding: 15px 0 0;
}
div.related-articles h3{
	margin: 0 0 10px;
	padding: 0;
}
div.related-articles ul{
	list-style: none;
	margin: 0;
	padding: 0;
	line-height: 1.2;
}
div.related-articles ul li{
	background: url(http://parts.blog.livedoor.jp/img/usr/livedoor/web_directors/side_body.gif) no-repeat 0 8px;
	padding: 0 0 5px 9px;
	margin-left: 5px;
}


/* =============================================== */
/** 08. Sub & Extra - プラグインエリア */
/* ----------------------------------------------- */

div.sidewrapper {
	margin-bottom:10px;
}
div.sidetitlebody {}
div.sidetitle {
	background-color:#BDD7DE;
	border-bottom:2px solid #8CB3C0;
	border-left:5px solid #8CB3C0;
	color:#4C6B73;
	font-size:12px;
	font-weight:bold;
	line-height:1.3;
	padding:5px 5px 2px;
}

div.sidetop,
div.sidebottom {
	display: none;
}

div.side {
	padding: 10px;
	text-align: center;
}

div.sidebody {
	margin: 3px 10px;
	text-align: left;
	display:list-item;
	list-style:circle;
}

div.side ul {
	margin:0;
	padding:0;
	text-align:left;
}
div.side ul li {
	margin:3px 10px;
}


/* ----------------------------------------------- */
/** Calendar */

div.calendarheadbody {}
div.calendarheadbody div.calendarhead {
	padding: 0 20px 10px;
	text-align: center;
	color: #4C6B73;
	font-size: 12px;
	font-weight: bold;
}

div#sub div.calendarheadbody div.calendarhead a,
div#extra div.calendarheadbody div.calendarhead a {
	color: #4C6B73;
}

div.caltop,
div.calbottom {
	display: none;
}

div.calbody {}

table.caltbl {
	width: 180px;
	margin: 0 auto;
	border: 0;
}
div.calbody table.calendartable {}
td.caltblwkbg {}
td.calendarwd {}
td table.caltblwk td {
	font-size: 12px;
	font-weight: bold;
	height: 20px;
}

td table.caltblwk td.weekday {}
td table.caltblwk td.sat {}
td table.caltblwk td.sun {}
td table.caltblwk td span.calendarweek {}
td.caltbldaybg {}
td table.caltblday {
	margin: 0 auto 25px;
	width: 180px;
	color: #8d8d8d;
	font-size: 10px;
}
td table.caltblday td {
	width: 20px;
	height: 24px;
	padding: 0;
	text-align: center;
}
td table.caltblday td.caloff {}
td table.caltblday td.calendard {}
td table.caltblday td.calon {}
td table.caltblday td.calon a {}
td table.caltblday td.calendardbg {}
td table.caltblday td span.calendar {}

/* ----------------------------------------------- */
/** Plugins */

.nickname {
	font-weight: bold;
	margin: 10px 0;
}

.message {
	text-align: left;
	line-height: 125%;
}

/* ----------------------------------------------- */
/** LDServices */

ul#ld-services {
}

/* =============================================== */
/** 09. Header & Footer - ヘッダー・フッター */
/* ----------------------------------------------- */
/** Header */

table#header {
	font-size: 12px;
	background-color:#fff;
	border-bottom: 2px solid #80abb3;
}

/* ----------------------------------------------- */
/** Footer */

div.footer-outer {
	clear:both;
	/* background-color:#BDD7DE; */
	color:#4C6B73;
	margin:0 10px;
	/* padding: 0 10px 10px 10px; */
	padding: 0 0 10px 0;
	text-align:center;
	font-size: 12px;
}
div.footer-outer a {
	color:#4C6B73;
	display: block;
}


div.footer-outer a:hover {
	background-color:#FFFFFF;
	color: #D2691E;
}


p#signature {
	margin:0 0 10px 0;
	font-size:36px;
}
div.footer-outer-2 {
}

div#footer_custom {
}

div#footer_custom p {
}



/* =============================================== */
/** 10. Others - ADエリア etc. */
/* ----------------------------------------------- */
/** ADエリア */

div#ad a:hover {
	background-color:#FFFFBB !important;
}
div#ad {
	overflow: hidden;
	text-align: center;
	_width:680px;
}

div#ad iframe {
	margin: 10px auto;
}

div.gAdsense {
	padding: 10px 0;
}

body.ad {
	background: transparent;
	text-align: left;
}

a.adtitle {
	color: #0000ff!important;
	font-weight: bold;
}

a.adtitle span {
}

a.addescription {
	color: #000000!important;
}

a.addescription span {
}

a.adurl {
	color: #1b8d1c!important;
	text-decoration: none;
}

a.adurl span {
}

a.adld {
	color: #666666!important;
	text-decoration: underline;
	font-size: 110%;
}

.adbox{}
.adbox .adtop{
	background: url(http://parts.blog.livedoor.jp/img/usr/default_2008/sky/ads_off.gif) no-repeat left 7px;
	padding-left: 20px !important;
}
.adhover{}
.adhover .adtop{
	background: url(http://parts.blog.livedoor.jp/img/usr/default_2008/sky/ads_on.gif) no-repeat left 7px;
	padding-left: 20px !important;
}




/* 上部リンクボックス
----------------------------------------------------------*/
.topbox{
height: 250px;
background: #fff;
margin-bottom: 5px;
overflow-y: scroll;
border:solid 2px #b3d999;
scrollbar-3dlight-color:#ffffff;
scrollbar-arrow-color:#b3d999;
scrollbar-base-color:#ffffff;
scrollbar-darkshadow-color:#ffffff;
scrollbar-face-color:#ffffff;
scrollbar-highlight-color:#d5fbbb;
scrollbar-shadow-color:#448866;
}

.topmargin{
margin: 0 10px;
}

.topleft{
float: left;
width: 49.8%;
}

.topright{
float: right;
width: 49.8%;
}

.topborder{
border:solid 1px #b3d999;
}

.toptitle{
padding: 3px;
text-align: center;
font-size: 14px;
color: #000;
background: #b3d999;
}

.topcontent{
padding: 3px;
text-align: left;
font-size: 12px;
color: #000;
line-height: 150%;
}

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

/** ---------- Google AdSense ---------- **/
.google-user-ad { margin:20px; }
.ad-center { text-align:center; }
.ad-type-side { margin:0; }

.ssp-user-ad { margin-top:20px; }

/* End */

#tooltip {
    position: absolute;
    border: 1px solid #666;
    background: #fff;
    color: #000;
    padding: 10px 30px 10px 0px;
    opacity: 0.9;
}
#tooltip h3, #tooltip div {
    text-align: left;
    font-size: 1em;
    font-weight: normal;
    margin: 0;
}
#tooltip.darktip {
    background: #fff;
}

table.amazon_rank{
    text-align: center;
}

table.amazon_rank tr{
    vertical-align : top;
    text-align: center;
}

.amazon_rank_title{
    background-color: #B3D999;
    border-bottom: 2px solid #8CB3C0;
    color: #4C6B73;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.3;
    padding: 5px 5px 2px;
}

tr.amazon_rank_categoryy{
    background-color: #BDD7DE;
    border-bottom: 2px solid #8CB3C0;
    color: #4C6B73;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.3;
    padding: 5px 5px 2px;
}
#amazon_rank_content_top_left

#amazon_rank_content_top_left table{
    width: 150px;
}
#amazon_rank_content_top_left table tr{
    width: 150px;
}
#amazon_rank_content_top_left table tr td{
    width: 150px;
}
.amazon_img{
    max-width: 150px;
    max-height: 180px;
width:expression(document.body.clientWidth < 150? "150px" : "auto");
}
.amazon_img_side{
    max-width: 200px;
}
td.adjustment {
    height: 250px;
    vertical-align: middle;
}
.amazon_ranking_side{
    text-align: left;
    margin: 0 0 0 -10px;
}
.amazon_ranking_text{
    font-size: 12px;
}
.amazon_ranking_text_rank{
    color: #000;
}


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

      BlogRoll css

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

.blogroll-channel,
.blogroll-channel * {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    border: none;
    text-align: left;
}

.blogroll-channel .blogroll-list-wrap {
    margin-bottom: 10px;
}

.blogroll-channel .blogroll-list {
    list-style-type: none;
    margin-bottom: 3px;
    font-size: 12px;
    line-height: 1.3;
}

.blogroll-channel .blogroll-list img {
    vertical-align: middle;
}

.blogroll-channel img.blogroll-icon,
.blogroll-channel img.blogroll-favicon {
    margin: 0 5px 0 0;
}

.blogroll-channel img.blogroll-favicon {
	width: 16px;
	height: 16px;
}

.blogroll-channel a.blogroll-link {
}

.blogroll-channel .blogroll-new-entry {
    margin-left: 5px;
    color: red;
}

.blogroll-channel .blogroll-clip,
.blogroll-channel .blogroll-hatebu {
    margin: 0 0 0 5px;
}

.blogroll-channel .blogroll-link-time {
    margin: 0 0 0 3px;
    color: #666;
    font-size: 10px;
}

.blogroll-channel .blogroll-ad-img {
}

.blogroll-channel .blogroll-ad-text {
    display: block;
    margin-top: 5px;
    color: #666;
    font-size: 12px;
}

/* End */




/* 2011/06/30 start */

table.ham_ranking_table{
	width: 700px;
	word-break:break-all;
	word-wrap: break-word;
}

div.ham_ranking_cell{
	position: relative;
	word-break:break-all;
	word-wrap: break-word;
	width: 227px;
}

td.ham_ranking_cell{
   border-radius: 10px;         /* CSS3 */
   -moz-border-radius: 10px;    /* Firefox */
   -webkit-border-radius: 10px; /* Safari,Chrome */
	position: relative;
	vertical-align: top;
	padding: 5px 3px 5px 3px;
	width: 33%;
	text-align: left;
}

tr.hm_ranking_line{
	background-color: #D2EDFF;
}

tr.hm_ranking_line2{
	background-color: #D2EDFF;
}

.ham_ranking_title{
	font-size: 12px;

}

.ham_ranking_cell_small{
	padding: 0 3px;
}

.ham_ranking_hukidasi{


  color:#FFF;
  font-size:15px;
  font-weight:bold;
  position: absolute;
  vertical-align: middle;
  width: 70px;
  height: 55px;
  padding: 0 0 0 7px;
  left: 160px;
  top: -5px;
  /* text-align: center; */
  background: url(http://hamusoku.sakura.ne.jp/hukidashi2.png) no-repeat;  
}

.ham_ranking_tweet{
  position: relative;
  top: 9px;
  vertical-align: middle;
}

.ham_ranking_hatena{
  position:relative;
  top:8px;
  vertical-align:middle;
}

tr.ham_ranking_small_line{
	height: 50px;
}

td.ham_ranking_cell img.ham_ranking_img{
	margin: 0 10px;
	max-width: 200px;
}



table.ham_ranking2_table{
	width: 180px;
}

div.ham_ranking2_cell{
	position: relative;
	word-break:break-all;
	word-wrap: break-word;
}

td.ham_ranking2_cell{
   border-radius: 10px;         /* CSS3 */
   -moz-border-radius: 10px;    /* Firefox */
   -webkit-border-radius: 10px; /* Safari,Chrome */
	position: relative;
	vertical-align: top;
	padding: 5px 3px 5px 3px;
	text-align: left;
}

tr.hm_ranking2_line{
	background-color: #D2EDFF;
}

tr.hm_ranking2_line2{
	background-color: #D2EDFF;
}

.ham_ranking2_title{
	font-size: 12px;

}

.ham_ranking2_cell_small{
	padding: 0 3px;
}

.ham_ranking2_hukidasi{


  color:#FFF;
  font-size:15px;
  font-weight:bold;
  position: absolute;
  vertical-align: middle;
  width: 70px;
  height: 55px;
  padding: 0 0 0 5px;
  left: 125px;
  top: -5px;
  /* text-align: center; */
  background: url(http://hamusoku.sakura.ne.jp/hukidashi2.png) no-repeat;  
}

.ham_ranking2_tweet{
  position: relative;
  top: 9px;
  vertical-align: middle;
}

.ham_ranking2_hatena{
  position:relative;
  top:8px;
  vertical-align:middle;
}

tr.ham_ranking2_small_line{
	height: 50px;
}

td.ham_ranking2_cell img.ham_ranking2_img{
	margin: 0 0;
}

div.ham_ranking_cell a.ham_ranking_cell_img:hover{
		background-color : #D2EDFF;
}

a.ham_ranking_cell_img{
	display:block;
	width:210px;
	height: 130px;
	overflow:hidden;
	position:relative;
	margin: 0 auto;
}

a.ham_ranking_cell_img2{
	display:block;
	width:210px;
	height: 130px;
	overflow:hidden;
	position:relative;
	margin: 0 auto;
}
/* 2011/06/30 end */

/* 2011/07/07 start */

table.h_r_table{
	width: 700px;
	word-break:break-all;
	word-wrap: break-word;
}

div.h_r_cell{
	position: relative;
	word-break:break-all;
	word-wrap: break-word;
	width: 227px;
}

td.h_r_cell{
   border-radius: 10px;         /* CSS3 */
   -moz-border-radius: 10px;    /* Firefox */
   -webkit-border-radius: 10px; /* Safari,Chrome */
	position: relative;
	vertical-align: top;
	padding: 5px 3px 5px 3px;
	width: 33%;
	text-align: left;
}

tr.h_r_line{
	background-color: #D2EDFF;
}

tr.h_r_line2{
	background-color: #D2EDFF;
}

.h_r_title{
	font-size: 12px;

}

.h_r_cell_small{
	padding: 0 3px;
}

.h_r_hukidasi{


  color:#FFF;
  font-size:15px;
  font-weight:bold;
  position: absolute;
  vertical-align: middle;
  width: 70px;
  height: 55px;
  padding: 0 0 0 7px;
  left: 160px;
  top: -5px;
  /* text-align: center; */
  background: url(http://hamusoku.sakura.ne.jp/hukidashi2.png) no-repeat;  
}

.h_r_tweet{
  position: relative;
  top: 9px;
  vertical-align: middle;
}

.h_r_hatena{
  position:relative;
  top:8px;
  vertical-align:middle;
}

tr.h_r_small_line{
	height: 50px;
}

td.h_r_cell img.h_r_img{
	margin: 0 10px;
	max-width: 200px;
}



table.h_r2_table{
	width: 180px;
}

div.h_r2_cell{
	position: relative;
	word-break:break-all;
	word-wrap: break-word;
}

td.h_r2_cell{
   border-radius: 10px;         /* CSS3 */
   -moz-border-radius: 10px;    /* Firefox */
   -webkit-border-radius: 10px; /* Safari,Chrome */
	position: relative;
	vertical-align: top;
	padding: 5px 3px 5px 3px;
	text-align: left;
}

tr.hm_ranking2_line{
	background-color: #D2EDFF;
}

tr.hm_ranking2_line2{
	background-color: #D2EDFF;
}

.h_r2_title{
	font-size: 12px;

}

.h_r2_cell_small{
	padding: 0 3px;
}

.h_r2_hukidasi{


  color:#FFF;
  font-size:15px;
  font-weight:bold;
  position: absolute;
  vertical-align: middle;
  width: 70px;
  height: 55px;
  padding: 0 0 0 5px;
  left: 125px;
  top: -5px;
  /* text-align: center; */
  background: url(http://hamusoku.sakura.ne.jp/hukidashi2.png) no-repeat;  
}

.h_r2_tweet{
  position: relative;
  top: 9px;
  vertical-align: middle;
}

.h_r2_hatena{
  position:relative;
  top:8px;
  vertical-align:middle;
}

tr.h_r2_small_line{
	height: 50px;
}

div.h_r_cell a.h_r_cell_img:hover{
		background-color : #D2EDFF;
}

a.h_r_cell_img{
	display:block;
	width:210px;
	height: 130px;
	overflow:hidden;
	position:relative;
	margin: 0 auto;
}

a.h_r_cell_img2{
	display:block;
	width:210px;
	height: 130px;
	overflow:hidden;
	position:relative;
	margin: 0 auto;
}
/* 2011/07/07 end */


/* --------------------------------------- 
 *
 * 2011/07/16
 * footer作成のためCSS追加
 *  
 * --------------------------------------- */

div#footer_custom a {
	color:#4C6B73;
	display: block;
	font-weight: bold;
}

div#footer_custom a:hover{
	background-color:#FFFFFF;
	color: #D2691E;
}

.footer_page_top{
	/* TOP PAGE の背景色 */
	background-color: #B3D999;
	display: block;
	text-align:center;
	/* margin: -8px 10px -10px 10px; */
	margin: 0 10px 3px 10px;
	color : #4C6B73;
}

.footer_page_top:hover{
	text-decoration : none ; 
	background-color : #dcf0c2 ;
}

.footer_article_next_prev{
	/* 次の記事、前の記事部 の背景色 */
	background-color:#ddddff;
	overflow: hidden;
	margin: 0 10px 3px 10px;
	font-size: 30px;
}

a.footer_article_prev,a.footer_article_next{
	display: block;
}

.footer_article_prev_inner, .footer_article_next_inner{
	text-align: center;
	height:60px;
	overflow: hidden;
	width:100%;
}
.footer_article_prev_inner:hover, .footer_article_next_inner:hover{
	background-color:#FFFFFF;
	color: #D2691E;
}
.footer_article_prev_inner{
	/* border-left: 4px solid #4C6B73; */
	float: right;
	line-height: 100%;
}
.footer_article_next_inner{
	/* border-right: 4px solid #4C6B73; */
	float: left;
	line-height: 100%;
}

.footer_img_article_prev_inner, .footer_img_article_next_inner{
	width:15%;
	height:60px;
}
.footer_img_article_prev_inner{
	background: url(http://livedoor.blogimg.jp/hamusoku/imgs/a/4/a49be286.png) no-repeat top left;
	float: left;
}
.footer_img_article_next_inner{
	background: url(http://livedoor.blogimg.jp/hamusoku/imgs/6/2/62097c75.png) no-repeat top right;
	float: right;
}

.prev_article,.next_article{
	margin-bottom:-32762px;
	padding-bottom:32767px;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	width:48.2%;
}

.prev_article{
	border-right: 1px solid #8D8D8D;
	text-align: right;
	float: left;
}

.next_article{
	text-align: left;
	float: right;
}

.footer_navi{

  clear:both;
  color:#4C6B73;
  font-size:12px;
  margin-bottom:3px;
  margin-left:10px;
  margin-right:10px;
  margin-top:0;
  text-align:center;
  height: 30px;
}

.footer_navi_ul{
	list-style:none;
	margin: 0 0 0 0;
	padding: 0;
}

.footer_navi_cell{
	/* ホーム　ハム速について etc の背景色 */
	background-color:#BDD7DE; 
	width:20%;
	float:left;
}

li.footer_navi_cell a{
	display: block;
	padding: 8px 0 8px 0;
	color: #4C6B73;
}

li.footer_navi_cell a:hover{
	background-color: #ffffff;
	color:#D2691E;
}



.footer_left,.footer_right{
	font-size: 16px;
	margin-bottom: 15px;
	height: 100%;
	padding-bottom: 32767px;
	margin-bottom: -32767px;
}

.footer_left{
	/* 人気記事 の背景色
	 * ※下記の人気記事 見出し部の背景も一緒に変更してください。
	 * 　「.footer-articles .sidewrapper .sidetitlebody .sidetitle, .footer_left .sidetitlebody .sidetitle」
	 *　で検索すると出てきます。
	 */
	background-color:#ddddff;
	float: left;
	width: 49.9%;
}


.footer_right{
	/* 最新記事 の背景色 
	 * ※下記の人気記事 見出し部の背景も一緒に変更してください。
	 * 　「.footer-articles .sidewrapper .sidetitlebody .sidetitle, .footer_left .sidetitlebody .sidetitle」
	 *　で検索すると出てきます。
	 */
	background-color:#ddddff;
	float: right;
	width: 49.9%;
}

.footer-articles .sidewrapper .sidetitlebody .sidetitle, .footer_left .sidetitlebody .sidetitle{
	/* 人気記事 人気記事 見出し部の背景色 */
	/* background-color: #000000; */
	text-align: center;
	border-left: none;
	font-size: 20px;
}



#footer_copyright{
	/* コピーライト部 の背景色 */
	background-color:#ddddff;
	padding: 10px;
	margin-top: 3px;
}



.footer-articles{
	padding: 0 0;
	text-align: left;
}

.populararticles-title{
	width: 100%;
	padding: 0;
}

td.populararticles-title a,div.footer-articles .plugin-recent_articles .side .sidebody a{
	padding: 5px 0;
	font-weight: bold;
}

div.footer-articles .plugin-recent_articles .side .sidebody{
	margin: 0;
}

.footer_right div.footer-articles .plugin-recent_articles .side{
	padding-left: 40px;
}

div#footer_article{
    overflow: hidden;  
    height: auto;  
}

div.footer_left .plugin-memo,
div.footer_left .plugin-categorize,
div.footer_left .plugin-monthly,
div.footer_left .plugin-qr_code,
div.footer_left .plugin-calendar,
div.footer_left .plugin-recent_articles{
	display: none;
}

div.footer_right .plugin-memo,
div.footer_right .plugin-categorize,
div.footer_right .plugin-monthly,
div.footer_right .plugin-qr_code,
div.footer_right .plugin-calendar,
div.footer_right .plugin-popular_articles
{
	display: none;
}


#footer p a{
	display: inline;
}

img{
    border: medium none;
}

div#footer_back div.ham_ranking_cell{
	position: relative;
	word-break:break-all;
	word-wrap: break-word;
	width: 225px;
}

div#footer_back td.ham_ranking_cell{
   border-radius: 10px;         /* CSS3 */
   -moz-border-radius: 10px;    /* Firefox */
   -webkit-border-radius: 10px; /* Safari,Chrome */
	position: relative;
	vertical-align: top;
	padding: 5px 0 0 0;
	width: 33%;
	text-align: left;
}

ul.social-buttons {
margin:2px 0 0 0;padding:0;
list-style:none;
height:25px;
overflow:hidden;
}
ul.social-buttons li {
margin:0 5px 0 0;padding:0;
list-style:none;
float: right;
}

ul.social-buttons li {
display:inline;
vertical-align:middle;
}