@charset "shift_jis";

/* CSS Document */

/*=======================
トップページ
=======================*/
#wrapper div#toppage {/*各ページへスタイルをかける*/
	float: right;
	width: 685px;
	padding-left: 0 0 40px 20px;
	overflow: hidden;
}
/*トピックス*/
#topix {
	border-style: none;
}

/*イベント*/
#event {
	border-style: none;
	clear: both;
}
/*アクセスカウンター*/
.ac {
	margin-top: 50px;
	text-align: center;
}
/*=======================
協会概要
=======================*/
#container #wrapper #association {
	padding: 0 40px 40px;
	float: right;
	width: 625px;
	overflow: hidden;
}
#association #greeting {
	width: 625px;
	padding-bottom: 40px;
}

#association #greeting p img {
	float: left;
	padding-right: 20px;
}
#association #greeting .txt {
	width: 415px;
	float: right;
	letter-spacing: 0.1em;
}
#association #greeting .txt2 {
	width: 415px;
	float: right;
	padding-top: 10px;
}

#association .table_a {
	width: 625px;
	clear: both;
	border-collapse: collapse;
}
#association .table_a tr th {
	color: #FFF;
	background-color: #7b8cb8;
	width: 150px;
	vertical-align: top;
}
#association .table_a tr td, .table_a tr th {
	padding: 8px;
	border: 1px solid #666;
}
#association .association_txt {
	padding: 20px 0 0 90px;
}
/*=======================
認定コース案内
=======================*/
#wrapper div#course {/*各ページへスタイルをかける*/
	float: right;
	width: 625px;
	padding: 0 40px 40px;
	overflow: hidden;
}
#course div .course_txt {
	float: left;
	width: 355px;
	letter-spacing: 0.1em;
}
#course div .course_img0 {
	float: right;
	width: 250px;
}
#course .course_name {/*各コースの名前*/
	clear: both;
	padding-top: 20px;
}
#course .course_img {/*各コースの画像*/
	float: left;
	width: 270px;
}
#course .course_table {/*各コースの詳細*/
	float: right;
	width: 320px;
}
#course .course_table tr th {
	text-align: left;
	width: 90px;
	vertical-align: top;
	padding: 5px;
}
#course .course_table tr td {
	padding: 5px;
}
#course .qualification {/*受講して取れる資格*/
	padding-top: 20px;
	list-style-type: none;
}
#course .qualification li {
	padding-bottom: 10px;
}

/*=======================
教授陣
=======================*/
#wrapper div#professor {/*各ページへスタイルをかける*/
	float: right;
	width: 625px;
	padding: 0 40px 40px;
	overflow: hidden;
}
/*村松先生*/
#professor .muramatsu {
	padding-top: 20px;
	padding-bottom: 100px;
}
#professor .muramatsu dt {
	float: left;
	width: 200px;
}
#professor .muramatsu dd {
	width: 425px;
	float: right;
}
#professor .url1 {
	color: #119238;
	float: left;
	width: 625px;
	padding-left: 200px;
}
#professor .muramatsu_table {
	width: 625px;
	border-collapse: collapse;
}
#professor .muramatsu_table tr th {
	font-weight: bold;
	color: #119238;
	text-align: left;
	vertical-align: top;
}
#professor .muramatsu_table tr td, #professor .muramatsu_table tr th {
	padding: 5px;
	border-top: 1px solid #119238;
	border-bottom: 1px solid #119238;
	padding: 5px;
}
/*豊富な教授陣*/
#professor .professor_line {
	padding: 40px 0;
	clear: both;
}
#professor .professor_img {
	float: left;
	width: 200px;
}
#professor .professor_txt {
	float: right;
	width: 425px;
}

#professor dl .professor_name {
	font-size: 1.2em;
	color: #AC0063;
	font-weight: bold;
}
/*=======================
参加者の声
=======================*/
#wrapper div#voice {/*各ページへスタイルをかける*/
	float: right;
	width: 625px;
	padding: 0 40px 40px;
	overflow: hidden;
}
#voice dl {
	width: 450px;
	margin: 0px auto;
	padding: 40px 0;
	border-bottom: 1px solid #CC6699;
}
#voice dl dt {
	text-align: center;
	padding-bottom: 10px;
}
#voice dl dd {
	letter-spacing: 0.1em;
}
/*=======================
お問い合わせ
=======================*/
#wrapper div#contactus {/*各ページへスタイルをかける*/
	float: right;
	width: 645px;
	padding: 0 30px 40px;
	overflow: hidden;
}
#contactus .contactus_txt1 {
	padding-top: 20px;
	font-weight: bold;
}

#contactus .contactus_txt2 {
	padding: 10px 60px 20px 0;
	list-style-position: inside;
}
#contactus .contactus_txt3 {
	padding: 10px 0;
	text-align: center;
	font-weight: bold;
}
#contactus .contactus_txt li {
	padding-bottom: 10px;
}
#contactForm table {
	border-collapse: collapse;
	width: 100%;
}

#contactForm table tr th {
	border: 1px solid #666;
	color: #FFF;
	background-color: #7b8cb8;
	width: 170px;
	vertical-align: top;
	padding: 5px;
	text-align: left;
}
#contactForm table tr td {
	border: 1px solid #666;
	padding-left: 10px;
}
.input_1 {
	font-size: 14px;
	height: 20px;
	width: 180px;
}
.input_2 {
	font-size: 14px;
	height: 20px;
	width: 300px;
}
.input_3 {
	font-size: 14px;
	width: 400px;
	height: 150px;
}
/*=======================
グレースフラワーとは？
=======================*/
#wrapper div#gf1 {/*各ページへスタイルをかける*/
	float: right;
	width: 625px;
	padding: 0 40px 40px;
	overflow: hidden;
}
/*造花でも生花でもない新しい花、グレースフラワー*/
#gf1 .gf1_box1 {
	padding: 20px 0 30px;
}
#gf1 .gf1_box1 dl dt {
	float: left;
	width: 242px;
}
#gf1 .gf1_box1 dl dd {
	float: right;
	width: 355px;
}
/*こんな場所で需要が高まっています*/
#gf1 table.gf1_box2 {
	margin: 30px 0 0;
	border-collapse: collapse;
}
#gf1 table.gf1_box2 img {
	padding: 0 20px 30px 0;
}
#gf1 table.gf1_box2 tr td {
	vertical-align: top;
}
/*グレースフラワーの位置づけ*/
#gf1 table.gf1_box3 {
	margin: 30px auto 0;
	border-collapse: collapse;
}
#gf1 table.gf1_box3 tr th img {
	padding-right: 20px;
}
#gf1 table.gf1_box3 tr th {
	height: 120px;
	text-align: center;
}
/*=======================
グレースフラワーの効果とは？
=======================*/
#wrapper div#gf2 {/*各ページへスタイルをかける*/
	float: right;
	width: 625px;
	padding: 0 40px 40px;
	overflow: hidden;
}
/*抗菌、防臭、防カビ効果*/
#gf2 .gf2_box1 {
	padding: 20px 0 30px;
}
#gf2 .gf2_box1 dl dt {
	float: left;
	width: 254px;
}
#gf2 .gf2_box1 dl dd {
	float: right;
	width: 371px;
}
#gf2 .gf2_box1 dl dd strong {
	color: #090;
}
#gf2 .gf2_box1 dl dd em {
	
}
/*抗菌試験報告*/
#gf2 .gf2_box2 {
	padding: 20px 0 30px;
}
.box2_p1 {
	padding: 40px 40px 0;
}

/*防臭試験報告*/
#gf2 .gf2_box3 {
	padding-top: 40px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
.float-l{
	float:left;
	padding: 0 40px 0;
}
.box3_p1 {
	clear: both;
	padding-top: 60px;
	color: #003399;
	font-weight: bold;
}

/*=======================
認定校になるメリット
=======================*/
#wrapper div#benefits {/*各ページへスタイルをかける*/
	float: right;
	width: 625px;
	padding: 0 40px 40px;
	overflow: hidden;
}
/*時代にマッチしたエコで環境にやさしい花*/
#benefits .benefits_box1 {
	padding: 30px 0 30px;
}
#benefits .benefits_box1 ul {
	float: left;
	width: 355px;
	padding-right: 20px;
	list-style-type: none;
}
#benefits .benefits_box1 img {
	float: right;
	width: 250px;
}
/*グレースフラワーを導入するメリットとは？*/
#benefits .benefits_box2 {
	padding-top: 40px;
}

#benefits .benefits_box2 dl {
	width: 509px;
	margin: 0 auto;
}
#benefits .benefits_box2 dd {
	width: 350px;
	margin: 0 auto;
	text-align: center;
	font-weight: bold;
}
/*一般社団法人エコフラワーデザイナーズ協会の発足について*/
#benefits .benefits_box3 {
	margin: 100px auto 0;
	background-image: url(../img_benefits/benefits_box3_1.gif);
	background-repeat: no-repeat;
	height: 655px;
	width: 532px;
}
#benefits .benefits_box3 dl dt {
	padding: 100px 0 20px;
	font-weight: bold;
	color: #669900;
	text-align: center;
}
#benefits .benefits_box3 dl dd {
	width: 350px;
	margin: 0 auto;
}
/*=======================
認定校一覧
=======================*/
#wrapper div#authorization {/*各ページへスタイルをかける*/
	float: right;
	width: 625px;
	padding: 0 40px 40px;
	overflow: hidden;
}
#authorization table {
	border-collapse: collapse;
	width: 500px;
	margin: 40px auto 40px;
}
#authorization table tr td {
	padding: 3px;
}

.authorization_text1{
	font-weight: bold;
	font-size: 1.1em;
	color: #AC0063;
	border-top: #999 solid 1px;
}
.authorization_text2{
	border-bottom: #999 solid 1px;
}

/*=======================
プライバシーポリシー
=======================*/
#wrapper div#privacypolicy {/*各ページへスタイルをかける*/
	float: right;
	width: 625px;
	padding: 0 40px 40px;
	overflow: hidden;
}
.privacypolicy_txt1{
	padding-top: 20px;
	font-weight: bold;
	list-style: none;
}
#privacypolicy table {
	width: 625px;
	border-collapse: collapse;
	margin-top:20px;
}
#privacypolicy table tr th {
	color: #FFF;
	background-color: #7b8cb8;
	width: 20px;
	vertical-align: top;
}
#privacypolicy table tr td, #privacypolicy table tr th {
	padding: 8px;
	border: 1px solid #666;
}
/*=======================
中国ビジネス
=======================*/
#wrapper div#chinabusiness {/*各ページへスタイルをかける*/
	float: right;
	width: 625px;
	padding: 0 40px 40px;
	overflow: hidden;
}

#chinabusiness_box1 {
	float: left;
	width: 350px;
}
#chinabusiness_box2 {
	float: left;
	width: 350px;
	padding-top: 150px;
}
#chinabusiness_box3 {
	float: left;
	width: 350px;
	padding-top: 80px;
}

.chinabusiness_img {
	padding-top: 40px;
	float: right;
	width: 240px;
}
.chinabusiness_txt {
	color: #000;
	font-size: 1.2em;
	padding-top: 20px;
	font-weight: bold;
}
.chinabusiness_txt2 {
	color: #000066;
	padding-top: 80px;
}

.chinabusiness_ul {
	list-style-position: inside;
	list-style-type: none;
	padding-top: 20px;
	color: #000066;
	font-weight: bold;
}
/*=======================
販売条件について
=======================*/
#wrapper div#hanbai {/*各ページへスタイルをかける*/
	float: right;
	width: 625px;
	padding: 0 40px 40px;
	overflow: hidden;
}
#hanbai .hanbai_img1 {
	margin-top: 30px;
	text-align: center;
}
/*毎月のボーナス*/
#hanbai .hanbai_table1 {
	margin: 30px auto 0px;
	border-collapse: collapse;
}
.hanbai_table1 th,.hanbai_table1 td {
	border: 2px solid #8FC31F;
	text-align: center;
	padding: 5px;
}
/*仕入に関して*/
#hanbai .hanbai_ol1 {
	padding-top: 30px;
	padding-left: 90px;
}

/*販売員初回キット*/
#hanbai .hanbai_table2 {
	margin: 30px 0 0 80px;
	border-collapse: collapse;
}
#hanbai .hanbai_table2 tr .border1 {
	border-top: 1px solid #8EC31F;
	border-bottom: 1px solid #8EC31F;
	border-left: 1px solid #8EC31F;
	text-align: left;
}
#hanbai .hanbai_table2 tr .border2 {
	border-top: 1px solid #8EC31F;
	border-bottom: 1px solid #8EC31F;
	border-right: 1px solid #8EC31F;
}
#hanbai .hanbai_table2 tr .border3 {
	border-top: 1px solid #8EC31F;
	border-bottom: 1px solid #8EC31F;
}
/*お問い合わせボタン*/
#hanbai .hanbai_ul1 {
	height: 42px;
	width: 290px;
	margin: 60px auto 20px;
}
.hanbai_ul1 li {
	height: 42px;
	width: 290px;
	text-indent: -9999px;
	list-style-type: none;
}

.hanbai_ul1 li a{
  display:block;
	height: 42px;
	width: 290px;
}
#hanbai .hanbai_ul1 li {
	background-image: url(../img_hanbai/hanbai_b.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#hanbai .hanbai_ul1 li a:hover {
	background-image: url(../img_hanbai/hanbai_b.gif);
	background-position: -290px 0px;
}