@charset "UTF-8";
/* @Style license ID.0390 */
/* 全体の設定 */

*{
  margin: 0;
  padding: 0;
}

h1,h2,h3,h4,p,ul,ol,li,dt,dl,dd {
  margin: 0;
  padding: 0;
  font-size: 100%;
  font-weight: normal;
  font-style: normal;
}

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

/* ボディー */
body {
  font-size: 100%;
  color: #333;
  background: #fff url(blogimg/body.png) 0 0;
  text-align: center;
  margin: 0 auto 10px;
  padding-top: 0;
}

/* 画像ボーダー */
img {
  border-style: none;
}

/* 強調 */
strong {
  color: #f60;
  background-color: #fff;
}

/* 読み飛ばし */
.skip {
  position: absolute;
  left: -9999px;
}

/* 非表示 */
.none {
  display: none;
}

/* 区切り */
hr {
  display: none;
}

/* コンテナ */
#container {
  font-family: Arial,Verdana,  Helvetica, sans-serif;
/*  background: url(blogimg/container.gif) no-repeat 0 0;
*/
  background-color: #fff;
  text-align: left;
  margin: 0 auto;
  width: 770px;
}

/* ヘッダー */
#header img {
  border-style: none;
}

#header .pad {
  padding-top: 10px;
  padding-left: 30px;
}

#header h1 {
  position: absolute;
  left: -9999px;
}

#header p {
  font-size: 75%;
  padding-top: 5px;
  padding-bottom: 10px;
}

/* ロゴエリア */
#banner {
  width: 530px;
  float: left;
}

/* 検索エリア */
#searchbox {
  text-align: right;
  margin: 5px 0 0;
  padding: 0;
  float: right;
}

/* 検索エリア余白 */
#searchbox .pad {
  padding-top: 10px;
  padding-right: 30px;
}

/* 検索 */
#searchbox form {
  margin: 0;
  padding: 0;
}

/* 検索ラベル */
#searchbox label {
  display: none;
}

/* 上部ナビゲーションバー */
#navi {
  background: url(blogimg/navibg.png) right bottom no-repeat;
  font-size: 75%;
  width: 760px;
  float: left;
  clear: both;
}

/* 上部ナビゲーションバー余白 */
#navi .pad {
  padding-left: 10px;
  padding-right: 0;
}

/* 上部ナビゲーションバー リスト */
#navi ul {
  margin: 0;
  padding: 0;
}

#navi ul li {
  display: inline;
}

/* 上部ナビゲーションバーリンク設定 */
#navi ul li a {
  text-decoration: none;
  color: #fff;
  background: #06c url(blogimg/navi0.png) right bottom repeat-x;
  padding: .7em 10px .6em;
  float: left;
  border-right: 1px solid #e0e0e0;
}

/* 上部ナビゲーションバー マウスオーバー時 */
#navi ul li a:hover {
  color: #002856;
  background: #fff url(blogimg/navi.png) right bottom repeat-x;
}

/* イメージ */
#image {
  background: url(blogimg/image1.jpg) top left no-repeat;
  text-indent: -9999px;
  margin-right: 10px;
  margin-left: 10px;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  height: 360px;
  clear: both;
}

/* メイン */
#main {
  font-size: 75%;
  line-height: 140%;
  letter-spacing: 0.05em;
  margin-bottom: 20px;
  width: 544px;
  float: right;
}

/* メイン余白 */
#main .pad {
  padding-top: 20px;
  padding-left: 15px;
  padding-right: 29px;
}

/* メインリンク設定 */
#main a {
  text-decoration: none;
  color: #036;
  background-color: #fff;
}

/* メインリンク基本色 */
#main a:link {
  text-decoration: none;
  color: #036;
  background-color: #fff;
}

/* メインリンクマウスオーバー時 */
#main a:link:hover {
  text-decoration: underline;
  color: #f60;
  background-color: #fff;
}

/* メインリンククリック時 */
#main a:link:active {
  text-decoration: underline;
  color: #f60;
  background-color: #fff;
}

/* メインリンク訪問済み */
#main a:visited {
  text-decoration: none;
  color: #369;
  background-color: #fff;
}

/* メインリンク訪問済みマウスオーバー */
#main a:visited:hover {
  text-decoration: underline;
  color: #f60;
  background-color: #fff;
}

/* メインリンク訪問済みクリック時 */
#main a:visited:active {
  text-decoration: underline;
  color: #f60;
  background-color: #fff;
}

/* メイン日付 */
#main .date {
  font-size: 90%;
  font-weight: bold;
  color: #666;
  background-color: #fff;
  margin-top: 10px;
  padding-top: 0;
  margin-left: 5px;
  margin-bottom: 5px;
  padding-bottom: 0;
  clear: both;
}

/* メイン見出しh2 */
#main h2 {
  font-size: 115%;
  font-weight: bold;
  color: #003d84;
  background: #fff url(blogimg/h2.png) left center no-repeat;
  margin-top: 0;
  padding: 13px 20px 10px 10px;
  margin-bottom: 10px;
  clear: both;
}

/* メイン見出しh3 */
#main h3 {
  font-size: 100%;
  font-weight: bold;
  margin-top: 10px;
  padding-top: 0;
  margin-left: 5px;
  margin-bottom: 10px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #ccc;
  padding-bottom: 3px;
  clear: both;
}

/* メイン見出しh4 */
#main h4 {
  font-size: 100%;
  margin-top: 10px;
  padding-top: 0;
  margin-left: 5px;
  margin-bottom: 10px;
  border-bottom-width: 1px;
  border-bottom-style: dotted;
  border-bottom-color: #ccc;
  padding-bottom: 3px;
  clear: both;
}

/* 引用元情報 */
cite {
  font-style: italic;
}

/* 引用 */
blockquote {
  color: #666;
  background-color: #efefef;
  border-width: 1px;
  border-style: solid;
  border-color: #ccc;
  padding: 5px;
  margin-bottom: 10px;
}

/* 整形済みテキスト */
pre {
  border-width: 1px;
  border-style: solid;
  border-color: #ccc;
  padding: 5px;
  margin-bottom: 10px;
  height: 100px;/* ここを変更すれば高さが変わります */
  overflow: scroll;
}

/* 箇条書き（定義リスト） */
#main dl {
  margin-bottom: 10px;
}

#main dt {
  padding: 5px 0 5px 5px;
  font-weight: bold;
  color: #036;
  background-color: #fff;
}

#main dd {
  padding-left: 5px;
}

/* 会社概要用 */
.info {
  margin-top: 10px;
  margin-bottom: 25px;
}

.info dt {
  padding: 0 0 0 5px;
}

.info dd {
  line-height: 160%;
  margin: -1.9em 0 .8em 9em;
  border-bottom: 1px dotted #666;
}

/* お問い合わせ用 */
.form {
  line-height: 160%;
  margin: 0;
}

.form dt {
  padding: 0 0 0 0.3em;
}

.form dd {
  line-height: 160%;
  margin: -1.9em 0 .8em 10em;
}

/* 最近のエントリー用 */
.boxarea {
  color: #333;
  background-color: #fff;
  margin-top: 10px;
  margin-bottom: 15px;
}

.rentory {
  padding-left: 0;
}

.rentory dt {
  padding: 0;
}

.rentory dd {
  line-height: 140%;
  margin: -3.5em 0 .4em 14em;
}

/* サイトマップ用 */
.archives {
  margin-top: 0;
  margin-bottom: 25px;
}

.archives dt {
  padding: 0;
}

.archives dd {
  line-height: 140%;
  margin: -1.9em 0 0.4em 13em;
  border-bottom-width: 1px;
  border-bottom-style: dotted;
  border-bottom-color: #ccc;
}

/* 順不同リスト（箇条書き）*/
#main ul {
  padding-left: 20px;
  margin-bottom: 10px;
}

#main ul ol {
  padding-left: 30px;
}

/* メイン段落 */
#main p {
  margin-top: 0;
  margin-left: 5px;
  margin-bottom: 10px;
}

#main .pad li {
  padding-left: 10px;
  margin-bottom: 10px;
}

ul.list li {
  list-style-image: url(blogimg/mk_list01.gif);
  color: #1c0b5a;
  font-size: 1.2em;
  font-weight: bold;
  letter-spacing: 0.2em;
}

ul.list2 li {
  list-style-image: url(blogimg/mk_list02.gif);
}

ul.list3 li {
  list-style-image: url(blogimg/mk_list03.gif);
}

/* 画像 */
#main img {
  margin-top: 0;
  margin-bottom: 20px;
}

/* 画像左配置 */
.mt-image-left {
  float: left;
  margin: 0 20px 20px 0;
}

/* 画像中央配置 */
.mt-image-center {
  display: block;
  margin: 0 auto 20px;
  text-align: center;
}

/* 画像右配置 */
.mt-image-right {
  float: right;
  margin: 0 0 20px 20px;
}

/* 画像左配置 */
#main .imageleft {
  margin-right: 10px;
  float: left;
}

/* 画像右配置 */
#main .imageright {
  margin-left: 10px;
  float: right;
}

/* 追記 */
.more {
  margin-top: 3px;
  margin-bottom: 10px;
  float: right;
}

/* タグ */
.entry-tags {
  margin: 0 0 10px 10px; 
}

.entry-tags-header,
.entry-tags-list,
.entry-tag {
  display: inline;
}

.entry-tags-list { 
  list-style: none;
  padding: 0;
}

/* 投稿者情報 */
#main .posted {
  font-size: 90%;
  color: #333;
  background-color: #fff;
  text-align: left;
  line-height: normal;
  padding: 3px;
  margin-bottom: 25px;
  clear: both;
}

.techstuff {
  font-size: 100%;
}

/* コメント関連 */
#comment-data {
  float: left;
  width: 180px;
  padding-right: 15px;
  margin-right: 15px;
  text-align: left;
  border-right: 1px dotted #bbb;
}

textarea {
  width: 450px;
  height: 200px;
}

#main label {
  margin-bottom: 0.5em;
  width: 10em;
  float: left;
  clear: both;
  white-space: nowrap;
}

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

.sign {
  margin-bottom: 10px;
}

.extended {
  display: block;
  float: right;
}

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

/* サイドバー */
#sub {
  font-family: Verdana, Arial, sans-serif;
  font-size: 80%;
  width: 225px;
  margin-bottom: 20px;
  float: left;
}

/* サイドバー余白 */
#sub .pad {
  padding-top: 20px;
  padding-left: 25px;
  padding-right: 2px;
}

/* サイドバーリンク設定 */
#sub a {
  text-decoration: none;
  color: #036;
  background-color: #fff;
}

/* サイドバーリンク色 */
#sub a:link {
  text-decoration: none;
  color: #036;
  background-color: #fff;
}

/* サイドバーマウスオーバー時 */
#sub a:link:hover {
  text-decoration: none;
  color: #f60;
  background-color: #fff;
}

/* サイドバークリック時 */
#sub a:link:active {
  text-decoration: none;
  color: #f60;
  background-color: #fff;
}

/* サイドバー訪問済み */
#sub a:visited {
  text-decoration: none;
  color: #069;
  background-color: #fff;
}

/* サイドバー訪問済みマウスオーバー */
#sub a:visited:hover {
  text-decoration: none;
  color: #f60;
  background-color: #fff;
}

/* サイドバー訪問済みクリック時 */
#sub a:visited:active {
  text-decoration: none;
  color: #f60;
  background-color: #fff;
}

/* サイドバー見出しh2 */
#sub h2 {
  font-size: 110%;
  font-weight: bold;
  color: #333;
  background: #fff url(blogimg/sideh2.png) left center no-repeat;
  margin-top: 0;
  margin-bottom: 0;
  padding: 11px 15px 10px 10px;
  clear: both;
}

/* サイドバー見出しh3 */
#sub h3 {
  font-size: 100%;
  color: #036;
  background-color: #fff;
  padding-top: 2px;
  padding-left: 10px;
  margin-bottom: 5px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #ccc;
  padding-bottom: 2px;
  clear: both;
}

/* サイドバー段落 */
#sub p {
  font-size: 100%;
  margin-top: 3px;
  margin-left: 5px;
  margin-bottom: 0;
  padding-bottom: 0;
}

/* カテゴリー */
#sub ul {
  margin-left: 5px;
  list-style-type: none;
}

#sub li {
  list-style-type: none;
}

#categories {
  color: #333;
  background-color: #fff;
  margin-left: 0;
}

#categories ul {
  padding: 0;
  margin-left: 0;
  list-style: none;
}

/* カテゴリリスト */
#categories ul li {
  padding-top: 1px;
  padding-bottom: 1px;
}

/* カテゴリリスト リンク */
#categories ul li a {
  background: url(blogimg/menu.png) 0 0 no-repeat;
  text-indent: 20px;
  padding-top: 5px;
  padding-bottom: 5px;
  display: block;
}

/* カテゴリリスト ホバー */
#categories ul li a:hover {
  color: #f60;
  background: #fff url(blogimg/menu.png) 0 -300px no-repeat;
}

/* サブカテゴリ */
#categories ul ul {
  margin: 0;
  padding: 0;
}

/* サブカテゴリリスト */
#categories ul ul li {
  background-image: none;
  padding-top: 2px 0 1px;
}

/* サブカテゴリリスト リンク */
#categories ul ul li a {
  background: url(blogimg/submenu.png) 0 0 no-repeat;
  text-indent: 30px;
  padding-top: 4px;
  padding-bottom: 4px;
  display: block;
  border-left: none;
}

/* サブカテゴリリスト ホバー */
#categories ul ul li a:hover {
  color: #f60;
  background: #fff url(blogimg/submenu.png) 0 -300px no-repeat;
  text-indent: 30px;
  padding-top: 4px;
  padding-bottom: 4px;
  display: block;
  border-left: none;
}

/* タグクラウド */
.module-tagcloud .module-content { font-size: 100%;text-align: left; }
.module-tagcloud .module-content .module-list { list-style: none; }
.module-tagcloud .module-content .module-list .module-list-item { display: inline; }
.module-tagcloud .module-content .module-list li.taglevel1 { font-size: 150%; }
.module-tagcloud .module-content .module-list li.taglevel2 { font-size: 130%; }
.module-tagcloud .module-content .module-list li.taglevel3 { font-size: 120%; }
.module-tagcloud .module-content .module-list li.taglevel4 { font-size: 100%; }
.module-tagcloud .module-content .module-list li.taglevel5 { font-size: 90%; }
.module-tagcloud .module-content .module-list li.taglevel6 { font-size: 80%; }

/* サイドバーフリースペース */
.note{
  padding-left: 5px;
  padding-right: 5px;
}

/* サイドバーフリースペースの段落 */
.note p {
  line-height: 130%;
  padding-bottom: 2px;
}

/* サイドバーカテゴリー一覧 */

/* サイドバー画像 */
#sub img {
  margin-top: 3px;
  border-style: none;
  margin-bottom: 3px;
}

/* サイドバーリンク */
.link-note {
  font-size: 80%;
  color: #333;
  background-color: #fff;
  text-align: left;
  line-height: 150%;
  margin-top: 10px;
  padding: 2px;
}

#powered {
  font-size: 80%;
  color: #666;
  background-color: #fff;
  text-align: left;
  line-height: 150%;
  margin-top: 10px;
  margin-left: 5px;
  margin-bottom: 20px;
}

.rss {
  margin-top: 5px;
  margin-bottom: 5px;
}

.rss a {
  background: url(blogimg/feed.png) 0 0 no-repeat;
  text-indent: -9999px;
  width: 195px;
  height: 37px;
  display: block;
}

.rss a:hover {
  background: url(blogimg/feed.png) 0 -37px no-repeat;
  text-indent: -9999px;
  width: 195px;
  height: 37px;
  display: block;
}

/* 下部ナビゲーション */
#footernavi {
  font-size: 72%;
  text-align: center;
  margin: 0;
  padding: 0;
  clear: both;
}

#footernavi ul {
  margin: 0;
  padding: 0;
}

#footernavi ul li {
  display: inline;
}

#footernavi ul li a {
  text-decoration: none;
  color: #036;
  background-color: #fff;
  padding: 0 .5em;
}

#footernavi ul li a:hover {
  text-decoration: none;
  color: #f60;
  background-color: #fff;
}

#footer {
  font-family: Arial,Verdana,  Helvetica, sans-serif;
  font-size: 75%;
  font-weight: normal;
/*  background: url(blogimg/footer.png) center bottom no-repeat;
*/
  margin-left: auto;
  margin-right: auto;
  width: 770px;
  clear: both;
}

address {
  font-weight: normal;
  font-style: normal;
  padding-top: 20px;
  padding-bottom: 20px;
}