@charset "UTF-8";

html {
	min-height: 100%;
	border-left: 2px solid #658EFF;
	border-top: 5px solid #FFFFFF;
}
body {
	margin: 0px;
	/* text-align: center; */ /* ページ横方向配置(左固定はコメントアウト) */
	padding: 0px;
	font-size: 10pt;  /* for IE */
	border-left: 2px solid #FFFFFF;  /* for IE */
	background-color: #FFFFFF;
	/* background-image: url(ikitBluedoc/border_g.gif); */
	background-repeat: repeat-y;
	background-position: 100% 0%;
	color: #000;
}
*>body {
	font-size: 10pt;
	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;
  	/* height:80px; */
  	height:254px; /* 2008.8.31 編集 */
	width: 900px; /* ヘッダー横幅800px固定 */
/* 背景画像 */
  background-image:URL(ikitBluedoc/head.jpg);
  background-repeat:no-repeat;
  background-position: 50% 0%;
  line-height: 1.5; /*ヘッダータイトル文字行間隔(位置)*/
	background-color: #FFFFFF; /* head背景色 */
	color: #fff;
	font-family: Optima, "Lucida Sans Unicode", "Lucida Grande", Lucida, Helvetica, Arial, "ＭＳ Ｐゴシック", sans-serif;
}
.logo {
	position: absolute;
	top: -80px;
	left: 10px;
	/* background-image:URL(ikitBluedoc/*****.gif); */
	background-repeat:no-repeat;
	padding: 6em 8em 0em 1em;
}
.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; /*ヘッダータイトル文字位置調整*/
	background-position: 0% 100%;
}
.header .subtitle {
	display: block;
	/* font-size: 85%; */                
	font-size: 8pt;
	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;
	width: 900px; /* 右側コンテンツブロックまでの全横幅 */
	background-color: #ffffff; /* 中段左右の背景色 */
}
*> .mainbody {
	/* for Firefox */
	width: 900px; /* 右側コンテンツブロックまでの全横幅 */
}

/* contents block */
.contents {
   margin-left: 140pt; /*右側ブロック左位置*/
   padding-top: 3em;
   padding-bottom: 3em;
   padding-left: 2%;
   margin-right: 2%;
	width: 670px; /* あたり */ /* コンテンツブロック(右中段)幅 */
	/* background-color: #efffff; */ /* コンテンツブロック(右中段)背景色 */
	height: 480px; /* for IE */ /* コンテンツブロック(右中段)最小高さ */

   border-left: 3px solid #456689;
   border-bottom: 3px solid #456689;
}
*> .contents {
  height: auto; /* for Firefox */
}

/* menu block */
.menu { /* for IE */
	position:absolute;
	top: 0px;
	left: 0px; /* 上段横メニュー位置左 */
	text-align: left; /* 上段・左メニュー一括文字配置指定 */
	/* width: 100%; */
}
.menu h1 {
	display: none;
}
/* globalmenu */
.menu .globalmenu {
	position: absolute;
	font-size: 10pt;
	top: 0px;
	left: 0px;
	/* width: 100%; */
	width: 900px; /* 上段横メニュー横幅780px固定 */
	line-height: 1.35;
	background-color: #FFFFFF;
	background-image: url(ikitBluedoc/pattern_g3.png);
	background-position: 0px 0px;
	border-bottom:solid 0px #EEF4EA; /* 上段横メニュー下線 */
}
/*
*> .menu .globalmenu {
	background-position: 0px 3px;
}
*/
.globalmenu h2 {
	display: none;
}
.globalmenu ul {
	padding-left: 0em;
	padding-top: 0.5em;
	padding-bottom: 0.4em;
	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;
}
/* sub menu BOXレイアウト(配置) */
.globalmenu li a {
	padding: 0.5em 1.5em;
	margin-right: -0.5em;
	white-space: nowrap;
	border-left:solid 0px #666666; /* 枠線 */
	border-right:solid 0px #666666; /* 枠線 */
}
.globalmenu form {
	margin: 0px;
	padding: 0px;
}
.globalmenu .searchform {
	position: absolute;
	top: -31px;
	right: 35px;
	padding: 0.1em 0.5em 0em 0em;
	white-space: nowrap;
}
.globalmenu .searchform input {
	vertical-align: middle;
	height: 1.4em;
}
.globalmenu .searchform > input {
	height: auto;
}
/* blogmenu */
.menu .blogmenu {
	width: 800px; /* はずれ */
	position: absolute;
	top: 2.3em;
	left: 0px;
	padding-left: 7%; /* for IE */
        /* 左メニュー幅(default 26%) */
	width: 180px; /* for IE */
	font-family: Verdana, "Lucida Sans Unicode", "Lucida Grande", Lucida, Helvetica, Arial, "ＭＳ Ｐゴシック", sans-serif;
	font-size: 10pt;
}
.menu > .blogmenu{
	padding-left: 18px; /* for Firefox */
        /* 左メニュー幅(default 24%) */
	width: 168px;
}
.blogmenu h2 {
        /* 左メニュータイトル左位置(default -8.4%) */
	margin-left: -10.4%;
}
.blogmenu ul {
	list-style-type: none;
	margin-left: 0px;
	padding-left: 0px;
}
.blogmenu ul li {
        /* 左メニューリストライン(縦棒)色 */
	border-left: 4px solid #456689;
	padding-left: 0.4em;
	margin-left: -2.0%;
}
.blogmenu ul ul { /* for IE */
	list-style-type: circle;
	color: #456689;
	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: #456689;
}
.blogmenu ul.navi {
	border: 1px solid #456689;
	border-bottom: none;
	margin-right: 7%;
}
.blogmenu ul.navi li {
	border-bottom: 1px solid #456689;
	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 {
	text-align: center;
	margin-left: 0pt; /* フッター左位置 */
	/* margin-right: 2%; */
	/* border-right: 3px solid #658EFF; */ /* フッター枠線色(右) */
	border-bottom: 3px solid #456689; /* フッター枠線色(下) */
	background-color: #ffffff;
	padding: 0.5em;
	font-family: Verdana, "Lucida Sans Unicode", "Lucida Grande", Lucida, Helvetica, Arial, "ＭＳ Ｐゴシック", sans-serif;
	text-align: right;
	font-size: 9pt;
	width: 660pt
}
*> .footer {
	width: 868px;
	margin-left: 0pt;
}
.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: 16pt;
	margin-top: 0px;
	/* margin-left: -1.9%; */ /* for IE */
	text-align: left; /* アイテムタイトル位置 */
	margin-bottom: 0px;
	line-height: 1;
	
	padding: 0.8em -5em 0.6em 2em; /* アイテムタイトル左位置は左から２ */
	font-family: Optima, "Lucida Sans Unicode", "Lucida Grande", Lucida, Helvetica, Arial, "ＭＳ Ｐゴシック", sans-serif;
	/* background-image: url(ikitBluedoc/bubble_g02.png); */
	background-repeat: no-repeat;
	background-position: 0% 100%;
}
.contents > h1 {
	margin-left: -3%;
	width: 300px; /* コンテンツ横幅780px固定 */
}
h2 {
	text-align: left; /* アイテム日付位置 */
	font-size: 10pt;
	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: #666666; /* 日付 */
	border-top: 1px solid #456689;
	width: 670px;
}
*>.contents h2 {
	margin-left: -3%;
}
.date h2 {
	font-size: 10pt;
}
.menu h2 {
	font-size: 10pt;
	padding: 0.3em 0.5em;
	background-color: #456689; /* 左メニュータイトル背景色 */
	color: #fff;
	border-bottom: 3px solid #9CACBC; /* 左メニュー下線色 */
}
h3 {
	color: #555;
	border-bottom: 1px #9999FF solid;
	padding: 0.2em 0em;
	line-height: 1;
}
h4 {
	color: #555;
	border-left: 1em solid #456689;
	padding-left: 0.2em;
	line-height: 1;
}
.menu h3, .menu h4 {
	font-size: 10pt;
}

/* 
	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 {
	text-align: left; /* アイテムタイトルBox内位置 */
	font-size: 10pt;
	margin-bottom: 0px;
	/* background-color: #658EFF; */ /*背景色 IEでは無効*/
	background-image: url(ikitBluedoc/pattern_g.png);
	background-position: 3px;
	/* color: #333; */
	/* padding: 0.3em 0.5em; */
	border: 3px solid #456689;
	line-height: 1;
	width: 654px; /* アイテムタイトル横幅540px固定 */
}
.item > h3 {
	padding-left: 10px; /* for Firefox */
	width: 630px; /* アイテムタイトル横幅530px固定 */
}
.item .itembody {
	/* アイテム内容文字位置 */
	text-align: left;
	font-size: 10pt;
	margin-top: 0px;
	margin-bottom: 1.5em;
	padding-top: 1.5em;
	background-image: url(ikitBluedoc/shadow_g.png);
	background-repeat: repeat-x;
	line-height: 120%;
}
.item > .itembody {
	padding-left: 10px; /* for Firefox */
	width: 636px; /* アイテムタイトル横幅540px固定 */
}
.iteminfo {
	text-align: left;
	font-size: 10pt;
	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 #0000AB;
	margin-top: 3em;
}
.commentinfo {	
	font-size: 10pt;
	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: yellow;
}


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

/* 初期リンクカラー */
a:link {
	color: #000099;
	text-decoration: none;
}
/* リンクvisitedカラー */
a:visited {
	color: #000099;
	text-decoration: none;
}
/* リンクon mouseカラー */
a:hover {
	color: #ffa500;
	text-decoration: underline;
}
/* Topタイトル文字色 */
.header a#top {
	color: #24486C;
	font-size:22pt;
	text-decoration: none;
}
/* subタイトルリンクカラー */
.subtitle a:link, .subtitle a:visited {
	color: #fff;
	font-size:8pt;
	text-decoration: underline;
}
/* subタイトルリンクon mouseカラー */
.subtitle a:hover {
	color: #24486C;
}

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

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

/* submenuリンクカラー(BOX表現含む) */
.globalmenu a:link, .globalmenu a:visited {
	/* background-image: url(ikitBluedoc/pattern_g3.png); */
	/* background-color: #666fff; */
	font-size: 10pt;
	color: #eee; /* 文字色 */
}
/* submenuリンクon mouse カラー(BOX表現含む) */
.globalmenu a:hover {
	text-decoration: none;
	padding-top: 0.72em;
	background-image: url(ikitBluedoc/pattern_g2.png);
	/* background-color: #ffcc00; */
	font-size: 10pt;
	text-decoration: underline;
	color: #444; /* 文字色 */
}

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

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

.morelink {
	margin: 1em 0em;
	font-weight: bold;
}
.morelink a{
	padding-left: 15px;
	background-image: url(ikitBluedoc/point_arrow_g.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: #fffff0;
	color: #555;
	border: 2px double #669900;
}
q {
	color: #669900;
}
em {
	padding-left: 0.3em;
	padding-right: 0.3em;
	margin-left: 0.2em;
	margin-right: 0.2em;
	font-style: normal;
	background-color: #add8e6;
}


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