/*============================================
全般的なスタイル
============================================*/
* {
	margin:0; padding:0; 	/*全要素のマージン・パディングをリセット*/
	line-height:1.3;	/*全要素の行の高さを1.5倍にする*/
	color:#000000;		/*文字色*/

} 
body {
	background-color:#FFFFFF;	/*ページ全体の背景色*/
	text-align:center;		/*IE6以下でセンタリングするための対策*/
}
div#pagebody {
	width:1248px; margin:10px auto;	/*内容全体をセンタリング*/
	background-repeat:repeat-y;		/*背景画像を縦方向に繰り返す*/
	*/
	background-color:#ffffff;		/*内容全体の背景色*/
}

/*============================================
ヘッダ
============================================*/

div#header {
	height:120px;	/*背景画像のサイズに合わせてボックスの高さを指定*/
	background-color:#FFFFFF;		/*ヘッダ部分の背景色*/
}

div#header_image {
	margin-top: 15px;
	margin-left: 40px;
	float: left;
}

div#header_1 {
	font-size: 15px;
	font-weight: bold;
	text-align: left;
	padding-top: 24px;
	margin-left: 640px;
}

div#header_2 {
	font-size: 12px;
	text-align: left;
	color: #ff0000;
	margin-left: 640px;
}

/*============================================
メインメニュー
============================================*/
ul#menu {
	height:50px;
	width: 1248px;
	margin-bottom: 10px;
	background-color:#eeeeee;
	font-size: 20px;
	font-weight: bold;
}
li#menu01,li#menu02,li#menu03,li#menu04,li#menu05,li#menu06,li#menu07,li#menu08 {
	float:left;			/*リスト項目を横に並べる*/
	display: inline;			/*リスト項目をインライン表示にする*/
	background-repeat: no-repeat; 	/*背景画像を繰り返さない*/	
}

/*ボタン01〜05にはそれぞれ異なる背景画像を指定する*/
li#menu01 {
	width:179px; height:50px;	/*背景画像に合わせたサイズ指定*/
	background-image:url("../image/menu_back1.png");	/*背景画像*/
}
li#menu02 {
	width:178px; height:50px;	/*背景画像に合わせたサイズ指定*/
	background-image:url("../image/menu_back.png");	/*背景画像*/
}
li#menu03 {
	width:178px; height:50px;	/*背景画像に合わせたサイズ指定*/
	background-image:url("../image/menu_back.png");	/*背景画像*/
}
li#menu04 {
	width:178px; height:50px;	/*背景画像に合わせたサイズ指定*/
	background-image:url("../image/menu_back.png");	/*背景画像*/
}
li#menu05 {
	width:178px; height:50px;	/*背景画像に合わせたサイズ指定*/
	background-image:url("../image/menu_back.png");	/*背景画像*/
}
li#menu06 {
	width:178px; height:50px;	/*背景画像に合わせたサイズ指定*/
	background-image:url("../image/menu_back.png");	/*背景画像*/
}
li#menu07 {
	width:179px; height:50px;	/*背景画像に合わせたサイズ指定*/
	background-image:url("../image/menu_back1.png");	/*背景画像*/
}
li#menu08 {
	width:179px; height:50px;	/*背景画像に合わせたサイズ指定*/
	background-image:url("../image/menu_back1.png");	/*背景画像*/
}
ul#menu a {
	display: block;				/*リンクをブロック表示にする*/
	height: 50px;
	text-align: center;
	text-decoration: none; 			/*リンクの下線を無くす*/
}

#menu_link{
	margin-top: 12px;
}


/*============================================
スライダー
============================================*/
#slick_container{
	width: 1170px;
	margin: 0 auto;
	margin-top: 4px;
	position: relative;
}

#slide_prev2{
	width: 20px;
	height: 400px;
	margin: auto;
	float: left;
}



.slider{
	width: 1170px;
	height: 400px;
	margin: 0;
}

.slick-prev, .slick-next{
	width: 30px;
	height: 300px;
}

.slick-prev:before, .slick-next:before{
	content: "";
}

button.slick-prev, button. slick-next{
	z-index: 2;
}

.slick-prev{
	margin-left: -10px;
}

.slick-next{
	margin-right: -10px;
}

.slick-arrow{
	z-index: 9;
}
/*============================================
メインテーブル（セミナー紹介）
============================================*/
#main{
	width: 1000px;
	height: 1400px;
	background-color: #efeff1;
	float: left;
}

#main_title_image {
	width: 1000px;
	height: 40px;
	float: left;
}

#main_title_cap1 {
	color: #FFFFFF;
	font-size: 24px;
	margin-top: 7px;
	margin-left: 20px;
	position: absolute;
}

#main_title_cap2 {
	color: #0099FF;
	font-size: 20px;
	font-weight: bold;
	margin-top: 10px;
	margin-left: 20px;
	float: left;

}

#main_next_seminar {
	font-size: 18px;
	font-weight: bold;
	margin-top: 30px;
	margin-right 60px;
	float: right;
}

#main_next_seminar_link{
	color: #FF0000;
}

#seminar_detail{
	background-color: #FFFFFF;
	font-weight: normal;
	width: 990px;
	margin-top: 10px;
	margin-left: 5px;
	border-collapse: collapse;
	border-spacing: 0px;
	border-top: 1px solid #ccc;
}

#seminar_detail td{
	width:120px;
	text-align: center;
	font-size: 19px;
	font-weight: bold;
	background-color: #FFFFFF;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	color: #0099FF;
}

#seminar_detail th{
	width:800px;
	padding: 8px;
	font-size: 19px;
	font-weight: normal;
	text-align: left;
	border-bottom: 1px solid #ccc;
	color: #0000000;
	background-color: #FFFFFF;
}

.seminar_detail_h1 {
	margin-left: 16px;
}

.seminar_detail_h1_link{
	color: #0099FF;
}

.seminar_detail_h12 {
	margin-left: 16px;
	height: 80px;
}

.seminar_detail_h2 {
	margin-top: 8px;
	margin-left: 16px;
	margin-bottom: 8px;
	font-size: 18px;
	text-indent: 1em;
}

.seminar_detail_h3 {
	padding: 10px;
	margin-left: 16px;
	font-size: 16px;
}

.seminar_detail_h4 {
	padding: 10px;
	margin-left: 16px;
	font-size: 16px;
}
.seminar_detail_h5 {
	margin-top: 8px;
	margin-left: 16px;
	margin-bottom: 8px;
	font-size: 18px;
}
/*============================================
サイドテーブル（お知らせ等）
============================================*/
#side{
	width: 240px;
	height: 1400px;
	background-color: #FFFFFF;
	float: right;
}

#side_detail{
	width: 230px;
	margin-left: 5px;
	background-color: #FFE0FF;
	clear:both;	
}

#side_detail th{
	width:230px;
	padding: 2px;
	color: #FFC0FF;
	background-color: #FFFFFF;
	border-color: #FFC0FF;
	border: solid 1px;
}

#side_detail1{
	height: 108px;
	background-color: #FFFFFF;
}
#side_detail2{
	height:170px;
	background-color: #FFFFFF;
}
.side_detail_h1{
	text-align: left;
	font-size: 18px;
	font-weight: bold;
	background-color: #FFFFFF;
}

.side_detail_h2{
	float: left;
	text-align: left;
	font-size: 15px;
	font-weight: normal;
	background-color: #FFFFFF;
}


/*============================================
フッタ
============================================*/
#footer {
	width: 1200px;
	height: 40px;
	margin: auto;
	padding: 25px;
	clear:both;					/*回り込みを解除する*/
	font-size: 14px;
	background-color:#FFFFFF;			/*フッタ部分の背景色*/
}


/*============================================
concept.html
============================================*/
#main_concept{
	width: 1248px;
	height: 370px;
	background-color: #FFFFFF;
	float: left;
}

#main_history{
	width: 1248px;
	height: 100px;
	background-color: #FFFFFF;
	float: left;
}

#concept_detail{
	font-weight: normal;
	width: 1236px;
	margin-top: 48px;
	margin-left: 5px;
	border-collapse: collapse;
	border-spacing: 0px;
	border-top: 1px solid #ccc;
}

#concept_detail td{
	width:180px;
	text-align: center;
	font-size: 19px;
	font-weight: normal;
	background-color: #FFFFFF;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

#concept_detail th{
	width:960px;
	padding: 8px;
	font-size: 19px;
	font-weight: normal;
	text-align: left;
	border-bottom: 1px solid #ccc;
	color: #444;
	background-color: #FFFFFF;
}

/*============================================
access.html
============================================*/
#main_map{
	width: 1248px;
	height: 505px;
	background-color: #efeff1;
	float: left;
}

#main_access{
	width: 1248px;
	height: 532px;
	background-color: #efeff1;
	float: left;
}


/*============================================
contact.html
============================================*/
#main_contact{
	width: 1248px;
	height: 210px;
	background-color: #efeff1;
	float: left;
}

#contact_detail{
	font-weight: normal;
	width: 1236px;
	margin-top: 48px;
	margin-left: 5px;
	border-collapse: collapse;
	border-spacing: 0px;
	border-top: 1px solid #ccc;
}

.seminar_detail_h0{
	font-size: 18px;
	font-weight: bold;
	color: #0099FF;
}

#contact_detail td{
	width:180px;
	text-align: center;
	font-size: 19px;
	font-weight: bold;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	color: #0099FF;
	background-color: #FFFFFF;
}

#contact_detail th{
	width:960px;
	padding: 8px;
	font-size: 19px;
	font-weight: normal;
	text-align: left;
	border-bottom: 1px solid #ccc;
	background-color: #FFFFFF;
}
/*============================================
seminar.html
============================================*/
#main_seminar2{
	width: 1248px;
	height: 1356px;
	background-color: #efeff1;
	float: left;
}

#main_seminar3{
	width: 1248px;
	height: 180px;
	margin-top: 20px;
	background-color: #efeff1;
	float: left;
}

#main_seminar4{
	width: 1248px;
	height: 164px;
	background-color: #efeff1;
	float: left;
}

#main_seminar5{
	width: 1248px;
	height: 132px;
	background-color: #efeff1;
	float: left;
}

#main_seminar6{
	width: 1248px;
	height: 98px;
	background-color: #efeff1;
	float: left;
}

#main_seminar62{
	width: 1248px;
	height: 123px;
	background-color: #efeff1;
	float: left;
}

#main_seminar7{
	font-size: 19px;
	font-weight: bold;
	text-align: right;
	background-color: #efeff1;
}

#main_title_cap3{
	margin-top: 54px;
	margin-left: 20px;
	font-size: 20px;
	font-weight: bold;
	text-align: left;
}

#main_title_cap4{
	margin-top: 8px;
	margin-left: 20px;
	font-size: 20px;
	font-weight: bold;
	text-align: left;
}

#seminar2_detail{
	font-weight: normal;
	width: 1236px;
	margin-top: 8px;
	margin-left: 5px;
	border-collapse: collapse;
	border-spacing: 0px;
	border-top: 1px solid #ccc;
}

#seminar2_detail td{
	width:180px;
	text-align: center;
	font-size: 19px;
	font-weight: bold;
	color: #0099FF;
	background-color: #FFFFFF;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

#seminar2_detail th{
	width:960px;
	padding: 8px;
	font-size: 19px;
	font-weight: normal;
	text-align: left;
	border-bottom: 1px solid #ccc;
	color: #444;
	background-color: #FFFFFF;
}
/*============================================
education.html
============================================*/
#main_education{
	width: 1248px;
	height: 250px;
	background-color: #efeff1;
	float: left;
}

#education_detail_h1{
	text-indent: 1em;
}
/*============================================
sales.html
============================================*/
#main_sales{
	width: 1248px;
	height: 1000px;
	background-color: #efeff1;
	float: left;
}
#sales_detail{
	font-weight: normal;
	width: 1236px;
	margin-top: 8px;
	margin-left: 5px;
	border-collapse: collapse;
	border-spacing: 0px;
}

.sales_detail_h1{
	margin-top: 8px;
	font-size: 19px;
	color: #AA00AA;
}

.sales_detail_h2{
	height: 80px;
	width: 280px;
	margin-top: 6px;
	margin-left: 16px;
	font-size: 16px;
	font-weight: normal;
	text-align: left;
}

.sales_detail_h3{
	height: 50px;
	margin-top: 10px;
	font-size: 18px;
	font-weight: normal;
	
}

#sales_detail th{
	width: 307px;
	height: 400px;
	background-color: #efeff1;
	float: left;
}

.sale_picture{
	position: relative;
	width: 200px;
	height: 200px;
	overflow hidden;
	border: 1px solid #000000
}

#sales_title_cap1{
	font-size: 22px;
	margin-top: 3px;
	margin-left: 20px;
	font-weight: bold;
	position: absolute;
}

/*============================================
evaluate.html
============================================*/
#main_assessment{
	width: 1248px;
	height: 132px;
	background-color: #efeff1;
	float: left;
}

#main_evaluate{
	width: 1248px;
	height: 218px;
	background-color: #efeff1;
	float: left;
}

/*============================================
seminar.html
============================================*/
#main_seminar2p{
	width: 1248px;
	height: 50px;
	background-color: #efeff1;
	float: left;
}