@charset "EUC-JP";


/* ----------------------------------------
 作成日:2013.06.13
 テンプレート名: Catalogue
 by paperboy&co.
---------------------------------------- */


/* --------------------------------------
　リセット
--------------------------------------- */

* {margin:0px;padding:0px;}

h1,h2,h3,h4,h5,h6 {font-size:100%;}
a {text-decoration:underline;overflow:hidden;}
img {border:none;vertical-align:top;}
li {list-style-type:none;}
hr {display:none;clear:both;}
br.clear {clear:both;}

.clearfix {
  zoom: 1;
}
.clearfix:after {
  clear: both;
  content: "";
  display: block;
}
/* --------------------------------------
　共通部分
--------------------------------------- */

/* ページ全体のテキスト色 */
html {color:#4d4d4d;}

/* ページ全体 */
body {
  background-image: url(http://imaging.jugem.jp/template/catalogue/img/wood_bg.png);
  font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif,"Osaka‐等幅";
  font-size:13px;
  line-height:1.6em;
  text-align:center;
  width:100%;
}


/* ページ全体のリンク色 */
a {color:#323232;text-decoration:underline;}
a:link {color:#323232;text-decoration:underline;}
a:visited {color:#323232;text-decoration:underline;}
a:hover {color:#414141;text-decoration:none;}
a:active {color:#323232;text-decoration:none;}

/* ブログ名の色 */
h1 a,
h1 a:link,
h1 a:visited {
  color:#323232;
  text-decoration:none;
}
h1 a:hover,
h1 a:active {
  color:#414141;
  text-decoration:none;
}


/* カレンダーのリンク色 */
.cell a,
.call a:link,
.call a:visited {
  color:#323232;
  font-weight:bold;
  text-decoration:underline;
}
.cell a:hover,
.call a:active {
  color:#414141;
  text-decoration:none;
}
/* メニュー(ナビゲーション)のリンク色 */
#linkmenu_inner li a,
#linkmenu_inner li a:link,
#linkmenu_inner li a:visited,
#linkmenu_inner li a:active {
  color:#fff;
  font-size:14px;
  font-weight:bold;
  text-decoration: none;
}

#linkmenu_inner li a:hover {
  color:#e0e0e0;
  font-size:14px;
  font-weight:bold;
  text-decoration: none;
}


/* 記事タイトルのリンク色 */
.entryHeader a,
.entryHeader a:link,
.entryHeader a:visited,
.entryHeader a:active {
  color:#4d4d4d;
  text-decoration:none;
}

.entryHeader a:hover {
  color: #6b6b6b;
}

/* 記事カテゴリのリンク色 */
.entryCategory a,
.entryCategory a:link,
.entryCategory a:visited,
.entryCategory a:hover,
.entryCategory a:active {
  color:#fff;
  text-decoration:none;
}

/* 記事のエリアのリンク色 */
.entryState a,
.entryState a:link,
.entryState a:visited,
.entryState a:hover,
.entryState a:active {
  color:#323232;
  text-decoration:none;
}

/* カレンダーの１マス幅 */
.cell {
  width:27px;
}



/*ページ全体の幅、レイアウトを中央揃え*/
#wrapper {
  margin:0 auto;
  padding:0;
  text-align:center;
  width:100%;
}

/* --------------------------------------
　ヘッダー
--------------------------------------- */

/*ブログ名と説明文、トップ画像*/
#header {
  margin:0;
  padding:20px 0;
  text-align:center;
  width:100%;
}
#header_inner {
  margin:0 auto;
  text-align:center;
  width:740px;
}
/* ブログ名 */
h1 {
  color:#fff;
  font-size:40px;
  line-height:1.4;
  margin:0 auto 10px;
  max-width: 600px;
}
/*ブログの説明文と検索窓のレイアウト*/
.header_contents { }

/* ブログの説明文 */
#header #description {
  color:#4d4d4d;
  line-height:1.4;
  margin:0 auto;
  padding:0;
  width:600px;
}

/* サイト内検索(ヘッダーの検索窓) */
#search_box {
  float:left;
  width:200px;
}
.search {
  background:url(http://imaging.jugem.jp/template/wall_1/img/icon_search.png) no-repeat #fff 6px 4px;
  border:0;
  border:solid 1px #ccc;
  color:#aaa;
  margin-right: 10px;
  padding:5px 0 5px 25px;
  padding-top:4px9;/*IE8以下でのテキストエリアの余白指定*/
  width:105px;
}
.search_btn {
  background: url(http://imaging.jugem.jp/template/catalogue/img/search_btn_mono.png);
  border: none;
  color:#fff;
  cursor:pointer;
  height: 25px;
  padding:4px;
  width: 47px;
}
/* メニュー(ナビゲーション) */
#linkmenu {
  background-image: url(http://imaging.jugem.jp/template/catalogue/img/menu_bg.png);
  background-repeat: repeat-x;
  border-bottom:1px solid #e1e1e1;
  height: 50px;
  margin: 0 auto;
}
#linkmenu_inner {
  line-height: 3.5;
  margin: 0 auto;
  text-align:center;
  width: 600px;
}

#linkmenu_inner li {
  display: inline;
  margin: 0 auto;
  padding:10px 20px 10px 20px;
  text-align: center;
}
.MENU {
  background: #fff;
  border: 1px solid #ddd;
  margin-top: 5px;
  padding:15px;
  position: absolute;
  text-align: left;
  visibility: hidden;
  width: 240px;
  z-index: 999;
}
.MENU li {
  list-style-type:circle;
  margin:0 0 10px 15px;
}
#MENU3 {
  width:200px;
}
#MENU3 table {
  margin:0 auto;
}

/*コンテンツ枠（記事の枠＋サイドメニューの枠）*/
#content {
  margin:0 auto;
  padding:0;
  width:600px;
}

/*　左側の幅（記事の枠）*/
#main {
  padding:0;
  text-align:left; /* コンテンツ内の要素を左寄せに */
  width:100%;
}


/* --------------------------------------
　メイン
--------------------------------------- */

/* 次の記事・前の記事 */
#entryNavi {
  margin:0 0 10px 0;
  text-align: center;
}
#pager {
  padding:10px 0 20px;
  text-align:center;
  width:100%;
}
#pager span {
  margin:0 3px;
}

#pager span.current{
  background-color:#323232;
  color:#fff;
  padding:4px 7px;
  text-decoration:none;
}

#pager span a {
  background-color:#e4e4e4;
  color:#565656;
  padding:4px 7px;
  text-decoration:none;
}

#pager span a:hover,
#pager span a:active {
  background-color:#323232;
  color:#fff;
  text-decoration:none;
}
/* 記事 */
.entry {
  background: #fff;
  border: 1px solid #ddd;
  margin: 0 0 40px 0;
  padding: 0;
}

/* 記事のヘッダー部分 */

.entryHeader {
  padding-top:20px;
  position: relative;
}

.left {
  overflow: hidden;
  width: 518px;
}

.left h2 {
  font-size: 25px;
  font-weight:bold;
  line-height: 1.2;
  max-width: 480px;
  padding-left: 20px;
}

/* 記事の日付 */
.entryHeader .entryDate {
  background: url(http://imaging.jugem.jp/template/catalogue/img/ribbon_mono.png);
  background-repeat: no-repeat;
  color: #fff;
  height: 120px;
  margin: 0 20px 0 0;
  padding: 10px 0 0 0;
  position: absolute;
  right: -2px;
  text-align: center;
  top: -4px;
  width: 60px;
}

html>body .entryHeader .entryDate {
  background-image: url(http://imaging.jugem.jp/template/catalogue/img/ribbon_mono.png);
}

* html .entryHeader .entryDate {
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://imaging.jugem.jp/template/catalogue/img/ribbon_mono.png', sizingMethod='scale');
}

.year {
  font-size: 12px;
  font-weight: bold;
  font-family:'Helvetica','Arial',sans-serif;
}

.month {
  font-size: 20px;
  margin-left: 4px;
  font-family:'Helvetica','Arial',sans-serif;
}

.day {
  font-size: 30px;
  margin-top: 5px;
  font-weight: bold;
  font-family:'Helvetica','Arial',sans-serif;
}

/* 記事のカテゴリ */
.entryCategory {
  background: no-repeat;
  font-size: 13px;
  line-height: 2.2;
  margin: 15px 0;
  max-width: 480px;
  padding: 0px;
}

.entryCategory .categoryName {
  background: url(http://imaging.jugem.jp/template/catalogue/img/tag_bg_mono.png) repeat-x;
  display: inline-block;
  zoom: 1;
  *display: inline;
  font-size: 12px;
  height: 25px;
  margin: 0 0 0 20px;
  position: relative;
}

* html .entryCategory .categoryName {
  border-right: 440px solid #fff;
  filter:progid:DXImageTransform.Microsoft.Chroma(Color=white);
  filter: chroma(color=white)
}

.entryCategory .categoryName span {
  color: #fff;
  display: block;
  max-width: 440px;
  overflow: hidden;
  padding: 0 12px 0 19px;
  text-overflow: ellipsis;
  white-space: nowrap;
  -o-text-overflow: ellipsis; /* Opera9,10対応 */
}

* html .eutryCategory .categoryName span {
        display:inline-block;
        position:relative;
        margin-right:-440px;
}

.entryCategory .categoryLeft {
  background: url(http://imaging.jugem.jp/template/catalogue/img/tag_left_mono.png) no-repeat left;
  height: 25px;
}

.entryCategory .categoryRight {
  background: url(http://imaging.jugem.jp/template/catalogue/img/tag_right_mono.png) no-repeat right;
  height: 25px;
}

* html .entryCategory .categoryLeft {
  margin-top: -1px;
}

/* ソーシャルボタン */
.service_button {
  margin:25px 0 10px !important;
}

/* facebookのIE対応 */
.fb-like {
  display: inline !important;
  _display: inline !important;
}

/* 記事の本文や「つづきを読む」を包んでいる部分 */
.entryBody {
  padding:0 20px 20px 20px;
}
/* 記事本文 */
.entryText {margin:15px 0 0 0;}

/* 記事内に挿入したyoutube(iframe)の最大値 */
.entryText iframe {
  max-width:100% !important;
}
/* 記事内に挿入した画像(img)の最大値 */
.entryText img {
  height: auto;
  margin-bottom: 20px;
  max-width:100%;
}

/* 記事の続き */
.entryMore {margin:0;}

/* 記事のフッター部分 */
.entryFooter {
  background: #fcfcfc;
  border-top: 1px solid #e5e5e5;
  padding:15px 20px;
}

.footerCategory {
  margin-bottom:5px;
}

/* 記事の情報 */
.entryState {
  color:#999;
}

.entryState li {
  float:left;
  text-align: left;
}

.fb_commentSendForm {
  padding:0 20px;
}

/* 関連する記事枠 */
#relatedEntry {
  background:#fff;
  border:1px solid #ddd;
  margin:20px 0;
}
#relatedEntry ul {
  margin-bottom:20px;
  margin-left:30px;
}
#relatedEntry li {
  list-style-type:circle;
  margin:0 0 5px 15px;
}

#relateTitle {
  background-image: url(http://imaging.jugem.jp/template/catalogue/img/menu_bg.png);
  border-bottom:1px solid #ddd;
  color: #fff;
  font-size:16px;
  font-weight:bold;
  margin:0 0 30px;
  padding:15px 20px;
}

/* コメント枠 */
#comment {
  background:#fff;
  border:1px solid #ddd;
  margin-bottom:20px;
  padding:0;
  position:relative;
}

#comment:after,
#comment:before {
  bottom:100%;
  pointer-events:none;
  position:absolute;
}

#comment:after {
  border-bottom-color:#fff;
  border-color:transparent;
  border-width:9px;
  left:40px;
  margin-left:-9px;
}

#comment:before {
  border-bottom-color:#ddd;
  border-color:transparent;
  border-width:10px;
  left:40px;
  margin-left:-10px;
}

#comment_inner {
  margin:0;
  padding:0 0 20px;
  text-align:left;
}

#commentTitle {
  background-image: url(http://imaging.jugem.jp/template/catalogue/img/menu_bg.png);
  border-bottom:1px solid #ddd;
  color: #fff;
  font-size:16px;
  font-weight:bold;
  margin:0 0 30px;
  padding:15px 20px;
}

#comment_list {
  padding:0 20px;
}

.commentBody {
  margin:0 auto 15px;
}

.commentState {
  border-bottom: 1px solid #ddd;
  color: #999;
  margin:0 0 30px 0;
  padding: 0 0 10px;
}

.commentState li {
  display:inline;
  padding-left:5px;
}

#commentSendTitle {
  font-size:14px;
  font-weight:bold;
  margin:0 auto 20px;
  padding:0 20px;
}

.commentSendForm {
  margin-bottom:30px;
}

.commentSendForm table {
  table-layout:fixed;
  width:70%;
}

.commentSendForm tr,
.commentSendForm th,
.commentSendForm td {
    font-weight:normal;
}

.commentSendForm tr {
  padding:10px 0;
}

.commentSendForm th {
  padding:10px 0;
  text-align:right;
  width:20%;
}

.commentSendForm td {
  padding-left:20px;
  width:80%;
}

.commentSendForm .input {
  width:348px;
}

.commentSendForm textarea {
  margin:0 0 10px 0;
  width:350px;
}

.comment_btn {
  background: url(http://imaging.jugem.jp/template/catalogue/img/comment_btn_mono.png);
  border: none;
  color:#fff;
  cursor:pointer;
  height: 25px;
  padding:4px;
  width: 78px;
}

/* トラックバック枠 */
#trackback {
  background:#fff;
  border:1px solid #ddd;
  margin-bottom:20px;
  padding:0;
  position:relative;
}

  #trackback:after,
  #trackback:before {
    bottom:100%;
    pointer-events:none;
    position:absolute;
}

#trackback:after {
  border-bottom-color:#fff;
  border-color:transparent;
  border-width:9px;
  left:40px;
  margin-left:-9px;
}

#trackback:before {
  border-bottom-color:#ddd;
  border-color:transparent;
  border-width:10px;
  left:40px;
  margin-left:-10px;
}

#trackback_inner {
  margin:0;
  padding:0 0 30px;
  text-align:left;
}

#trackbackURL {
  font-size:14px;
  font-weight:bold;
  margin:0 0 10px;
  padding:0 20px;
}

#trackbackTitle {
  background-image: url(http://imaging.jugem.jp/template/catalogue/img/menu_bg.png);
  border-bottom:1px solid #ddd;
  color: #fff;
  font-size:16px;
  font-weight:bolder;
  margin:0 0 30px;
  padding:15px 20px;
}

#trackback input {
  margin-left:20px;
  width:350px;
}

.trackbackName {
  margin:0 auto 15px;
}

#trackback_list {
  padding:0 20px;
}

.trackbackBody {
  margin:0 0 15px;
}

.trackbackState {
  border-bottom: 1px solid #ddd;
  color: #999;
  margin:0 0 30px 0;
  padding: 0 0 10px;
}

.trackbackState li {
  display:inline;
  padding-left:5px;
}

/* プロフィールのページ */
#profile {
  background:#fff;
  border:1px solid #ddd;
  margin:0 0 15px 0;
  padding:0 0 30px;
}

#profileTitle {
  border-bottom:1px solid #e5e5e5;
  font-size:24px;
  font-weight:bold;
  padding:25px 20px;
}

#profileName {
  margin:15px 0 0 0;
  padding:0 20px;
}

#profileBody {
  margin:5px 0;
  padding:0 20px;
}

/* このページの先頭へ */
#pageTop {
  background: url(http://imaging.jugem.jp/template/catalogue/img/page_top_mono.png);
  background-repeat: no-repeat;
  float: right;
  height: 60px;
  margin:0;
  padding-top: 10px;
  text-align:right;
  width: 100px;
}

#pageTop a {
  color:#fff;
  font-size: 10px;
  padding-right: 8px;
  text-decoration:none;
}

/* --------------------------------------
　記事の装飾
--------------------------------------- */

/* 引用 */
#main blockquote {
  border:1px dotted #ccc;
  margin:10px;
  padding:10px;
}

/* 画像 */
#main .pict {
  margin:0 0 20px 0;
  padding:0;
}

/* リスト */
div.entryBody ul li,
div.entryMore ul li {
  list-style:circle;
  margin:0 0 0 15px;
}

div.entryBody ol li,
div.entryMore ol li {
  list-style-type:decimal;
  margin:0 0 0 15px;
}


/* ----------------------------------------
フッター
---------------------------------------- */
/*　フッター */
#footerTop {
  background: url(http://imaging.jugem.jp/template/catalogue/img/footer_top.png);
  height: 17px;
  width: 100%;
}

/* フッター装飾消去ie6 */
* html #footerTop {
  display:none;
}

#footer {
  background:#ebebeb;
  padding:20px 0;
  text-align:center;
  width:100%;
}

#footer_inner {
  margin:0 auto;
  text-align:left;
  width:600px;
}

.footer_box {
  float:left;
  margin-right:15px;
  width:190px;
}

* html .footer_box {
  float:left;
  margin-right:15px;
  width:185px;
}

#footer_inner .right {
  margin-right:0;
}

#footer h3 {
  border-bottom: 1px solid #d2d2d2;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
  padding: 2px 0;
  width: 100%;
}

.footer_contents {
  margin-bottom:40px;
}

.footer_contents ul {
  margin: 0;
  padding: 0;
}

.footer_contents li {
  margin: 0;
  padding: 0;
}

#copyright {
  background: #4d4d4d;
  color:#fff;
  font-size:12px;
  margin: 0 auto;
  padding:20px 0;
  text-align:center;
}

#copyright_inner {
  margin:0 auto;
  text-align:center;
  width: 740px;
}

#copyright_inner a {
  color: #fff;
}

#copyright_inner a:hover {
  color: #fff;
}