/*
 * File      : styles-site.css
 * Version   : 5.06
 * Update    :
 * 2.00 2005.09.01: Update for Movable Type 3.2.
 * 2.01 2005.09.03: add font-size to content-nav.
 * 2.02 2005.09.27: correct the capital letter to the small letter.
 * 2.03 2005.10.13: add ul and ol type selectors to .entry class selector.
 * 2.04 2005.11.26: fixed typo.
 * 2.05 2006.01.26: comment out the specification of the background image.
 * 2.06 2006.02.26: delete font-weight property from all name selector and add h type selectors
 *                            and brought property for the title together.
 * 2.07 2006.06.01: add .archive-list class selector.
 * 3.00 2006.06.27: Update for Movable Type 3.3.
 * 3.01 2006.07.07: correct class selector.
 * 4.00 2007.05.11: XHTML 1.0 Strict.
 * 4.01 2007.06.16: Update for Movable Type 4.
 * 4.02 2007.11.12: add div.page class selector.
 * 5.00 2008.02.01: Update for Movable Type 4.1.
 * 5.01 2008.08.18: Update for Movable Type 4.2.
 * 5.02 2008.09.02: change liquid-layout footer.
 * 5.03 2008.09.17: change border and footer height.
 * 5.04 2008.10.09: add .search-results-header class selector.
 * 5.05 2008.10.22: add z-index property for liquid style.
 * 5.06 2008.10.28: add status-indicator class selector.
 *
 * Copyright (C) 2005-2008 www.koikikukan.com All rights reserved.
 */

/* すべて */
* {
    margin: 0;
    padding: 0;
    font-family: Verdana, Arial, sans-serif;
}
body {
    font-size: 100%;
}
html>body {
    font-size: 12pt;
}

/* 見出し */
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}

/* リンク */
#box a,
#box a:link,
#box a:visited {
    color: #3176FF;
    text-decoration: none;
    font-weight:bold;
}
#box a:hover {
    color: #ff8c00;
    text-decoration: underline;
}
#box a:active {}

/* リンクつき画像 */
a img {
    border: none;
}

/* フォーム */
form {
    margin: 0px;
}
#search-options,
input,
textarea {
    padding: 1px;
}
#search {
    width: 140px;
    height: 20px;
}
html > body #search {
    height: 15px;
}

/* ヘッダ */
#headerbanner {
    margin: 0px;
    padding: 0px;
    border-top: 1px solid #666699;
    border-bottom: 1px solid #666699;
    color: #999999;
/*    background: #ffffff;	*/
/*    background-position: right top;	*/
    background-repeat: no-repeat;
    background-image: url("http://auto.hobidas.com/hondastyle2/header.jpg");
    width: 950px;
    height: 100px;
    position: relative;
}

#headerbanner-inner {
    position: static;
    margin: 0;
    padding: 0;
    border:0;
    height:100px;	/* タイトル部の画像の高さを指定 */
/*
    padding: 15px 13px;
    border-width: 0px 0px 0 0px;
    border-style: solid;
    border-color: #ffffff;
*/
    border-width: 0;
}

#headerbanner a {
    display: block;
    width: 950px;	/* タイトル部の画像の幅を指定 */
    height:100px;
    text-decoration: none;
    border: 0;
    outline-width: 0;
}
#headerbanner-header {
    margin: 0;
    color: #ffffff;
}


#headerbanner a:link,
#headerbanner a:visited {
    color: #ffffff;
    font-size: 32px;
    text-decoration: none;
}
#headerbanner a:hover {}
#headerbanner a:active {}


/*タイトルバナーのテキスト */
#blog-name{
    display: none;
}

/* タイトルバナー下の説明 */
.blog-description {
    color: #ffffff;
    background: transparent;
    font-size: 12px;
    display: none;
}

/* ブログ記事日付 */
.date {
    margin: 8px 0;
}

/* ブログ記事日付・各タイトル */
.date,
.trackbacks-header,
.comments-header,
.comments-open-header,
.search-header {
	color: #555555;
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
	
	text-align: left;
	font-weight: nomal;

	margin-bottom: 10px;
}

/* ブログ記事タイトル */
.entry-header {
	color: #072C9A;
	font-family: Arial, Verdana, sans-serif;
	font-size: medium;
	
	text-align: left;
	font-weight: bold;
        border-left: 4px solid #072c9a;
        padding-left:8px;
	border-bottom:1px solid #072C9A;	
	margin-bottom: 10px;
}

/* ブログ記事 */
.entry {
    width: auto;
    margin: 0 3px 15px;
    color: #36414d;
    background: #ffffff;
    font-size: 83.3%;
    line-height:1.5;
    word-break: break-all;
}

/* 段落 */
.entry p {
    margin: 15px 0;
}

/* 順序なしリスト */
.entry ul,
.entry ol {
    padding-left: 16px;
}
.entry ul li {
    list-style-type: circle;
}

/* 定義リスト */
.entry dl {}
.entry dt {}
.entry dd {
    padding-left: 8px;
}

/* テキストエリア */
.entry textarea {
    width: 97%;
}

/* 引用 */
blockquote {
    width: auto;
    margin: 15px 20px 0;
    padding: 10px;
    border: 1px solid #666666;
    background: #f6f6f6;
    font-size: 83.3%;
    line-height: 1.5;
}
.quotetitle { /* 引用文タイトル */
    font-size: 83.3%;
    border-bottom: 1px solid #666666;
    padding: 3px;
}

pre {
    margin: 15px 20px 0px;
    padding: 10px;
    background: #f6f6f6;
    border: 1px solid #999;
    font-size: 83.3%;
    line-height: 1.5;
    width: 100%;
    overflow: scroll;
}
html>body pre {
    width: 87%;
}

/* 追記 */
.entry.extended {}

/* 投稿者 */
.entry-footer {
    margin: 10px 0 0;
    padding-top: 3px;
    border-top: 1px dotted #36414d;
    font-size: 83.3%;
    text-align: right;
}

/* タグ */
.entry-tags {
    margin-bottom: 5px;
    color: #333333;
}
.entry-tags-header,
.entry-tags-list,
.entry-tag {
    display: inline;
    font-size: 100%;
    color: #333333;
}
.entry-tags-list { 
    list-style:none;
    padding-left: 5px;
}

/* Typekeyコメンタ－画像 */
.commenter-profile img {
    vertical-align: middle;
    border-width: 0;
}

/* ウェブページ */
div.page {
    margin-top: -5px;
}

/* アーカイブページ本文 */
.archive-list {
    margin: 10px 0;
}

/* アーカイブテンプレートの前後リンク */
.content-nav {
    margin: 10px;
    text-align: center;
    font-size: 83.3%;
}

/* カレンダー */
.calendarhead {
	color: #666666;
	font-family: Verdana, Arial, sans-serif;
	font-size: small;
	
	text-align: left;
	font-weight: nomal;
	
	text-transform: uppercase;
	border-bottom:1px solid #666666;
	letter-spacing: 0em;
}


#calendar table {
	padding: 2px;
    text-align: center;
    border-collapse: collapse;
    border: 0;
    width: 100%;
}

#calendar th {
	text-align:center;
	font-weight:normal;
}

#calendar td {
	text-align:center;
	}
	
span.day {
    text-align: center;
}

span.saturday {
    color: blue;
}
span.sunday {
    color: #e50003;
}
td.today {
    display: block;
    border: 1px solid #666666;
}


#links-left-box dl,
#links-right-box dl {
    margin: 0;
    padding: 0;
}
#links-left-box dd,
#links-right-box dd {
    font-size: 75%;
}

.side dt,
.side dd {
    margin: 0;
    padding: 0;
}

/* サイドメニュータイトル */
.sidetitle {
	color: #fff;
	font-family: Verdana, Arial, sans-serif;
	font-size: small;
	padding-left: 8px;
        margin-bottom:4px;
	text-align: left;
	font-weight: bold;
	
	text-transform: uppercase;

background: #6db3f2; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZkYjNmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzU0YTNlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzM2OTBmMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxZTY5ZGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #6db3f2 0%, #54a3ee 50%, #3690f0 51%, #1e69de 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6db3f2), color-stop(50%,#54a3ee), color-stop(51%,#3690f0), color-stop(100%,#1e69de)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%); /* IE10+ */
background: linear-gradient(top,  #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db3f2', endColorstr='#1e69de',GradientType=0 ); /* IE6-8 */

background: linear-gradient(top, #fcf9c7 0%,#dfe0c7 100%); /* W3C */

border-radius: 6px;         /* CSS3 */
-webkit-border-radius: 6px; /* Webkit */
-moz-border-radius: 6px;    /* Mozilla */

}

/* サイドメニュー */
.side {
    margin: 3px 0 24px 0;
    background: none;
    color: #666666;
    font-size: 75%;
    line-height: 1.5;
}
.side ul,
.side ol {
    padding-left: 16px;
}
.side ul li {
    list-style-type: circle;
}
.side ul li ul {
    padding-left: 0px;
}
.side li li {
    list-style-type: none;
}

/* サイドメニュー(サブカテゴリー用) */
.side #categories ul {
    padding-left: 16px;
}
.side #categories ul ul {
    padding-left: 10px;
}
.side #categories li {
    list-style-type: circle;
}

/* サイドメニュー(タグクラウド用) */
ul#tags {
    margin-top: 5px;
    padding-left: 0;
    list-style: none;
}
ul#tags .module-list-item {
    display: inline;
}
ul#tags li.taglevel1 {
    font-size: 125%;
    font-weight: bold;
}
ul#tags li.taglevel2 {
    font-size: 125%;
}
ul#tags li.taglevel3 {
    font-size: 116.6%;
}
ul#tags li.taglevel4 {
    font-size: 108.3%;
}
ul#tags li.taglevel5 {
    font-size: 100%;
}
ul#tags li.taglevel6 {
    font-size: 91.6%;
}

/* 検索 */
fieldset {
    border: none;
}

/* カウンター */
.counter {
    margin: 8px 0 25px;
    padding: 2px;
    background: none;
}

/* RSSフィード */
.syndicate {
    margin-bottom: 5px;
    text-align: left;
    color: #666666;
    font-size: 75%;
    line-height: 1.5;
}
.syndicate img {
    border: none;
}

/* クレジットバナー */
.powered {
    margin-top: 50px;
    text-align: left;
    color: #666666;
    font-size: 75%;
    line-height: 1.5;
}
.powered img {
    margin-top: 3px;
}
.powered ul,
.powered li {
    list-style: none;
}
.module-powered {
    margin-top: 15px;
    margin-bottom: 15px;
    padding: 10px;
    border: 1px solid #ddd;
    background-color: #f8f8f8;
    text-align: center;
}

/* コメント・トラックバック */
#trackbacks,
#comments {
    margin: 10px 0;
}

.trackbacks-header,
.comments-header,
.comments-open-header {
    margin: 15px 0;
}

#trackbacks-info,
.trackback-content,
.comment-content,
.comments-open-content {
    margin: 0 2px;
    padding: 0;
    font-size: 83.3%;
    line-height: 1.5;
    word-break: break-all;
}

.trackback-content p,
.comment-content p {
    margin-top: 10px;
    margin-bottom: 5px;
}

.trackback-footer,
.comment-footer {
    margin-right: 2px;
    padding-top: 3px;
    border-top: 1px dotted #36414d;
    font-size: 66.6%;
    text-align: right;
}

#comments-open-data p {
    margin-bottom: 10px;
}
#comment-post {
    font-weight: bold;
}
#comment-author, #comment-email, #comment-url {
    width: 220px;
    height: 20px;
}
html > body #comment-author,
html > body #comment-email,
html > body #comment-url {
    height: 15px;
}
#comment-text {
    width: 400px;
    height: 150px;
}
#comment-bake-cookie {
    margin-left: 2px;
    vertical-align: middle;
}
#comments-open-footer {
    margin-top: 15px;
    text-align: center;
}
.comments-open label {
    display: block;
}
#comment-reply-label {
  display: inline;
}
#comment-form-reply {
  margin-bottom: 8px;
}

.status-indicator {
    display: inline;
    height: 20px;
    width: 20px;
    background: url(http://www.hobidas.com/blogmgr/mt-static/images/indicator-login.gif) no-repeat 0 0;
    padding: 2px 7px;
}

/* 検索結果画面 */
#search-form {
    font-size: 83.3%;
}
.search-header {
    margin: 15px 0;
}
.search-results-header {
    margin: 8px 0 15px;
    font-size: 120%;
}

/* カラム切り替え */
body.layout-three-column,
body.layout-three-column-right,
body.layout-two-column-left,
body.layout-two-column-right,
body.layout-one-column {
    text-align: center;
    background: #ffffff;
}
.layout-three-column #container,
.layout-three-column-right #container,
.layout-two-column-left #container,
.layout-two-column-right #container {
    margin-bottom: 10px;
}
.layout-one-column #container {
    margin-bottom: 0;
}

/* 固定レイアウト共通 */
.layout-three-column #box,
.layout-three-column-right #box,
.layout-two-column-left #box,
.layout-two-column-right #box,
.layout-one-column #box {
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    border-bottom: 1px solid #000;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    text-align: left;
    background-color: #dfdfdf;
}


/* 2カラム固定レイアウト幅 */
.layout-two-column-left #box,
.layout-two-column-right #box {
    width: 950px;
}



/* 2カラム固定レイアウト(右サイドバー) */

.layout-two-column-right #content {
    float: left;
    width: 748px;
background:#ffffff;

/*    border-bottom: 1px solid #666699;
    border-right: 1px solid #666699; */
}
.layout-two-column-right #links-right-box {
    float: left;
    width: 200px;
}
.layout-two-column-right #links-right {
    padding: 15px 15px 0;
}


/* 2カラム固定レイアウト(右サイドバー:ブログ記事全体) */
.layout-two-column-right .blog {
    padding: 10px 15px;
}


/* ネガティブマージンで選択やクリックできない不具合の対処 */
.layout-three-column-liquid #links-left {
    position: relative;
    z-index: 2;
}


/* フッタ */
.layout-one-column #footer1,
.layout-three-column #footer1,
.layout-three-column-right #footer1,
.layout-two-column-left #footer1,
.layout-two-column-right #footer1,
.layout-one-column-liquid #footer1 {
    margin-right: auto;
    margin-left: auto;
    border-left: 1px solid #666699;
    border-right: 1px solid #666699;
    border-bottom: 1px solid #666699;
    height: 42px;
    color: #ffffff;
    background: #8fabbe;
    font-size: 12px;
    text-align: center;
    line-height: 3.5;
}
.layout-three-column #footer1,
.layout-three-column-right #footer1 {
    width: 950px;
}
.layout-two-column-left #footer1,
.layout-two-column-right #footer1 {
    width: 665px;
}
.layout-one-column #footer1 {
    width: 478px;
}
.layout-one-column-liquid #footer1 {
    margin-right: 100px;
    margin-left : 100px;
}

input,textarea {
    font-family: "Osaka", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", arial, sans-serif;
}

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

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.side .text-more {
    text-align: right;
    margin-top:  10px
}

.archivetitle {
    margin-top: 4px;
    margin-bottom: 10px;
    padding: 3px 0 1px;
    color: #443f39;
    background: #ffffff;
    font-size: 16px;
}

/*プロフィール用*/

.linkbanner img {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: auto;
    margin-left: auto;
    border: 0;
    padding: 0;
	}

.banner-user {
    width: 170px;
    margin-top: 5px;
    font-size: 10px;
    color: #000000;
    padding: 3px;
}
.banner-user-title {
    width: 180px;
    margin-top: 8px;
    font-size: 12px;
    font-weight: bold;
    color: #000000;
    text-align:center;
}

.banner-user-photo img {
/*    width: 120px;
    height: 160px;   */
    margin-right: auto;
    margin-left: auto;
    border: 0;
    padding: 0;
}



/* PageBute */
ul.page_nav {
    margin-left: auto;
    margin-right: 0;
    padding: 1em 0;
    list-style: none;
    text-align: right;
}
ul.page_nav li {
    margin-right: .3em;
    font-size:10px;
    display: inline;
}
ul.page_nav li span,
ul.page_nav li a {
    padding: .3em .5em;
    font-size:10px;
    color: #2f4f4f;
    border: 1px solid #e8ecef;
}
ul.page_nav li span,
ul.page_nav li a:hover {
    font-size:10px;
    color: #ff8c00;
    background-color: #f8f4e6;
    text-decoration: none;
    border: 1px solid #eae5e3;
}