@charset "utf-8";
/* -------------------------------------------------------------------------------- */
/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 3.0.0
build: 1549
http://yui.yahooapis.com/3.0.0/build/cssfonts/fonts-min.css
http://yui.yahooapis.com/3.0.0/build/cssreset/reset-min.css
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
/* -------------------------------------------------------------------------------- */
*{ zoom: 1; }ul.normal, ol.normal { zoom:normal; margin:auto -3em 1em 0; padding:0; position:relative; left:-3em; overflow:hidden; }* html ul. normal, * html ol. normal { height:0; overflow:visible }*:first-child+html Ul normal, *:first-child+html ol. normal { height:1%; }.normal ul, .normal ol { margin-left:1em; padding-left:0; }.normal li { margin-left:5em; display:list-item; }.normal li li { margin-left:1em; }.flat li { margin-left:3em; }.flat li ul, .flat li ol { margin-left:1em; padding-left:0; }.flat li li { margin-left:0; }ul.bullet-a li { list-style-image: url('bullet-image-a.png');  }ul.bullet-b li { list-style-image: url('bullet-image-b.png'); }.spaced { margin-bottom:0; }.spaced ul, .spaced ol { margin-top:1em; }.spaced li { margin-bottom:1em; }.indent li { text-indent:-1em; padding-left:1em; overflow:visible; }.inside li { list-style-position:inside; }.clear li { list-style-type:none; }/* -------------------------------------------------------------------------------- *//* 全体のスタイル *//* -------------------------------------------------------------------------------- */html { background-color: #f7f7f7; color: #323232; }body { text-align: center; }a:link {color: #414141; text-decoration: none; } /* 通常のリンク */a:visited {color: #707070; text-decoration: none; } /* 一度読み込んだ時 */a:hover {color: #c0c0c0; text-decoration: none; } /* マウスを乗せた時 */h1, h2, h3, h4 { font-family: Times New Roman,serif; }.center { text-align: center; } /* 中央揃え */.left { text-align: left; } /* 左揃え */.right { text-align: right; } /* 右揃え *//* -------------------------------------------------------------------------------- *//* 全体の段組み *//* -------------------------------------------------------------------------------- */#container {width: 900px;margin: 0px auto;}#wrapper {width: 660px;float: left;}#navigation-main {width: 220px;float: right;text-align: left;}#navigation-sub {width: 220px;float: right;clear: right;text-align: left;}#footer {width: 100%;clear: both;}/* -------------------------------------------------------------------------------- *//* 右サイドバー共通部分 *//* -------------------------------------------------------------------------------- *//* メインメニュー-------------------------------------- */#menu {margin: 24px 0px 36px 0px;font-size: 123.1%;font-family: Times New Roman,serif;letter-spacing : 0.1em;word-spacing: 3px;}/* サイト名 */#site-title { margin-bottom: 12px; }/* サブメニュー-------------------------------------- *//* カテゴリ名 */.navi-h2 {padding: 6px 0px 3px 0px;color: #414141;font-size: 197%;letter-spacing: 0.05em;}.navi-h2 > a {color: #414141;display: block;}.navi-h2 > a:hover { color: #c0c0c0; }.navi-h3 {padding: 0px 0px 3px 6px;color: #616161;font-size: 123.1%;letter-spacing: 0.05em;}.navi-h3 > a {color: #616161;display: block;}.navi-h3 > a:hover  { color: #c0c0c0; }/* 記事リスト */#gallery-list, #text-list { margin: 0px 0px 12px 12px; }/* メニュー サムネイルリスト---------------------------- */#gallery-list-ul {overflow: hidden;  /* floatの解除用 */position: relative;  /* floatの解除用 */margin-left: -12px;list-style: none;line-height: 0;}.gallery-list-li {overflow: hidden;position: relative;display: table-cell;float: left;width: 60px;margin: 0px 6px 6px 0px;}.newimg-list-li {width: 200px;height: 40px;margin-bottom: 3px;}/* メニュー　文字リスト--------------------------------- */#text-list {overflow: hidden;position: relative;font-size: 108%;line-height: 1.4;letter-spacing : 0.06em;}#text-list a { display: block; }#text-list-ul { margin-left: -2em; }/* -------------------------------------------------------------------------------- *//* メインコンテンツ内の共通部分 *//* -------------------------------------------------------------------------------- *//* タイトル */.main-h2 {margin: 0px auto 6px auto;padding: 0px 12px 6px 12px;border-bottom: 1px solid #9b9b9b;width: 380px;color: #4c4c4c;font-size: 167%;text-align: left;letter-spacing: 0.05em;word-spacing: 3px;}/* 各カテゴリトップの画像------------------------------- */#category-top-img{display: block;margin: 120px auto 0px auto;}#category-top-deta {margin-top: 48px;text-align: center;}/* ページナビゲーションのスタイル------------------------- */#page-navi {padding-top: 60px;font-family: Times New Roman,serif;font-size: 123.1%;overflow: hidden; /* floatの解除用 */position: relative; /* floatの解除用 */}#page-navi a { display: block; }/* 水平線 */#hr-navi {margin: 0px auto;width: 380px;height: 1px;border: none;border-top: 1px solid #9b9b9b;}#category-top, #next-span, #prev-span { display: block; }#next , #prev {float: left;width: 42%;}#next { text-align: right; }#prev { text-align: left; }#category-top {float: left;width: 16%;}#page-top {font-family: Times New Roman,serif;font-size: 123.1%;padding: 48px 0px 0px 0px;}#page-top > a {display: block;width: 10em;margin: 0px auto;padding: 1em;}#footer-navi {font-family: Times New Roman,serif;word-spacing: 3px;}/* Copyright---------------------------------------- */#copy {font-family: Times New Roman,serif;font-size: 93%;padding: 3px 0px 3px 0px;}#copy > a { text-decoration: underline; }/* -------------------------------------------------------------------------------- *//* インデックスのスタイル *//* -------------------------------------------------------------------------------- *//* トップ絵 */.index-content {background-image: url(images/top.png);background-repeat: no-repeat;background-position: 6% 48%;height: 600px;position: relative;}/* 更新履歴 */#new {position: absolute;bottom: 24px; right:36px;text-align: right;}#new-h2 {margin: 0px 0px 3px 6px;color:#414141;font-size: 123.1%;letter-spacing : 0.05em;}/* -------------------------------------------------------------------------------- *//* ウェブページのスタイル *//* -------------------------------------------------------------------------------- *//* コンテンツの内枠 */.page-content { margin-top: 60px; }/* about ------------------------------------------------- */.guide {width: 380px;margin: 16px auto 0px auto;padding: 0px 12px;text-align: left;line-height: 1.4;}.guide > p { margin: 0px 0px 1em 0px; }.bn {  margin: 2px 12px 2px auto; } /* リンク案内のバナー */.pale {color: #606060;letter-spacing : 0.06em;}/* link ------------------------------------------------- */.page-h3 {width: 380px;margin: 10px auto 0px auto;color: #4c4c4c;font-size: 138.5%;text-align: left;}.text-link {width: 380px;margin: 6px auto 36px auto;padding: 0px 0px 0px 12px;font-size: 123.1%;text-align: left;line-height: 1.6;}.text-link > a { text-decoration:underline; }.text-link > small {font-size: 77%;color: #606060;}.banner-link {width: 500px;margin: 20px auto 0px auto;text-align: center;}.banner-link_img { margin: 10px  10px  10px  10px; }/* form ------------------------------------------------- */#mailform {margin:1em 0px 2em 0px;font-size: 108%;}.form-label {display: block;margin: 1em 0px 0em 1em;padding: 6px;font-weight: bold;}/* 送信完了画面 */#thanks-img {display: block;margin: 0px auto 24px auto;}/* 確認画面 */.form-check { font-size: 85%; }#button {text-align: center;font-size: 108%;margin: 3em 0px 0em 0em;}.err {font-size: 108%;color: #902a24;font-weight: bold;}.check {width: 100%;margin: 2em 0em 0em 0em;}.check dt {margin: 2em 0px 0em 0em;padding: 3px;font-weight: bold;border-bottom: 1px solid #bcbcbc;}.check dd {margin: 0.4em 0px 0em 0em;padding: 6px;}.check strong { color: #902a24; }.zm_copyright { margin: 3em 0px 0em 0em; }/* -------------------------------------------------------------------------------- *//* ギャラリーページのスタイル *//* -------------------------------------------------------------------------------- *//* 絵のテーブル背景の指定 */#gallery-table, .gallery-table-sub {position: relative;margin: 48px auto 0px auto;padding: 0px ;border-collapse: collapse;border: 0px;}.top_left, .top_right, .bottom_left, .bottom_right{ background: url(images/site_img/ekami.png) no-repeat top left; }.top_left { background-position: top left; }.top_right  { background-position: top right; }.bottom_left  { background-position: bottom left; }.bottom_right { background-position: bottom right; }.img-bottom_right  {width: 48px; /* 絵の右側の余白 */height: 60px; /* 絵の下の余白 */}/* 絵の枠線 */.top_left img {border: 1px solid #d1d1d1;margin: 48px 0px 0px 48px; /* 絵の左と上の余白の指定 */}/* 絵のタイトル */#gallery-title {margin: 16px auto 10px auto;padding-left: 0.4em;font-size: 167%;color: #414141;letter-spacing: 0.4em;}/* 画材とか */#gallery-date {margin: 0px auto 10px auto;font-size: 93%;letter-spacing : 0.1em;color: #606060;}/* -------------------------------------------------------------------------------- *//* 100題のスタイル *//* -------------------------------------------------------------------------------- *//* リストの番号 */.theme-list-no {padding-right: 0.4em;font-size: 100%;font-family:Times New Roman,serif;}/* 100題一覧のテーブル */#theme-table-all {font-size: 93%;margin: 0px auto;text-align: left;}/* 絵のテーブル（div） */#theme-table {width: 540px;height: 720px;margin: 48px auto 0px auto;background-color: #ebebeb;background: url(images/site_img/100kami.png) no-repeat top left;}#theme-table > img { margin-top: 48px; }/* タイトル */#theme-title {margin: 12px auto 0px auto;padding-left: 0.4em;font-size: 167%;letter-spacing : 0.4em;}/* -------------------------------------------------------------------------------- *//* Tシャツのスタイル *//* -------------------------------------------------------------------------------- *//* 背景 */#shirt-table {width: 580px;height: 780px;margin: 48px auto 0px auto;background-color: #cfc5b2;background: url(images/site_img/shirtkami.png) no-repeat top left;}/* メインの写真部分 */#shirt-table-main {height: 500px;}/* 写真ボーダー */#shirt-table-main > img {margin-top: 48px;padding: 12px;border: 1px solid #897f74;background-color: #faf9f6;}/* サブ写真の部分 */#shirt-table-sub {height: 130px;}/* サブ写真のサムネイル */#shirt-table-sub > a >img {margin: 0px 6px;padding: 6px;border: 1px solid #a29894;background-color: #faf9f6;}/* タイトル */#shirt-title {width: 500px;margin: 0px auto 0px auto;padding-left: 0.2em;font-size: 167%;color: #414141;letter-spacing : 0.2em;text-align: center;}#shirt-dl{overflow: hidden; /* floatの解除用 */position: relative; /* floatの解除用 */width: 500px;margin: 12px auto 32px auto;color: #606060;line-height: 1;}.shirt-dt {float: left;clear: both;width: 140px;text-align: right;letter-spacing : 0.3em;}.shirt-dd {width: 340px;margin-left: 140px;padding: 1px 0px 0px 0px;text-align: left;}/* -------------------------------------------------------------------------------- *//* メモのスタイル *//* -------------------------------------------------------------------------------- *//* エントリー */#memo-content { margin-top: 60px; }#memolog {width: 380px;margin: 0px auto;font-family:Times New Roman,serif;font-size: 108%;text-align: right;}/* エントリータイトル */#memo-title {width: 380px;margin: 24px auto 12px auto;font-size: 131%;font-weight: bold;text-align: left;}/* 本文 */#memo-body {width: 480px;margin: 0px auto;font-size: 108%;line-height: 1.6;text-align: left;}#memo-body > p {width: 440px;margin: 2em auto 1em auto;overflow: hidden; /* floatの解除用 */position: relative; /* floatの解除用 */}#memo-body > p > a { text-decoration: underline; }/* 絵の枠線 */#memo-content img { border: 1px solid #7f7f7f; }/* 投稿日時 */#memo-date {width: 380px;margin: 10px auto 0px auto;font-size: 100%;text-align: right;color: #606060;}/* テキスト整形用 */small { font-size: 93%; } /* 文字を小さく */big { font-size: 138%; } /* 文字を大きく */strong { font-weight: bold; } /* 太字で強調 */em { font-style: oblique; } /* 斜体で強調 */u { text-decoration: underline; } /* 下線 */strike { text-decoration: line-through; } /* 打ち消し線 */blockquote { width: 80%; margin: 5px auto 0px auto; padding: 10px; border: 1px solid #ccc8c3; background-color:#f6f5f1; color:#5e605b; } /* 引用文 *//*{border: 1px solid #000;}*/