/***********************************************
* "Kami" Information Room -Standard Style Sheet-
*
*  Original : 2002/04/03
*  Revised  : 2003/12/25
*                                  Made by Mi-ke
************************************************/

body{
	color : #333;
	line-height : 1.4;
	background-color : #F5F5F5;
	padding-left : 4em;
	padding-right : 1.5em;

	background-image : url(imgs/sitelogo.png);
	background-repeat : no-repeat;
	font-family : Verdana, Geneva, Lucida, Helvetica, sans-serif;
}

h1{
	font-size : 175%;
	font-family : "Verdana", "Arial", sans-serif;
	font-style : italic;
	color : #339;
	clear : both;
	text-align : right;
	padding-right : 0.5em;
	margin-bottom : 2em;
	border-color : #090;
	border-style : none solid solid none;
	border-width : 0em 0.5em thick 0em;
}
h2{
	color :#483D8B;
	clear : both;
	margin-top : 2em;
	text-decoration : underline;
}

h2.header{
	color : #FFFAFA;
	font-size : 170%;
	margin : 0em 0em 1em;
	border-color : #339;
	border-style : none solid;
	border-width : 0em 1em;
	background-color :#6B8E23; 
	text-decoration : none;
	text-align : center;
}

h3{
	color : #960;
	font-size : 120%;
}

h4{
/*	color : #556B2F;*/
	margin-left : 0.5em;
	font-size : 110%;
}

h5{
	margin-left : 1em;
	font-size : 105%;
}

h3,h4,h5,h6{
	clear : both;
}

hr{
	clear : both;
}

blockquote{
	font-family : "MS UI Gothic", serif;
	margin : 1em 3em 1em 4em;
	padding : 1em;
	border-width : 0 0 0 2px;
	border-style : none none none solid;
	border-color : #969;
	background-color : #F5F5F5;
}

address{
	font-style :normal;
	font-size : smaller;
	text-align : center;
	border-style : solid none none none;
	border-width : thin;
	border-color : silver;
	margin-top : 2em;
	margin-left : -4em;
	margin-right : -1.5em;
}

p,dl{
	margin-left : 2em;
	margin-right : 1em;
}

dt{
	font-weight : bolder;
	margin-top : 1.4em;
}

dd{
	margin-bottom : 0.8em;
}

ul.nodisc {
	list-style-type : none;
}

li{
	line-height : 160%;
}


em{
    font-weight: bold;
    font-style: normal;
}

strong{
    color: #006400;
    background-color: transparent;
    font-weight: bold;
}


/*基本リンク色への指定*/
a:link{
	color :#33C;
}


/*導入部への指定*/
div.intro{
	font-family : "MS UI Gothic", serif;
	color : Black;
	border-style : solid none;
	border-width : 2px;
	border-color : #E0D0C0;
	font-size : 98%;
	padding : 0.5em;
}

/*本文*/
div.content { 
	border-style: solid;
	border-color: silver;
	border-width: 1px;
	background-color: #EEE;

	padding : 0.5em;
}

/* 目次部分 */
div.indexbox {
	font-family : "MS UI Gothic", serif;
	margin : 1em;
	padding : 1em;
	border : 1px dashed #369;
	background-color: #F2F2FF;

}
/*目次項目の行間*/
div.indexbox ul li, div.indexbox ol li{
	line-height : 2.2;
}

/*目次部分の新着マーク*/
.new4index {
	font-family : sans-serif;
	color : Green;
	background-color : #F5F5F5;
	border-style : solid none;
	border-width : 2px;
	border-color : Green;
}


/*外部リンクの背景色など**/
div.refweb{
	background-color : #E6E6FA;
	margin : 1em 10%;
	padding : 0.5em 0.8em;
	border-width : thin;
	border-color : #7B68EE;
	border-style : solid;
}

/*リンク画像のボーダー非表示*/
a img{
	border-style : none;
}


/*"サンプル"・"実行結果"・"手順解説"の共通する部分*/
div.example,
div.kekka,
div.tejun {
	font-family : "MS UI Gothic", serif;
	margin : 1em 4em;
	padding : 0.5em 1em 0.5em 0.5em;
	background-color : #f5f5f5;
}

/*"サンプル"への個別指定*/
div.example{
	border-style : solid;
	border-color : #399;
	border-width : 2px;
}

/*"実行結果"への個別指定*/
div.kekka{
	border-style : solid;
	border-color : #D8BFD8;
	border-width : 2px;
}

/*"手順解説"への個別指定*/
div.tejun{
	border-style : dotted;
	border-color : green;
	border-width : 4px;
}

/*"手順解説"の見出し部分*/
.tjh{
	font-family : "MS UI Gothic", serif;
	font-weight : bolder;
	text-decoration : /*overline*/ underline;
	color : #00008B;
	margin-left : -1em;
}


/*ポイント解説・補足*/
div.point{
	margin: 1em 1.5em 1em 8em;
	padding : 0.3em;
	border : dashed 1px #333;
	background-color : #F6F6F6;
	font-size : 95%;
}

/*参照画像の指定*/
div.refimg{
	font-family : "MS UI Gothic", serif;
	margin: 0.4em 1em 1em 10em;
	padding : 0.3em 0.5em;
	border : dashed 1px #333;
	background-color : #F8F8FF;
	font-size : 98%;
}

div.refimg ul {
	list-style-image : url(imgs/right03.gif);
}


/*まとめ・重要部分のリストに対する指定*/
div.abstract{
	font-family : "MS UI Gothic", serif;
	margin : 2em;
	padding : 0.5em;
	border : dotted 1px #06C;
	background-color : #F6F6F6;
}

div.abstract ul {
	list-style-image : url(imgs/pochi5.gif);
}

div.abstract ul li {
	line-height : 185%;
}

div.notice{
	margin : 1em;
	border : solid 1px #FDF5E6;
	background-color : #DCDCDC;
	font-size : 90%;
}
/*テーブル*/
table{
	margin-left : 2em;
}

/*画像のフロート*/
img.leftfloat{
	float : left;
	margin : 0em 1em 1em 2em;
}

img.rightfloat{
	float : right;
	margin : 0em 2em 1em 1em;
}

img.center{
	margin : 0.5em 1em 1em 14%;
/*	display : block;
	text-align : center;
	padding-bottom : 1em;
*/
}

/*注釈の指定*/
.attnmark{
	background-color : #CCF;
}

/*注釈部分の説明*/
div.attn{
	margin : 1em 2em 1em 7em;
	padding : 0em 0.5em;
	border-style : dashed none;
	border-width : 1px;
	border-color : #A9A9A9;
	font-size : 86%;
	background-color : #CCF /*#F0F0FF*/;
}

/*文中の注釈*/
.note{
	font-size : 86%;
	background-color : #EEF;
}

/*ラインマーカのようなもの*/
.marker{
	background-color : #9CF; /*#EEF*/;
}

/*太字*/
.bigger{
	font-weight : bolder;
}


/*CSS有効時は非表示*/
.hide{
	display : none;
}

/*番号を太字で*/
span.num{
	font-family : "Times New Roman", serif;
	font-size : 1.6em;
}

/*英字部分のフォント指定*/
.en{
	font-family : "Verdana", "Arial", sans-serif;
}

/*作者宛Mailリンク色*/
a.contact { color : #333; }


/*ナビゲーションバーへの指定*/
div.navibar{
	/*margin-top:0にするとロゴ画像と並んで一番体裁がいい。
	しかしウィンドウサイズを変更すると画像と重なってしまう。
	取り敢えず今は見栄えを優先。*/
	margin : 0 0 0 -4em;
	padding-bottom : 0;
	border-style : none none solid;
	border-color : #708090;
	border-width : 1px;
}

div.navibar ul{
	text-align : right;
	margin : 0;
}

div.navibar ul li {
	display : inline;
	font-family : "Verdana", "Arial", sans-serif;
	font-size : smaller;
	background-color : #E6E6FA;
}

div.navibar a:link{
	color : #333;
	text-decoration : none;
}

div.navibar a:visited{
	color : #A8A8A8;
	text-decoration : none;
}

div.navibar a:hover,
div.navibar a:active{
	color : #690;
	text-decoration : underline overline;
	font-style : italic;
}

/*現在地の指定*/
#here {
	color : white;/*#483D8B;*/
	font-weight : bolder;
	font-style : italic;
	background-color : #690;
}


/*ページ下部のcontents navigation*/
div.bottomnavi{
/*	background-color : white;*/
	margin: 1em 0 0;
	padding : 0.3em 0;
	border-color : #E0D0C0;
	border-style : solid none;
	border-width : 2px;
/*    border: outset 1px #FEFEFE;*/
}

div.bottomnavi ul{
	text-align : center;
	margin : 0.5em 0;
}

div.bottomnavi ul li{
	display : inline;
	font-family : "Verdana", "Arial", sans-serif;
	font-size : larger;
	padding-right : 0.5em;
}

div.bottomnavi ul li a{
	text-decoration : none
}

div.bottomnavi ul li a:hover{
	text-decoration : underline overline;
	font-style : italic;
}


/*オフライン版専用*/
.internet {
	cursor : crosshair;
}