/*--------------------------------------------------------
■IEの仕様に合わせる
--------------------------------------------------------*/

/*

* { box-sizing : border-box}
* { -moz-box-sizing : border-box}

*/


/*--------------------------------------------------------
■フォント関係
--------------------------------------------------------*/

.Font-Small {  font-size: 10pt; line-height: 16pt}

.Font-Too-Small {  font-size: 9pt; line-height: 11pt}

.Font-Big {	font-size: 12pt;	font-weight: bold}


/* 導入事例ページ　マーキュリッチからの質問 */
.Font-Ex-Interview {
	padding: 5px;
	margin: 25px 0px;
	font-weight: bold;
	color: #006600;
	border-left: 5px solid #006600;
	background-color: #DDFFDD;
}


/*--------------------------------------------------------
■フォーム関係
--------------------------------------------------------*/

.form {	width: 230px;	padding: 3px;}



/*--------------------------------------------------------
■リンク関係
--------------------------------------------------------*/

/*●カーソル合わせるとちょっと沈むリンク*/
.push a:hover { position: relative; top: 1px; left: 1px; }

.img-link a { border: 1px solid #ffffff; }
.img-link a:hover { border: 1px solid #7777ff; }




/*--------------------------------------------------------
■フォーム関係
--------------------------------------------------------*/

/*●カーソル合わせるとちょっと沈むリンク*/
.Form-table {
	margin: 5px;
}

.Form-Label{
	width:150px;
	padding: 5px;
	background-color: #99dd99;
	text-align: left;
}

.Form-data{
	padding: 5px;
	background-color: #CCCCCC;
	text-align: left;
}

.Form-top{
	text-align: center;
}

/*--------------------------------------------------------
■入れ替わるボタン
--------------------------------------------------------*/

/*●会社概要の各ページへのリンクとプログラム一覧リンク 180-100 */

.Mbutton{
    float: left;
}


.Mbutton a{
	margin:  5px;
	display: block;
	width: 180px;
	height:100px;
	text-indent:-9999px;
	background-position:left top;  /*hover時以外は上半分表示*/
}

.Mbutton a:hover {
  background-position:left bottom;  /*hover時は下半分表示*/
}


.ZZ-faculty01 {background-image: url("aa_image/button/faculty_nishino.jpg") ;}
.ZZ-faculty02 {background-image: url("aa_image/button/faculty_nomura.jpg") ;}
.ZZ-faculty03 {background-image: url("aa_image/button/faculty_adachi.jpg") ;}

.ZZ-profile01 {background-image: url("aa_image/button/profile_profile.jpg") ;}
.ZZ-profile02 {background-image: url("aa_image/button/profile_message.jpg") ;}
.ZZ-profile03 {background-image: url("aa_image/button/profile_standard.jpg") ;}
.ZZ-profile04 {background-image: url("aa_image/button/profile_media.jpg") ;}
.ZZ-profile05 {background-image: url("aa_image/button/profile_books.jpg") ;}
.ZZ-profile06 {background-image: url("aa_image/button/profile_website.jpg") ;}

.ZZ-website01 {background-image: url("aa_image/button/web_allabout_nishino.jpg") ;}
.ZZ-website02 {background-image: url("aa_image/button/web_allabout_nomura.jpg") ;}

.ZZ-prg01 {background-image: url("aa_image/button/program_presentation_skillup.jpg") ;}
.ZZ-prg02 {background-image: url("aa_image/button/program_presentation_logical.jpg") ;}
.ZZ-prg03 {background-image: url("aa_image/button/program_presentation_english.jpg") ;}
.ZZ-prg04 {background-image: url("aa_image/button/program_nego.jpg") ;}
.ZZ-prg05 {background-image: url("aa_image/button/program_sales_is.jpg") ;}
.ZZ-prg06 {background-image: url("aa_image/button/program_sales_rule.jpg") ;}
.ZZ-prg07 {background-image: url("aa_image/button/program_ptm.jpg") ;}
.ZZ-prg08 {background-image: url("aa_image/button/program_bsg.jpg") ;}
.ZZ-prg09 {background-image: url("aa_image/button/program_ls.jpg") ;}



/*●プログラム一覧の背景*/

.ZZ-program-chart {
	width: 580px;
	height: 350px;
	background-image: url(aa_image/chart/chart_program_01.gif);
	background-repeat: no-repeat;
	padding: 80px 0px 0px 0px;
	}
	

/*●プログラム一覧の大きなボタン 360-100 */

.Lbutton a{
	margin: 5px;
	display: block;
	width: 360px;
	height:100px;
	text-indent:-9999px;
	background-position:left top;  /*hover時以外は上半分表示*/
}

.Lbutton a:hover {
  background-position:left bottom;  /*hover時は下半分表示*/
}


.ZZ-program01 {background-image: url("aa_image/button/program_button_tm.jpg") ;}
.ZZ-program02 {background-image: url("aa_image/button/program_button_bsg.jpg") ;}
.ZZ-program03 {background-image: url("aa_image/button/program_button_nego.jpg") ;}
.ZZ-program04 {background-image: url("aa_image/button/program_button_sales.jpg") ;}
.ZZ-program05 {background-image: url("aa_image/button/program_button_ls.jpg") ;}
.ZZ-program06 {background-image: url("aa_image/button/program_button_presen.jpg") ;}





/*●PDFリンクなど 220-50 */

.Sbutton{
    float: right;
}


.Sbutton a{
	margin: 5px;
	display: block;
	width: 220px;
	height:50px;
	text-indent:-9999px;
	background-position:left top;  /*hover時以外は上半分表示*/
}

.Sbutton a:hover {
  background-position:left bottom;  /*hover時は下半分表示*/
}

.ZZ-Sask {background-image: url("aa_image/templete/button/button_ask.gif") ;}
.ZZ-Spdf {background-image: url("aa_image/templete/button/button_pdf.gif") ;}





/*--------------------------------------------------------
■画像関係
--------------------------------------------------------*/

/*右に画像、左に文章*/
.ImageR{
	float: right;
	margin: 0px 0px 5px 5px;
}


/*左に画像、右に文章*/
.ImageL{
	float: left;
	margin: 0px 5px 5px 0px;
}

.ImageShadow{
	width :200px;
	float: right;
	margin: 0px 0px 10px 10px;
	padding: 0px 5px 0px 0px;
	background-image: url(aa_image/templete/back_block/back_image_shadow.gif);
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 9pt;
	line-height: 11pt;
	color: #666666;
}


.ImageShadow img{
	margin : 0px 0px 7px 0px;
}




/*--------------------------------------------------------
■リスト囲い関係
--------------------------------------------------------*/


/* 関連ページへのリンク */
.List-Kanren-Page {
	clear: both;
	width: 490px;
	padding: 30px 10px 10px 25px;
	margin:  10px auto 20px 30px;
	background-repeat: no-repeat;
	border: 2px dashed #005522;
	background-image:   url(aa_image/templete/back_block/back_kanren_link.gif);
}



/* 研修の詳細リスト */
.List-Kenshu-Shosai {
	clear: both;
	width: 490px;
	padding: 30px 10px 10px 25px;
	margin:  10px auto 10px 30px;
	background-repeat: no-repeat;
	background-image: url(aa_image/templete/back_block/back_kenshu_shosai.gif);
}

.List-Kenshu-Shosai li{
	background-image: url(aa_image/templete/back_list/list_ball_orange.gif);
}




/* ページトップIndex */
.List-PageTop-Index {
	clear: both;
	width: 490px;
	padding: 30px 10px 10px 25px;
	margin:  10px auto 20px 30px;
	background-repeat: no-repeat;
	border: 1px solid #005522;
	background-image: url(aa_image/templete/back_block/back_contents_index.gif);
	font-size: 10pt;
	line-height: 14pt;

}


/*--------------------------------------------------------
■ブロック囲い関係
--------------------------------------------------------*/




/* 一覧ページ用　ex.マスコミ一覧など*/
.Block-IndexPage-ShosaiList {
	clear: both;
	width: 585px;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	border-bottom: 1px dashed #006622;
}



/* ページトップの解説 */
.Block-PageTop-Message {
	width: 585px;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	border-bottom: 1px dashed #006622;
}

/* ページトップの解説 */
.Block-ProfileList {
	margin: 0px;
	width: 120px;
	padding: 2px;
	border-bottom: 1px dashed #333333;
}

.Block-ProfileList-2 {
	margin: 0px;
	width: 430px;
	padding: 2px;
	border-bottom: 1px dashed #333333;
}


/* 詳細ページへのリンク */
.Block-Detail-Link {
	width: 545px;
	padding: 15px 10px;
	margin:  10px;
	background-image: url(aa_image/templete/back_block/back_modoru.gif);
	background-repeat: no-repeat;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	font-weight:bold;
}



/* 詳細ページへのリンク */
.Block-Modoru {
	width: 545px;
	padding: 10px;
	margin:  5px;
	background-repeat: no-repeat;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	font-weight:bold;
	background-image: url(aa_image/templete/back_block/back_shosai_page_link.gif);
}



/* 詳細ページへのリンク */
.Block-LastAction {
	width: 545px;
	padding: 10px;
	margin:  20px 5px 10px 5px;
	background-image: url(aa_image/templete/back_block/back_last_action.gif);
	background-repeat: no-repeat;
	border: 1px solid #CCCCCC;
}



/* ブロック幅 */

.Block-CloseUp-01  {
	width: 505px;
	padding: 10px;
	margin:  10px auto 10px 30px;
}


/* 強調用ブロック１ */
.Block-CloseUp-01 {
	border: 1px solid #666666;
}




/* 強調用ブロック２ 青い背景＆ドロップシャドウ */
.Block-CloseUp-02 {
	background-image: url(aa_image/templete/back_block/back_blue.gif) ;
	background-position:left bottom; /*hover時は下半分表示*/
	width: 545px;
	padding: 10px;
	margin:  10px;
}

.Block-CloseUp-02 H3{
	background-image: url(aa_image/templete/back_block/back_blue.gif) ;
    background-position:left top;  /*hover時以外は上半分表示*/
	width: 525px;
	height:15px;
	padding:  10px 10px 10px 30px;
	margin: -10px -10px 0px -10px; /* 上・右・左に Block-CloseUp-02 のpadding分だけ marginをマイナス */
	color: #666666;
}



/* 強調用ブロック３ 黄色い背景＆ドロップシャドウ */
.Block-CloseUp-03 {
	background-image: url(aa_image/templete/back_block/back_yellow.gif) ;
	background-position:left bottom; /*hover時は下半分表示*/
	width: 545px;
	padding: 10px;
	margin:  10px;
	list-style-image:url(aa_image/templete/back_list/list_ball_orange.gif);
}

.Block-CloseUp-03 H3{
	background-image: url(aa_image/templete/back_block/back_yellow.gif) ;
    background-position:left top;  /*hover時以外は上半分表示*/
	width: 525px;
	height:15px;
	padding:  10px 10px 10px 30px;
	margin: -10px -10px 0px -10px; /* 上・右・左に Block-CloseUp-03 のpadding分だけ marginをマイナス */
	color: #666666;
}




/* 研修効果ピックアップ グレー背景＆ドロップシャドウ */
.Block-CloseUp-04 {
	background-image: url(aa_image/templete/back_block/back_pickup.jpg);
	background-position:left bottom; /*hover時は下半分表示*/
	width: 545px;
	padding: 10px;
	margin:  10px;
	list-style-image:url(aa_image/templete/back_list/list_ball_orange.gif);
	clear: both;
}

.Block-CloseUp-04 H3{
	background-image: url(aa_image/templete/back_block/back_pickup.jpg) ;
    background-position:left top;  /*hover時以外は上半分表示*/
	width: 510px;
	height:15px;
	padding:  20px 10px 20px 45px;
	margin: -10px -10px 0px -10px; /* 上・右・左に Block-CloseUp-04 のpadding分だけ marginをマイナス */
	color: #333399;
}



/* 強調用ブロック５ 青のアンダーライン */
.Block-CloseUp-05 {
	background-image: url(aa_image/templete/back_block/back_underline_blue.gif) ;
	width: 570px;
	line-height: 19pt;	
}


/* 受講者の声 外枠 */
.Block-Customer-Voice {
	background-image: url(aa_image/templete/back_block/back_customer_voice.gif) ;
	background-position:left bottom;  /*hover時は下半分表示*/
	width: 545px;
	padding: 10px;
	margin:  10px;
}

/* 受講者の声 タイトル */
.Block-Customer-Voice  H3{
	background-image: url(aa_image/templete/back_block/back_customer_voice.gif) ;
    background-position:left top;  /*hover時以外は上半分表示*/
	width: 525px;
	height:25px;
	padding:  15px 10px 10px 30px;
	margin: -10px -10px 0px -10px; /* 上・右・左に Block-Customer-Voice のpadding分だけ marginをマイナス */
}

/* 受講者の声 名前・業種 */
.Block-Customer-Voice-Name {
	border: 1px dashed #005522;
	background-color: #FFFFFF;
	width: 530px;      /* 受講者の声外枠width 545 - padding 10 - border 2 */
	margin: 0px 0px 10px 0px;
	padding: 0px 5px;
	text-align:right;
}



/* トップページインディックス３段組み */

.Block-ThreeCulmn ul{
	width: 234px;
	height: 140px;
	font-size: 10pt;
	line-height: 14pt;
	background-image: url(aa_image/templete/back_block/back_three_column.gif) ;
	padding: 5px;
}

.Block-ThreeCulmn li{
	padding:0px 0px 4px 15px;
	background-image:url(aa_image/templete/back_list/list_ball_blue.gif);
}




/*トップページ Whats new 幅250 */

.Block-whatsnew ul{
	margin:0px 0px 18px 0px;
	padding: 40px 5px 5px 5px;
	width: 240px;
	height: 295px;
	font-size: 10pt;
	line-height: 13pt;
	background-image: url(aa_image/templete/back_block/back_whats_new.gif);
	list-style-type: none;
	list-style-image: none;
}

.Block-whatsnew li{
	padding:0px 0px 15px 15px;
	background-image:url(aa_image/templete/back_list/list_ball_blue.gif);
	background-repeat:no-repeat;
	list-style-type: none;
	list-style: none;
	list-style-position: outside;
}





/* 導入企業一覧２段組用 */

.Block-HalfSize-ClientList {
	font-size: 10pt;
	line-height: 1pt;
	background-color: #D4FFD4;
	margin: 3px;
	padding: 5px;
	width: 236px;
	border: 1px solid #006622;
}