@charset "shift_jis";

/* === ブログページのスタイル定義  === */

/* ヘッダーバナー */
img.blog_header { margin:0; margin-bottom:10px; padding:0; width:100%; height:auto; }

/* インデックス */

.blog_index { margin:0; margin-bottom:10px; padding:0px; background:#b0e4d1;}
.blog_index .title{ margin:5px; padding:5px 10px 5px 5px; border-bottom:#FFF 1px solid; font-size:14px; font-weight:bold;}
.blog_index .topics { margin:10px 5px 10px 20px; padding:0;max-height: 240px; overflow: auto;}
.blog_index .topics ul { padding-bottom:10px;}
.blog_index .topics ul li{ margin:4px 10px 4px 15px; list-style: outside none; line-height:1.1; display:inline-block; width:100px;}
.blog_index .topics ul li a { font-size:13px; text-decoration:none; color:#000; }
.blog_index .topics ul li a:hover { color:#F00; text-decoration:none; }


/* ブログの記事　*/

.blog_contents{ margin:10px 0;}
.blog_contents p.description{ margin:10px; font-size:14px;}
.blog_contents div.summary{ margin:10px; border-bottom:#f0f0f0 solid 1px;}
.blog_contents div.summary p{ margin:0; padding:5px 0; width:100%; background:#f0f0f0;}
.blog_contents div.summary ul li{ font-size:14px;}
.blog_contents div.images{ margin:20px; text-align:center;}
.blog_contents div.images div{ margin:10px; display:inline-block; text-align:center; width: 180px;}
.blog_contents div.images div img{ margin:10px; width: 100%; text-align:center;}
.blog_contents div.images div p{ margin:10px; font-size:11px; width:100%; text-align:center}

/* page navi */

div.blog_page_navi{ width:100%; margin: 20px 0; padding-top: 20px; border-top:#f0f0f0 3px solid; }
div.left{ width:33%; float:left}
div.center_right{ width:67%; float:right}
div.center{ width:33%; float:left}
div.right{ width:33%; float:left}
div.left p{ text-align:left; background:url(../img/common/icon_arrow04r.gif) no-repeat left; padding-left:10px}
div.center p{ text-align:center;}
div.right p{ text-align:right; background:url(../img/common/icon_arrow04.gif) no-repeat right; padding-right:10px }