@charset "utf-8";

html {
	min-height: 100%;
	border-left: 10px solid #f4af20;
}
body {
	margin: 0px;
	margin-right: 10px;
	padding: 0px;
	font-size: x-small;  /* for IE */

	border-left: 10px solid #f4af20;  /* for IE */
	background-color: #fdf5e6;
	background-image: url(orange/border_o.png);
	background-repeat: repeat-y;
	background-position: 100% 0%;
	color: #333;
}
*>body {
	font-size: 13px;
	border-left: none;
}
/* MacIEフォント指定除け, とIE+Win98対策 このバックスラッシュ消しちゃダメ→ \*/
body {
	font-family: "ＭＳ Ｐゴシック",sans-serif;
}
*>body {
	font-family: sans-serif;
}
/* end */


/* 
	The definitions below determine how the page looks.
	
	.header: blog name and subtitle
	
	.mainbody
	  -- .contents: contains the main contents of the page.
	  -- .menu
	    --.globalmenu: under the header div
	      -- .searchform
	    --.blogmenu: sidebar
	
	.footer

*/

/* definitions applying to the header block */
.header {
	text-align: center;

	padding: 0em 1em 0em 1em;
  line-height: 1.5;
	background-color: #f4af20;
	color: #fff;
	font-family: Optima, "Lucida Sans Unicode", "Lucida Grande", Lucida, Helvetica, Arial, "ＭＳ Ｐゴシック", sans-serif;
	background-image: url(orange/mipitoryu.gif);
	background-repeat: no-repeat;
	background-position: 5% 100%;
}
.header h1 {
	font-size: 100%;
	margin: 0px;
	padding: 0px;
}
.header a#top {
  font-size: 260%;
  font-weight: bold;
  margin: 0px;

  padding: 0.2em 0.7em 0em 0.7em;
}
.header .subtitle {
	display: block;
	font-size: 85%;
	margin-top: -0.5em;
	padding-bottom: 0.5em;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Lucida, Helvetica, Arial, "ＭＳ Ｐゴシック", sans-serif;
}

/* definitions applying to the mainbody block */
.mainbody {
	position: relative;
}

/* contents block */
.contents {
   margin-left: 29%;
   padding-top: 2em;
   padding-bottom: 3em;
   padding-left: 2%;
   margin-right: 2%;
   
   border-left: 3px solid #f4af20;
   border-bottom: 3px solid #f4af20;
}

/* menu block */
.menu { /* for IE */
	position:absolute;
	top: 0px;
	width: 100%;
}
.menu h1 {
	display: none;
}
/* globalmenu */
.menu .globalmenu {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
  line-height: 1;

	background-color: #f4af20;
	background-image: url(orange/pattern_o.png);
	background-position: 3px 0px;
}
.globalmenu h2 {
	display: none;
}
.globalmenu ul {
	padding-left: 0.5em;
	padding-top: 0.6em;
	padding-bottom: 0.5em;
	margin: 0px;
	list-style-type: none;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Lucida, Helvetica, Arial, "ＭＳ Ｐゴシック", sans-serif;
	font-weight: bold;
}
.globalmenu li {
	display: inline;
}
.globalmenu li a {
	padding: 0.2em 1em;
	margin-right: 0.5em;
	white-space: nowrap;
}
.globalmenu form {
	margin: 0px;
	padding: 0px;
}
.globalmenu .searchform {
	position: absolute;
	top: 0px;
	right: 0px;
	padding: 0.3em 0.5em 0em 0em;
	white-space: nowrap;
}
.globalmenu .searchform input {
	vertical-align: middle;
	height: 1.4em;
}
.globalmenu .searchform > input {
	height: auto;
}
/* blogmenu */
.menu .blogmenu {
	position: absolute;
	top: 2.3em;
	padding-left: 7%; /* for IE */
	width: 26%; /* for IE */
	font-family: Verdana, "Lucida Sans Unicode", "Lucida Grande", Lucida, Helvetica, Arial, "ＭＳ Ｐゴシック", sans-serif;
	font-size: 90%;
}
.menu > .blogmenu{
	padding-left: 2%;
	width: 24%;
}
.blogmenu h2 {
	margin-left: -8.4%;
}
.blogmenu ul {
	list-style-type: none;
	margin-left: 0px;
	padding-left: 0px;
}
.blogmenu ul li {
	border-left: 4px solid #eb8310;
	padding-left: 0.4em;
}
.blogmenu ul ul { /* for IE */
	list-style-type: circle;
	color: #eb8310;
	margin-left: 20px;
}
.blogmenu > ul ul {
	list-style-type: none;
	color: #333;
	margin-left: 0px;
}
.blogmenu ul li li {
	border-left: none;
	padding-left: 0px; /* for IE */
}
.blogmenu > ul li li {
	padding-left: 0.4em;
}
.blogmenu ul li li:before {
	content: "+ ";
	color: #f4af20;
}
.blogmenu ul.navi {
	border: 1px solid #f4af20;
	border-bottom: none;
	margin-right: 7%;
}
.blogmenu ul.navi li {
	border-bottom: 1px solid #f4af20;
	border-left: none;
}
.blogmenu ul.navi a {
	padding: 0.3em 0.5em;
	display: block;
	position: relative; /* for IE */
}

/* definitions applying to the footer block */
.footer {
	margin-left: 29%;
	margin-right: 2%;
	border-right: 3px solid #f4af20;
	border-bottom: 3px solid #f4af20;
	padding: 0.5em;
	font-family: Verdana, "Lucida Sans Unicode", "Lucida Grande", Lucida, Helvetica, Arial, "ＭＳ Ｐゴシック", sans-serif;
	text-align: right;
	font-size: 85%;
}
.footer address {
	display: inline;
	font-style: normal;
}
.footer img {
	vertical-align: middle;
}


/*
	Definitions for headers in the menu (.menu h2), page titles (.contents h1) 
	and dateheads (.contents .date h2), and athers:
*/
.contents h1 {
	font-size: 160%;
	margin-top: 0px;
	margin-left: -1.9%;  /* for IE */
	margin-bottom: 0px;
	line-height: 1;
	
	padding: 0.8em 0em 0.6em 2em;
	font-family: Optima, "Lucida Sans Unicode", "Lucida Grande", Lucida, Helvetica, Arial, "ＭＳ Ｐゴシック", sans-serif;
	background-image: url(orange/bubble_o02.png);
	background-repeat: no-repeat;
	background-position: 0% 100%;
}
.contents > h1 {
	margin-left: -3%;
}
	
h2 {
	font-size: 110%;
	margin-top: 1.5em;
	font-family: Verdana, "Lucida Sans Unicode", "Lucida Grande", Lucida, Helvetica, Arial, "ＭＳ Ｐゴシック", sans-serif;
}
.contents h2 {
	margin-right: -3%;
	margin-left: -2%;  /* for IE */
	padding: 0.1em 0.5em;
	color: #eb8310;
	border-top: 1px solid #f4af20;
}
*>.contents h2 {
	margin-left: -3%;
}
.date h2 {
	font-size: 100%;
}
.menu h2 {
	font-size: 110%;
	padding: 0.3em 0.5em;
	background-color: #f4af20;
	color: #fff;
	border-bottom: 3px solid #eb8310;
}
h3 {
	color: #555;
	border-bottom: 1px #eb8310 solid;
	padding: 0.2em 0em;
	line-height: 1;
}
h4 {
	color: #555;
	border-left: 1em solid #f4af20;
	padding-left: 0.2em;
	line-height: 1;
}
.menu h3, .menu h4 {
	font-size: 95%;
}


/* 
	Definitions for the item listings like they are done on the main page and in archives
	.item
	 - h3 is the title of an item
	 - .itembody is the item contents
	 - .iteminfo contains the time of posting and the name of the author, and the amount of comments
*/

.item h3 {
	font-size: 100%;
	margin-bottom: 0px;
	background-color: #f4af20;
	background-image: url(orange/pattern_o.png);
	background-position: 3px;
	color: #333;
	padding: 0.3em 0.5em;
	border: 3px solid #f4af20;
	line-height: 1;
}
.item .itembody {
	margin-top: 0px;
	margin-bottom: 1.5em;
	padding-top: 1.5em;
	background-image: url(orange/shadow_o.png);
	background-repeat: repeat-x;
}
.iteminfo {
	font-size: 85%;
	color: gray;
	font-family: Verdana, "Lucida Sans Unicode", "Lucida Grande", Lucida, Helvetica, Arial, "ＭＳ Ｐゴシック", sans-serif;
	margin-bottom: 3em;
	border-top: 1px dotted;
	clear: both;
}


/*
	Definitions of how comments listings look like on item pages
	.remarks
	 - h2
	 - .comments
	   - h3
	   - .commentbody
	   - .commentinfo
	 - h2
	 - .commentform
*/
.remarks {
	clear: both;
}
.remarks h2:first-child {
	border-top: 3px double #f4af20;
	margin-top: 3em;
}
.commentinfo {	
	font-size: 85%;
	color: gray;
	font-family: Verdana, "Lucida Sans Unicode", "Lucida Grande", Lucida, Helvetica, Arial, "ＭＳ Ｐゴシック", sans-serif;
}


/*
	Some rules that apply to contents generated using the markup buttons 
	"add left box" and "add right box"
	
	both boxes have slightly larger text, and take a maximum of 20% of 
	the width of the contents.
*/

.leftbox, .rightbox {
}
.leftbox {
	margin: 0.5em 1em;
	margin-left: 0em;
	padding-right: 0.5em;
	float: left;
	border-right: 2px solid #ccc;
}
.rightbox {
	margin: 0.5em 1em;
	margin-right: 0em;
	padding-left: 0.5em;
	float: right;
	border-left: 2px solid #ccc;	
}


/*
	Some general rules:
	- images never have a border (even when they are inside a hyperlink)
	- elements having class="skip" are not shown
	- item lists using <ul class="nobullets"> have no list-item bullets
	- highlighted text (in search results) have a yellow background
*/

img {
	border: none;
}

.skip {
	display: none;
}

ul.nobullets {
	list-style: none;
	margin-left: 0px;
	padding-left: 0px;
	border-left: none;
}

.highlight {
	background-color: #90ee90;
}


/* -------------------------------- */

a:link {
	color: #cc3333;
	text-decoration: none;
}
a:visited {
	color: #9966cc;
	text-decoration: none;
}
a:hover {
	color: #db7093;
	text-decoration: underline;
}

.header a#top {
	color: #fff;
	text-decoration: none;
}

.subtitle a:link, .subtitle a:visited {
	color: #fff;
	text-decoration: underline;
}
.subtitle a:hover {
	color: #ffe4e1;
}

.itembody a:link, .itembody a:visited {
	text-decoration: underline;
}

.item h3 a:link, .item h3 a:visited {
	color: #663300;
	text-decoration: none;
}
.item h3 a:hover {
	color: #ec7600;
}

.globalmenu a:link, .globalmenu a:visited {
	background-color: #eb8310;
	color: #fff;
}
.globalmenu a:hover {
	text-decoration: none;
	background-color: #ffa500;
}

.morelink a:link, .morelink a:visited {
	text-decoration: none;
}

/* -------------------------------- */

.morelink {
	margin: 1em 0em;
	font-weight: bold;
}
.morelink a{
	padding-left: 15px;
	background-image: url(orange/point_arrow_o.png);
	background-position: 0% 50%;
	background-repeat: no-repeat;
}
.searchform .formfield {
	width: 90px;
}
.contents .searchform {
	margin-top: 1em;
}

/* -------------------------------- */

blockquote {
	padding: 0.3em 1em;
	margin-left: 2em;
	margin-right: 2em;
	background-color: #faf0e6;
	color: #555;
	border: 3px double #eb8310;
}
q {
	color: #ec7600;
}
em {
	padding-left: 0.3em;
	padding-right: 0.3em;
	margin-left: 0.2em;
	margin-right: 0.2em;
	font-style: normal;
	background-color: #ffd700;
}


/* -------------------------------- */
/* EZComment */
.item .commentlist, .item .commentform {
	clear: both;
}

table.calendar span.saturday { color: #2222FE;}
table.calendar span.sunday { color: #FE2222;}
table.calendar td.saturday { background-color: #C9DDFE;}
table.calendar td.sunday { background-color: #FAC5CD;}
table.calendar td { text-align: center; }