@charset "UTF-8";
/* デザイン著作
	name: 332cn
	designer: @Style
	designer_url: http://atstyle.biz/
	developer: @Style
	developer_url: http://atstyle.biz/
*/
/*IEとFirefoxの差を埋める*/
* { box-sizing : border-box}
* { -moz-box-sizing : border-box}



/* 全体に影響 */
h1,h2,h3,h4,h5,ul,ol,li,dl,dt,dd,blockquote,cite,q,address{
	font-size: 12pt;
	font-weight: normal;
	font-style: normal;
	margin: 0px;
	padding: 0px;
}

img{
	border-style: none;
}
/* 全体に影響 */

body{
	margin:0px;
	color:#333333;
	background-color:#543836;
	font-family:Arial,Helvetica,Tahoma,"Trebuchet MS","ＭＳ Ｐゴシック",sans-serif;
	text-align:center; /*Classicブラウザで中央表示*/
}

#content{
	width:750px;
	_height:1%; /*WIN IE6.0対策アンダーハック*/
	margin : 0px auto 0px auto;/* モダンブラウザで中央表示*/
	/*margin : 0px 30px 0px 30px; ウインドウの大きさに追従する*/
}

.content{
	_height:1%; /*WIN IE6.0対策アンダーハック*/
	background-color:#543836;
	text-align:left;
}

#header{
	_height:1%;/*WIN IE6.0対策　アンダーハック*/
}

.header{
	height:100px;
	margin:0px 0px 8px 0px;
	padding:0px;
	border:2px solid #ffffff;
	overflow : hidden ;
}

#pagebody{
	/*絶対位置指定のコツ　ここにこの指定をすることで、
	　以下の位置指定の起点はcontainerの左上になる。*/
	position:relative ;
}

.pagebody{
	_height:1%;/*WIN IE6.0対策　アンダーハック*/
}

#submenu{
	position:absolute;
	top:0px;
	left:0px;
	width:170px;
	border:2px solid #ffffff;
}

.submenu{
	_height:1%;/*WIN IE6.0対策　アンダーハック*/
	border:3px solid #543836;
	background-color:#ffffff;
	margin:0px;
	padding:0px;
	word-break:break-all;
}


#main{
	width:575px;
	margin : 0px 0px 0px auto;/*モダンブラウザ用*/
	_margin : 0px 0px 0px 179px;/*IE6用*/
	border:2px solid #ffffff;
}

.main{
	_height:1%;/*WIN IE6.0対策　アンダーハック*/
	border:3px solid #543836;
	background-color:#ffffff;
	font-size:90%;
	padding:0px;
	word-break:break-all;
}


#footer{
	background-color:#543836;
}

.footer{
	margin: 10px 0px 0px 180px ;
	padding:2px 0px;
	color:#ffffff;
	font-weight:bold;
	font-size:8pt;
	text-align:center;
}


/* ヘッダーに影響 */
.header h1{
	font-family:Arial,Helvetica,Tahoma,"Trebuchet MS","ＭＳ Ｐゴシック",sans-serif;
	font-size: 160%;
	font-weight: bold;
	margin-top: 20px;
	padding-top: 0px;
	margin-left: 0;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.header h1 a{
	text-decoration: none;
	color: #333333;
}

.header img a{
	margin: 0px;
	border: none;
}

.header p{
	font-size: 80%;
	color: #333333;
	line-height: 140%;
	margin-top: 5px;
	padding-top: 0px;
	margin-left: 0;
	margin-bottom: 5px;
	padding-bottom: 0px;
}
/* ヘッダーに影響 */



/* メインに影響 */
.main h1{
	font-family:Arial,Helvetica,Tahoma,"Trebuchet MS","ＭＳ Ｐゴシック",sans-serif;
	font-size: 200%;
	font-weight: bold;
	color: #ffffff;
	background-color: #cc0000;
	margin-top: 2px;
	margin-bottom: 5px;
	padding-top: 2px;
	padding-right: 6px;
	padding-left: 6px;
	padding-bottom: 2px;
	border-width: 1px 0px 1px 0px;
	border-style: solid;
	border-color: #551100;
}

.main h2{
	font-family:Arial,Helvetica,Tahoma,"Trebuchet MS","ＭＳ Ｐゴシック",sans-serif;
	font-size: 125%;
	font-weight: bold;
	color: #000000;
	background-color: #F0E9E7;
	margin-top: -1px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	padding-top: 5px;
	padding-right: 6px;
	padding-left: 6px;
	padding-bottom: 3px;
	border-width: 1px 0px 1px 0px;
	border-style: solid;
	border-color: #551100;
}

.main h3{
	font-family:Arial,Helvetica,Tahoma,"Trebuchet MS","ＭＳ Ｐゴシック",sans-serif;
	font-size: 100%;
	font-weight: bold;
	color: #000000;
	background-color: #ccffcc;
	margin-top: 2px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	padding-top: 5px;
	padding-right: 6px;
	padding-left: 6px;
	padding-bottom: 3px;
	border-width: 1px 0px 1px 0px;
	border-style: dashed;
	border-color: #551100;
}

.main h3#trackbacks{
	font-size:100%;
	background-color:#F0E9E7;
	border-width: 1px 0px 1px;
	border-style:solid;
	padding-top:2px;
	padding-bottom:1px;
}
.main h3#comments{
	font-size:100%;
	background-color:#F0E9E7;
	border-width: 1px 0px 1px;
	border-style:solid;
	padding-top:2px;
	padding-bottom:1px;
}

.main h4{
	font-family:Arial,Helvetica,Tahoma,"Trebuchet MS","ＭＳ Ｐゴシック",sans-serif;
	font-size: 100%;
	font-weight: bold;
	color: #000000;
	background-color: #ccccff;
	margin-top: 2px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	padding-top: 5px;
	padding-right: 0px;
	padding-left: 6px;
	padding-bottom: 3px;
	border-width: 1px 0px 1px 0px;
	border-style: dashed;
	border-color: #551100;
}

.main h5{
	font-family:Arial,Helvetica,Tahoma,"Trebuchet MS","ＭＳ Ｐゴシック",sans-serif;
	font-size: 100%;
	font-weight: bold;
	color: #000000;
	background-color: #FFFF77;
	margin-top: 2px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	padding-top: 5px;
	padding-right: 0px;
	padding-left: 6px;
	padding-bottom: px;
	border-width: 1px 0px 1px 0px;
	border-style: dashed;
	border-color: #551100;
}

.main .titledate{
	margin:0 0 0 2em;
	font-size:8pt;
	font-weight:normal;
	font-family: "ＭＳ Ｐゴシック";
}

.main a{
	text-decoration: none;
	color: #1b8c00;
}

.main a.permalink{
}

.main a:hover{
	text-decoration: underline;
	color: #cc0033;
}

.main p{
	font-size:90%;
	line-height: 20px;
	margin: 0px;
	padding-top: 5px;
	padding-left: 8px;
	padding-right: 8px;
	padding-bottom: 5px;
}

.main p.postinfo{
	background-color:#f1f1f1;
	margin:10px 1em 16px 19em;
	padding:0px 0px 1px 0px;
	font-size: 10pt;
	font-family: "ＭＳ Ｐゴシック";
	text-align:center;
	clear:both;/*画像に文字を回り込む設定をしたときのめりこみ回避用*/
}

.main .extended{
	margin-top: 4px;
	margin-bottom: 0px;
	clear:both;/*画像に文字を回り込む設定をしたときのめりこみ回避用*/
}

.main .pagelist{
	margin:10px 0px 10px 0px;
	padding:2px;
	color:#333333;
	letter-spacing:3px;
	font-size:100%;
	font-weight:bold;
	text-align:center;
}
.main .pagelist a{
}
.main .pagelist a:hover{
}

.main p img{
	border: none;
}

.main ol,.main ul{
	margin-top: 0;
	margin-left: 30px;
	margin-right: 0;
	margin-bottom: 10px;
	padding: 0;
}

.main ol li,.main ul li{
	margin-top: 0;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0;
}

.main blockquote{
	color: #111111;
	background-color: #ffedeb;
	border-width: 1px;
	border-style: solid;
	border-color: #95695;
	margin-top: 5px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 5px;
	padding-top: 3px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 3px;
	line-height: 110%;
	font-size:90%;
}

.main blockquote p{
	padding-top: 3px;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 3px;
}

.main cite{
	font-style: italic;
}

.main pre{
	border-width: 1px;
	border-style: solid;
	border-color: #CCCCCC;
	padding: 5px;
	overflow: scroll;
}

.main dl{
	margin-top: 5px;
	margin-bottom: 5px;
}


.main dt{
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 0;
	padding-bottom: 10px;
}

.main dd{
	padding-left: 5px;
}

.main .imageleft{
	margin-right: 10px;
	float: left;
}

.main .imageright{
	margin-left: 10px;
	float: right;
}

.main .entry-tags{
    margin: 10px 0 10px 10px; 
	clear: both;
}
.main .entry-tags-header,
.main .entry-tags-list,
.main .entry-tag{ display: inline; }
.main .entry-tags-list{
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.main .commenter-profile img{
	vertical-align: middle;
	border-width: 0;
	}

.main textarea{
	width: 440px;
}

.main input,.main textarea{
	font-size: 100%;
}
/* メインに影響 */



/* メニューに影響 */
.submenu dt{
	background-color:#F0E9E7;
	border-color:#336600;
	border-style:solid;
	border-width:1px 0px;
	color:#333333;
	font-family:Arial,Helvetica,Tahoma,"Trebuchet MS","ＭＳ Ｐゴシック",sans-serif;
	font-size:100%;
	font-weight:bold;
	margin:-1px 0px 2px;
	padding:3px 5px 2px;
	text-align:center;
}

.submenu dl{
	background-color:#FFFFFF;
	margin:0px 0px 2px;
	padding:0px;
}

.submenu dd{
	font-size: 90%;
	padding: 0px 6px;
}

.submenu ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.submenu ul li{
	font-size: 90%;
	margin-left: 5px;
	padding-top: 2px;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 3px;
}

.submenu ul li li{
	font-size: 90%;
	margin-left: 15px;
}
	
.submenu ul li a{
	text-decoration: none;
	font-weight:bold;
	color: #543836;
	margin: 0;
}

.submenu ul li a:hover{
	text-decoration: underline;
	font-weight:bold;
	color: #cc0033;
}

.submenu p{
	line-height: 20px;
	margin: 0;
	padding-top: 3px;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 0;
}

.submenu input#search{
	width:90px;
}

.submenu .module-tagcloud .module-content
	{text-align: left; }

.submenu .module-tagcloud .module-content .module-list
	{ list-style: none; }

.submenu .module-tagcloud .module-content .module-list .module-list-item
	{ display: inline; }

.submenu .module-tagcloud .module-content .module-list li.taglevel1
	{ font-size: 170%; }

.submenu .module-tagcloud .module-content .module-list li.taglevel2
 	{ font-size: 150%; }

.submenu .module-tagcloud .module-content .module-list li.taglevel3
	{ font-size: 130%; }
	
.submenu .module-tagcloud .module-content .module-list li.taglevel4
	{ font-size: 110%; }
	
.submenu .module-tagcloud .module-content .module-list li.taglevel5
	{ font-size: 90%; }
	
.submenu .module-tagcloud .module-content .module-list li.taglevel6
	{ font-size: 70%; }
/* メニューに影響 */