@charset "utf-8";

/* ▼要素の初期化
--------------------------------------------------
ドキュメント全体における各要素の在り方を設定する
--------------------------------------------------*/

/* ▽タイプセレクタ */

	body{/* ページの設定 */
		width: 90%;
		margin: 0em;
		padding: 1em 3em 1em 1em;
		background-color: #f6f6f7;
		font-family: "メイリオUI","メイリオ","ヒラギノ角ゴシック","ＭＳ Ｐゴシック", Osaka , sans-serif;
		font-size:12px;
		line-height: 145%;
		color: #505153;
	}
	ul{/* 並列リストの設定 */
		margin: 0em 0em 0em -0.7em;
		padding: 0.1em 0.1em 0.1em 2.5em;
	}
	ol{/* 番号リストの設定 */
		margin: 0em 0em 0em -0.7em;
		padding: 0.1em 0.1em 0.1em 3em;
	}
	ol ul{/* 番号リスト内における並列リストの設定(リストの入れ子時) */
		margin: 0em 0em 0em -1.2em;
	}
	ul ul{/* 並列リスト内における並列リストの設定(リストの入れ子時) */
		margin: 0em 0em 0em -1.2em;
	}
	li, dt{/* リスト(各項目)の設定 */
		margin: 0em;
		padding: 0.2em;
	}
	dt{
		font-weight: bold;
	}
	a{/* リンク(全状態)の設定 */
		text-decoration: none;
	}
	a:link{/* リンク(通常)の設定 */
		color: #4c6cac;	
	}
	a:visited{/* リンク(訪問済み)の設定 */
		color: #A537B6;
	}
	a:active{/* リンク(クリック時)の設定 */
		color: #B2479C;
	}	
	a:hover{/* リンク(オーバー時)の設定 */
		color: #4455cb;
		background-color: #bcdaff;
	}		
	table{/* テーブルの設定 */
		margin: 0.3em 0em 0.3em 0em;
		empty-cells: show;
		border-collapse: collapse;
	}
	table table{/* テーブルの入れ子 */
		margin: 0em;
	}
	table.noborder th, table.noborder td{/* ボーダーなしテーブルの設定 */
		border: 0px !important;
	}
	caption{/* テーブルのキャプション */
		margin: 0.3em 0em 0.3em 0em;
		font-weight: bold;
	}
	th, td{
		border: 1px solid #b1b1b1;
	}
	th{
		padding: 0em 0.3em 0em 0.3em;
		background-color: #EBEBEB;
		font-size: 100%;
		vertical-align: middle;
	}
	td{
		background-color: #ffffff;
		padding: 0.3em 0.5em 0.3em 0.5em;
		vertical-align: top;
	}
	img{/* 画像の設定 */
		margin: 0em;
		padding: 0em;
		border-style: none;
	}
	strong {/* 強調の設定 */
		color: #505153;
		font-weight: bold;
	}
	sup{/* 注釈の設定 */
		font-size: 100%;
	}
	pre{
		line-height: 120%;
	}
	hr{
		margin: 0.5em 0em 0.5em 0em;
		height: 1px;
		border: 0px;
		border-width: 1px;
		background-color: #81859A;
		color: #81859A; /* for IE */
	}
	var{
		font-family : italic;
	}


/* ▽汎用クラスセレクタ */

	.small-font{/* フォントサイズ小 */
		font-size: 100%;
	}
	.noborder{/* ボーダーなし */
		border: 0px !important;
	}
	.nobgcolor{/* 背景色透過 */
		background-color: transparent !important;
	}
	.clr{/* フロートのクリア */
		clear: both;
	}
	

/* ▼レイアウトの初期化
--------------------------------------------------
ページ構造の基礎となるレイアウトを設定する
--------------------------------------------------*/

/* ▽タイトル部レイアウト */

	#title-page{/* ページタイトル */
		margin: 0em 0em 1em 0em;
		padding: 0.25em 0em 10px 0.5em;
		border-bottom: 1px solid #ddddde;
		font-size: 140%;
		color: #505153;
		line-height: 110%;
	}


/* ▽コンテンツ部レイアウト */

	#main{/* コンテンツ部レイアウト */
		margin: 0em 0em 0em 2.5em;
	}
	ul.layout-idx{/* 目次(ページ内複数トピックのリンク項目) */
		margin: 1em 15% 1em 0em;
		padding: 0.3em 0em 0.5em 2em;
		border:1px dotted #98c2fb;
		background-color:#ffffff;
		line-height: 120%;
	}
	h2.title-idx{/* ページ内複数トピックの見出し */
		margin: 1em 0em 1em -17px;
		padding: 5px 0em 5px 10px;
		border-left: 7px solid #62666b;
		font-size: 120%;
		color: #62666b;
		line-height: 100%;
	}
	h2.corner_box{/* 表示・設定項目の見出し */
		margin: 1em 0em 1em -17px;
		padding: 15px 0em 15px 17px;
		background:url(../img/corner_box.gif) no-repeat;
		font-size: 120%;
		color: #62666b;
		line-height: 110%;
	}
	h3.title-sub{/* 小見出し */
		margin: 0.5em 0em 0.5em 0em;
		padding: 0em 0em 5px 0em;
		border-bottom: 1px solid #CCCCCC;
		font-size: 120%;
		color: #62666b;
		line-height: 110%;
	}
	h4.title-case{/* 場合分け */
		margin: 1em 0em 1em 0em;
		padding: 0.1em 0em 0.1em 0em;
		font-size: 110%;
		color: #505153;
		line-height: 110%;
	}
	h5.title-case2{/* 場合分け */
		margin: 1em 0em 0.5em 0em;
		padding: 0.1em 0em 0.1em 0em;
		font-size: 100%;
		color: #505153;
		line-height: 110%;
	}
	hr.partition{
		margin: 0em 20% 0.3em 2em;
		background-color: #CCCCCC;
		color: #CCCCCC; /* for IE */
	}
	div.attention{/* 注意ボックス */
		margin: 1em 0em 1em 0em;
		padding: 0.3em 1em 0.3em 1em;
		background-color: #F9F3FF;
		border: 1px solid #CEBCEB;
	}
	div.hint{/* ヒントボックス */
		margin: 1em 0em 1em 0em;
		padding: 0.3em 1em 0.3em 1em;
		background-color: #eff4f8;
		border: 1px solid #b9c4ce;
	}	
	div.code{/* ファイル・ソースコード内容 */
		margin: 0em 0em 1em 0em;
		padding: 0em 1em 0em 1em;
		background-color: #FFFFFF;
		border: 1px solid #BBC7EA;
	}	
	div.flow_indent{/*--- フロー図 ---*/
		width: 95%;
		margin:1.5em 0em 2em 0em;
		text-align: center;
	}
	div.flow_box{/* フロー図の外枠 */
		padding: 5px;
		background-color: #F3F6FF;
		border: 1px solid #BBC7EA;
		text-align: left;
	}
	img.flow_arrow{/* フロー図の↓↑←→画像 */
		margin: 0px auto 0px auto;
	}	
	div.flow_inbox{/* フロー図の内枠 */
		margin: 5px;
		padding: 5px;
		background-color: #FFFFFF;
		border: 1px solid #BBC7EA;
	}
	table#termlist{/*--- 用語テーブル ---*/
		padding: 0em;
		border: 1px solid #FFF;
	}
	table#termlist th{/* 用語テーブル ヘッダ */
		width: 30%;
		padding: 0.2em 1em 0.2em 1em;
		background-color: #5b5b5b;
		border: 10px solid #FFF;
		color: #FFF;
		font-size: 100%;
		vertical-align: middle;
	}
	table#termlist td{/* 用語テーブル 内容 */
		padding: 0.2em 1em 0.2em 1em;
		background-color: #FFF;
		border: 10px solid #FFF;
	}
	ul.term-idx{/* 用語テーブル リスト */
		margin: 0.5em 0em 0.5em 0em;
		padding: 0em 0em 0em 1em;
		list-style: circle outside;
		font-size: 100%;
		line-height: 120%;
	}
	.term-component{/* 用語説明 */
		margin: 1em 0 1em -20px;
		padding: 0 0 0 10px;
		border-left: 10px solid #f3f3f4;
	}



/* ▼反復使用セレクタ(汎用オブジェクト群)
--------------------------------------------------
ドキュメント内で複数回にわたって使用される
汎用的なオブジェクト群の設定を行う
--------------------------------------------------*/

	.navi{/* ページの先頭へ */
		margin: 1em 0em 2em 0em;
		font-size: 100%;
		text-align: right;
	}
	.navi a:visited{/* ページの先頭へ(履歴)の設定 */
		color: #4455CB;
	}
	.doc-jump{/* 参照ページ移動 */
		margin: 0.5em 0em 0.5em 0em;
	}
	.doc-jump img.arrow{/* 参照ページ移動の先頭イメージ */
		width: 17px;
		height: 13px;
		margin: 0em;
	}
	.jump-add{/* 参照＋補足ページ移動 */
		margin: 0.5em 0em 0.5em 0em;
		font-size: 100%;
		color: #505153;
	}
	.doc-jump a:hover span{/* 参照＋補足ページ移動(マウスオーバー)の設定 */
		color: #505153;
	}
	.jump-detail{/* 詳細ページ移動 */
		font-size: 100%;
		font-weight: normal;
	}
	.jump-detail img.jump-cursor{
		width: 7px;
		height: 7px;
		margin: 0 0.2em 0 0.2em;
	}
	.item-add{/* リストの補足 */
		margin: 0.1em 0em 0.1em 0.5em;
	}
	.note-mark{/* 留意(文頭マーク「* 」付き) */
		margin: 0.1em 0em 0.1em 1em;
		text-indent: -0.8em;
	}
	.note{/* 留意(文頭マークなし) */
		margin: 0.1em 0em 0.1em 1em;
	}
	.annotation{/* 注釈説明 */
		margin: 1em 0em 1em 2em;
		text-indent: -1.3em;
		font-size: 100%;
	}
	.subtext{/* サブテキストオブジェクト */
		margin: 0em 0em 0em 0.7em;
	}
	span.menu {/* 英文UIアイテム表記用 */
		font-weight: bold;
	}