@charset "UTF-8";

@import url("base.css");

/*
*HINAGATA
* HINAGATA SKIN STYLESHEET(Switch-02)
* http://hinagata.biz/
* 2004.09.08
*/

/*
* このスタイルシートはHINAGATAテンプレートセットのスキンスタイルシートです。
* ベーススタイルシートでは配置や細かい調整や各要素の振る舞い方を指定しているのと比べ、
* こちらのスタイルシートではフォント関係や背景色・ボーダーなどのデザイン的プロパティをしていしています。
* デザイン（フォント・フォントサイズ・色・画像配置など）は、デザインスキンスタイルシートで変更できます。
* 特に配置当に不満が無い場合は、ベーススタイルシートの変更をせず、このスタイルシートの変更だけで、
* わかりやすく簡単に自分流にデザインすることができます。
*/


/*ボディ*/
body {
	font: normal normal normal 100%/1.5 "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", HiraKakuPro-W3, Osaka, verdana ,arial ,sans-serif;
	 /*文字サイズを変更したい場合は以下のプロパティを90%とかに変更してください。全体的に変更されます。（あまりおすすめはしません）*/
	font-size: 90%;
}

/*基本的なリンクスタイル*/
a,
a:link,
a:visited {
	text-decoration: none;
}

a:active,
a:hover{
	text-decoration: underline;
}

a:link,
a:hover {
	color: #3333FF;
}

a:active,
a:visited  {
	color: #330099;

}

a img {
	border: none;
	text-decoration: none;
}

/*サイトのタイトル・概要が入るところ*/
div#banner {
	background-color: #fff;
	/*background-image: url("switch02/background-image.png");*/
                /*background-image: url("p35.gif");*/
                /*background-position: top right;*/
                /*background-color: #E3698D;*/
	/*background-repeat: no-repeat;*/
	margin: 0 -10px 0 -10px;
}

/*サイトのタイトル*/
h1 {
	color: #666;
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

/*サイトの概要*/
p.description {
	color: #666;
}

/*メインコンテンツ部分*/
div#content {
}

/*日ごと・エントリーごとの共通スタイル*/
div.day,
div.entry-body {
	font-weight: normal;
}

/*日ごとのブロック*/
div.day {
}

/*エントリごとのブロック*/
div.entry-body {
	border: 1px solid #CCC;
}

/*個別アーカイブでの追記部分*/
div#more {
}

/*サイドバー */
div.sidebar { 
}

/*フッタ*/
div#footer {
	text-align: right;
	background-color: #fff;
	background-image: url("switch02/background-image.png");
	background-repeat: repeat;
}

/*フッタのリンク画像*/
div#footer a img {
	border: none;
}

/*フッタのリンクスタイル*/
div#footer a {
	text-decoration: none;
}

/*UTF-8でのテキストエリア文字化けと、インプットエリアの対策*/
textarea,
input {
	background-color: #F9F9F9;
	font: normal normal normal 100%/1.5 "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", HiraKakuPro-W3, Osaka, verdana ,arial ,sans-serif;
}


/********************メインコンテンツ********************/

/*個別アーカイブページのエントリーナビゲーション*/
.navigation {
}

/*個別アーカイブページのエントリーナビゲーション内のリスト*/
ul.navigation li {
}

/**********日ごとのブロック**********/
/*日付（個別アーカイブページの日付も含む）*/
h2 {
	color: #666;
	font-size: 100%;
	text-align: left;
	font-weight: bold;
	font-family: verdana, Arial, Helvetica, sans-serif;
}

/*エントリーのタイトル部分にリンクがある場合*/
h2 a,
h2 a:link,
h2 a:visited,
h2 a:active {
	text-decoration: none;
	color: #666;
	font-weight: bold;
}

h2 a:hover {
	text-decoration: underline;
	color: #666;
	font-weight: bold;
}

/*アーカイブページのエントリーリストの日付*/
#other-entries h2  {
	font-size: 80%;
	border: none;
}

/**********エントリー内のブロック要素**********/
/*エントリーのタイトル*/
div.entry-body h3 {
	border-bottom: 1px solid #666;
	color: #666;
	font-size: 120%;
	font-weight: normal;
}

/*エントリーのタイトル部分にリンクがある場合*/
div.entry-body h3 a,
div.entry-body h3 a:link,
div.entry-body h3 a:visited,
div.entry-body h3 a:active,
div.entry-body h3 a:hover {
	text-decoration: none;
	color: #666;
}

/*アーカイブページのエントリーリストのタイトル*/
#other-entries h3  {
	font-size: 110%;
	border: none;
}

/*エントリーのタイトル部分にリンクがある場合*/
#other-entries h3 a,
#other-entries h3 a:link,
#other-entries h3 a:visited,
#other-entries h3 a:active {
	text-decoration: none;
	color: #666;
}

#other-entries h3 a:hover {
	text-decoration: underline;
	color: #666;
}

/*エントリー本文内の小見出しh4*/
div.entry-body h4 {
	border-bottom: 1px solid #666;
	color: #666;
	font-size: 110%;
	font-weight: normal;
}

/*エントリー本文内の小見出しh4にリンクがある場合*/
div.entry-body h4 a,
div.entry-body h4 a:link,
div.entry-body h4 a:visited,
div.entry-body h4 a:active,
div.entry-body h4 a:hover {
	text-decoration: none;
	color: #666;
}

/*エントリー本文内の小見出しh5*/
div.entry-body h5 {
	border-bottom: 1px solid #666;
	color: #666;
	font-size: 105%;
	font-weight: normal;
}
	
/*エントリー本文内の小見出しh5にリンクがある場合*/
div.entry-body h5 a,
div.entry-body h5 a:link,
div.entry-body h5 a:visited,
div.entry-body h5 a:active,
div.entry-body h5 a:hover {
	text-decoration: none;
	color: #666;
}

/*エントリー本文内の小見出しh6*/
div.entry-body h6 {
	border-bottom: 1px solid #666;
	color: #666;
	font-size: 100%;
	font-weight: normal;
}

/*エントリー本文内の小見出しh6にリンクがある場合*/
div.entry-body h6 a,
div.entry-body h6 a:link,
div.entry-body h6 a:visited,
div.entry-body h6 a:active,
div.entry-body h6 a:hover {
	text-decoration: none;
	color: #666;
}

/*エントリーの投稿情報*/
div.entry-body .posted {
	font-size: 85%;
}

/*エントリーの投稿情報内のリスト*/
ul.posted li {
}

/*エントリー本文の段落要素*/
div.entry-body p {
	color: #000;
}

/*ブロック要素（ではないのもあるけど）内の段落要素*/
div.entry-body ins p,
div.entry-body dl p,
div.entry-body ul p,
div.entry-body ol p,
div.entry-body blockquote p,
div.entry-body blockquote blockquote p {
}


/*エントリーに追記がある場合の『続きを読む』という部分*/
.extended {
	text-align: right;
}

/*投稿者情報・追記リンクのリンクスタイル*/
p.extended a:link,
p.extended a:visited,
ul.posted li a:link,
ul.posted li a:visited {
	color: #FF7900;
	text-decoration: none;
}

p.extended a:active,
p.extended a:hover,
ul.posted li a:active,
ul.posted li a:hover {
	color: #FF7900;
	text-decoration: underline;
}

/*エントリー本文内の引用・整形済みテキスト・挿入の共通スタイル*/
div.entry-body pre,
div.entry-body blockquote {
	color: #000;
}

/*エントリー本文内の引用 blockquote*/
div.entry-body blockquote {
	border: 1px solid #666;
	background-color: #EAF2FF;
	font-size: 95%;
	background-color: #fff;
	background-image: url("switch02/background-image.png");
	background-repeat: repeat;
}


/*エントリー本文内の引用の中の引用*/
div.entry-body blockquote blockquote {
	font-size: 100%;
}

div.entry-body blockquote ul {
	list-style-position: inside;
	list-style-type: square;
	list-style-image: url("switch02/post.png");
}

/*エントリー本文内の整形済みテキスト*/
div.entry-body pre {
	font-size: 95%;
	border: 1px solid #666;
	background-color: #E5E5E5;
}

/*エントリー本文内のリスト*/
div.entry-body ol,
div.entry-body ul {
}

/*エントリー本文内のリスト（子）*/
div.entry-body ol ol,
div.entry-body ul ul {
}

/*エントリー本文内の定義リスト*/
div.entry-body dl{
}

/*エントリー本文内の定義リスト定義語*/
div.entry-body dt {
	border-bottom: 1px solid #000;
	color: #000;
	font-weight: normal;
}


/*エントリー本文内の定義リスト定義語にリンクがある場合*/
div.entry-body dt a,
div.entry-body dt a:link,
div.entry-body dt a:visited,
div.entry-body dt a:active,
div.entry-body dt a:visited {
	text-decoration: none;
	color: #666;
}	

/*エントリー本文内の定義リスト定義の説明*/
div.entry-body dd {
}

/*エントリー本文内の定義リスト定義の説明内の画像*/
div.entry-body dd img {
}

div.entry-body dd pre,
div.entry-body dd ul,
div.entry-body dd ol,
div.entry-body dd blockquote {
}


/*エントリー本文にある定義リスト内の定義リスト*/
div.entry-body dl dl{
	font-size: 95%;
}

/*アーカイブページのエントリーリスト*/
#other-entries ul,
#other-entries ol {
	list-style-type: none;
}


/**********エントリー内のインライン要素**********/
/*エントリー内の強調*/
div.entry-body em,
div.entry-body strong {
	text-decoration: none;
	letter-spacing: 0;
}

/*本文内のemによる強調文字色*/
div.entry-body em {
	color: #996600;
}

/*本文内のstrongによる強調文字色*/
div.entry-body strong{
	color: #CC0000;
}

/*本文内の略語、頭文字、定義部（共通スタイル）*/
div.entry-body dfn,
div.entry-body abbr,
div.entry-body acronym {
	text-decoration: underline;
	border: none;
	cursor: help;
}

/*エントリー本文内のプロブラミングコード・キーボード入力・出力サンプル共通スタイル*/
div.entry-body code,
div.entry-body kbd,
div.entry-body samp,
div.entry-body var  {
	font-family: "Osaka−等幅", "ＭＳ Ｐゴシック", "Courier New", monospace;
	white-space: nowrap;
}

/*エントリー本文内にある整形済みテキスト内のプロブラミングコード・キーボード入力・出力サンプル共通スタイル*/
div.entry-body pre code,
div.entry-body pre kbd,
div.entry-body pre samp,
div.entry-body pre var {
	white-space: pre;
}

/*エントリー本文内の引用 q*/
div.entry-body q {
	border: 1px solid #666;
	background-color: #EAF2FF;
	color: #666;
}

/*エントリー本文内の後から打ち消し*/
div.entry-body del {
	text-decoration: line-through;
	color: #999;
}

/*エントリー本文内の後から挿入*/
div.entry-body ins {
	border: 1px solid #666;
}

/*テキストフォーマットConvert Line Breaksだと、ins,delの特別な振る舞いは認識せず、
前後に段落要素がつくので無条件インライン要素。だからins,delをブロック要素とする場合は
テキストフォーマットConvert Line Breaksがダメという罠*/
div.entry-body p ins {
	border: none;
	text-decoration: underline;
}

/*エントリー本文内の画像*/
div.entry-body img {
	border: 1px solid #666;
}

/*エントリー本文内の画像*/
div.entry-body a img {
	border: none;
	text-decoration: none;
}

/*エントリー本文内の画像左回り込み*/
/*Operaでは言うこと効かないバージョンもアリ*/
div.entry-body img.strike {
	float: left; 
}

/*回り込みしたあとに続くp要素に解除*/
.rel {
	clear: left;
}

/********************コメント・トラックバック関連********************/

/*コメント・トラックバックのブロック*/
div.comment-content,
div.trackback-content {
	border: 1px solid #ccc;
}

/*コメント・トラックバックのブロックの段落要素*/
div.comment-content p,
div.trackback-content p {
	font-size: 95%;
}

/*コメントトラックバックの内容の段落*/
div.comment-content div.entry-body p,
div.trackback-content div.entry-body p {
}

/*トラックバックURLのインプットエリア*/
div.trackback-content input#trackback-url {
}

/*トラックバック送信元のタイトル*/
div.trackback-content h3 {
	border: none;
	color: #666;
	font-size: 100%;
}

/*各トラックバックのブロック*/
div.trackback-content div.entry-body {
	border: none;
	background-color: #e5e5e5;
}

/*各トラックバックのブロックトラックバッ無しの表示*/
div.trackback-content #no-trackback {
	border: none;
	background-color: #e5e5e5;
}

/*各トラックバックのブロックトラックバッ無しの段落*/
div.trackback-content #no-trackback p {
}

/*各トラックバック元情報*/
div.trackback-content .posted {
	font-size: 90%;
	border-top: 1px solid #CCC;
}

/*各コメントのブロック*/
div.comment-content div.entry-body {
}

/*各コメントのブロックコメント無しの場合*/
div.comment-content #no-comment {
}

/*コメントトラックバックの内容の段落*/
div.comment-content div.entry-body p,
div.trackback-content div.entry-body p {
}

/*コメントトラックバックの内容の段落コメントなし*/
div.comment-content #no-comments p {
}

/*エントリーの投稿情報*/
div.comment-content .posted {
	font-size: 90%;
	border-top: 1px solid #CCC;
	text-align: right;
}

/*エントリーの投稿情報内のリスト*/
div.comment-content ul.posted li {
	list-style-type: none;
}

/*コメントの入力フォームのグループ*/
#search-page fieldset,
#individual-entry-archive fieldset,
#other-template fieldset {
	border: 1px solid #ccc;
}

/*コメントの入力フォームのグループ名*/
#search-page legend,
#individual-entry-archive legend,
#other-template legend {
	display: none;
}

/*コメント関連ののボタン・チェックボックス・サインイン・アウト*/
.button {
	font-size: 90%;
}

/*コメント関連ののボタン・チェックボックス・サインイン・アウトのリスト*/
ul.button li {
	list-style-type: none;
}

/*TypeKeyへのサインイン・アウト*/
.typekey_button {
}

/*TypeKeyへのサインイン・アウトのリスト*/
ul.typekey_button li {
	list-style-type: none;
	text-align: center;
}

/*TypeKeyへのサインイン・アウトのリンクスタイル*/
ul.typekey_button li a,
ul.typekey_button li a:link,
ul.typekey_button li a:visited {
	text-decoration: none;
	color: #8FAEBE;
}

ul.typekey_button li a:hover {
	text-decoration: none;
	color: #538198;
}

ul.typekey_button li a:active {
	text-decoration: none;
	color: #26566E;
}

/*TypeKeyのアラート（ログインしてくださいとか）*/
div.alert {
	border: 1px solid #666;
	background-color: #fff;
	background-image: url("switch02/typekey-logo.png");
	background-repeat: no-repeat;
	background-position: left center;
}

/*TypeKeyのアラート*/
div.alert p {
	color: #666;
	font-size: 90%;
}

/********************サイドバー関連********************/

/*サイドバーのリンクスタイル*/
div.sidebar a:link,
div.sidebar a:visited {
	color: #386ACD;
	text-decoration: none;
}


div.sidebar a:active,
div.sidebar a:hover {
	color: #386ACD;
	text-decoration: underline;
}


/*サイドバーの各項目を定義リストで表しています。*/
/*サイドバー各項目*/
div.sidebar dl {
	color: #666;
}

/*サイドバーの項目タイトル*/
div.sidebar dt {
	font-size: 95%;
	font-weight: bold;
	font-family: verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	color: #fff;
	background-color: #E3698D;
	background-image: url("switch02/sidebar_top.png");
	background-repeat: no-repeat;
	background-position: top center;
}

/*サイドバーの項目のコンテンツ*/
div.sidebar dd {
	font-size: 90%;
	background-color: #F3E5F2;
	background-image: url("switch02/sidebar_bottom.png");
	background-repeat: no-repeat;
	background-position: bottom center;
}

/*サイドバ−の内容をセンタリングしたい時はその要素を含むdlにcmというクラスをあたえる
そのうちエントリーします。*/
div.sidebar dl.cm dd {
	text-align: center;
}

/*サイドバーのリストのマーカー*/
div.sidebar ul,
div.sidebar ol {
	list-style-type: none;
}

div.sidebar ul li,
div.sidebar ol li {
}

/*サイドバーの項目のコンテンツのリスト（子）*/
div.sidebar dd ol ol,
div.sidebar dd ul ul {
	font-size: 95%;
}

li.commentator {
	list-style-type: decimal;
	list-style-image: url("switch02/comments-icon.png");
	list-style-position: inside;
}

li.entries {
	list-style-type: decimal;
	list-style-image: url("switch02/entries-icon.png");
	list-style-position: inside;
}

/*検索の入力フォームのグループ*/
div.sidebar dl#searchform {
	color: #666;
}

div.sidebar fieldset {
	border: none;
}

div.sidebar form.searchform {
	text-align: center;
}

/*検索の入力フォームのグループ名*/
div.sidebar legend {
	display: none;
}

/*クリエイティブコモンズ・Syndicate this site ・MTバージョン・HINAGATAバナー*/
.powered,
div.link-note {
	color: #666;
	font-size: 90%;
	text-align: center;
	background-color: #F3E5F2;
	border: 1px solid #E3698D;
	font-family: verdana, Arial, Helvetica, sans-serif;
}

/********************カレンダー関連********************/

/*カレンダーのテーブル*/
dl#calendar table {
	border: none;
}

/*年と月*/
dl#calendar caption {
	color: #fff;
	font-size: 95%;
	font-weight: bold;
	font-family: verdana, Arial, Helvetica, sans-serif;
}

dl#calendar tr {
}


/*曜日のthと日付のtd*/
dl#calendar th,
dl#calendar td {
	text-align: center;
	font-weight: normal;
	font-size: 95%;	
}

dl#calendar td {
	font-family: verdana, Arial, Helvetica, sans-serif;
}

/*日曜日の曜日表示*/
dl#calendar th.sunday {
	color: #FF0000;
}

/*土曜日の曜日表示*/
dl#calendar th.saturday {
	color: #0033CC;
}

/*平日の曜日表示*/
dl#calendar th.weekday {
	color: #666;
}

/******************** スタイルシート追加はここから ********************/
/*
*ベーススタイルのことを気にせず好きなように追加してください。
*マージン・パディングなどのプロパティも使ってもかまいません。
*/

div.sidebar dd.hidden { display: none; }