﻿/* @charset "Shift_JIS";　停止中
================================================= */
/* CSS目次　2008　石川県日本語・日本文化研修センター

■01.各パーツの設定
・bodyの設定、リンクカラー設定,見出し用タグの設定
　フォームタグの設定など
　
■02.ページ全体のサイズなどの設定（container）


================================================= */
html {
	filter: expression(document.execCommand("BackgroundImageCache", false, true));
	}


/* 01.bodyの設定 */
body {
	margin: 0px 0px 0px 0px;
	background-color: #FFF;
	background-position: center;
	text-align: left;
	background-color: #FFFFFF;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,sans-serif,SimSun,"MS Song","MS Mincho";
	}


/* リンクカラー設定 */
a {text-decoration: underline;}
a:link {color: #0000aa;}
a:visited {color: #800080;}
a:active {color: #CC0000;}
a:hover {color: #CC0000;}


/* 見出し用タグの設定 */
h1, h2, h3, h4, h5 { 
	margin: 0px;
	padding: 0px;
	font-weight: normal;
/* 	font-size: 80%; */
/*	line-height: 140%; */
	}


/* パラグラフ（P）タグの設定 */
P {
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	text-align: left;
	}
	

/* BLOCKQUOTEタグの設定 */
BLOCKQUOTE {
	margin: 0px 20px 0px 20px;
	padding: 0px;
	font-weight: normal;
	}
	

/* フォームタグの設定 */
form {
	margin: 0px;
	padding: 0px;
	}
	
/* A NAMEの設定 */
a.name-none{
	text-decoration: none;
	color: #000;
	}

/* ページ内スキップの設定 */
.hide {
	position: absolute;
	left: -100em;
	top: -100em;
	}
	
/* スタイルシートOFFの場合に表示される警告文の設定 */	
.nocss {
	display: none;
	}

/* テキスト　ページ内タイトルオレンジ色-表示 */
.text-orange {
	color: #FF3300;
	}


/* テキスト　等幅 */
.text-mono {
	font-family: "ＭＳ ゴシック",;
	}

/* テキスト　ページ内タイトル赤色-表示 */
.text-red {
	color: #f00;
	}

/* テキスト　ページ内タイトルスカイブルー色-表示 */
.text-skyblue {
	color: #69f;
	}

/* テキスト　ページ内タイトル緑色-表示 */
.text-green {
	color: #6c3;
	}

.text-orange-head {
	color: #FF3300;
	font-size: 150%;
 	line-height: 150%;
	font-weight: bold;
	}

.text-black-head {
	color: #000;
/* 	font-size: 150%; */
 	line-height: 150%;
	font-weight: bold;
	}

/* テキストサイズ小　60% */
.text-60 {
	font-size: 60%;
	line-height: 120%;
	}

/* テキストサイズ小　70% 120% */
.text-70-120 {
	font-size: 70%;
	line-height: 120%;
	}

/* テキストサイズ小　70% */
.text-70 {
	font-size: 70%;
	line-height: 150%;
	}

/* テキストサイズ小　90% */
.text-90 {
	font-size: 90%;
	line-height: 150%;
	}

/* テキストサイズ小　80% */
.text-80 {
	font-size: 80%;
	line-height: 150%;
	}

/* テキストサイズ　100% */
.text-100 {
	font-size: 100%;
	line-height: 150%;	
	}

/* テキストサイズ　100% 行間200% */
.text-100-200 {
	font-size: 100%;
	line-height: 200%;	
	}
		
/* テキストサイズ　120%　太い */
.text-120-strong {
	font-size: 120%;
	line-height: 150%;
	font-weight: bold;
	}

/* テキストサイズ　150%　太い */
.text-150-strong {
	font-size: 150%;
	line-height: 150%;
	font-weight: bold;
	}
	
/* テキストサイズ　200%　太い */
.text-200-strong {
	font-size: 200%;
	line-height: 200%;
	font-weight: bold;
	}

/* グロバールナビのメニュー矢印アイコンの設定 */	
a.menu-arrow {
	background:url(../image/parts-menu-arrow.gif) no-repeat center left;
	list-style-type: none;
	margin: 0px;
	padding-left: 20px;	
/*	text-align: center; */
/* 	font-size: 90%; */
	}

/* 均等割付 */
.text-justify {
	text-justify: distribute-all-lines;
	}

/* 等幅書体設定 */
.text-mono {
	font-family: "monospace";
	}
	
/* 下線ドットのテーブル設定 */
table.gray-text-100 th,table.gray-text-100 td{
	border-bottom: 2px dotted #CCC;
	border-width:0px 0px 2px 0px;
/* 	font-size: 100%; */
/* 	line-height: 150%; */	
	padding:7px 3px;
	} 

/* 下線ありのテーブル設定 */
table.line-1px th,table.line-1px td{
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;
	padding: 5px;
	font-size: 90%;
	line-height: 150%;
	text-align: left;
	}

table.line-1px{
	border-left: 1px solid #333333;
	border-top: 1px solid #333333;
	border-collapse: collapse;
	border-spacing: 0;
	text-align: left;
	}

table.line-1px rt, td rt{
	font-size:10px;
	}

table.line-2px th,table.line-2px td{
	border-right: 2px solid #333333;
	border-bottom: 2px solid #333333;
	padding:5px;
 	font-size: 90%; 
 	line-height: 150%;
	}

table.line-2px{
	border-left: 2px solid #333333;
	border-top: 2px solid #333333;
	border-collapse: collapse;
	border-spacing: 0;
	}


/* 下線なしのテーブル設定 */
table.line-0px th,table.line-0px td{
	border-right: 0px;
	border-bottom: 0px;
	padding:5px;
 	font-size: 100%; 
	}

table.line-0px{
	border-left: 0px;
	border-top: 0px;
	border-collapse: collapse;
	border-spacing: 0;
	}



/* 02.ページ全体のサイズなどの設定（container）
----------------------------------------------- */
#container {
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	color: #333;
	padding: 0px;
	width: 750px;
	background-color: #FFF;
	}

.kiji_top,.kiji_top_orange{
	width:570px;
	background:url(../image/bg-title-green.jpg) right center no-repeat;
	line-height:43px;
	}

div.kiji_top2 rt,div.kiji_top rp{
	font-size:10px;
	}
	
.kiji_top2{
	width:585px;
	background:url(../image/bg-title-green.jpg) right repeat-y top;
	line-height:43px;
	padding:5px 0;
	}

.kiji_top2 h1{
	display:inline;
	color:#FF4500;
	font-weight:bolder;
	}

.kiji_top h1{
	display:inline;
	color:#FF4500;
	font-weight:bolder;
	}

.top_small{
	font-size:0.7em;
	color:#000000;
	}

.kiji_top_orange h1{
	display:inline;
	color:#FF4500;
	font-size:1.3em;
	font-weight:bolder;
	}

.top_normal{
	font-size:0.7em;
	color:#000000;
	}

.return_btn{
	float: right;
	margin:auto;
	text-align:right;
	}

.return_btn a{
	text-align:left;
	display:block;
	width:190px;
	background:url(../image/btn_bg.gif) no-repeat;
	line-height:30px;
	text-indent:30px;
	color:#5070BF;
	font-weight:bold;
	font-size:80%;
	}


/* 08.クリア後のスペース（高さ）設定
================================================ */
/* クリア後スペース0px */
#clear-0px-01,#clear-0px-02,#clear-0px-03,#clear-0px-04,#clear-0px-05,#header-clear {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden !important;
	padding: 0px;
	margin: 0px;
	boder-top: 1px;
	}

/* クリア後スペース5px */
#clear-5px-01,#clear-5px-02,#clear-5px-03,#clear-5px-04,#clear-5px-05 {
	content: ".";
	display: block;
	height: 5px;
	clear: both;
	visibility: hidden !important;
	boder-top: 1px;
	} 

/* クリア後スペース10px */
#clear-10px-01,#clear-10px-02,#clear-10px-03,#clear-10px-04,#clear-10px-05 {
	content: ".";
	display: block;
	height: 10px;
	clear: both;
	visibility: hidden !important;
	} 
	
/* クリア後スペース15px（休止中　上の0pxへ）*/
#clear-15px-01,#clear-15px-02,#clear-15px-03,#clear-15px-04,#clear-15px-05 {
	content: ".";
	display: block;
	height: 15px;
	clear: both;
	visibility: hidden;
	boder-top: 1px;
	} 
	
/* クリア後スペース30px */
#clear-30px-01,#clear-30px-02,#clear-30px-03,#clear-30px-04,#clear-30px-05,#clear-30px-06 {
	content: ".";
	display: block;
	height: 30px;
	clear: both;
	visibility: hidden !important;
	boder-top: 1px;
	}
	
/* クリア後スペース50px */
#clear-50px-01,#clear-50px-02,#clear-50px-03,#clear-50px-04,#clear-50px-05,#clear-50px-06 {
	content: ".";
	display: block;
	height: 50px;
	clear: both;
	visibility: hidden !important;
	boder-top: 1px;	
	}	
	


/* 09.グローバルナビ設定
================================================ */
#navi {
/*	text-align: center; */
	float: left;
	width: 180px;
	padding: 0px;
	}

#navi ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	}
	
#navi li { 
	display: inline; 
	} 

#navi a {
	display: block;
	width: 180px;
/*	height: 30px; */
	float: left;
	margin: 0px;
	padding: 8px 0px 8px 10px;
	background-image: url(../image/bg-menu-off.jpg);
	background-repeat: no-repeat;
	background-position: left center; 
 	color: #FFFFFF; 
	font-size: 80%;
	line-height: 150%;
	text-decoration: none;
	font-weight: bold;
/*	font-family: "monospace"; */
	}
	
#navi a:hover {
	background-image: url(../image/bg-menu-on.jpg);
	}

#summary #on-summary a {
	background-image: url(../image/bg-menu-on.jpg);
	}

#ijsp #on-ijsp a {
	background-image: url(../image/bg-menu-on.jpg);
	}

#family #on-family a {
	background-image: url(../image/bg-menu-on.jpg);
	}

#j-seminar #on-j-seminar a {
	background-image: url(../image/bg-menu-on.jpg);
	}
	
#basics #on-basics a {
	background-image: url(../image/bg-menu-on.jpg);
	}

#j-class #on-j-class a {
	background-image: url(../image/bg-menu-on.jpg);
	}

#j-class_ishikawa #on-j-class_ishikawa a {
	background-image: url(../image/bg-menu-on.jpg);
	}

#speech #on-speech a {
	background-image: url(../image/bg-menu-on.jpg);
	}

#access #on-access a {
	background-image: url(../image/bg-menu-on.jpg);
	}
