@charset "utf-8";

* {
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-weight: normal;
}

body,td,th {
	font-family: ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, Osaka, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
	font-size: 90%;
	color: #000;
}
body {
	margin:0 auto; width:880px; 
	background-color: #FFF;
}
a:link {
	color: #009;
}
a:visited {
	color: #609;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: none;
}


/***** ↓↓↓　divの設定　↓↓↓ *****/

/** ヘッダー **/
#heder {
	height: 105px;
	width: 880px;
}

/* ロゴ */
#logo {
	float: left;
	height: 63px;
	width: 130px;
	padding-left: 3px;
}

/* 電話番号 */
#tel {
	float: right;
	height: 63px;
	width: 240px;
}

/** トップのイメージ **/
#top_image {
	width: 880px;
	float: left;
	padding-top: 0px;
}

	/* トップ　左側 */
	#top_left {
		float: left;
		width: 340px;
		padding-top: 20px;
		padding-left: 5px;
	}

	/* トップ　右側(写真部) */
	#top_right {
		float: right;
		width: 533px;
	}

/** トピックス　全体 **/
#topics {
	width: 870px;
	float: left;
	padding-left: 5px;
	padding-right: 5px;
}

/** トピックス　内容 **/
#main_topics {
	width: 660px;
	float: left;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
}



	/** トピックス　内容 **/
	#news {
		width: 665px;
		float: left;
		margin-top: 5px;
		margin-left: 5px;
		margin-right: 5px;
		margin-bottom: 10px;
		padding-bottom: 3px;
		/** background-color: #FFC; **/
	}
	#news_osaka {
		width: 665px;
		float: left;
		margin-top: 5px;
		margin-left: 100px;
		margin-right: 5px;
		margin-bottom: 10px;
		padding-bottom: 3px;
		/** background-color: #FFC; **/
	}

	#free {
		width: 210px;
		float: right;
		padding-right: 5px;
		padding-bottom: 10px;
	}

	/* 記事を表示するテーブル */
	#table {
		width: 310px;
		padding-top: 10px;	
		padding-left: 10px;	
		padding-right: 10px;	
	}
	
	/* 過去の記事一覧 */
	#past {
		float: right;
		width: 90px;
		padding-top: 5px;
		padding-right: 10px;
		padding-bottom: 5px;
	}

	/* タイトル部 */
	#title {
		float: left;
		width: 210px;
	}

	/* newアイコン */
	#aicon {
		float: right;
		width: 50px;
		padding-top: 5px;
		padding-right: 5px;
	}

	/* 注目アイコン */
	#aicon2 {
		float: right;
		width: 60px;
		padding-top: 7px;
		padding-right: 5px;
	}


/** 商品／サービス　全体 **/
#service {
	width: 870px;
	float: left;
	padding-left: 5px;
	padding-right: 5px;
}

	/* 商品／サービス　テーブル */
	#service_table {
		width: 860px;
		padding-top: 10px;
		padding-right: 2px;
		padding-left: 5px;
	}

/** 研修メニュー　全体 **/
#consult {
	width: 870px;
	float: left;
	padding-top: 20px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 10px;
}

	/* 研修メニュー　テーブル */
	#consult_table {
		width: 860px;
		padding-top: 10px;
		padding-right: 2px;
		padding-left: 5px;
	}
	
	
/* フッター */
#footer {
	float: left;
	height: 60px;
	width: 880px;
	padding-top: 40px;

}


#footer1 {
	text-align: right;
	height: 15px;
	width: 870px;
	padding-right: 10px;
	padding-bottom: 15px;
}


/* ↓↓↓ トップページ以外のページで使用 ↓↓↓ */
/* トップのタイトル部 */
#list {
	float: left;
	height: 80px;
	width: 860px;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}

/* パンくずリスト */
.pan_list {
	font-size: 85%;
	height: 10px;
	width: 860px;
	padding-bottom: 10px;
}


/***** ↓↓↓　クラスの設定　↓↓↓ *****/


/* メニューのフォント */
.menu {
	background-image: url(img/menu.gif);
	float: left;
	height: 40px;
	width: 880px;
	background-repeat: no-repeat;
}
.menu_font {
	font-weight: bold;
	color: #FFF;
	text-align: center;
	vertical-align: middle;
	width: 107.7px;
}


/* トピックス　タイトル部 */
.topics_title {
	font-size: 100%;
	font-weight: bold;
	color: #FFF;
	vertical-align: middle;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 5px;
}

/* トピックス　テーブル */
.topics_table {
	background-color: #C04753;
	width: 330px;
}


/* トピックス　コメント1行目 */
.topics_comment1 {
	font-size: 100%;
	font-weight: bold;
	text-align: left;
	vertical-align: top;
	width: 300px;
	padding-top: 10px;
	padding-left: 15px;
	padding-right: 15px;
}

/* トピックス　コメント2行目 */
.topics_comment2 {
	font-size: 100%;
	font-weight: bold;
	text-align: right;
	vertical-align: top;
	width: 300px;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
}


/* 日付 */
.data {
	font-size: 100%;
	text-align: left;
	vertical-align: middle;
	width: 60px;
	padding-top: 3px;
}


/* 本文 */
.style {
	font-size: 90%;
	text-align: left;
	vertical-align: top;
	line-height: 120%;
	height: 16px;
}

/* 本文 */
.style_news {
	font-size: 95%;
	text-align: left;
	vertical-align: top;
	line-height: 120%;
	padding-bottom: 5px;
	padding-left: 15px;
}

/* 本文 */
.style_news2 {
	font-size: 95%;
	text-align: left;
	vertical-align: top;
	line-height: 120%;
	padding-bottom: 5px;
	padding-left: 15px;
	text-decoration: underline;
}

.style_news3 {
	font-size: 95%;
	text-align: left;
	vertical-align: top;
	line-height: 120%;
	padding-bottom: 5px;
	padding-left: 55px;
}

/* 本文2 */
.style2 {
	font-size: 100%;
	text-align: left;
	vertical-align: top;
	line-height: 120%;
	width: 240px;
	padding-top: 5px;
}

/* 本文3 */
.style3 {
	font-size: 90%;
	text-align: left;
	line-height: 150%;
	width: 300px;
	padding-top: 5px;
	padding-left: 15px;
	padding-right: 15px;
}

/* 本文4 */
.style4 {
	font-size: 90%;
	text-align: left;
	line-height: 150%;
	width: 600px;
	padding-left: 15px;
	padding-right: 15px;
}



/* 本文 */
.style5 {
	font-size: 90%;
	color: #000;
	line-height: 25px;
	padding-top: 5px;
	padding-left: 20px;
}

/* 本文 */
.style6 {
	font-size: 90%;
	color: #000;
	line-height: 20px;
	padding-top: 5px;
	padding-right: 15px;
	padding-left: 10px;
}

/* 本文 */
.style7 {
	font-size: 85%;
	color: #000;
	line-height: 25px;
	padding-top: 5px;
	padding-left: 20px;
}





/* 本文3 */
.style_free {
	font-size: 90%;
	text-align: left;
	line-height: 150%;
	width: 300px;
	padding-left: 15px;
	padding-right: 15px;
	color: #000;
}


/* 過去の記事一覧用・詳細 */
.past {
	font-size: 100%;
	font-weight: bold;
	text-align: right;
	vertical-align: bottom;
}

/* セミナー　コメント1行目 */
.seminar_comment1 {
	font-size: 100%;
	font-weight: bold;
	text-align: left;
	line-height: 170%;
	padding-left: 15px;
	padding-right: 10px;
}

.seminar_comment1-1 {
	font-size: 100%;
	font-weight: bold;
	text-align: left;
	line-height: 170%;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	text-decoration: underline;
}

.seminar_comment1-2 {
	font-size: 100%;
	font-weight: bold;
	text-align: left;
	line-height: 170%;
	padding-left: 15px;
	padding-right: 10px;
	color: #F00;
}

/* セミナー　コメント2行目 */
.seminar_comment2 {
	font-size: 130%;
	font-weight: bold;
	line-height: 120%;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 10px;
}

/* セミナー　コメント2行目 */
.seminar_comment2-2 {
	font-size: 130%;
	font-weight: bold;
	line-height: 120%;
	text-align: center;
	padding-bottom: 10px;
}

/* セミナー　コメント3行目 */
.seminar_comment3 {
	font-size: 110%;
	font-weight: bold;
	line-height: 120%;
	text-align: center;
	padding-bottom: 10px;
}

/* セミナー　コメント4行目以降 */
.seminar_comment4 {
	font-size: 100%;
	text-align: left;
	line-height: 120%;
	padding-bottom: 3px;
	padding-left: 15px;
	padding-right: 15px;
}


/* 無料相談会　コメント1行目 */
.free_comment1 {
	font-size: 100%;
	font-weight: bold;
	text-align: left;
	line-height: 120%;
	width: 300px;
	padding-top: 7px;
	padding-left: 15px;
	padding-right: 15px;
}

.free_comment2 {
	font-size: 90%;
	font-weight: bold;
	text-align: left;
	line-height: 120%;
	vertical-align: bottom;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 15px;
}

/* 無料相談会　コメント2行目 */
.free_comment3 {
	font-size: 93%;
	font-weight: bold;
	text-align: right;
	vertical-align: bottom;
	line-height: 120%;
	width: 260px;
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom:10px;
}

/* メディクル　コメント1行目 */
.medikuru_comment1 {
	font-size: 98%;
	font-weight: bold;
	text-align: left;
	vertical-align: bottom;
	height: 15px;
	width: 350px;
	padding-left: 10px;
	padding-right: 10px;
}

/* 商品・サービス、研修メニューのテーブル */
.service_1 {
	height: 27px;
	width: 270px;
}


/* メンテナンス用 */
.maintenance {
	font-size: 110%;
	font-weight: bold;
	text-align: left;
	line-height: 150%;
}

/* 隠し字 */
.hide {
	font-size: 90%;
	color: #FFF;
	text-align: left;
}



/* フッター部分 */
.line {
	text-align: center;
	height: 10px;
	width: 880px;
}
.footer {
	font-size: 70%;
}
.baner {
	vertical-align: top;
	background-position: top;
	text-align: center;
	padding-right: 5px;
	padding-top: 15px;
}
#topics table tr td #news .style_news2 a {
	text-decoration: underline;
}

#story {
	float: left;
	width: 620px;
	line-height: 25px;
	padding-top: 5px;
	padding-left: 20px;
	padding-right: 10px;
}

/* 中央　メイン */
#story2 {
	float: left;
	width: 660px;
	line-height: 25px;
	padding-top: 5px;
	padding-left: 20px;
	padding-right: 0px;
}


.dai {
	font-size: 120%;
	font-weight: bold;
	color: #000;
	background-image: url(img/bar2.gif);
	background-repeat: no-repeat;
	height: 46px;
	width: 659px;
	padding-top: 15px;
	padding-left: 30px;
}

.dai2 {
	font-size: 100%;
	font-weight: bold;
	line-height: 17px;
	background-image: url(img/bar2.gif);
	background-repeat: no-repeat;
	width: 659px;
	padding-top: 5px;
	padding-bottom: 30px;
	padding-left: 30px;
}

/* 写真 */
#image {
	float: left;
	width: 170px;
	height: 190px;
	padding-left: 15px;
}

/* 表題下　名前 */
.date2 {
	font-size: 90%;
	text-align: right;
	padding-top: 10px;
	padding-bottom: 15px;
	padding-right: 15px;
}

/* コメント */
.comment10{
    border:solid 1px #990033;
	padding-right:20px;
}

.0401_seminar_font5 {
	font-size: 120%;
	color:#ff0000;
	text-align: left;
	line-height: 20px;
	padding-left: 20px;
	padding-right: 20px;
}

.0301_seminar_title3 {
	font-size: 160%;
	font-weight: bold;
	color: #C00;
	text-align: left;
	line-height: 25px;
	padding-top: 5px;
	padding-left: 20px;
	padding-bottom: 5px;
}



#main #book table tr th {
	text-align: center;
}
#main #book table tr th {
	text-align: center;
}
#main #book table {
	text-align: center;
}

/* 認証ページ */
/* syokuin意識調査 */

.font_pattern001 {
	font-size: 120%;
	color:#ff0000;
	text-align: left;
	line-height: 20px;
	padding-left: 20px;
	padding-right: 20px;
}

#pattern001 {
	float: left;
	width: 800px;
	padding-left: 40px;
	padding-top: 20px;
	padding-bottom: 50px;
}

#bottun2 {
	float: left;
	width: 400px;
	padding-left: 300px;
	padding-top: 20px;
	padding-bottom: 50px;
}

#bottun3 {
	float: left;
	width: 400px;
	padding-left: 300px;
	padding-top: 5px;
	padding-bottom: 5px;
}