/* タグ *********************************************/
BODY{
	color: #464646;
	font-size: small;
	line-height: 170%;
  margin:0px;
	padding:0px;
}
H1, H2, H3, H4, H5{
	margin: 0 0 8px 0;
	padding: 0px;
}
P{
  margin:0 0 16px 0;
  padding:0;
}
/*A:link { color:#4680A9;}*/
A:link { color:#069;}
A:visited { color:#939;}
A:hover{
  color : #C33;
  cursor: pointer; 
}


TABLE{ border-collapse: collapse; }
IMG{ border:0px; }


/* 外部リンク ***************************************/
.LinkOut{
  zoom:1;
	padding-right:15px;
	background: url(../image/IcoLinkOut13.gif) right center no-repeat;
	margin-right: 2px;
}


/* ヘッダー *****************************************/
#Header{
  background:url(../image/HdrBack8.gif) repeat-x;
}

#HdrWrapper{
  width:840px;
	margin:0 auto;
}

#HdrLogo{
  float:left;
  width:360px;
	height:64px;
	margin:0;
	padding:8px 0 2px 0;
}

/* ヘッダー右 */
#HdrRight{
  float:right;
	width:464px;
	text-align:right;
	font-size:x-small;
	letter-spacing:1px;
	height: 24px;
	margin: 32px 0 8px 16px;
}
#HdrRight A{
  text-decoration:none;
  padding: 0 0 0 20px;
	background:url(../image/HdrSubMenuIcon11.gif) left 2px no-repeat;
  color:#FFF;
}
#HdrRight A:hover{
  border-bottom: solid 1px #FFF;
  padding-bottom: 0px; /* ←ここの値を変更して文字との間隔を調整 */
}


/* ページタイトル *************************************/
#PageTitle{
	margin:0 auto;
	padding:0px;
	min-height:60px;
}
#PageTitle H1,
#PageTitle #Title{
  width:856px;
	margin:0 auto !important;
	padding:0 !important;
}


/* コンテンツ領域 *************************************/
#CtsCenter{
  background:url(../image/CtsBack856.gif) left top no-repeat;
	width:824px;
	min-height:200px;
	margin:0 auto;
	padding:48px 16px 16px 16px;
}


/* 右側にタブメニューを付ける場合 */
.WithTabR{
  padding-top:0px !important;
}
/* 左側にタブメニューを付ける場合 */
.WithTabL{
  padding-top:16px !important;
  background-position:left 16px !important; 
}


/* ページメニュータブ *********************************/
UL#PageTabL,
UL#PageTabR{
  list-style-type: none;
	margin:0 -8px 20px -8px;
	padding:0;
}
UL#PageTabR{ float:right;}
UL#PageTabL LI,
UL#PageTabR LI{
  display:table-cell;
  *display:inline;
  *zoom:1;
	padding: 0px 2px;
	margin: 0px;
}

/* コンテンツ内 ***************************************/
.BackToTop{
  clear:both;
  text-align:right;
	margin: 8px 0 40px 0;
}
.BackToTop IMG{
  width:120px;
	height:16px;
}

/* ページ内サブタイトル */
#CtsLeft H2{
  clear:both;
	margin:0 0 16px 0;
}

/* 強調 */
.CtsAttention{
  color:red;
  font-weight:bold;
}

#FormLeadWrapper{
  border-bottom:1px solid #0999C3;
	margin:0 0 40px 0;
}

/* SSLシール ******************************************/
#SSL{
  float:right;
	width:300px;
	min-height:176px;
	padding: 24px 12px 12px 12px;
	background:#F3EFE9;
	line-height:150%;
	margin:0 0 16px 16px;
}
#SSL IMG{
  float:right;
	padding: 40px 0;
	margin:0 16px 0 32px;
}

/* リード *********************************************/
#FormLead{
/*  width:484px; */
}

#FormLead OL{  padding: 0 0 0 24px;}
#FormLead OL UL{ padding: 0 0 0 16px;}

/* フォーム *******************************************/
FORM H2,
H2.FormTitle{
  border-bottom: 1px dotted #CCC;
	font-size:small;
	padding-left:20px;
	background:url(../image/FrmTitleIcon11.gif) left 7px no-repeat;
}

FORM H2 SPAN{
  margin-left:24px;
  color:#F30;
 	font-weight:normal;
}

TABLE.FormTable{
  width:704px;
  color:#666;
  border: 1px solid #E0E0E0;
	border-collapse:separate;
}

.FormTable TH{
  width:24%;
	background-color: #FFF6CC;
	text-align: left;
	padding: 4px 8px;
 border: 1px solid #E0E0E0;
}

.FormTable TD{
	background-color: #F0F0F0;
	text-align: left;
	padding: 4px 8px 4px 16px;
 border: 1px solid #E0E0E0;
}
.FormTable SPAN.Must,
.FormAttention{
  color:#F60;
	font-size:small;
	font-weight:normal;
}

FORM .Sat{
	 color:#36C;
}
FORM .Sun{
	 color:#C33;
}

DIV.FormArea{
  padding:64px 0 0 120px;
	margin: 0 0 40px 0;
	width:704px;
	min-height:176px;
}

DIV#FormCatlog{background:url(../contact/image/FormTitleCatlog240.jpg) left top no-repeat;}
DIV#FormQuestion{background:url(../contact/image/FormTitleQuestion240.jpg) left top no-repeat;}
DIV#FormWho{background: url(../trial/image/FormTitleWho240.jpg) left top no-repeat;}
DIV#FormTrialCourse{background:url(../trial/image/FormTitleTrialCourse240.jpg) left top no-repeat;}
DIV#FormTrialDate{background:url(../trial/image/FormTitleTrialDate240.jpg) left top no-repeat;}
DIV#FormCheck{background:url(../image/FormTitleCheck240.jpg) left top no-repeat;}

FORM .Btn,
.FormBtn{
  text-align:center;
	margin:0 0 80px 0;
}


/* 表の基本 *******************************************/
TABLE.List{
  width:704px;
  margin: 0 0 8px 0;
}

.List .Break{
/*  border-right: 3px double #CCC;*/
}

.List .Title{
  font-weight:bold;
  padding: 4px 7px;
	text-align:left;
	background:#d3e3ff;
}

.List TH{
  padding:7px;
	text-align:left;
	background:#F6F6F6;
  border: 1px solid #CCC;
}

.List TD{
  padding:7px;
	vertical-align:top;
  border: 1px solid #CCC;
}


/* フッター *****************************************/
#Footer{
  clear:both;
  background:url(../image/FtrBack8.gif) repeat-x;
	font-size: x-small;
	letter-spacing:1px;
	padding-top:32px;
}

/* リンクとロゴ */
#FtrWrapper{
  width:840px;
	margin:0 auto;
	min-height:64px;
}

#FtrLink{
  float:left;
	width:344px;
	margin:0;
	padding:0 8px;
}
#FtrLink A{
  text-decoration:none;
}
#FtrLink A:hover{
  border-bottom: solid 1px #C33;
  padding-bottom: 0px; /* ←ここの値を変更して文字との間隔を調整 */
}

#FtrLink UL{
  float:left;
	width:232px;
  list-style-type: none;
	padding: 12px 8px 0 0 ;
	margin: 0;
}
#FtrLink UL LI{
  display:table-cell;
  display:inline-block;
  *display:inline;
  *zoom:1;
	padding:0px 16px 0px 14px;
	margin:0px;
	background:url(../image/FtrCopMenuIcon8.gif) left 4px no-repeat;
}

#FtrLogo{
  background:url(../image/FtrLogoBack480.gif) left top no-repeat;
  float:right;
	width:464px;
	min-height:64px;
	text-align:right;
	margin:0;
	padding:0 8px;
	font-size:x-small;
}
#FtrLogo IMG{
  float:right;
}



/* クリア関連 ***************************************/
.clear{ clear:both !important; }

.clearfix:after{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}

.clearfix{
    display:inline-block;
    min-height:1%;  /* for IE 7*/
}

/* Hides from IE-mac */
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */