@charset "EUC-JP";

/* --------------------------------------
　リセット(変更非推奨)
--------------------------------------- */
:link,:visited { text-decoration: none; }
html,body,div,ul,ol,li,dl,dt,dd,form,fieldset,input,textarea,
h1,h2,h3,h4,h5,h6,pre,code,p,blockquote,hr,th,td { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal; }
table { border-spacing: 0; }
fieldset,img,abbr,acronym { border: 0; }
address,caption,cite,code,dfn,em,strong,b,u,s,i,th,var { font-style: normal; font-weight: normal; }
ol,ul { list-style: none; }
caption,th { text-align: left; }
a { outline: none; text-decoration: underline; }
hr { background-color: #000; border: 0; color: #000; height: 1px; }
a img,:link img,:visited img { border: none; }
address { display: inline; font-style: normal; }
 
/* --------------------------------------
  ユーティリティ(削除非推奨)
--------------------------------------- */
.inline { display: inline; }
.hidden { display: none; }
br .clear { clear: both; }

/* for IE hasLayout bug */
#header, #menu, #calendar, #breadcrumb, #content, #footer,
#main, #side, #alpha, #beta, #side-top, #side-left, #side-right,
.date, .asset-header, .asset-body, #asset-more, .asset-more-link, .asset-category,
.community, .tb-footer, .cm-footer, .byline, .ent-navi,
.tl-content, .search-content, .plg-content { zoom: 1; }
 
/* clearfix */
#SelectorName:after { clear: both; content: " "; display: block; font-size: 0.1em; height: 0.1px; line-height: 0; visibility: hidden; }
 
#content-inner { display: block; }
/* no ie mac \*/
* html #content-inner { height: 1%; }
#content-inner { display: block; }
/* */

/* ----------------------------------------
 作成日:2010.02.24
 960px 1+(1+1) Column for FC2 Blog
 main:500px side:270+190=460px
 by Parody (http://www.anabas.jp/parody/)
---------------------------------------- */

/* -------------------------------------
 ページレイアウト
--------------------------------------- */
/* 基本レイアウト */
body {
  text-align: center;
  width: 100%; }
 
#header-inner, #breadcrumb-inner, #content-inner, #footer-inner {
  margin: 0 auto;
  min-height: 100%;
}

#header-inner, #breadcrumb-inner, #content-inner {
  text-align: left;
  width: 960px; }

#header, #header-inner, #breadcrumb, #content, #footer, #header-left, #header-right, #calendar,
#main, #side, #alpha, #beta, #side-left, #side-right { position: relative; }

#header-left, #header-right, #main, #side, #side-left, #side-right { display: inline; }
 
#breadcrumb-inner, #content-inner, #footer-inner,
#header-left-inner, #header-right-inner, #calendar-inner,
#main-inner, #side-top, #side-left-inner, #side-right-inner {
  overflow: hidden;
  position: static; }

#header-left-inner, #header-right-inner,
#side-top, #side-left-inner, #side-right-inner {
  padding-left: 20px;
  padding-right: 8px; }

#main-inner {
  padding-left: 8px;
  padding-right: 20px; }

/* 配置 index_area */
#header { height: 150px; }
  #header-left { float: left; width: 500px; }
  #header-right { float: right; width: 460px;}
    #menu { float: right; }
    #calendar { clear: both; }
  
#breadcrumb { height: 30px; }
   
#main { float: left; width: 500px; }

#side { float: right; width: 460px; }
  #alpha { clear: both; width: 460px; }
  #side-left { float: left; width: 270px; }
  #side-right { float: left; width: 190px; }
  
#footer { clear: both; height: 120px; width: 100%; }

  
/* --------------------------------------
　背景画像設定
--------------------------------------- */
/* ヘッダ */
#container { background-image: url(http://blog-imgs-37-origin.fc2.com/a/n/a/anabas/2c_blue_head.gif);}

/* ヘッダメニュー */
#menu li a, #menu li a:visited { background-image: url(http://blog-imgs-37-origin.fc2.com/a/n/a/anabas/2c_blue_btn.gif); height: 27px; }
#menu li a:active, #menu li a:hover { background-image: url(http://blog-imgs-37-origin.fc2.com/a/n/a/anabas/2c_blue_btn_hover.gif); height: 27px; }

/* パンくずリスト */
#breadcrumb-inner li a { background-image: url(http://blog-imgs-37-origin.fc2.com/a/n/a/anabas/2c_blue_bd_body.gif); height: 30px; }
.bd-connect { background-image: url(http://blog-imgs-37-origin.fc2.com/a/n/a/anabas/2c_blue_bd_connect.gif); height: 30px; width: 22px; }
.bd-end { background-image: url(http://blog-imgs-37-origin.fc2.com/a/n/a/anabas/2c_blue_bd_arrow.gif); height: 30px; width: 22px; }

/* サイドタイトル */
.plg-header-l { background-image: url(http://blog-imgs-37-origin.fc2.com/a/n/a/anabas/2c_blue_h3_left.gif); height: 25px; }
.plg-header { background-image: url(http://blog-imgs-37-origin.fc2.com/a/n/a/anabas/2c_blue_h3_body.gif); height: 25px; }
.plg-header-r { background-image: url(http://blog-imgs-37-origin.fc2.com/a/n/a/anabas/2c_blue_h3_right.gif); height: 25px; }

/* 背景画像表示設定 */
#menu li a, #menu li a:visited, #menu li a:active, #menu li a:hover {
  background-position: left top;
  background-repeat: no-repeat; }

.bd-connect, .bd-end, .plg-header-l, .plg-header-r {
  background-position: left top;
  background-repeat: no-repeat;
  display: block;
  font-size: 0.1em; }
 
#container, #breadcrumb-inner li a, .plg-header {
  background-position: left top;
  background-repeat: repeat-x; }

/* --------------------------------------
　基本色
--------------------------------------- */
body { background: #FFF; }

#container-inner { background-color: transparent; }

#footer-inner { background: #CCF; }

/* --------------------------------------
　フォント、フォント色、リンク色
--------------------------------------- */
/* ページ全体のテキスト色 */
html { color: #333; }
 
/* ページ全体 */
body {
  font-family: 'arial',sans-serif;
  font-size: 100%;
  line-height: 1.45; }
 
/* ページ全体のリンク色 */
a, a:link { color: #33F; text-decoration: underline; } 
a:visited { color: #551A8B; text-decoration: underline; }
a:hover, a:active { text-decoration: none; }
 
/* ブログ名・ブログの説明のフォント色 */
h1 a, h1 a:link, h1 a:visited, #header-description, h1 a:hover, h1 a:active { color: #006; text-decoration: none; }

/* ヘッダメニューのフォント */
#menu li a, #menu li a:link, #menu li a:visited { color: #006; text-decoration: none; }
#menu li a:active, #menu li a:hover { color: #333; text-decoration: none; }

/* カレンダーのフォント */
#calendar-inner a, #calendar-inner a:link, #calendar-inner a:visited { text-decoration: none; }
#calendar-inner td a, #calendar-inner td a:link, #calendar-inner td a:visited { background-color: #DDF; }
#calendar-inner td a:hover, #calendar-inner td a:active { background-color: #CCE; }
#sun { color: #F00; }
#sat { color: #00F; }

/* 各タイトルのフォント色 */
#main-inner h3, #side-top h3, #side-left-inner h3, #side-right-inner h3,
.asset-header h2, .asset-body h3, #asset-more h3, .tl-header, .search-header, .cm-title, .asset-meta { color: #006; }

/* 日付のフォント色 */
.date { color: #668; }

/* フッタのフォント色 */
#footer-inner, #footer-inner a, #footer-inner a:link, #footer-inner a:visited, #footer-inner a:hover, #footer-inner a:active { color: #006; }

/* --------------------------------------
　基本テキストレイアウト
--------------------------------------- */
blockquote, pre {
  background-color: #EEF;
  border: 1px solid #338;
  margin-left: 10px;
  margin-right: 10px;
  padding: 10px; }
 
pre { overflow: auto; }
 
ol { list-style: decimal outside; }
 
ul { list-style: disc outside; }

/* ----------------------------
  ヘッダ
------------------------------- */
#header { margin: 0 auto; }
 
h1 {
  margin-top: 15px;
  font-size: 180%;
  font-weight: bold; }
 
/* ブログ説明 */
#header-description {
  font-size: 100%;
  font-weight: bold;
  padding-left: 20px; }
 
/* メニューボタン */
#menu {
  margin-top: 5px;
  font-size: 14px;
  font-weight: bold; }
 
#menu ul { list-style: none; }
 
#menu li { display: inline; }
 
#menu li a {
  display: block;
  float: left;
  margin-left: 10px;
  padding-top: 2px;
  text-align: center;
  width: 72px; }

/* ----------------------------
  カレンダー
------------------------------- */
#calendar-inner {
  padding-top: 7px;
  font-size: 10px;
  line-height: 1.2;
  text-align: right;
  width: 200px;
  float: right; }

#calendar-inner table {
  width: 200px;
  border-collapse: collapse;
  table-layout: fixed; }

#calendar-inner table td, #calendar-inner table th {
  text-align: center;
  padding: 1px; }

#calendar-inner table caption {
  caption-side: top;
  margin: 0 auto;
  text-align: center; }

#calendar-inner td a { display: block; }

/* ----------------------------
  パンくずリスト
------------------------------- */
#breadcrumb {
  border-top: 1px solid #99A;
  border-bottom: 1px solid #99A;
  font-size: 12px; }
  
#breadcrumb-inner ul { list-style: none; }
 
#breadcrumb-inner li { display: inline; }
 
#breadcrumb-inner li a, #breadcrumb-inner li a:link {
  display: block;
  float: left;
  color: #FFF;
  padding-left: 10px;
  padding-right: 8px;
  padding-top: 6px;
  text-decoration: underline; }

.bd-connect, .bd-end, .bd-target {
  display: block;
  float: left; }

.bd-target { padding-left: 10px; padding-top: 6px; }

/* 検索 */
#bd-search {
  padding-top: 3px;
  float: right; }

/* --------------------------------------
  記事
--------------------------------------- */
/* 記事 */
.entry-asset {
  margin-top: 10px;
  font-size: 87.5%;
  margin-bottom: 30px; }

/* 日付 */
.date {
  font-size: 125%;
  font-style: italic; }
 
/* 記事タイトル */
.asset-header { width: 100%; }
 
.asset-header h2 {
  border-bottom: 1px solid #99A;
  font-size: 162.5%;
  font-weight: bold;
  line-height: 1;
  margin-top: 5px; }

.asset-header h2 a, .asset-header h2 a:link, .asset-header h2 a:visited { text-decoration: none; }
 
/* 記事情報 */
.asset-meta {
  display: block;
  list-style: none; }
 
ul.byline { overflow: hidden; }
 
ul.byline li {
  display: inline;
  font-size: 86%;
  padding-left: 5px;
  padding-right: 5px; }
 
/* 記事本文 */
.asset-content { padding-top: 20px; }
 
.asset-body, #asset-more, .asset-more-link, .pagetop,
.asset-category, .community, .tag {
  padding-left: 0px;
  padding-right: 0px; }

.asset-body ul, #asset-more ul, .asset-body ol, #asset-more ol { padding-left: 15px; }

#asset-more, .asset-more-link, .pagetop,
.fc2_footer, .asset-category, .ent-navi { margin-top: 20px; }

.asset-body h3, #asset-more h3 {
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 5px;
  border-bottom: 1px solid #99A;
  width: 75%; }
 
#main .asset-content pre, #main .asset-content blockquote { width: 410px; }

.more-laber { font-weight: bold; }


/* カテゴリ、コミュニティ */
.asset-category ul, .community ul { list-style: none; }
 
.asset-category li, .community li {
  display: inline;
  font-size: 86%;
  margin-right: 10px; }
 
/* タグ */
.tag { font-size: 86%; }
 
/* ページトップリンク */
.pagetop { text-align: right; }

.pagetop a {
  background-image: url(http://blog-imgs-37-origin.fc2.com/a/n/a/anabas/2c_blue_pagetop.gif);
  background-position: right top;
  background-repeat: no-repeat;
  display: block;
  height: 18px;
  margin-left: auto;
  overflow: hidden;
  text-indent: -9999px;
  text-align: left;
  width: 87px; }
 
/* 次の記事・前の記事 */
.ent-navi {
  text-align: center;
  font-size: 86%; }

/* --------------------------------------
　サイドメニュー
--------------------------------------- */
#side {
  margin-top: 10px;
  font-size: 75%;
  line-height: 1.3; }

.side-content { margin-bottom: 30px; }

.plg-header, .plg-header-l, .plg-header-r { float: left; }

.plg-header-l, .plg-header-r { width: 8px; }

#side-top .plg-header { width: 416px; }
#side-left .plg-header { width: 226px; }
#side-right .plg-header { width: 146px; }

#side h3 {
  font-size: 125%;
  font-weight: bold;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 3px; }
 
.plg-content {
  clear: both;
  padding-top: 10px; }

#side-left-inner .side-content {
  overflow: hidden;
  width: 242px; }

#side-right-inner .side-content {
  overflow: hidden;
  width: 162px; }

.plg-description, .plg-content, .plg-footer {
  padding-left: 10px;
  padding-right: 10px; }
 
#side ul, #side ol { list-style: none; }

#side li { padding-bottom: 7px; }

#side li ul li {
  padding-left: 10px;
  padding-top: 7px;
  padding-bottom: 0px; }

/* ----------------------------
  フッタ
------------------------------- */
#footer {
  border-top: 1px solid #99A;
  margin-top: 30px; }

#footer-inner {
  font-size: 75%;
  padding-top: 40px;
  text-align: center; }

/* ----------------------------------------
 トラックバック、コメント
---------------------------------------- */
#tb, #cm {
  font-size: 87.5%;
  margin-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 10px;
  border-top: 1px solid #99A; }

.tb-header, .cm-header {
  font-weight: bold;
  margin-bottom: 10px; }

.tb-footer, .cm-footer {
  list-style: none;
  overflow: hidden; }

ul.tb-footer li, ul.cm-footer li {
  display: inline;
  font-size: 80%;
  padding-left: 5px;
  padding-right: 5px; }

.tb-url, .tb-body { margin-bottom: 20px; }

/* トラックバック */
.tb-url input { width: 350px; }

.tb-title {
  font-size: 90%;
  font-weight: bold; }

.tb-body { font-size: 80%; }

/* コメント */
.cm-title {
  border-bottom: 1px solid #99A;
  font-weight: bold;
  width: 60%; }

.cm-body { margin-bottom: 40px; }

/* フォームテーブル */
.cm-form { padding-top: 20px; }

table.cm-tbl {
  border-collapse: collapse;
  border: 0;
  table-layout: fixed; }
 
table.cm-tbl tr td { padding: 0; }

.cm-form .col-1 {
  font-size: 90%;
  text-align: center;
  width: 100px; }
 
.cm-form .col-2 { width: 300px; }
 
.cm-form #name, .cm-form #subject, .cm-form #url, .cm-form #mail { width: 200px; }
 
.cm-form #pass { width: 100px; }
 
.cm-form textarea, .cm-form input {
  font-family: 'MS UI Gothic',sans-serif;
  margin-bottom: 2px;
  margin-top: 2px;
  padding: 1px; }

.cm-form textarea { width: 280px; }

.cm-form .btn { width: 50px; }
 
#comment, #himitu {  }
 
.form-exp {
  font-size: 80%;
  margin-left: 5px; }

/* ----------------------------------------
 全記事表示・検索結果表示
---------------------------------------- */
.tl-content, .search-content {
  padding-left: 20px;
  padding-right: 20px;
  font-size: 75%; }
 
.tl-header, .search-header {
  font-size: 180%;
  font-weight: bold;
  padding-left: 40px; }

.tl-content ul, .search-content ul { list-style: none; }
 
.tl-content li, .search-content li {
  border-bottom: 1px dashed #AAA;
  padding-top: 0.4em; }

/* --------------------------------------
  バナー設定
--------------------------------------- */
/* 記事中および下の広告エリア */
#asset-middle, .asset-bottom {
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px; }
 
.asset-bottom-a, .asset-bottom-b { padding-top: 20px; }

/* 
 side2で横160pxのバナーを表示した時に、左右の
 余白を消す場合、バナーのソースを
 <div class="side2-ad">（ソース）</div>で括る。
----------------------------------------------  */
.side2-ad {
  position: relative;
  overflow: hidden;
  margin-left: -10px;
  margin-right: -10px; }