@charset "UTF-8";

/*======================================
 Theme Name: Hiyama.Web Theme
 Theme URI: http://www.hiyama.web/
 Description: ひやま.Webのテーマ
 Author: PiCT Desital Design
 Author URI: http://www.pict.co.jp/
 =======================================*/

/* 基本
------------------------------------------------------------ */

/* ボディ */

body {
  background: #4e83ff;
  text-align: center;
  }

/* イメージ */

img {
  border: none;
  }

/* フォント
 Yahoo! UI Library: Fonts CSS
 Copyright (c) 2006, Yahoo! Inc. All rights reserved.
 http://developer.yahoo.com/yui/license.txt
------------------------------------------------------------ */

/* ボディ */

body {
  font-size: 13px; /* small相当を指定 */
  *font-size: small; /* IE用（IEはpx指定では文字サイズを変更できない為） */
  *font: x-small; /* IE6用（IE6は文字サイズが大きくなる為） */
  line-height: 1.6;
  font-family: Arial, Helvetica, sans-serif;
  }

/* テーブル */

table {
  font-size: inherit;
  font: 100%;
  }

/* フォーム内 */

select,
input,
textarea {
  font-size: 99%;
  font-family: Arial, Helvetica, "ヒラギノ角ゴPro W3", sans-serif;
  }
label {
  padding-right: 10px;
  }

/* 見出し */

h1 {
  font-size: 189%;
  }

h2 {
  font-size: 159%;
  }

h3 {
  font-size: 144%;
  }

h4 {
  font-size: 122%;
  }

h5 {
  font-size: 107%;
  }

h6 {
  font-size: 107%;
  }

/* ユニバーサルセレクタ（全要素）
------------------------------------------------------------ */

* {
  margin: 0;
  padding: 0;
  color: #333;
  font-size: 100%;
  font-weight: normal;
  font-style: normal;
  line-height: 1.6;
  }

/* リンク
------------------------------------------------------------ */

a:link {
  color: #00238a;
  text-decoration: none;
  }

a:visited {
  color: #00238a;
  text-decoration: none;
  }

a:hover {
  color: #b83800;
  text-decoration: underline;
  }

/* 構造
------------------------------------------------------------ */

/* コンテナ */

div#container {
  width: 800px;
  margin: 0 auto;
  padding-bottom: 0;
  text-align: left;
  background: #4e83ff;
  }

/* ヘッダ */

div#header {
  position: relative;
  height: 240px;
  background: #4e83ff url(images/header-bg.png) no-repeat;
  }

/* ヘッダ内見出し1 */

div#header h1 {
  position: absolute;
  top: 80px;
  left: 0;
  line-height: 0;
  }
div#header h1 img.t02 {
  margin: 10px 0 0 10px;
  }
/* IE7以下に適用 */
* html body div#header h1 img.t02 {
  margin: 20px 0 0 10px;
  }
*:first-child+html div#header h1 img.t02 {
  margin: 20px 0 0 10px;
  }

/* メイン */
div#main {
  background: #fff;
  }

/* コンテンツ */

div#content {
  width: 514px;
  float: left;
  padding: 10px 8px 10px 16px;
  background: #fff;
  }

/* サイドバー */

div#sidebar {
  width: 244px;
  float: right;
  padding: 140px 10px 10px 8px;
  background: #fff url(images/sidebar-bg.png) no-repeat 8px -124px;
  }

/* サイドボックス（サイドバー内） */

div#sidebar div.sidebox {
  margin-bottom: 10px;
  padding-top: 8px;
  background: #86c0ff url(images/sidebox-t.png) no-repeat;
  line-height: 0;
  }

/* フッタ */

div#footer {
  margin-bottom: 50px;
  padding-bottom: 8px;
  clear: both;
  background: #fff url(images/footer-b.png) no-repeat bottom;
  }

/* 記事
------------------------------------------------------------ */

/* 全体 */

div.post {
  margin-bottom: 10px;
  padding: 15px;
  background: #fff;
  border: #86c0ff solid 1px;
  -webkit-border-radius: 8px; /* 角丸（WebKit） */
  -moz-border-radius: 8px; /* 角丸（Mozilla） */
  }

/* 見出し2 */

div.post h2 {
  margin: 0 0 10px 0;
  padding: 0 0 5px 0;
  border-bottom: #ccc dotted 1px;
  font-size: 123.1%;
  }

/* 段落 */

div.post p {
  margin-bottom: 1em;
  }

/* 投稿情報 */
div.post p.postinfo {
  clear: both;
  margin-top: 20px;
  padding-top: 10px;
  text-align: right;
  }

/* 前後ページへの移動 */
p.pagelink span.pageprev {
  float: left;
  }
p.pagelink span.pagenext {
  float: right;
  }

/* 記事内の画像
------------------------------------------------------------ */

/* 中央 */
.aligncenter {
  display: block;
  margin: 5px auto;
  }

/* 左 */
.alignleft {
  float: left;
  margin: 5px 10px 5px 0;
  }

/* 右 */
.alignright {
  float: right;
  margin: 5px 0 5px 10px;
  }

/* キャプション付（中央） */
.wp-caption {
  margin: 5px 0 5px 0;
  padding-top: 5px;
  border: #ccc solid 1px;
  text-align: center;
  }

/* キャプション付（左） */
.wp-caption.alignleft {
  margin-right: 10px;
  }

/* キャプション付（右） */
.wp-caption.alignright {
  margin-left: 10px;
  }

/* キャプション付（文言） */
.wp-caption p.wp-caption-text {
  margin: 0 5px 4px 5px;
  padding: 0;
  font-size: smaller;
  text-align: left;
  line-height: 1.2;
  }

/* サイドバー内
------------------------------------------------------------ */

/* 見出し2 */
div.sidebox h2 {
  margin: 5px 10px 5px 10px;
  padding-left: 16px;
  background: url(images/listmark-yellow.png) no-repeat 0 3px;
  font-size: 108%;
  font-weight: bold;
  line-height: 1.6;
  }

/* ulリスト */
div.sidebox ul {
  margin-left: 2.5em;
  margin-right: 10px;
  line-height: 1.2;
  }

/* liリスト項目 */
div.sidebox li {
  margin-bottom: 5px;
  line-height: 1.2;
  }

/* liリスト項目 */
div.sidebox li a {
  line-height: 1.2;
  }

/* 段落 */
div.sidebox p {
  margin: 5px 10px;
  }

/* 段落 em */
div.sidebox p em {
  font-size: 108%;
  font-weight: bold;
  }

/* 独立ページメニュー ul */
div.sidebox ul#pagemenu {
  margin: 0 10px 10px 10px;
  list-style: none;
  }

/* 独立ページメニュー li */
div.sidebox ul#pagemenu li {
  margin-top: 10px;
  background: url(images/listmark-yellow.png) no-repeat 0 1px;
  padding-left: 16px;
  font-size: 108%;
  }

/* 独立ページメニュー a */
div.sidebox ul#pagemenu li a {
  font-weight: bold;
  }

/* バナー */
img.banner {
  margin-top: 7px;
  }

/* 個別記事のタイトル
------------------------------------------------------------ */

/* 全体 */
p#pagetitle {
  height: 32px;
  padding: 8px 16px;
  background: url(images/single-title-bg.png) no-repeat;
  font-size: 123.1%;
  line-height: 1;
  color: #fff;
  font-weight: bold;
  }

/* イメージ縦合わせ */
img.valignMiddle {
  vertical-align: middle;
  }

/* テキスト右寄せ */
.textRight {
  text-align: right;
  }

/* 行間1 */
.lineHeight1 {
  line-height: 1;
  }

/* 独立ページ
------------------------------------------------------------ */

/* 見出し2 */

div.pagepost h2#pagetitle {
  height: 32px;
  padding: 4px 16px 8px 16px;
  background: url(images/single-title-bg.png) no-repeat;
  font-size: 123.1%;
  line-height: 1;
  color: #fff;
  }

/* 見出し2 リンク */

div.pagepost h2#pagetitle a:link,
div.pagepost h2#pagetitle a:visited {
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  }

/* データボックス */

div.pagepost div.pagepostData {
  padding: 0 15px;
  }

/* 定義リスト（dl）
------------------------------------------------------------ */
dl {
  margin-top: 10px;
  }
dt {
  margin: 0 0 10px 0;
  padding: 8px;
  border-left: #ccc solid 3px;
  font-size: 108%;
  font-weight: bold;
  }
dd {
  margin: 0 0 10px 10px;
  }
dt.borderNo {
  margin: 0 0 10px 0;
  padding: 8px;
  border: none;
  font-size: 108%;
  font-weight: bold;
  }

/* リスト（ol、ul）
------------------------------------------------------------ */
ol,
dd ul {
  margin-left: 20px;
  }
ol li,
ul li {
  margin-bottom: 8px;
  }
.li-no {
  list-style: none;
  }

/* コメント
------------------------------------------------------------ */

/* 全体 */
#comments {
  clear: both;
  }

/* コメント枠 */
div#com {
  padding: 0 18px 18px 18px;
  margin-top: 45px;
  border: #82c0ff solid 1px;
  -webkit-border-radius: 8px; /* 角丸（WebKit） */
  -moz-border-radius: 8px; /* 角丸（Mozilla） */
  }
textarea {
  width: 100%;
  }
div#com h3 {
  margin: 18px 0 10px 0;
  padding: 0 0 5px 0;
  border-bottom: #ccc dotted 1px;
  font-size: 123.1%;
  }
div#com input,
div#com textarea {
  margin-bottom: 10px;
  }
div.compost {
  margin-bottom: 10px;
  border-bottom: #ccc dotted 1px;
  }
p.cominfo {
  margin: 10px 0;
  text-align: right;
  font-size: 77%;
  }
p#comfeed {
  background: #82c0ff;
  padding: 8px;
  margin-top: 10px;
  line-height: 1;
  -webkit-border-radius: 6px; /* 角丸（WebKit） */
  -moz-border-radius: 6px; /* 角丸（Mozilla） */
  }
p#comfeed img {
  vertical-align: middle;
  padding-right: 2px;
  }

/* トラックバック
------------------------------------------------------------ */
div#tr {
  padding: 0 18px;
  margin-top: 10px;
  border: #82c0ff solid 1px;
  -webkit-border-radius: 8px; /* 角丸（WebKit） */
  -moz-border-radius: 8px; /* 角丸（Mozilla） */
  }
div#tr h3 {
  border-bottom: #ccc dotted 1px;
  font-size: 123.1%;
  padding-bottom: 3px;
  margin-top: 20px;
  }
p#trurl {
  background: #82c0ff;
  -webkit-border-radius: 6px; /* 角丸（WebKit） */
  -moz-border-radius: 6px; /* 角丸（Mozilla） */
  padding: 8px;
  margin: 15px 0 18px 0;
  }

/* ホームページ説明文
------------------------------------------------------------ */

div#content p#homeDescription {
  font-size: 93%;
  margin-bottom: 34px;
  }
div#content p#homeDescription em {
  font-weight: normal;
  font-style: normal;
  font-size: 123.1%;
  color: #916236;
  }

/* その他
------------------------------------------------------------ */

/* センター合わせ */
.textCenter {
  text-align: center;
  }

/* フロートの親ボックスの高さ算出
------------------------------------------------------------ */
.clearfix:after { /* モダンブラウザ */
  height: 0;
  visibility: hidden;
  content: ".";
  display: block;
  clear: both;
  }
.clearfix { /* IE7、MacIE5 */
  display: inline-block;
  }
/* IE6以下（MacIE では無視される） ¥*/
* html .clearfix {
  height: 1%;
  }
.clearfix {
  display: block;
  }