@charset "UTF-8";

/* Information
==================================================
livedoor Blog CSS
 Name   : S-MAX(based on 'default_2008_sky_3c')
 Layout : 3カラム 固定

 Update : 12:58 2009/10/05
==================================================
*/

/* 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.
==================================================
*/

/* =============================================== */
/** 00. リセット */
/* ----------------------------------------------- */
/* Reset */
html {
	color: #000;
	background: #FFF;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset,img {
	border: 0;
}

li {
	list-style: none;
}

caption,th {
	text-align: left;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
}

legend {
	color: #000;
}

input,button,textarea,select,optgroup,option {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
}

input,button,textarea,select{*font-size:100%;}

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

* {
    word-break: break-all;
}

body {
    font-family: Verdana, Sans-serif;
    font-size: 13px;
    *font-size: 81.25%;
    line-height: 1.231;
}

a:hover {}

#blog-title a {
    color: #000;
    text-decoration: none;
}

#blog-title a:hover {}

p#blog-description {
    color: #000;
}

.archives-title {
    color: #000;
}

div#content a {
    color: #2277e0;
    text-decoration: none;
}

div#content a:hover {
    color: #4e9eff;
    text-decoration: underline;
}

div#sub a,
div#extra a {
    text-decoration: none;
    color: #333333;
}
div#sub a:hover,
div#extra a:hover {
    color: #4e9eff;
}

div#main h1.article-title a,
div#main h2.article-title a
{
    color: #333333;
    text-decoration: none;
}

div#main h1.article-title a:hover,
div#main h2.article-title a:hover {
    color: #4e9eff;
    text-decoration: underline;
}

div#main ul.article-post li a {
    color: #999999;
    text-decoration: none;
}

div#main ul.article-post li a:hover {
    color: #4e9eff;
    text-decoration: underline;
}

div#main dl.article-category dd a {
    text-decoration: none;
}

div#main dl.article-category dd 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 {
}

div#main div.pager a {
    text-decoration:none;
    color: #333333;
}

div#main div.pager a:hover {
    text-decoration:none;
    color: #4e9eff;
}

.paging-number li a {
    padding: 7px 9px;
    border: 1px solid #e5e5e5;
    background: #f0f0f0;
}

div#main div.pager a:hover {
    text-decoration: underline;
}

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

div.sidetitle {
    color: #000;
}

div#sub div.sidetitle a,
div#extra div.sidetitle a {
}

div#extra div.sidetitle a {
    color: #666666;
}

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

div#footer p,
div#footer p a {
    color: #000;
	text-decoration:none;
}

div#footer p a:hover {
    color: #000;
	text-decoration: underline;
}

div#ad2 a.adtitle, .adhover a.adtitle {
	color: #0000FE;
}

div#ad2 a.adurl, .adhover a.adurl {
	color: #008000;
}

div#ad2 a.addescription, a.adld, .adhover a.addescription, .adhover a.adld {
	color: #000000;
}

div#footer .information {
	display: inline-block;
	width: 24%;
}

div.plugin-news div.sidebody {
    font-size:13px;
}

.red {
	color: #f00000;
	font-weight: bold;
}

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

body {
    background: #e5e5e5;
}

div#container {
    width: 975px;
    margin: 0 auto;
    position: relative;
    background: #fff url(/img_parts/container_bg.png) repeat-y;
    _background: #ffffff;
    _padding: 0;
}

div#content {
    height: 1%;
    background:  #fff url(/img_parts/content_bg.png) 0 0 repeat-y;
    margin: 0 10px;
}

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

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

div#main div.column-inner {
    margin: 0 310px 0 160px;
}

div#sub {
    float: left;
    margin-left: -100%;
    display: inline;
    width: 150px;
}

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

div.banner_sub {
    margin-bottom:10px;
}

div#extra {
    float: left;
    margin-left: -300px;
    display: inline;
    width: 300px;
}

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

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

ELEMENT:after,
div.blog-title-outer:after,
div#container:after,
div#content:after,
ul.article-navigator:after,
ul.archives-navigator:after,
div.article-header:after,
div.article-subbox:after,
div.article-body:after,
div.article-body div.article-body-more:after,
div#trackback-form ul:after,
dl.blogmedia-links:after {
    content: " ";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

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

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

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

div.blog-title-outer {
    width: 950px;
    margin: 0 auto;
    padding: 15px 10px 10px;
    background: #ffffff;
    _background: #ffffff;
    _padding: 10px 10px 10px;
}

#blog-title {
    float: left;
    width: 640px;
}
div#rectangle {
    float: right;
    width: 300px;
}

span.vertical-rl {
	writing-mode: tb-rl; /* IE独自仕様 */
	writing-mode: vertical-rl;
	-moz-writing-mode: vertical-rl;
	-o-writing-mode: vertical-rl;
	-webkit-writing-mode: vertical-rl;
}


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

div.archives-title-outer {
background: url("http://s-max.jp/user/img/main_bottom.gif") no-repeat scroll 0 bottom transparent;
margin-bottom: 10px;
padding-bottom: 8px;
width: 495px;
}

h2.archives-title {
    padding-bottom: 15px;
    text-align: center;
    font-size: 108%;
}

.archives-title {
background:url("http://s-max.jp/user/img/main_top.gif") no-repeat scroll 0 0 transparent;
color:#000000;
padding:6px 10px;
text-align:center;
}

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

div.pager {
    margin-bottom: 10px;
}
div.pager-inner {
    padding-bottom: 15px;
}


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

ul.index-navigator {
    padding-top: 15px;
    font-size: 90%;
}
ul.index-navigator li a {
    padding:7px 9px;
}

ul.index-navigator li.paging-number ol.paging-number li.current {
background:none repeat scroll 0 0 #000000;
border:1px solid #E5E5E5;
color:#ffffff;
font-weight:bold;
margin:0 5px;
padding:7px 9px;
zoom:1;
}

ol.number {
list-style-type: decimal;
margin:0px;
padding:0px;
color:#000000;
}

li.number {
list-style: decimal;
}

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

ul.archives-pager {
    padding-top: 15px;
    font-size: 90%;
}
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 {
    padding-top: 15px;
    font-size: 90%;
}
ul.article-pager li {
    float: left;
    display: inline;
    width: 49%;
    line-height: 1.25;
}

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

ul.article-pager li {
    padding-top: 1px;/* 1px余白（上部） */
    padding-bottom: 32768px;
    margin-bottom: -32767px;/* 1px余白（下部） */
}

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

ul.article-pager li.prev {
    background:url("http://s-max.jp/user/img/icon_left.gif") no-repeat scroll 0 18px transparent;
    text-align: right;
}

ul.article-pager li.next {
    text-align: left;
    background:url("http://s-max.jp/user/img/icon_right.gif") no-repeat scroll right 20px transparent;
}

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

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

div.article-outer {
    margin-bottom: 30px;
}

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

div.article-header {
    background:url("http://s-max.jp/user/img/main_bottom.gif") no-repeat scroll 0 bottom transparent;
    padding-top: 20px;
    padding-bottom: 8px;
    width: 490px;
    zoom: 1;
}

div.article-subbox {
    background:url("http://s-max.jp/user/img/main_middle.gif") repeat-y scroll 0 0 transparent;
    padding-top: 5px;
    zoom: 1;
}

* html div.article-subbox {
background:none;
padding-top:9px;
border-left:1px solid #cccccc;
border-right:1px solid #cccccc;
zoom:1;
}

*:first-child+html div.article-subbox {
background:none;
padding-top:9px;
border-left:1px solid #cccccc;
border-right:1px solid #cccccc;
zoom:1;
}


/*** 日付 */
div.article-date-outer {
    float: left !important;
    font-size: 83%;
    padding-left:10px;
    padding-right:10px;
    color:#999999;
}

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 {
    float: left;
    font-size: 83%;
    background:transparent url(http://s-max.jp/user/img/icon_category.gif) no-repeat scroll 0 0;
    padding: 0 0 0 20px;
    margin: 0;
}

div.article-category-outer dl.article-category {
    line-height: 1.25;
}

div.article-category-outer dl.article-category dt,
div.article-category-outer dl.article-category dd {
    display: inline;
    margin-right: 5px;
    font-size: 83%;
}

div.article-category-outer dl.article-category dt {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    text-indent: -9999px;
}

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

/** 記事タイトル */
div.article-title-outer {
background:url("http://s-max.jp/user/img/main_top.gif") no-repeat scroll 0 0 transparent;
clear:both;
line-height:1.4;
padding:8px 10px;
border-bottom:1px solid #cccccc;
}

h1.article-title,
h2.article-title {
    clear: left;
    font-size: 125%;
    font-weight: bold;
}

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

div.article-body {
    clear:both;
    background-color: #ffffff;
    padding: 10px 4px;
    line-height: 1.7;
    font-size: 100%;
    border-bottom:1px solid #cccccc;
}

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

/** 続きを読む */
div.article-body span.article-continue {
    display: block;
    margin-top: 1em;
    font-size: 15px;
    font-weight: bold;
    background:url("http://s-max.jp/user/img/icon_right.gif") no-repeat scroll 80px 8px transparent;
}

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: #f5f5f5;
    padding: 5px 15px;
    margin: 5px 0;
    color: #595d68;
}

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

/*** 共通テーマ */
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: 1.35;
    font-size: 90%;
}

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

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: 82%;
}
li.article-tool-box img {
    vertical-align:middle;
}

li.article-comment-count {
background:url("http://s-max.jp/user/img/icon_comment.gif") no-repeat scroll 0 0 transparent;
padding:0 4px 0 20px;
}

li.article-trackback-count {
background:url("http://s-max.jp/user/img/icon_trackback.gif") no-repeat scroll 0 0 transparent;
padding:0 4px 0 20px;
}


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

div#article-options {
    background-color: #ffffff;
    padding: 10px 20px;
}

div.article-option {
    padding: 15px 0;
}

div.article-option h3 {
    margin: 0 0 10px;
    color:#333333;
}

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

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

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

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 0 10px 20px;
    font-size: 90%;
}

h4.ping-title {
    display: inline;
    font-size: 100%;
    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 0 10px 20px;
    font-size: 90%;
}

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

ul.comment-info li.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 {
    background-color: #f8f8f8;
    padding: 15px 0 15px 5px;
}

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

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

input#author {
    width: 65%;
}

input#email {
    width: 65%;
}

input#url {
    width: 85%;
}

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

label.input-rating {
    margin-left: 20px;
}

label.input-rating select {
    margin-left: 3px;
}

label.input-rating-face {
    margin-left: 5px;
}

label.input-rating-star {}

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

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

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

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

div.related-articles{
    padding: 15px 0 0;
}
div.related-articles h3{
    margin: 0 0 10px;
    font-size: 100%;
}
div.related-articles ul{
    list-style: none;
    line-height: 1.2;
}
div.related-articles ul li{
    background: url(http://s-max.jp/user/img/icon.gif) no-repeat 0 8px;
    padding: 0 0 5px 9px;
    margin-left: 5px;
}

dl.article-tags {
    background: url(http://s-max.jp/user/img/icon_tag.gif) no-repeat 0 0;
    height:1%;
    line-height:14px;
    min-height:16px;
    padding-left:20px;
    margin-top:10px;
}

dl.article-tags dt {
display:none;
}


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

#sub div.sidewrapper {
background:url("http://s-max.jp/user/img/left_bottom.gif") no-repeat scroll 0 bottom transparent;
margin-bottom:10px;
padding:0 0 8px;
width:150px;
}

#extra div.sidewrapper {
background:url("http://s-max.jp/user/img/right_bottom.gif") no-repeat scroll 0 bottom transparent;
margin-bottom:10px;
padding:0 0 8px;
width:300px;
}

#extra div.sidewrapper div.sidewrapper{
background:none;
margin-bottom:0;
padding:0;
}

#sub div.sidetitlebody {
}
#extra div.sidetitlebody {
}

#sub div.sidetitle {
background:url("http://s-max.jp/user/img/left_top.gif") no-repeat scroll 0 top transparent;
font-size:108%;
font-weight:bold;
padding:8px 15px;
border-bottom:1px solid #cccccc;
color:#666666;
}

#extra div.sidetitle {
background:url("http://s-max.jp/user/img/right_top.gif") no-repeat scroll 0 top transparent;
font-size:108%;
font-weight:bold;
padding:8px 15px;
border-bottom:1px solid #cccccc;
color:#666666;
}

div.sidetop,
div.sidebottom {
    display: none;
}
#sub div.side {
    background:url("http://s-max.jp/user/img/left_middle.gif") repeat-y scroll 0 0 transparent;
    padding:10px 10px 20px 10px;
    text-align: center;
    zoom:1;
}

#extra div.side {
    background:url("http://s-max.jp/user/img/right_middle.gif") repeat-y scroll 0 0 transparent;
    padding:10px 10px 20px 10px;
    text-align: center;
}

div.sidebody {
    background: url(http://s-max.jp/user/img/icon.gif) no-repeat 0 7px;
    text-align: left;
    margin:0 5px;
    padding: 0 0 5px 9px;
}

#sub div.plugin-recent_articles div.side {
    padding:0;
    overflow:hidden;
}

.plugin-recent_articles div.sidebody {
    background:none;
    padding:10px;
    text-align: left;
    margin:0;
    margin:-1px;
    overflow:hidden;
    border-bottom:1px solid #cccccc;
}

.plugin-recent_articles div.sidebody:last-child {
    background:none;
    padding:10px;
    text-align: left;
    margin:0;
    border-bottom:none;
    zoom:1;
}

* html .plugin-recent_articles div.sidebody {
    background:none;
    padding:10px;
    text-align: left;
    margin-bottom:-1px;
    border-bottom:1px solid #cccccc;
    overflow:hidden;
    zoom:1;
}

*:first-child+html .plugin-recent_articles div.sidebody {
    background:none;
    padding:10px;
    text-align: left;
    margin:0px;
    margin-bottom:-7px;
    border-bottom:1px solid #cccccc;
    overflow:hidden;
}

.plugin-recent_articles .sidebody {
    padding-bottom:8px;
}

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

div.calendarheadbody {}
div.calendarheadbody div.calendarhead {
    background:url("http://s-max.jp/user/img/left_top.gif") no-repeat scroll 0 top transparent;
    color:#0287FF;
    font-size:83%;
    font-weight:bold;
    padding:10px 20px;
    text-align:center;
}

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

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

div.calbody {
background:url("http://s-max.jp/user/img/left_middle.gif") repeat-y scroll 0 0 transparent;
zoom:1;
}

table.caltbl {
    width: 150px;
    margin: 0 auto;
    border: 0;
}
div.calbody table.calendartable {width:150px;}
td.caltblwkbg {}
td.calendarwd {}
td table.caltblwk td {
    font-size: 90%;
    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: 150px;
    color: #8d8d8d;
    font-size: 82%;
}
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: 1.25;
}

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

ul#ld-services {
    padding-top: 20px;
}


/* ----------------------------------------------- */
/** 検索 */

.searchbody .radio-btn {
    text-align:left;
}
.searchbody .radio-btn * {
    vertical-align:middle;
}
.searchbody .radio-btn input {
    margin:4px;
}
.sf {
    width:120px;
}


/* ----------------------------------------------- */
/** 連載（フリーエリア） */

ul#serial {
    text-align:left;
}
ul#serial li {
    position:relative;
    min-height:80px;
    _height:80px;
    margin-bottom:16px;
}

ul#serial li img {
    position:absolute;
    left:0;
    top:0;
    border:1px solid #a5a5a5;
}

ul#serial li span {
    margin-left:130px;
    display:block;
}

ul#serial li a:hover img {
    border-color: #52d033;
}

ul#serial {
    text-align:left;
}
ul#serial li {
    position:relative;
    min-height:80px;
    _height:80px;
    margin-bottom:16px;
}

ul#serial li img {
    position:absolute;
    left:0;
    top:0;
    border:1px solid #a5a5a5;
}

ul#serial li span {
    margin-left:130px;
    display:block;
}

ul#serial li a:hover img {
    border-color: #52d033;
}

ul#category {
    text-align:left;
    margin:0 5px 0 20px;
}

ul#category li {
	text-align:left;
    list-style-type:disc;
}

ul#categorychild {
    text-align:left;
    margin:0 5px 0 20px;
}

/* ----------------------------------------------- */
/** フォロー */
div.follow-box {
	background:#fff;
	padding-bottom:55px;
}

div.follow-box ul {}
div.follow-box ul li {
	display:block;
	float:left;
	margin-right:3px;
        margin-left:2px;
}

div.follow-box ul li a {
	display:block;
	width:48px;
	height:48px;
}

div.follow-box ul li a img {
	height:0;
	width:0;
}

div.follow-box ul li.twitter a {
	background:url(http://s-max.jp/user/img/side_icon_twitter.gif) no-repeat 0 0;
}

div.follow-box ul li.twitter a:hover {
	background:url(http://s-max.jp/user/img/side_icon_twitter.gif) no-repeat 0 100%;
}

div.follow-box ul li.facebook a {
	background:url(http://s-max.jp/user/img/side_icon_facebook.gif) no-repeat 0 0;
}

div.follow-box ul li.facebook a:hover {
	background:url(http://s-max.jp/user/img/side_icon_facebook.gif) no-repeat 0 100%;
}

div.follow-box ul li.rss a {
	background:url(http://s-max.jp/user/img/side_icon_rss.gif) no-repeat 0 0;
}

div.follow-box ul li.rss a:hover {
	background:url(http://s-max.jp/user/img/side_icon_rss.gif) no-repeat 0 100%;
}

div.social_bookmarking {
    padding: 5px 10px 5px 10px;
}

.social_bookmarking_clear {
    clear: both !important;
}

.wsbl_twitter {
    float: left !important;
    width: 75px !important;
    margin-right: 2px;
}

.wsbl_twitter_list {
  float: left !important;
  color: #1DA1F2;
  background: #FFFFFF;
  margin: 0;
  padding: 0;
}

a.wsbl_twitter_list_link {
  color: #55ACEE !important;
  text-decoration: none !important;
}

.wsbl_twitter_list:hover {
  color: #55ACEE !important;
}

.wsbl_line {
    float: left !important;
    margin-left: 2px;
}

.wsbl_pocket_button {
    float: left !important;
    width: 100px !important;;
}

.wsbl_hatena_button {
    float: left !important;
    margin-right: 2px;
}

.wsbl_facebook_like iframe {
    float: left !important;
    max-width: none !important;
}

.fb-like {
}

#fb-root {
    display: none;
    float: left !important;
}

/* ----------------------------------------------- */
/** このサイトについて */

div.profile {
    text-align:left;
    padding: 0 0 0 9px;
}

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

table#header {
    font-size: 12px;
    color:#8e6122;
    text-shadow:1px 1px 1px #fff;
}
table#header a {
    color:#8e6122;
    text-shadow:1px 1px 1px #fff;
}
table#header a:hover {
    text-decoration:underline;
}

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

div.footer-outer {
    width: 975px;
    margin: 0 auto;
    text-align:center;
    _background:none;
}
div.footer-outer a {
    color:#000;
text-decoration:none;
}

div.footer-outer a:hover {
    color:#000;
text-decoration:underline;
}

div#footer {
    height: 38px;
    display:inline;
}

div#footer p {
    line-height: 38px;
    font-size: 12px;
    display:inline;
}

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

/* Google Adsense （ビュレットとhoverで背景画像/PBP仕様）
-------------------------------------------------------------------------------- */
.google-user-ad { margin:10px auto; } 
.ad-center { text-align: center; }
.ad-type-side { margin:0; }

#bottom-google-ad { float: left; }
#bottom-social { margin: 10px; text-align: right; }

.ad-outer { margin:0 auto; padding:0; }
.ad-by { text-align:left; margin-bottom:4px; font-size:11px; }
.ad-box { text-align:left; }
.ad-box a{ display:block; margin:0 8px 0 0!important; padding:6px 8px!important; overflow:hidden; }
.ad-box a:hover { padding:4px 6px!important; }
.ad-box a span.ad-url { margin-left:10px; }
/* for IE6-7 */
* html .ad-outer .ad-box a{ height:1%; }
*+html .ad-outer .ad-box a{ height:1%; }

.ad-by a, .ad-by a:hover { color:#000000 !important; font-weight:bold !important; }
.ad-box a, .ad-box a:hover { text-decoration:none; }
.ad-box a span.ad-title { font-size:15px; color:#1170C6; font-weight:bold; text-decoration:underline; line-height:150%; }
.ad-box a:hover span.ad-title { text-decoration:none; }
.ad-box a span.ad-url,
.ad-box a:hover span.ad-url { font-size:11px; color:#008000; line-height:150%; }
.ad-box a span.ad-description,
.ad-box a:hover span.ad-description { display:block; font-size:12px; color:#000000; line-height:150%; }
.ad-box a:hover{
	background:#ffffbb;
	border:2px solid #ffffbb;
	-moz-border-radius:5px; /* for fx */
	-webkit-border-radius:5px; /* for safari */
}

/* link */
.ad-box-ncb {
	text-align:left;
	padding:6px 8px;
	display:block;
	line-height:1.5;
}
.ad-box-ncb:hover {
	padding:4px 6px;
	background:#FBF0FA;
	border:2px solid #FBF0FA;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
/* title */
.ad-box-ncb span.ad-title a { font-size:15px; color:#0044CC !important; font-weight:bold; text-decoration:underline; }
.ad-box-ncb span.ad-title a:hover { text-decoration:none; }
/* url */
.ad-box-ncb span.ad-url a { font-size:12px; color:#008000 !important; margin-left:10px; }
.ad-box-ncb span.ad-url a:hover  { text-decoration:underline; }
/* description */
.ad-box-ncb span.ad-description { font-size:13px; color:#000000 !important; display:block; }

.ad {
    margin: 0;
    padding: 0;
    line-height: 0px;
    text-align: center;
}

*:first-child+html div#tweetmeme{
    float: right;
    margin: 0 0 0 2px;
    zoom:1;
}

/* footer link */
.blogmedia-links {font-size:10px;padding:5px 5px;line-height:1.7em;margin:0 auto;}

/* End */

/* Twitter
----------------------------------------------- */
div#topsy {
    float: right;
    margin: 0;
    zoom:1;
}

.click-button {
 height: 30px;
 width: 115px;
 border-radius: 3px;
 text-align: center;
 margin: 0 6px 0 0;
 font-size: 0.9em;
 padding: 8px 12px;
 color: #ffffff;
 text-decoration: none;
}

.attention {
 background-color: #b20008;
}

ul:article-social {
    margin: 0;
    padding: 0;
}

.article-under-prframe {
	background:#e6e6e6 url(http://news.livedoor.com/img/apps/itnews/banner/article_under_icon.png) no-repeat 0 0;
	padding:15px 10px 15px 85px;
	margin-top:20px;
	font-weight:bold;
	font-size:14px;
	line-height:1;
}
.article-under-prframe p {
	margin-bottom:10px;
}
.article-under-prframe ul {}
.article-under-prframe li {
	display:block;
	float:left;
	margin-right:10px;
}
.article-under-prframe li a {
	display:block;
}
.article-under-prframe li a:hover img {
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter:"alpha( opacity=80 )";
}
* html .clearfix {
	zoom: 1;
}
*+html .clearfix {
	zoom: 1;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
	display: inline-table;
}/* end */

#main .column-inner {
	padding-bottom:20px;
}