@charset "utf-8";
/* CSS Document */

/* --------------------------------
*
* for Reset:
*
* --------------------------------- */

body,
h1, h2, h3, h4, h5, h6,
p, address, ins,
blockquote, pre, code,
ul, ol, li,
dl, dt, dd {
	margin: 0;
	padding: 0;
}

img,
table, th, td {
	border: none;
}


/* --------------------------------
*
* 基本：
*
* --------------------------------- */

body {
	height: 100%;
	font: normal normal 90% /1.75 sans-serif;
	color: #222;
	text-align: center;
	letter-spacing: 1px;
	background: #fff;
}

table {
	border-collapse: collapse;
}

a:link {
	color: #36c;
	text-decoration: underline;
}

a:visited {
	color: #4e4785;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

/* --------------------------------
*
* 基本：　カラムアレイアウトと背景。
*
* --------------------------------- */

div#wrap {
	width: 926px;
	margin: 20px auto 0;
	text-align: left;
	background: url("../image/wrap_bg.png") left top repeat-y;
}

div#wrap:after {
	content: " ";
	display: block;
	clear: both;
}

#siteName {
	margin: 0;
	padding: 0 0 0 20px;
	height: 70px;
	line-height: 70px;
	text-indent: 0; /* pに指定したtext-indentを解除 */
	text-align: left;
	background: url("../image/site_name_bg.png") left bottom no-repeat;
	zoom: 1;
}

div#nav { /*--- ナビゲーション系の詳細設定は、別途記載 --*/
	padding: 0 16px;
	background: url("../image/nav_bg.png") left bottom no-repeat;
}

ul#breadcrumbs { /*--- ナビゲーション系の詳細設定は、別途記載 --*/
	padding: 10px 16px 10px 26px;
	list-style: none outside;
	font-size: 80%;
}

div#main {
	z-index: 10;
	float: left;
	width: 580px;
	padding: 10px 0 0 26px;
}

div#sub {
	z-index: 1;
	float: right;
	width: 240px;
	padding: 5px 31px 0 0;
}

body#home div#main,
body#home div#sub { /* トップページ用(パンくずナシのため調整） */
	padding-top: 30px;
}

address {
	clear: both;
	min-width: 926px;
	margin: 0 auto;
	padding: 120px 0 20px;
	font: normal bold 90% /1.4 Optima, "Trebuchet MS", sans-serif;
	color: #333;
	text-align: center;
	background: url("../image/address_bg.png") center top no-repeat;
}


/* --------------------------------
*
* ナビゲーション:　グローバル・パンくず
*
* --------------------------------- */

div#nav ul {
	padding: 0 1em 0.5em 0;
	list-style: none outside;
	text-align: right;
	background: url("../image/nav_ul_bg.png") right center no-repeat;
}

div#nav li,
ul#breadcrumbs li {
	display: inline;
}

div#nav li {
	padding: 0 1em 0 0;
	font: normal bold 100% Optima, "Trebuchet MS", sans-serif;
}

div#nav li em {
	font-style: normal;
}

ul#breadcrumbs li a {
	padding: 0 16px 0 0;
	margin: 0 0 0 3px;
	background: url("../image/icon_arrow.png") center right no-repeat;
}

ul#breadcrumbs li em {
	padding-left: 5px;
	font-weight: normal;
	font-style: normal;
}

p {
	margin-bottom: 1em;
}

em {
	font-style: italic;
}

strong {
	font-weight: bold;
}

/* --------------------------------
*
* div#main:　main contents部
*
* --------------------------------- */

/*--- 見出し設定 --- */
h1 {
	margin: 0 0 1.75em;
	padding: 0 0 0 50px;
	font: normal bold 130% /32px sans-serif;
	background: url("../image/h1_mac.png") left center no-repeat;
}

h1 em {
	font-style: normal;
}

h2 {
	margin: 1em 0 0.75em;
	padding: 0 0 2px;
	font: normal bold 130% /1.4 sans-serif;
	color: #333;
	background: url("../image/headline_bg.png") left bottom repeat-x;
}

h1, h2 {
	text-shadow: 1px 1px 2px #ccc;
}

h3 {
	margin: 1em 0 0.25em;
	font: normal bold 100% /1.4 sans-serif;
}

/* エントリータイトル */
.entryTitle  {
	margin: 0;
	padding: 0 0 2px;
	font: normal bold 130% /1.4 sans-serif;
	color: #333;
	background: url("../image/headline_bg.png") left bottom repeat-x;
}

/* 公開日 */
.entryDate {
	margin: 0 0 1.5em;
	font: normal normal 85% /1.2 sans-serif;
	color: #222;
	text-align: right;
	letter-spacing: 0;
	background-image: none;
}

h2 a:link, h2 a:visited,
h3 a:link, h3 a:visited {
	text-decoration: none;
}

/*--- 本文設定 --- */
div#main p {
	text-indent: 1em;
}

/*--- リスト設定--- */
div#main ul {
	list-style: disc outside;
	margin: 0.5em 0 1em 1.5em;
}

div#main ol {
	list-style: decimal outside;
	margin: 0.5em 0 1em 1.5em;
}

div#main ul ul {
	list-style: circle outside;
	margin: 0 0 1em 1.5em;
}

div#main ol ol {
	list-style: lower-latin outside;
	margin: 0 0 1em 1.5em;
}

div#main ul ol,
div#main ol ul {
		margin: 0 0 1em 1.5em;
}

/*--- 定義リスト --- */
dl {
}

dt {
	padding-left: 14px;
	background: url("../image/icon_plastics.png") 0 40% no-repeat;
}

dd {
	margin: 0.25em 0 1em 1em;
}

/*--- 会話 ---*/
dl.talk {
	margin-bottom: 1em;
	padding: 50px 10px 1px;
	background: #fff url("../image/icon_talk.png") 10px 10px no-repeat;
}

dl.talk dt { /* 発言者 */
	float: left;
	width: 5em;
	background: transparent none; /* dt(default)の背景画像を消す */
}

dl.talk dt:after {
	content: "：";
}

dl.talk dd { /* 発言内容 */
	margin: 0 0 0.5em 5.8em;
}

/*--- 整形済テキスト ---*/
pre {
	overflow: scroll;
	background: #222;
	margin-bottom: 1em;
	padding: 0 1em;
	font: normal normal 100% /1.3 Monaco, "Lucida Console", mono;
	color: #fff;
}

/*--- 追記 ---*/
ins {
	display: block;
	margin: 1em 0;
	padding: 50px 10px 1px;
	text-decoration: none;
	background: #fff url("../image/icon_text.png") 10px 10px no-repeat;
}

ins:before {
	display: inline-block;
	padding-bottom: 0.25em;
	content: "追記："attr(datetime)"";
	text-align: center;
	font-size: 90%;
}

/*--- 引用 ---*/
blockquote {
	display: block;
	margin: 1em 0;
	padding: 50px 10px 1px;
	text-decoration: none;
	background: #fff url("../image/icon_doc.png") 10px 10px no-repeat;
}

blockquote:before {
	display: inline-block;
	padding-bottom: 0.25em;
	content: ""attr(title)" より引用";
	text-align: center;
	font-size: 90%;
}

/*--- 略語 ---*/
abbr {
	cursor: help;
	border-bottom: 1px dotted #222;
	text-decoration: none;
}

/*---- エントリー情報　dl.entryInfo ---*/
dl.entryInfo {
	padding-top: 1em;
	text-align: left;
	font-size: 85%;
}

dl.entryInfo dt {
	float: left;
	width: 5.6em;
}

dl.entryInfo dd {
	margin: 0 0 0.5em 5.7em;
}

div#main dl.entryInfo ul {
	list-style: none inside;
	margin: 0;
}

dl.entryInfo li { /* カテゴリ */
	display: inline;
	line-height: 1.2;
}

dl.entryInfo li + li { /* カテゴリ */
	margin-left: 0.75em;
	padding-left: 0.75em;
	border-left: 1px solid #444;
}


/*--- 「このページのトップへ」リンク ---*/
p.pageTop {
	clear: left;
	margin-bottom: 3em;
	text-align: right;
	font-size: 85%;
}

p.pageTop:before {
	content: "▲ "
}

/*--- ページ分割　ul.pager ---*/
div#main ul#pager {
	list-style: none outside;
	font-size: 80%;
	text-align: center;
}

ul#pager li {
	display: inline;
}

ul#pager li#prev {
	padding-left: 16px;
	background: url("../image/icon_prev.png") left center no-repeat;
}

ul#pager li#next {
	padding-right: 16px;
	background: url("../image/icon_next.png") right center no-repeat;
}

ul#pager li + li {
	margin-left: 0.75em;
}

ul#pager li a {
}


/* --------------------------------
*
* div#sub:　サブ
*
* --------------------------------- */
div#sub {
	font-size: 85%;
}

div#sub h3 {
	margin: 0;
	padding: 1em 1em 0.25em;
	font: normal bold 100% /1.2 sans-serif;
	text-align: left;
	background: #fffbd0;
}

div#sub ul {
	list-style: none outside;
	background: #fffbd0;
	margin: 0 0 1em 0;
	padding: 0 0 0.5em 1.25em;
}

div#sub li {
	margin-bottom: 0.25em;
	padding: 0 0 0 15px;
	background: url("../image/icon_cmd.png") 0 6px no-repeat;
}

/*--- おしらせ。---*/
div#info {
	background: #fffbd0;
	margin-bottom: 15px;
	padding: 0 1em 0.5em;
}

div#sub div#info h3 {
	padding: 1em 0 0.5em;
}

/*--- twitter ---*/
p#twitter {
	text-align: center;
}

div#info object { /* ロールちゃん */
	display: block;
	margin: 0.5em auto;
	text-align: center;
}

p#powered { /*--- Powered by Movable Type ---*/
	margin: 2em 0;
	text-align: center;
	font: normal normal 80% /1.3 verdana, sans-serif;
	letter-spacing: 0;
}