/*--------------------------------------------------------*/
/* 共通CSS
/*--------------------------------------------------------*/

/* hover時の背景画像ちらつきに対処する */
html { 
    filter: expression(document.execCommand("BackgroundImageCache", false, true)); 
}

/*-----全体構成：サイト全体の基本デザイン構成-----*/

body	{
	margin:0px;
	padding:0px;
	/*基本フォント仕様*/
	font-size:12px;
	color:#555555;
	line-height:1.5em;
	background-position:center top;
	letter-spacing: 0;
	background-color: #ECE9D8;
}

#all	{ /*全体*/
	width:830px;
	padding:0px;
	background-color: #FFFFFF;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#headerBlock	{ /*TOPヘッダー部分の基本設定*/
	width:800px;
	height:50px;
	padding:0px;
	background:url(../img/header_bg.gif);
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#headerBlock2	{ /*下階層ヘッダー部分の基本設定*/
	width:800px;
	height:99px;
	padding:0px;
	background:url(../img/header_bg.gif);
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#contentsBlock	{ /*コンテンツ部分の基本設定*/
	width:800px;
	margin:0px auto 0px auto;
	padding:0px;
	background-color: #FFFFFF;
}

#leftBlock	{ /*サイド部分の基本設定*/
	float:left;
	width:180px;
	margin:0px;
	padding:0px;
	background-color: #FFFFFF;
}

#mainBlock	{ /*メインコンテンツ部分の基本設定*/
	float:right;
	width:578px;margin:0px;padding:10px;
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
}

#footerBlock	{ /*フッター部分の基本設定*/
	height:50px;margin:0px auto;padding:0px;
}

#mainClear	{
	clear:both;
}


/*-----ヘッダー：ヘッダー内の設定-----*/

#headerBlock h1	{
	float:left;
	margin:0px 0px 0px 0px;padding:0px;
}
.headerRight	{
	float:right;
	margin:0px 0px 0px 0px;padding:0px;
	text-align:right;line-height:1.5em;
}


/*+++++メニュー：メニュー内の設定+++++*/

#mainMenu	{
	margin:0px 0px 10px 0px;padding:0px;
}
#mainMenu li	{
	display:block;
	padding:0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
#mainMenu a	{
	display:block;
	height:22px;
	margin:0px;
	/*メニューボタンの背景画像設定*/
	background-image:url(../img/navi_bg_off.gif);
	background-repeat:no-repeat;
	line-height:1.2em;
	background-color: #99CC00;
}
#mainMenu a:link	{color:#555555;text-decoration:none;padding:8px 5px 0px 30px;}
#mainMenu a:visited	{color:#555555;text-decoration:none;padding:8px 5px 0px 30px;}
#mainMenu a:hover	{
	color:#808000;text-decoration:none;font-weight:bold;padding:8px 5px 0px 30px;
	/*ロールオーバー時のメニューボタンの背景画像設定*/
	background-image:url(../img/navi_bg_on.gif);
	background-color:transparent;
}
#mainMenu a:active	{
	color:#808000;text-decoration:none;font-weight:bold;padding:8px 5px 0px 30px;
	/*クリック時のメニューボタンの背景画像設定*/
	background-image:url(../img/btn_bg_on.gif);
	background-color:transparent;
}


/*-----トップページ：トップページ内の設定-----*/

#topMainImage	{ /*トップページのメイン画像部分*/
	width:800px;margin:0px auto 10px auto;padding:0px;
}

.topInformation	{ /*トップページお知らせ部分*/
	margin:0px;padding:0px;
}
.topInformation p	{
	margin:0px;padding:5px;
	border-bottom:1px dotted #999999;
}

.topSideBanner	{ /*サイドバナー部分*/
	margin:0px 0px 5px 0px;padding:0px;
}
.topSideText	{ /*サイドテキスト部分*/
	margin:0px;padding:10px 0px 0px 0px;
}


/*-----コンテンツ：メインコンテンツ部分の設定-----*/

#mainBlock p	{ /*メインコンテンツの段落部分の基本設定*/
	clear:both;
	margin-bottom:15px;
}

.flow	{ /*キャッチコピー用*/
	clear:both;
	margin:0px 0px 15px 0px;padding:0px;
	font-size:15px;color:#996600;font-weight:bold;
}

.pageNavigation	{ /*ページのパンくず設定*/
	margin:0px auto 10px auto;padding:0px;
}



.ryokin { /*ryokinテーブル*/
	width:100%;
	margin:0px 0px 10px 0px;
	padding:0px;
	border-collapse:collapse;
	background-color: #DDEEFF;
}
.ryokin th { /*ryokinテーブルの項目部分*/
	width:35%;
	text-align:left;
	vertical-align:middle;
	font-weight:normal;
	border:1px solid #CCCCCC;
	background-color: #FFEFDF;
	text-indent: 20px;
}
.ryokin td { /*ryokinテーブルのテキスト部分*/
	padding:4px 2px 2px 4px;
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
	text-align: left;
	text-indent: 20px;
}


.koushi {　/* 講師テーブル */
	width: 100%;
}

.koushi th {　/* 講師テーブル項目 */
	vertical-align:middle;
	font-weight:normal;
	border:1px solid #CCCCCC;
	background-color: #FFFFDF;
	width: 100px;
}

.koushi td { /* 講師テーブル内テキスト */
	background-color:#FFFFFF;
	text-align: left;
	vertical-align: middle;
	padding-left: 10px;
	border:1px solid #CCCCCC;
}

.soho { /*sohoテーブル*/
	width:100%;
	padding:0px;
	border-collapse:collapse;
	background-color: #FFFFFF;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.soho th { /*sohoテーブルの項目部分が茶*/
	width:25%;
	text-align:center;
	vertical-align:middle;
	font-weight:normal;
	border:1px solid #CCCCCC;
	background-color: #F4EBE1;
}
.soho td { /*sohoテーブルのテキスト部分*/
	padding:4px 2px 2px 4px;
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
	text-align: left;
	vertical-align: middle;
}



.table01 { /*テーブル基本*/
	width:100%;margin:0px 0px 10px 0px;padding:0px;
	border-collapse:collapse;
}
.table01 th { /*テーブルの項目部分*/
	width:15%;
	text-align:center;
	vertical-align:middle;
	font-weight:normal;
	background-color:#EAEAD5;
	border:1px solid #CCCCCC;
}
.table01 td { /*テーブルのテキスト部分*/
	padding:4px 2px 2px 4px;
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
}

.table03 { /*テーブルの例*/
	width:100%;
	margin:0px 0px 10px 0px;
	padding:0px;
	border-collapse:collapse;
	background-color: #FFFFCC;
}
.table03 th { /*テーブルの項目部分*/
	width:25%;
	text-align:center;
	vertical-align:middle;
	font-weight:normal;
	border:1px solid #CCCCCC;
}
.table03 td { /*テーブルのテキスト部分*/
	padding:4px 2px 2px 4px;
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
	text-align: center;
}




.table05 { /*05テーブル*/
	width:100%;
	padding:0px;
	border-collapse:collapse;
	background-color: #FFFFFF;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.table05 th { /*05テーブルの項目部分*/
	text-align:center;
	vertical-align:middle;
	font-weight:normal;
	border:1px solid #CCCCCC;
	background-color: #ECE9D8;
}
.table05 td { /*05テーブルのテキスト部分*/
	padding:4px 2px 2px 4px;
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
	text-align: left;
	vertical-align: middle;
}

.table06 { /*テーブル*/
	width:100%;
	padding:0px;
	border-collapse:collapse;
	background-color: #FFFFFF;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.table06 th { /*テーブルの項目部分*/
	text-align:center;
	vertical-align:middle;
	font-weight:normal;
	border:1px solid #CCCCCC;
	background-color: #ECE9D8;
}
.table06 td { /*テーブルのテキスト部分*/
	padding:4px 2px 2px 4px;
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
	text-align: left;
	vertical-align: middle;
}

.table07 { /*07テーブル*/
	width:90%;
	padding:0px;
	border-collapse:collapse;
	background-color: #FFFFFF;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
.table07 th { /*07テーブルの項目部分*/
	text-align:center;
	vertical-align:middle;
	font-weight:normal;
	border:1px solid #CCCCCC;
	background-color: #ECE9D8;
}
.table07 td { /*07テーブルのテキスト部分*/
	padding:4px 2px 2px 4px;
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
	text-align: center;
	vertical-align: top;
}

.table_info { /*会社概要　テーブル*/
	width:100%;
	border-collapse:collapse;
	margin-bottom: 10px;
	border-bottom-color: #CCCCCC;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
}
.table_info th { /*会社概要　項目部分*/
	text-align:left;
	font-weight:normal;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	width: 25%;
	text-indent: 20px;
	margin-top: 20px;
}
.table_info td { /*会社概要テキスト部分*/
	padding:4px 2px 2px 4px;
	background-color:#FFFFFF;
	text-align: left;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}






.indent10	{ /*インデントをかけたい場合pタグにclass付け*/
	padding-left:10px;
}

.imageLeft	{ /*画像を左寄せ*/
	float:left;
	margin:0px 10px 15px 0px;
}
.imageRight	{ /*画像を右寄せ*/
	float:right;
	margin:0px 0px 15px 10px;
}

.icon01	{ /*アイコンを使う場合に使用*/
	vertical-align:middle;
	margin:0px 3px 0px 0px;
}
.icon02	{ /*アイコンを使う場合に使用*/
	vertical-align:text-bottom;
	margin:0px 3px 0px 7px;
}


/*-----フッター：フッター部分の設定-----*/

.footerNavi	{
	text-align:right;
	width:800px;height:23px;margin:0px auto;padding:7px 0px 0px 0px;
}
.footerMenu	{
	text-align:center;
	width:800px;margin:0px auto;padding:10px 0px 0px 0px;
}
.footerMenu img	{
	margin:5px 5px 0px 0px;
}
.footerCopy	{
	clear:both;
	text-align:right;
	width:800px;margin:0px auto;padding:0px;
}


/*-----フォーム：フォームの設定-----*/

form	{
	margin:0px;padding:0px;
}
input	{
	font-size:12px;line-height:1.5em;
}
textarea	{
	font-size:12px;line-height:1.5em;
}


/*-----見出し：見出しの設定-----*/

h2	{ /*ページタイトル部分*/
	clear:both;
	text-align:left;
	font-size:16px;
	color: #996600;
	margin: auto;
}

h3	{ /*サブタイトル部分*/
	clear:both;
	height:27px;
	font-size:16px;
	color:#333333;
	background-image:url(../img/head_bg.gif);
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 12px;
}


/*-----フォント：フォント関連の設定-----*/

/*会社名*/
.name {font-size: 16px; font-weight: bold; }

/*基本テキストリンクの設定*/
a:link		{color:#0000FF;}
a:visited	{color:#0000FF;}
a:hover		{color:#808000;text-decoration:none;background-color:#FFFFFF;}
a:active	{color:#808000;text-decoration:none;background-color:#FFCCFF;}

/*フォントサイズの変更に使用*/
.size1		{font-size:10px;line-height:1.4em;}
.size2		{font-size:12px;line-height:1.4em;}
.size3		{font-size:14px;line-height:1.4em;}
.size4		{font-size:16px;line-height:1.4em;}
.size5		{font-size:18px;line-height:1.4em;}

/*フォントカラーの変更に使用*/
.colorBlk	{color:#000000;}
.colorGry	{color:#666666;}
.colorWht	{color:#FFFFFF;}
.colorNvy	{color:#000080;}
.colorBlu	{color:#0066CC;}
.colorOlv	{color:#808000;}
.colorGrn	{color:#008000;}
.colorMrn	{color:#800000;}
.colorPnk	{color:#E9287D;}
.colorRed	{color:#FF0000;}
.colorOrg	{color:#FF6600;}
.colorYlw	{color:#FFCC00;}

/*フォントカラー＋ボールド設定*/
.colorBlkBold	{color:#000000;font-weight:bold;}
.colorGryBold	{color:#666666;font-weight:bold;}
.colorWhtBold	{color:#FFFFFF;font-weight:bold;}
.colorNvyBold	{color:#000080;font-weight:bold;}
.colorBluBold	{color:#0066CC;font-weight:bold;}
.colorOlvBold	{color:#808000;font-weight:bold;}
.colorGrnBold	{color:#008000;font-weight:bold;}
.colorMrnBold	{color:#800000;font-weight:bold;}
.colorPnkBold	{color:#E9287D;font-weight:bold;}
.colorRedBold	{color:#FF0000;font-weight:bold;}
.colorOrgBold	{color:#FF6600;font-weight:bold;}
.colorYlwBold	{color:#FFCC00;font-weight:bold;}


/*-----ポイント：フォントを使用したポイントの設定-----*/

.pointNvy	{font-size:10px;color:#000080;margin-right:3px;}
.pointBlu	{font-size:10px;color:#0000FF;margin-right:3px;}
.pointGrn	{font-size:10px;color:#008000;margin-right:3px;}
.pointMrn	{
	font-size:10px;
	color:#800000;
	margin-top: 0px;
}
.pointPpl	{font-size:10px;color:#800080;margin-right:3px;}
.pointRed	{font-size:10px;color:#FF0000;margin-right:3px;}
.pointOrg	{font-size:10px;color:#FF6600;margin-right:3px;}
.pointYlw	{font-size:10px;color:#FFCC00;margin-right:3px;}

.dot {
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	border-bottom-width: thin;
	color: #0033CC;
}

.left {
	margin-left: 5px;
}


ul.link li {
	list-style-type: none;
	text-align: left;
	text-indent: 30px;
	padding-top: 8px;
	padding-bottom: 8px;
	width: 300px;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ECE9D8;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #ECE9D8;
	font-size: 14px;
	font-weight: bold;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #ECE9D8;
	border-right-color: #ECE9D8;
}

.komidashi {
	font-size: 12px;
	background-color: #ECE9D8;
	text-indent: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-weight: bold;
	border-left-color: #996600;
	border-left-width: medium;
	border-left-style: double;
}

.anshin {
	list-style-position: outside;
	list-style-type: decimal;
	line-height: 22px;
}

#qa .q {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	font-size: 12px;
	color: #3333CC;
	padding-top: 15px;
	font-weight: bold;
	padding-right: 5px;
	padding-left: 5px;
}

#qa .a {
	padding-top: 5px;
	padding-bottom: 10px;
	background-color: #F2F0E6;
	padding-right: 5px;
	padding-left: 5px;
}

.go {
	font-weight: bold;
	color: #CC0000;
	font-size: 14px;
	border-bottom-style: dotted;
	border-bottom-color: #CC0000;
	border-bottom-width: 1px;
	border-left-style: solid;
	padding-left: 5px;
}

.ryokin {
	list-style-type: square;
	line-height: 24px;
	list-style-position: inside;
	background-color: #F4F2E8;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	margin-top: -5px;
}





/* 外枠 */
div.notedesign {
   border: 1px solid #999900;   /* 外枠 */
   padding: 10px;             /* 内側の余白 */
   background-color: #FFFFE8; /* 背景色 */
}
/* ノート内部 */
div.notedesign p {
   background-image: url(../img/greendot-25.gif); /* 罫線 */
   line-height: 25px; /* 行の高さ */
   margin: 0px;       /* 外側の余白 */
}
/* ノートタイトル */
div.notedesign p.notetitle {
	font-weight: bold;                 /* 文字の太さ */
	color: #FFFFFF;                    /* 文字色 */
	font-size: 14px;
	background-color: #999900;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 5px;
}