/* ----------全体設定---------- */
* {
    margin: 0px;
    padding: 0px;
    text-decoration: none;
	line-height : 150%;
}

body{ /* フォント・背景・領域・行間・文字寄せ */
	color : #333333;
	height: 100%;		/* IEではブラウザサイズを変更時に下の空間まで埋める */
	text-align:center;
	margin : auto;
}

img{ /* 枠を表示しない */
	border : 0px;
}
div{ /* 基本的に左寄せ */
	text-align : left;
}
A{ /* リンク文字色　文字飾りなし */
	color : #336699;
	text-decoration : none;
}

A:HOVER{ /* リンクオンマウスの色　文字飾りなし */
	color : #666666;
	text-decoration : none;
}
dt{
	color : #336699;
	margin-bottom : 5px;
	letter-spacing : 3px;
}
dd{
	margin-bottom : 20px;
	margin-left:40px;
}

li{
	margin-bottom : 5px;
	margin-left:40px;
}


/* ---------- 他ページの小題へリンクするボタン的な何か ---------- */
a.150button{ /* 通常時 */
	font-size : 14;
	color: #ffffff;
	background-color : #666666;
	background-image : url(../img/l_150.jpg);
	background-repeat : no-repeat;
	background-position : 50% 50%;
	width:150px;
	height: 35px;
    padding:5px;
	text-align:center;
	margin-left:5px;
	display: block;
	float:left;
}
a:hover.150button{ /* マウスオーバー時 */
	background-image : url(../img/o_150.jpg);
}
/* ---------- タイトルButton的な何か ---------- */
.200button{ /* 通常時 */
	font-size : 14;
	background-image : url(../img/l_200.jpg);
	background-repeat : no-repeat;
	background-position : 50% 50%;
	width : 200px;
	height: 100px;
    padding:3px;
	text-align:center;
	display: block ;
	float:left;
	overflow : hidden ;
}
a:hover.250button{ /* マウスオーバー時 */
	background-image : url(../img/o_200.jpg);
}


/* ----------構成と共通タイトル・フッタ---------- */

.PFlame{ /* サイトの横幅　枠線　中寄せ */
	width:780px;
	border-left : 1px solid #336699;
	border-right : 1px solid #336699;
	margin : auto;
}

.PTitleArea{/* 共通部タイトルの領域：フォント　背景　幅　高さ　余白（内部）*/
	color : #333333;
	background-image : url(../img/bhead.jpg);
	background-repeat : no-repeat;
	background-position : 0% 0%;
	width : 100%;
	height: 80px;
	padding : 0px 0px 0px 0px;
	font-size : xsmall;
}

.PFooter{ /* フッタ：背景　幅　余白（外部内部） */
	border-top : 1px solid #336699;
	border-bottom : 1px solid #336699;
	width: 100%;
	margin:40px 0px 20px 0px;
	clear : both;
}


/* ----------共通メニュー---------- */

#Pmenu{ /* 共通部のメニュー：枠線　幅　高さ　余白（外部） */
	border-bottom : 5px solid #336699;
	width : 100%;
	height: 51px;
	margin:0px auto;
}

#Pmenu A{
	background-repeat : no-repeat;
	background-position : 0% 0%;
	width : 101px;
	height: 51px;
	padding : 4px;
	display: block ;
	float:left;
	margin-left:2px;
}

 /* ---top--- */
#Pmenu .ltop{
	background-image : url(../img/l_top.gif);
}
#Pmenu A:HOVER.ltop{
	background-image : url(../img/o_top.gif);
}

 /* ---time--- */
#Pmenu .ltime{
	background-image : url(../img/l_time.gif);
}
#Pmenu A:HOVER.ltime{
	background-image : url(../img/o_time.gif);
}

 /* ---excel--- */
#Pmenu .lexcel{
	background-image : url(../img/l_excel.gif);
}
#Pmenu A:HOVER.lexcel{
	background-image : url(../img/o_excel.gif);
}

 /* ---spec--- */
#Pmenu .lspec{
	background-image : url(../img/l_spec.gif);
}
#Pmenu A:HOVER.lspec{
	background-image : url(../img/o_spec.gif);
}

 /* ---dl--- */
#Pmenu .ldl{
	background-image : url(../img/l_dl.gif);
}
#Pmenu A:HOVER.ldl{
	background-image : url(../img/o_dl.gif);
}

 /* ---qa--- */
#Pmenu .lqa{
	background-image : url(../img/l_qa.gif);
}
#Pmenu A:HOVER.lqa{
	background-image : url(../img/o_qa.gif);
}

 /* ---info--- */
#Pmenu .linfo{
	background-image : url(../img/l_info.gif);
}
#Pmenu A:HOVER.linfo{
	background-image : url(../img/o_info.gif);
}


/* ----------各ページ内要素---------- */

.PText{ /* テキストエリア：幅　余白（外部） */
	width:600px;
	margin-top : 40px;
	margin-left : 60px;
	clear : both;
}

.Psub{/* テキストエリア・タイトル：フォント　背景　幅　余白（外部内部）　文字間隔 */
	color : #000000;
	font-size : medium;
	background-image : url(../img/b_mtitle.jpg);
	background-repeat : repeat-y;
	width : 400px;
	margin-bottom : 10px;
	padding : 5px 5px 5px 10px;
	letter-spacing : 3px;
	border-left : 10px double #336699;
	border-top : 1px solid #336699;
}

.Ssub{/* テキストエリア・タイトル：フォント　背景　幅　余白（外部内部）　文字間隔 */
	color : #333333;
	font-size : small;
	background-image : url(../img/subtitle.jpg);
	background-repeat : repeat-y;
	width : 300px;
	margin-bottom : 10px;
	padding : 2px 2px 2px 10px;
	border-left : 5px double #666666;
	border-top : 1px solid #666666;
}
.PgoTop{ /* ページ上部に戻る：幅　右寄 */
	width : 90%;
	text-align:right;
}

.HgoTop{ /* 使用法ページ上部に戻る：幅　右寄 */
	width : 90%;
	text-align:right;
	font-size : x-small;
}

.PSample{/* 画面は開発中のものです！　と声高に主張する */
	width : 90%;
	text-align:right;
	font-size : x-small;
	color : #CC3333;
}

.Navi{/* ここにいるよ！　と片隅から叫んでみる */
	font-size : x-small;
}

.Annotation{ /* 注釈及び強調：文字色　余白（外部） */
	color : #990000;
	margin-bottom : 5px;
	margin-top : 5px;
	margin-left : 10px;
}


/* ---------- table関係 ---------- */
.subspec{
	width:620px;
	border:1px solid #ccccff;
	border-collapse : collapse;
	border-spacing : 0;
	margin-top : 20px;
	margin-bottom : 20px;
}
.subcol{
	border:1px solid #ccccff;
    padding : 3px;
	width:200px;
}
.sub100col{
	background-color : #9999ff;
	border:1px solid #ccccff;
	width:90px;
    padding : 3px;
}
.sub90col{
	border:1px solid #ccccff;
    padding : 3px;
}
.mainspec{ /* テーブルとか */
    border: 0px;
	width : 700px;
	margin-left : 40px;
	margin-top : 60px;
}

.leftcolumn{
	width:100px;
	vertical-align : top;
}

.text2column{
	background-image : url(../img/line02.jpg);
	background-repeat : repeat-y;
    padding: 15px;
	vertical-align : top;
}

.textcolumn{
	background-image : url(../img/line01.jpg);
	background-repeat : repeat-y;
    padding: 15px;
	vertical-align : top;
}

.300column{
	width:300px;
	vertical-align : top;
}
td.a200col{
	width:200px;
	height: 100px;
}
a.200column{
	font-size : 12;
	background-image : url(../img/txta01.jpg);
	background-repeat : no-repeat;
	background-position : 50% 50%;
	width:200px;
	height: 100px;
    padding: 10px;
}
a:HOVER.200column{
	background-image : url(../img/txta01_2.gif);
}