/* 全体的な設定 */

	/* contentプロパティの初期化 */
	*:before,
	*:after {
		content : "";
	}

	/* 全体的なマージン・パディング・フォントスタイル等の初期化 */
	* {
		margin : 0;
		padding : 0;
		font-style : normal;
		font-weight : normal;
	}

	/* body要素以下全てに適用 */
	body {
		color : #333;					/* 文字の色 */
		background-color : #ffffcc;		/* 背景の色 */
		text-align : center;			/* 古いIEでセンタリングする */
		line-height : 1.5;				/* 行間 */
		font-size : x-small !important;	/* 古いIEの文字サイズ */
		voice-family : "\"}\"";			/* おまじない */
		voice-family : inherit;			/* おまじない */
		font-size : small !important;	/* CSSを正しく解釈出来るブラウザ用の文字サイズ */
	}

	html>body {
		font-size : small !important;	/* Opera用の文字サイズ */
	}

	textarea {
		width : 90%;
	}

/* リンクの設定 */

	/* 未閲覧（キャッシュされていない）要素のスタイル */
	a:link {
		color : #30c !important;	/* 文字の色 */
	}

	/* 閲覧済（キャッシュされている）要素のスタイル */
	a:visited {
		color : #909 !important;	/* 文字の色 */
	}

	/* カーソルを要素の上に置いている(まだアクティブ状態にしていない)時のスタイル */
	a:hover {
		color : #f00 !important;	/* 文字の色 */
	}

	/* アクティブ状態にされた時のスタイル */
	a:active {
		color : #c00 !important;	/* 文字の色 */
	}

	/* リンク画像の枠を表示しない */
	a img {
		border-style : none;	/* 枠を非表示 */
		border-width : 0px;		/* 枠の幅を0pxに設定 */
		text-decoration : none;	/* 装飾を表示しない */
	}

/* レイアウト用ブロックの設定 */

	/* 全体の大枠 */
	/* 左右のマージンを自動で求める事でセンタリング(margin-leftとmargin-right) */
	div#container {
		width : 760px;					/* wrapper＋extra-columnの幅 */
		margin-left : auto;				/* 左側のマージンを自動計算 */
		margin-right : auto;			/* 右側のマージンを自動計算 */
		background-color : transparent;	/* 背景を透過（bodyで指定した値が有効になります） */
		text-align : left;				/* 古いIE用にセンタリングした部分を元に戻す */
	}
	/* 全体の大枠(システムテンプレート用) */
	div#container.systemplate {
		width : 440px;					/* 両側ブロックのないサイズ */
	}

	/* タイトル部分 */
	div#branding {
		width : 760px;						/* 繰り返し画像の場合は指定不要　最大はcontainerの設定値 */
		height : 82px;						/* 繰り返し画像の場合は指定不要 */
		background : url("http://www.yokohama-chinatown.net/images/topimage.gif") top left no-repeat;	/* 画像 */
		background-position : right top;	/* 画像位置 */
		background-color : #ff3333			/* 背景色 */
	}

	/* タイトル部分(システムテンプレート用) */
	div#branding.systemplate {
		width : 440px;						/* 両側ブロックのないサイズ */
	}

	/* タイトル部分と記事、記事部分とフッター部分の間隔 */
	div.column {
		margin : 10px 0;
	}

	/* primary-columnとsecondary-columnの回り込み */
	div#wrapper {
		float : left;	/* 左側に回り込む */
		width : 600px;	/* primary-column＋secondary-columnの幅 */
	}

	/* プライマリカラム(中央(本文)ブロック) */
	/* IEは正しくCSSの幅・高さを解釈出来ませんのでそのままではレイアウトが崩れる */
	/* 正しく解釈出来るようボックスモデルハック(おまじない)を実施　参考：CSSハック */
	div#primary-column {
		float : right;			/* 右側に回り込む */
		width : 440px;			/* 古いIE用の幅（コンテンツ幅＋ボーダー幅＋左右パディングの幅） */
		padding : 0 10px;		/* パディング */
		voice-family : "\"}\"";	/* おまじない */
		voice-family : inherit;	/* おまじない */
		width : 420px;			/* CSSを正しく解釈出来るブラウザ用のコンテンツ幅 */
	}
	html>body div#primary-column {
		width : 420px;						/* Opera用のコンテンツ幅 */
	}

	/* セカンダリカラム(左側ブロック) */
	div#secondary-column {
		float : left;				/* 左側に回り込む */
		background-color : #ffcc66;	/* 背景色 */
		width : 160px;				/* 幅 */
	}

	/* エクストラカラム(右側ブロック) */
	div#extra-column {
		float : left;				/* 左側に回り込む */
		width : 160px;				/* コンテンツ幅 */
		background-color : #ffcc66;	/* 背景色 */
	}

	/* 著作表示ブロック */
	div#siteinfo-legal {
		clear : both;		/* 回り込みを解除 */
		margin : 0 10px;	/* [上下][左右] */
	}

/* タイトル・サイトの説明部分の設定 */

	/* 見出しの初期設定*/
	h1,h2,h3 {
		font-weight : bold;
	}
	h2,h3,h4 {
		font-size : x-small;	/* 古いIEの文字サイズ */
		voice-family : "\"}\"";	/* おまじない */
		voice-family : inherit;	/* おまじない */
		font-size : small;		/* CSSを正しく解釈出来るブラウザ用の文字サイズ */
	}
	html>body h2,h3,h4 {
		font-size : small;				/* Opera用の文字サイズ */
	}

	/* タイトル */
	div#branding h1 a {
		padding : 0 10px;		/* [上下][左右] */
		text-decoration : none;	/* 下線なし */
		font-size : x-large;	/* 古いIEの文字サイズ */
		voice-family : "\"}\"";	/* おまじない */
		voice-family : inherit;	/* おまじない */
		font-size : xx-large;	/* CSSを正しく解釈出来るブラウザ用の文字サイズ */
	}
	html>body div#branding h1 {
		font-size : xx-large;	/* Opera用の文字サイズ */
	}
	div#branding h1 a:link,
	div#branding h1 a:visited {
		color : white !important;	/* タイトル文字の色 */
	}

	/* サイトの説明 */
	div#branding p {
		padding : 0 10px;		/* [上下][左右] */
		color : white;
		font-size : x-small;	/* 古いIEの文字サイズ */
		voice-family : "\"}\"";	/* おまじない */
		voice-family : inherit;	/* おまじない */
		font-size : small;		/* CSSを正しく解釈出来るブラウザ用の文字サイズ */
	}
	html>body div#branding p {
		font-size : small;		/* Opera用の文字サイズ */
	}

/* Primary-Columnの設定 */

	/* ページ移動用ナビゲーション */
	p.prev-next-navi {
		margin-bottom : 10px;
		text-align : center;
	}

	/* 各記事毎のブロック */
	/* １つの記事(ブロック)が１section　各sectionにh2(タイトル)と記事 */

	/* 記事と記事の間隔 */
	div.section {
		margin-bottom : 25px;
	}

	/* 記事のタイトル部分 */
	div.section h2 {
		border-left : 12px solid #ff3333;	/* 左の縦線 [太さ][線種][色]*/
		background-color : #ffcc66;			/* 背景色*/
		font-size : small;					/* 古いIEの文字サイズ */
		voice-family : "\"}\"";				/* おまじない */
		voice-family : inherit;				/* おまじない */
		font-size : medium;					/* CSSを正しく解釈出来るブラウザ用の文字サイズ */
	}
	html>body div.section h2 {
		font-size : medium;					/* Opera用の文字サイズ */
	}
	/* div.section h2に全てのスタイルを指定すると認識しないため分割して記述 */
	h2.entry-header {
		padding : 2px 8px;　				/* [上下][左右] */
		margin-bottom : 10px;
	}

	div.section h2 a:link,
	div.section h2 a:visited {
		font-weight : bold !important;	/* 文字の太さ(リンクのためここで指定) */
	}

	/* 段落の設定 */
	div.section p {
		margin : 1em 0;	/* 上下1行分空ける */
	}

	/* 記事本体部分 */
	div.entry-body,
	div.entry-tags {
		padding : 0 10px;	/* [上下][左右] */
	}
	div.entry-body img {
		float : right;	/* 画像を右に配置し本文を左に回りこませる */
	}
	p.entry-more {
		padding : 0px 10px;	/* 「続きを読む」の位置 [上下][左右] */
	}

	/* リスト設定 */
	ul.entry-tags-list {
    	margin: 0px 0px 0px 17px;
		list-style-type : none;
	}
	li.entry-tag {
    	margin-top: 0;
		line-height: 1.2;
		display : inline;
	}

	/* フッター部分（コメントやトラックバックなど） */
	div.entry-footer {
		padding : 3px 10px;				/* [上下][左右] */
		text-align : right;
		clear : both;					/* 回り込み解除 */
	}
	.emoji{
		vertical-align:middle;
		border:0;
	}

/* トラックバック部分の設定 */

	/* トラックバックトップ */
	h3#trackback-top {
		margin : 20px 3px 10px 3px;			/* [上][右][下][左] */
		padding : 1px 10px;					/* [上下][左右] */
		border-left : 8px solid #ff3333;	/* 左の縦線 [太さ][線種][色]*/
	}

	/* トラックバックURI */
	p.trackback-uri {
		margin-bottom : 10px;		/* [上下][左右] */
		padding : 0.2em 0.5em;		/* [上下][左右] */
		border : 1px solid #333;	/* 囲み線 [太さ][線種][色]*/
	}

	/* トラックバックのタイトル */
	h4.trackback-header {
		margin : 0px 3px 0px 15px;			/* [上][右][下][左] */
		padding : 0px 3px 0px 10px;			/* [上][右][下][左] */
		border-bottom : 1px dotted #333;	/* 下線 [太さ][線種][色] */
	}

	/* トラックバック先の概要 */

	div.trackback-excerpt {
		margin : 0px 3px 0px 15px;	/* [上][右][下][左] */
		padding : 0px 3px 0px 10px;	/* [上][右][下][左] */
		background : transparent;
	}

	/* トラックバックフッター */
	div.trackback-footer {
		margin : 0px 3px;		/* [上下][左右] */
		padding : 0px 3px;		/* [上下][左右] */
		text-align : right;
	}

/* コメント部分の設定 */

	/* コメントフォーム */
	div#primary-column form {
		padding : 0 10px;	/* [上下][左右] */
	}

	/* 管理者だけにコメント */
	input#himitu {
		margin-right : 0.5em;
	}

	/* コメントフォームのボタン */
	p.form-btn {
		margin-top : 20px;
	}

	/* 見出し(コメントトップ／コメントの投稿／コメントの編集) */
	h3#comment-top,
	h3.comment-post,
	h3.comment-edit {
		margin : 15px 3px 10px 3px;			/* [上][右][下][左] */
		padding : 1px 10px;					/* [上下][左右] */
		border-left : 8px solid #ff3333;
	}

	/* コメントタイトル */
	h4.comment-header {
		margin : 0px 3px 0px 15px;			/* [上][右][下][左] */
		padding : 0px 3px 0px 10px;			/* [上][右][下][左] */
		border-bottom : 1px dotted #333;	/* 枠線 */
	}

	/* コメント本文 */
	div.comment-body {
		margin : 0px 3px 0px 15px;	/* [上][右][下][左] */
		padding : 0px 3px 0px 10px;	/* [上][右][下][左] */
	}

	/* コメントフッター */
	div.comment-footer {
		margin : 0px 3px;	/* [上下][左右] */
		padding : 0px 3px;	/* [上下][左右] */
		text-align : right;
	}

/* Secondary-Column、Extra-Columnの共通設定 */

	/* 位置調整 */
	div.module-content {
		padding : 0px 8px;	/* [上下][左右] */
	}

	/* 説明文 */
	div.explanation {
		font-size : xx-small;				/* 古いIEの文字サイズ */
		voice-family : "\"}\"";				/* おまじない */
		voice-family : inherit;				/* おまじない */
		font-size : x-small;					/* CSSを正しく解釈出来るブラウザ用の文字サイズ */
	}
	html>body div.explanation {
		font-size : x-small;					/* Opera用の文字サイズ */
	}

	/* リスト設定 */
	ul.module-list {
    	margin: 0px 0px 0px 17px;
	    list-style: disc;
	}
	li.module-list-item {
    	margin-top: 0;
		line-height: 1.2;
	}

/* Secondary-Columnの設定 */

	/* 左側ブロックの見出し */
	div#secondary-column h2 {
		color : white;
		background-color : #ff3333;
		margin-bottom : 5px;
		text-align : center;		/* センタリング */
	}
	div#secondary-column h2 a:link,
	div#secondary-column h2 a:visited {
		color : white !important;	/* タイトル文字の色 */
	}

/* Extra-Columnの設定 */

	/* 右側ブロックの見出し */
	div#extra-column h2 {
		color : white;
		background-color : #ff3333;
		margin-bottom : 5px;
		text-align : center;		/* センタリング */
	}
	div#extra-column h2 a:link,
	div#extra-column h2 a:visited {
		color : white !important;	/* タイトル文字の色 */
	}

	/* 著者名・著者概要・広告の位置調整 */
	p.author-name,
	p.author-description,
	p.ads {
		margin : 0 15px;
	}

/* フッター部分の設定 */

	div#siteinfo-legal p {
		padding : 10px 0;				/* パディング */
		border-top : 1px solid #333;	/* 上線 [太さ][線種][色] */
		text-align : center;			/* センタリング */
	}

/* その他テンプレート用　アーカイブページ他 */

	/* アーカイブページ本体 */
	div.archive-content {
		margin : 8px 12px;	/* [上下][左右] */
	}

	/* システムテンプレート本体 */
	div.systemplate-content {
		margin : 8px 12px;	/* [上下][左右] */
	}

	/* アーカイブタイトル */
	h2#archive-title {
		border-left : 12px solid #ffcc66;	/* 左の縦線 [太さ][線種][色]*/
		padding : 2px 10px;					/* [上下][左右] */
		margin-bottom : 10px;
		font-size : small;					/* 古いIEの文字サイズ */
		voice-family : "\"}\"";				/* おまじない */
		voice-family : inherit;				/* おまじない */
		font-size : medium;					/* CSSを正しく解釈出来るブラウザ用の文字サイズ */
	}
	html>body h2#archive-title {
		font-size : medium;					/* Opera用の文字サイズ */
	}

	/* システムテンプレート用タイトル */
	h2.systemplate-title {
		border-left : 12px solid #ffcc66;	/* 左の縦線 [太さ][線種][色]*/
		padding : 2px 10px;					/* [上下][左右] */
		margin-bottom : 10px;
		font-size : small;					/* 古いIEの文字サイズ */
		voice-family : "\"}\"";				/* おまじない */
		voice-family : inherit;				/* おまじない */
		font-size : medium;					/* CSSを正しく解釈出来るブラウザ用の文字サイズ */
	}
	html>body h2.systemplate-title {
		font-size : medium;					/* Opera用の文字サイズ */
	}

/* アフィリエイト用サイズ指定 */
	/* IFRAMEによる設定に対しサイズ指定する */
	/* 商品数変更時に変更要 テンプレートで修正を行わずにすむようスタイルシートに指定 */

	/* もしもドロップシッピング */
	.moshimo {
		height: 256px;
		width: 120px;
	}
	/* Amazonアソシエイト */
	.amazon {
		height: 600px;
		width: 120px;
	}

/* 強調の設定 */

	/* 強調 */
	em {
		font-style : italic;	/* 斜体 */
	}

	/* より強い強調 */
	strong {
		font-weight : bold;	/* 文字を太字にする */
	}

/* 引用の設定 */

	blockquote {
		margin : 5px 15px 5px 15px;		/* [上下][左右] */
		padding : 15px;					/* [上下左右] */
		border-left : 2px solid #333;	/* 左縦線 [太さ][線種][色] */
	}

/* コード */

	/* 記事中にプログラムコードなどを書く時に使用 */
	/* プロポーショナルフォントではなく等幅フォントを指定すると良い */

	div.section pre {
		margin : 1em auto;
		padding : 0.5em;
		border : 1px solid #633;
		font-family : sans-serif;
		overflow : auto;
		width : 90%;				/* pre element clearing bug in WinIE  */
	}

	/* for without MacIE5 \*/
	div.section pre {
		overflow : scroll;					/* MacIE用バグ対応 */
	}/* */
	div.section > pre {
		width : auto;						/* MacIE用バグ対応 */
	}
	div.section code {
		font-family : monospace;			/* 等幅フォントを指定 */
	}

/* Mac版IEの文字化け対策 */

	/* マック版IEでは表示できるフォントを指定しないと文字化けを起こす。(以下は削除しない) */
	textarea,input,select {
		font-family : "\30D2\30E9\30AE\30CE\20Pro\20W3","Osaka","Verdana","Helvetica","Arial","\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF",sans-serif;
	}
