/*
	Title: A3size.com original theme
	Revision: $Revision: 2.09 $
	Author: nomura masayuki
	Access: nomura@a3size.com
	License: GPL
	Comment: original tDiary theme for diary.A3size.com
	*/
	
	/*
	ページ全体の基本的な設定。背景色や文字色など
	*/
	body {
		background-color: #FFFFFF;
		color: #333333;
		margin: 0px;
		padding: 0px;
	}
	
	/*
	リンク文字列に関する設定
	*/
	a:link {
		color: #CC0000;
		text-decoration: none;
	}
	
	a:visited {
		color: #CC3300;
		text-decoration: none;
	}
	
	a:hover {
		text-decoration: underline;
	}
	
	a:active {
		color: #FF3333;
		text-decoration: underline;
	}
	
	a img {
		border: none;
	}
	
	/*
	基本設定
	*/
	h1 {
		font-size: large;
		text-align: left;
	}
	
	/*
	構造
	*/
	div.main {
		clear: both;
		float: none;
		min-width: 480px;
	}
	
	div.diaryMainContents {
	    float: right;
		margin-left: -210px;
		width: 100%;
	}
	
	div.diaryMain {
		float: none;
		width: auto;
		position: static;
		background-color: #FFFFFF;
		margin: 0px;
		padding-top: 0px;
		padding-right: 10px;
		padding-bottom: 0px;
		padding-left: 200px;
	}
	
	div.sidebar {
	    float: left;
		position: relative;
		font-size: small;
		line-height: 1.2ems;
		text-align: center;
		width: 168px;
		margin: 0px;
		padding: 5px;
		background-color: #F8F8FF;
		border: 3px double #9BBCFF;
	}
	div.conf {
	font-size: medium;
	margin-right: 1em;
	margin-left: 3em;
	}
	
	/*
	操作ボタンの設定
	*/
	span.adminmenu {
		font-size: small;
		color: #990000;
		padding: 2px;
	}
	
	div.adminmenu {
		text-align: right;
		padding: 2px;
	}
	
	div.adminmenu span.adminmenu {
		background-color: #FFFFFF;
		border: 1px solid #CCCCCC;
	}
	
	/*
	日記ヘッダ部の設定
	*/
	.head {
		background-color: #FFFFFF;
		margin: 0px;
		padding-top: 10px;
		padding-right: 0px;
		padding-bottom: 10px;
		padding-left: 0px;
	}
	.head h1 {
		font-size: x-large;
		text-align: left;
		padding: 5px;
		margin: 0px;
		font-weight: bold;
		display: inline;
	}
	
	.head .headComment {
		font-size: x-small;
		color: #666666;
		font-style: normal;
		font-weight: normal;
		padding: 5px;
	}
	
	#rssicon {
		position: absolute;
		top: 5px;
		right: 10px;
		width: 108px;
		text-align: right;
		font-size: small;
		line-height: 1.5em;
	}
	
	
	/*
	カレンダーの設定
	*/
	.calendarComment {
		font-size: x-small;
		color: #666666;
		font-style: normal;
		font-weight: normal;
	}
	
	div.calendar {
		text-align: left;
		top: 0px;
		right: 10px;
		letter-spacing: 0.1em;
	}
	
	div.calendar div.year {
		font-size: x-small;
		line-height: 2em;
	}
	
	/*
	1日の日記全体を囲む枠の設定
	*/
	div.day {
		margin-bottom: 20px;
	}
	
	/*
	タイトル行全体の設定
	*/
	h2 {
		margin: 0px;
		background-color: #EDF4F8;
		border-left-color: #9BBCFF;
		border-left-style: solid;
		border-left-width: 7px;
		padding-top: 2px;
		padding-right: 7px;
		padding-bottom: 5px;
		padding-left: 7px;
	}
	
	/*
	日付の設定
	*/
	h2 span.date {
		font-weight: normal;
		font-size: small;
	}
	
	/*
	タイトルの設定
	*/
	h2 span.title {
		font-size: small;
		font-weight: normal;
		line-height: 1.2em;
	}
	
	/*
	タイトルを除いた1日の日記本文全体の設定
	*/
	div.body {
	
	//	color: #000;	margin-top: 10px;
		margin-bottom: 10px;
	}
	
	/*
	サブタイトルを含むセクションの設定
	*/
	div.section {
		margin-top: 1em;
		margin-left: 2em;
		margin-bottom: 1em;
		margin-right: 1em;
		font-size: medium;
		line-height: 1.6em;
		font-weight: normal;
	}
	
	/*
	サブタイトルの設定
	*/
	h3 {
	font-size: medium;
	margin-bottom: 1px;
	font-weight: bold;
	border-style: dotted;
	border-color: #999999;
	border-width: 0px 0px 1px 0px;
	color: #000033;
	line-height: 1.2em;
	}
	
	/*
	その他の見出し(必要なら)
	*/
	h4 {
		margin: 2em;
		font-weight: bold;
		margin-bottom: 0em;
	}
	
	/*
	イメージアンカーの設定
	ただしDefaultテーマではイメージアンカーは使っていないのでコメントにしてある
	指定のコツは以下の通り
	  - span.sanchorはセクションアンカー、span.canchorはツッコミアンカー
	  - background-imageにアンカー画像を指定
	  - paddingのtop(最初)とright(2番目)に画像の縦横サイズを指定
	  - colorに背景色と同じ色を指定(文字を見えなくするため)
	*/
	div.day span.sanchor {
	background-image: url(default_sanchor.png);
	background-position: bottom right;
	background-repeat: no-repeat;
	color: #fff;
	background-color: transparent;
	font-size: 1px;
	margin: 0px;
	padding-top: 18px;
	padding-right: 12px;
	padding-bottom: 0px;
	padding-left: 0px;
	}
	
	/*
	div.day span.canchor {
		background-image: url(default_canchor.png);
		background-position: bottom right;
		background-repeat: no-repeat;
		padding: 16px 16px 0px 0px;
		color: #fff;
		background-color: transparent;
		font-size: 1px;
	}
	*/
	
	/*
	日記の本文(段落)の設定
	*/
	div.section p {
		text-indent: 1em;
		margin: 0px;
		padding-top: 0.4em;
		padding-bottom: 0.4em;
	}
	
	/*
	ツッコミ/フォーム/リンク元のキャプション設定
	*/
	div.caption {
	text-align: right;
	font-size: small;
	}
	
	/*
	ツッコミ欄全体の設定
	*/
	div.comment {
	background-color: #FFFFFF;
	color: #333333;
	margin-left: 2em;
	margin-right: 1em;
	font-size: medium;
	border: 1px solid #CCCCCC;
	padding-top: 0.2em;
	padding-right: 0.5em;
	padding-bottom: 0.2em;
	padding-left: 0.5em;
	}
	
	/*
	ツッコミ省略版本文
	*/
	div.commentshort {
	font-size: small;
	line-height: 1.2em;
	font-weight: normal;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCCCCC;
	}
	span.commentator {
		font-weight: bold;
	}
	div.commentshort p {
	margin: 0.2em;
	}
	
	/*
	ツッコミ本体
	*/
	div.commentbody {
		font-size: small;
		line-height: 1.2em;
	}
	
	/*
	ツッコミした人の情報
	*/
	div.commentator {
		line-height: 1.5em;
	}
	
	/*
	ツッコミ本文
	*/
	div.commentbody p {
	margin-right: 1em;
	margin-top: 0em;
	margin-bottom: 0.5em;
	margin-left: 1em;
	}
	
	/*
	フォーム全体を囲む枠の設定
	*/
	div.form {
	background-color: #FFFFFF;
	color: #333333;
	margin: 0px;
	padding: 5px;
	font-size: small;
	line-height: 1.2em;
	}
	
	/*
	フォームの設定
	*/
	div.form form {
		margin: 0px;
		padding: 0px;
	}

	div.field {
	display: inline;
	}

	div.textarea {
	}

	
	/*
	ツッコミフォームの設定
	*/
	div.day div.form {
	margin-left: 2em;
	margin-right: 1em;
	padding-top: 0.2em;
	padding-right: 0.5em;
	padding-bottom: 0.2em;
	padding-left: 0.5em;
	font-size: medium;
	background-color: #F8F8FF;
	margin-top: 1em;
	}
	
	div.day div.form div.field {
		font-size: small;
	}
	
	div.day div.form div.textarea {
		font-size: small;
	}
	
	div.day form.comment input {
	background-color: #FFFFFF;
	color: #333333;
	font-size: small;
	margin-left: 0.5em;
	margin-right: 0.5em;
	}
	
	div.day form.comment textarea {
	display: block;
	width: 100%;
	font-size: small;
	}
	
	div.day div.button {
		display: block;
		margin: 5px;
	}
	
	/*
	リンク元リスト(Month/Latestモード)の設定
	*/
	div.referer {
		text-align: right;
		font-size: 90%;
		background-color: #eef;
		color: #000000;
		padding: 2px;
		padding-bottom: 1px;
		margin: 0.5em 1em 0em 2em;
	}
	
	/*
	リンク元リスト(Dayモード)の設定
	*/
	div.refererlist {
		background-color: #fff;
		color: #000;
		border-style: solid;
		border-color: #aaf;
		border-width: 1px;
		padding: 2px;
		padding-bottom: 1px;
		margin-top: 0.5em;
		margin-left: 2em;
		margin-right: 1em;
	}
	
	/*
	リンク元リスト一覧の設定
	*/
	div.refererlist ul {
		font-size: 90%;
		margin: 0.5em 1em 0.5em 3em;
		line-height: 120%;
	}
	
	/*
	日々の日記のセパレータに使われる罫線の設定
	*/
	hr.sep {
		margin: 0px;
		padding: 0px;
		border: 0px;
		visibility: hidden;
	}
	
	/*
	フッタの設定
	*/
	div.footer {
		font-size: x-small;
		text-align: right;
		padding: 5px;
		line-height: 1.3em;
		font-weight: normal;
		color: #333333;
		clear: both;
	}
	
	/*
	更新フォーム
	*/
	form.update {
		padding-top: 0.5em;
		padding-bottom: 0.5em;
	}
	form.update input, form.update textarea, form.commentstat input {
	background-color: #FFFFFF;
	color: #333333;
	font-size: small;
	line-height: 1.4em;
	}
	
	form.update span.field {
		display: inline;
		margin-left: 0em;
		margin-right: 0.5em;
	}
	
	form.update div.field.title {
		display: block;
		margin-top: 1em;
	}
	form.update div.field.title input {
		margin-left: 0.5em;
	}
	
	form.update div.textarea {
		display: block;
		margin-top: 1em;
	}
	form.update textarea {
		display: block;
		width: 100%;
		height: 15em;
	}
	
	form.update span.checkbox.hidediary {
		margin-left: 1em;
	}
	
	/*
	ツッコミ状態変更フォーム
	*/
	div.comment form {
		margin-top: 0em;
	}
	
	/*
	エラーメッセージ表示の設定
	*/
	p.message {
		text-align: center;
		font-size: large;
		background-color: #990000;
		color: #FFFFFF;
		padding: 8px;
	}
	
	/*
	整形済みテキスト(preタグ)の設定
	*/
	div.section pre {
		background-color: #eef;
		color: #000;
		margin-left: 5em;
		margin-right: 1em;
		padding: 8px 8px 8px 8px;
	}
	
	/*
	引用(blockquoteタグ)の設定
	*/
	div.section blockquote {
		border-style: solid;
		border-color: #ddf;
		border-width: 2px 2px 2px 2px;
		margin-left: 5em;
		margin-right: 3em;
		padding: 4px 4px 4px 4px;
	}
	div.section blockquote p {
		margin: 0.5em 0em 0.5em 0em;
	}
	
	/*
	箇条書きの設定
	*/
	div.section ul, div.section ol {
		margin-left: 5em;
		margin-right: 3em;
		padding-left: 0px;
	}
	div.section ul ul, div.section ol ol {
		margin-left: 1.7em;
		margin-right: 1em;
		margin-bottom: 0.5em;
	}
	
	/*
	項目リストの設定
	*/
	div.section dl {
		margin-left: 5em;
	}
	
	div.section dt {
		margin-bottom: 0.2em;
		font-weight: bold;
	}
	
	div.section dd {
		margin: 0em 3em 0.5em 1em;
	}
	
	/*
	テーブルの設定
	*/
	div.section table {
		margin: 0.5em 1em 0.5em 5em;
		border-style: solid;
		border-width: 2px;
		border-color: #aaf;
		border-collapse: collapse;
	}
	div.section th, div.section td {
		padding: 5px;
		border-style: solid;
		border-width: 1px;
		border-color: #aaf;
	}
	
	/*
	 いくつかのメジャーなプラグイン対応
	 */
	
	/* calendar2 */
	table.calendar {
		font-size: x-small;
		line-height: 110%;
		border-style: solid;
		border-color: #aaf;
		border-width: 1px;
	}
	
	table.calendar td {
		margin: 0px;
		text-align: right;
		padding: 0px;
		margin: 0px;
	}
	
	table.calendar td.calendar-prev-month, table.calendar td.calendar-current-month, table.calendar td.calendar-next-month {
		text-align: center;
	}
	
	/* footnote */
	div.body span.footnote {
		vertical-align: super;
		font-size: 70%;
	}
	
	div.footnote {
		font-size: 85%;
		padding: 0em;
		margin-right: 10px;
		margin-top: 0px;
		border-top-width: 1px;
		border-top-style: solid;
		border-top-color: #eeeeee;
	}
	
	p.footnote {
		margin: 0.5em;
		padding: 0em;
	}
	
	/* amazon plugin */
	img.left {
		border-width: 1px;
		border-color: #008;
		float: left;
		margin: 0.5em;
	}
	
	img.right {
		border-width: 1px;
		border-color: #008;
		float: right;
		margin: 0.5em;
	}
	
	div.section, div.comment {
		clear: both;
	}
	
	/*
	サイドバー関連
	*/
	div.sidebar p {
		margin: 4px 0px 4px 0px;
		text-align: left;
	}
	.sidebar img.sidemenutitle {
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
	}
.sidebar .shortComment {
	text-align: center;
}

	.sidebar .center {
		text-align: center;
	}
	
	
	div.sidebar hr {
		padding: 0px;
		border-top-style: none;
		border-right-style: none;
		border-bottom-style: none;
		border-left-style: none;
		margin-top: 10px;
		margin-right: 0px;
		margin-bottom: 10px;
		margin-left: 0px;
	}
	
	
	/*
	recent_list plugin
	*/
	ul.recent-list {
		text-align: left;
		padding: 0px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 5px;
		margin-left: 0px;
		list-style-type: none;
		text-indent: -1em;
	}
	
	ul.recent-list li {
		text-align: left;
		margin: 0px;
		padding: 0px;
		font-weight: bold;
	}
	
	ul.recent-list-item {
		text-align: left;
		margin: 0px;
		padding: 0px;
		list-style-type: none;
		text-indent: -1em;
	}
	
	ul.recent-list-item li {
		text-align: left;
		margin: 0px;
		padding: 0px;
		font-weight: normal;
		color: #666666;
	}
	
	p.recentitem {
		font-size: 90%;
		margin-top: 0px;
		margin-bottom: 0px;
	}
	
	div.recentsubtitles {
		font-size: 90%;
		margin-top: 0px;
		margin-bottom: 1em;
		margin-left: 1em;
	}
	
	img.category {
	padding-right: 5px;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	}

@media screen and (max-device-width: 480px) {
	div.diaryMain {
		padding-right: 0px;
		padding-left: 0px;
	}
}