@charset "utf-8";

/* ==================================================

ハートセラピー スタイルシート

================================================== */

/* Win版 IE5.x系列用 
--------------------------------------------------------------------*/
@media tty {i{content:"\";/*" "*/}} @import 'common_wie5x.css'; /*";}}/* */

/* 共通 
--------------------------------------------------------------------*/
body,div,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,td,th,form {
	margin:0;
	padding:0;
	font-style:normal;
	font-weight:normal;
	font-size:100%;
}
li {
	list-style-type:none;
}
li img {
	vertical-align:top;
}
table {
	border-collapse:collapse;
}
td,th {
	vertical-align:top;
}
th {
	text-align:left;
}
a img {
	border:none;
}

body {
	font-family:"Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka, sans-serif;
	margin:0 0;
	text-align:center;
	font-size:80%;
	line-height:130%;
	color:#646464;
	background-color:#fff;
}
.fs {
	font-size:85%;
	line-height:120%;
}
.fl {
	font-size:125%;
	line-height:130%;
}
.b {
	font-weight:bold;
}
.c {
	text-align:center;
}
.r {
	text-align:right;
}
a:link,
a:visited{
	color:#3264b4;
	text-decoration:none;
}
a:hover,
a:active {
	color:#3264b4;
	text-decoration:underline;
}

br.clear {
	clear:both;
	font:0pt/0pt sans-serif;
}

.warning {
	color:#ff0000;
	background-color:#ffffcc;
	border: 1px solid #ff0000;
	padding:5px;
	margin:10px 0;
}

.main {
	width:752px;
	margin:0 auto;
	text-align:left;
}
.main-i {
	border-left:solid 1px #cce0f4;
	border-right:solid 1px #cce0f4;
}
.header {
	padding:0 10px;
}
.header .seo-area h1 {
	float:left;
	width:650px;
	line-height:24px;
	font-size:85%;
	color:#5697db;
}
.header .seo-area .top-link {
	float:right;
	width:80px;
	text-align:right;
	line-height:24px;
	font-size:85%;
}
.header .logo-area h2 {
	float:left;
	width:365px;
	padding:5px 0 8px;
}
.header .logo-area .logo-tel {
	float:left;
	width:225px;
	text-align:right;
	padding-top:7px;
}
.header .logo-area .logo-r {
	float:right;
	width:140px;
	text-align:right;
}
.header .logo-area .logo-r img {
	margin-bottom:4px;
}
.mainarea {
	width:680px;
	margin:0 auto;
	text-align:left;
	padding:25px 0;
}
.main-frame {
	border:solid 1px #cce0f4;
}
.main-frame-i {
	width:638px;
	margin:0 auto;
	text-align:left;
	padding:15px 0;
}
.main-frame h4 {
	padding-bottom:5px;
	border-bottom:dotted 1px #b4b4b4;
	margin-bottom:7px;
}
.copy {
	padding-bottom:8px;
}
.footer {
	padding:30px 0 7px;
	text-align:center;
	color:#5697db;
}
.footer a {
	color:#5697db;
}
.copyright {
	background:url(../common/copyright_bk.gif) repeat-x;
	height:23px;
	line-height:24px;
	text-align:center;
	color:#fff;
	font-size:85%;
}
.company-address {
	text-align:center;
	padding:7px 0 10px;
}

/* トップページ
--------------------------------------------------------------------*/
#top h3.next {
	padding:20px 0 5px;
}
#top h3.next2 {
	padding:10px 0 0;
}
#top .top-flash {
	padding-top:1px;
	border-bottom:solid 1px #cce0f4;
}
#top .top-main-area {
	padding:20px 15px 0;
}
#top .top-main-area .top-main-left {
	float:left;
	width:520px;
}
#top .top-main-area .top-main-right {
	float:right;
	width:180px;
}
#top .whatsnew a {
	color:#027abb;
}
#top .whatsnew th {
	width:110px;
	border-bottom:dotted 1px #b4b4b4;
}
#top .whatsnew th p {
	background:url(../common/arrow_1.gif) no-repeat 12px 9px;
	padding-left:24px;
}
#top .whatsnew td {
	width:410px;
	border-bottom:dotted 1px #b4b4b4;
}
#top .whatsnew td p {
	padding-right:5px;
}
#top .whatsnew th p,
#top .whatsnew td p {
	padding-top:6px;
	padding-bottom:6px;
}
#top .copy2 {
	padding:3px 0;
}
#top .image {
	padding:20px 0;
}

#top .kuwashiku-2 {
	text-align:right;
}
#top .kuwashiku-2 img {
	margin-right:5px;
}
#top .top-contact {
	padding-top:30px;
	text-align:center;
}
#top .harassment-area {
	border-bottom:solid 1px #5697db;
	border-left:solid 1px #5697db;
	border-right:solid 1px #5697db;
	background-color:#f6fafd;
	padding:7px 10px;
	margin-bottom:5px;
}
#top .harassment-area .link {
	font-weight:bold;
	padding-bottom:3px;
}
#top .consultant-area {
	border-bottom:solid 1px #5697db;
	border-left:solid 1px #5697db;
	border-right:solid 1px #5697db;
	background-color:#f6fafd;
	padding:7px 10px;
	margin-bottom:15px;
}
#top .consultant-area .face {
	text-align:center;
	padding-bottom:13px;
}
#top .consultant-area .name {
	padding-bottom:5px;
	border-bottom:dotted 1px #b4b4b4;
	margin-bottom:5px;
	color:#5697db;
}
#top .consultant-area .greeting {
	text-align:right;
	padding-top:5px;
	font-size:85%;
	line-height:120%;
}
#top .consultant-area .greeting a {
	color:#5697db;
}
#top .consultant-area .greeting img {
	vertical-align:middle;
	margin-right:5px;
}
#top .banner-area li {
	padding-bottom:5px;
}
#top .get-flash {
	background-color:#eef4fb;
	padding:10px;
	margin-top:10px;
}
#top .get-flash img {
	margin-top:5px;
}
#top .get-flash p {
	color:#96a0aa;
}

/* カウンセリング
--------------------------------------------------------------------*/
#counseling h4 {
	margin-bottom:10px;
}
#counseling h4.next {
	padding-top:30px;
}
#counseling .copy2 {
	padding-bottom:20px;
}
#counseling dl {
	border-top:dotted 1px #b4b4b4;
	margin-bottom:10px;
}
#counseling dt {
	margin-top:7px;
	font-weight:bold;
	color:#5697db;
	padding-bottom:3px;
}
#counseling dt.line {
	padding-top:5px !important;
	border-top:dotted 1px #b4b4b4;
}
#counseling dd {
	padding-left:13px;
	padding-bottom:5px;
}
#counseling .area1-l {
	width:180px;
	float:left;
}
#counseling .area1-r {
	width:443px;
	float:right;
}
#counseling .pink {
	padding-top:5px;
	color:#ff3264;
}
#counseling .intro2 {
	padding-top:10px;
}
#counseling .area1-line {
	padding-bottom:15px;
	border-bottom:dotted 1px #b4b4b4;
	margin-bottom:15px;
}
#counseling .kuwashiku {
	text-align:right;
	padding-top:5px;
	font-weight:bold;
}
#counseling .kuwashiku img {
	margin-right:5px;
	vertical-align:middle;
}
#counseling .box {
	background:#e8f6fe;
	border:solid 1px #b2dffd;
	padding:9px 12px;
	margin-top:17px;
}
#counseling .box .title {
	font-weight:bold;
	padding-bottom:5px;
}
#counseling .tokuten-text {
	padding-bottom:3px;
}
#counseling .tokuten td.top {
	background-color:#f0f0f0;
	text-align:center;
}
#counseling .tokuten td.top p {
	color:#646464;
}
#counseling .tokuten th,
#counseling .tokuten td {
	border:solid 1px #b4b4b4;
	padding:7px 0;
	vertical-align:middle;
}
#counseling .tokuten th {
	background-color:#e8f6fe;
}
#counseling .tokuten th p,
#counseling .tokuten td p {
	padding:0 10px;
}
#counseling .tokuten td p {
	text-align:center;
	color:#ff3264;
}
#counseling .kome {
	padding-top:5px;
	font-size:85%;
	line-height:120%;
}
#counseling .kome span {
	color:#ff3264;
}
#counseling .contact {
	text-align:center;
	padding:60px 0 20px;
}
#counseling .contact p {
	padding-bottom:7px;
}
#counseling .contact p span {
	color:#f80000;
}
#counseling .back {
	border-top:dotted 1px #b4b4b4;
	text-align:center;
	padding:20px 0;
	margin-top:40px;
}

/* 各種診断
--------------------------------------------------------------------*/
#diagnosis h4.next {
	padding-top:30px;
}
#diagnosis dl {
	margin-bottom:200px;
}
#diagnosis dt {
	font-weight:bold;
	color:#5697db;
	padding-bottom:3px;
}
#diagnosis dd {
	padding-left:13px;
	padding-bottom:5px;
	border-bottom:dotted 1px #b4b4b4;
	margin-bottom:5px;
}
#diagnosis li {
	padding-bottom:5px;
	border-bottom:dotted 1px #b4b4b4;
	margin-bottom:5px;
}
#diagnosis .main-frame-i {
	padding-bottom:50px;
}

/* 研修
--------------------------------------------------------------------*/
#training h4.next {
	padding-top:30px;
}
#training h4.next2 {
	padding-top:30px;
	margin-bottom:0;
}
#training h4.next3 {
	padding-top:10px;
}
#training .image {
	padding:5px 0 15px;
}
#training .kome {
	padding:5px 0 10px;
	font-size:85%;
	line-height:120%;
}
#training .area1 {
	padding:20px 0 10px;
}
#training .area1-l {
	width:309px;
	float:left;
	background:#e8f6fe;
	border:solid 1px #b2dffd;
}
#training .area1-r {
	width:309px;
	float:right;
	background:#e8f6fe;
	border:solid 1px #b2dffd;
}
#training .area1-i {
	padding:10px 15px;
}
#training .area1-i .photo {
	width:100px;
	float:left;
}
#training .area1-i p {
	width:167px;
	float:right;
}
#training h6 {
	font-weight:bold;
	color:#0096fa;
	font-size:125%;
	line-height:130%;
	padding-bottom:2px;
}
#training h6.next {
	padding:20px 0 5px !important;
}
#training .feature th,
#training .feature td {
	padding:2px 0 1px;
}
#training .feature th p {
	padding-right:5px;
}
#training .feature td span {
	color:#ff1a00;
	font-weight:bold;
}
#training .feature2 th,
#training .feature2 td {
	padding:7px 0;
	border-bottom:dotted 1px #d2d2d2;
}
#training .feature2 th {
	width:200px;
}
#training .feature2 th p {
	background:url(../common/arrow_2.gif) no-repeat 3px 6px;
	padding-left:13px;
	font-weight:bold;
	color:#0096fa;
}
#training .text0 {
	padding-bottom:20px;
}
#training .area2-border {
	padding:12px 5px 20px;
	border-top:dotted 1px #b4b4b4;
}
#training .area2 .photo {
	width:100px;
	float:left;
}
#training .area2 .text {
	width:515px;
	float:right;
}
#training .area2 .taisho {
	padding-bottom:9px;
	font-size:85%;
	line-height:120%;
}
#training .area2 .taisho span {
	color:#b4b4b4;
}
#training .naiyo-title {
	font-weight:bold;
	color:#3264b4;
	padding:12px 0 4px;
	border-bottom:dotted 1px #b4b4b4;
	margin-bottom:3px;
}
#training .box {
	padding:10px 15px;
	background:#e8f6fe;
	border:solid 1px #b2dffd;
}
#training .box p {
	font-size:85%;
	line-height:120%;
}
#training .box .title {
	font-weight:bold;
	padding-bottom:1px;
}
#training .box .title2 {
	padding:10px 0 1px;
	font-weight:bold;
}
#training .naiyo {
	font-weight:bold;
	padding-top:3px;
	padding-bottom:4px;
}
#training .text2 {
	padding:20px 0 10px
}
#training .contact2 {
	text-align:center;
	padding:40px 0 20px;
}
#training .contact2 p {
	padding-bottom:7px;
}
#training .contact2 .red {
	font-weight:bold;
	color:#ff3264;
}
#training .voice-title {
	background:url(../common/arrow_2.gif) no-repeat 3px 6px;
	padding-left:13px;
	padding-bottom:3px;
	font-weight:bold;
	color:#0096fa;
}
#training .text4 {
	padding-bottom:10px;
}
#training .contact {
	text-align:center;
	padding:60px 0 20px;
}
#training .contact p {
	padding-bottom:7px;
}

/* オープンセミナー
--------------------------------------------------------------------*/
#open_seminar h4.next {
	padding-top:30px;
	margin-bottom:0 !important;
}
#open_seminar .mokuji {
	padding-bottom:15px;
}
#open_seminar .mokuji li {
	background:url(../common/arrow_2.gif) no-repeat 0 6px;
	padding:1px 0 1px 10px;
}	
#open_seminar .top-info {
	padding-bottom:10px;
}
#open_seminar .area2 {
	padding-top:15px;
	margin-top:20px;
	border-top:solid 1px #ccc;	
}
#open_seminar .area1-l {
	width:200px;
	float:left;
	padding-bottom:20px;
}
#open_seminar .area1-r {
	width:423px;
	float:right;
	padding-bottom:20px;
}
#open_seminar h5 {
	color:#ff1a00;
	font-weight:bold;
}
#open_seminar .datetime {
	color:#0096fa;
	padding:3px 0 15px;
}
#open_seminar .box {
	background:#e8f6fe;
	border:solid 1px #b2dffd;
	padding:9px 12px;
	margin-bottom:14px;
}
#open_seminar .box .title {
	font-weight:bold;
	padding-bottom:4px;
	color:#3264b4;
}
#open_seminar span.end {
	color:#ff1a00;
	font-weight:bold;
}
#open_seminar span.end2 {
	color:#ff1a00;
}
#open_seminar table {
	width:638px;
	margin:7px 0 30px 0;
}
#open_seminar table th {
	width:190px;
}
#open_seminar table td {
	width:448px;
}
#open_seminar table th p {
	background:url(../common/arrow_2.gif) no-repeat 0 6px;
	padding-left:11px;
}
#open_seminar table th,
#open_seminar table td {
	border-top:dotted 1px #b4b4b4;
	border-bottom:dotted 1px #b4b4b4;
	padding:5px 0;
}
#open_seminar table td li {
	padding:3px 0;
}
#open_seminar .btn-contact {
	text-align:center;
	padding-bottom:30px;
}
#open_seminar .next-line {
	padding-bottom:30px;
	border-bottom:solid 1px #cce0f4;
	margin-bottom:15px;
}
#open_seminar .logo {
	text-align:center;
	padding:10px 0;
}
#open_seminar .backnumber {
	padding-bottom:40px;
}
#open_seminar .backnumber dt {
	background:url(../common/arrow_2.gif) no-repeat 5px 12px;
	padding:7px 0 2px 16px;
}
#open_seminar .backnumber dd {
	font-weight:bold;
	border-bottom:dotted 1px #b4b4b4;
	padding:0 0 7px 16px;
}
#open_seminar .backnumber dd a {
	color:#5697db;
}
#open_seminar .line {
	padding-top:8px;
	margin-top:9px;
	border-top:dotted 1px #b4b4b4;
}

/* 会社概要
--------------------------------------------------------------------*/
#company h3.next {
	padding-top:50px;
}
#company .vision-area {
	padding-top:15px;
}
#company .vision-area .photo {
	float:left;
	width:200px;
}
#company .vision-area .photo-r {
	float:right;
	width:429px;
}
#company .vision-area .photo-r .houshin {
	padding:2px 0 0 5px;
}
#company .vision-area .photo-r dt {
	font-weight:bold;
	color:#0096fa;
	padding:6px 5px 1px;
	border-top:dotted 1px #d2d2d2;
	margin-top:7px;
}
#company .vision-area .photo-r dd {
	padding:0 5px 2px 18px;
}
#company table {
	width:638px;
	margin:0 0 20px 0;
}
#company table th {
	width:150px;
}
#company table td {
	width:488px;
}
#company table th p {
	background:url(../common/arrow_2.gif) no-repeat 0 6px;
	padding-left:11px;
}
#company table th,
#company table td {
	border-bottom:dotted 1px #b4b4b4;
	padding:5px 0;
}
#company .btn-contact {
	text-align:center;
	padding-bottom:30px;
}
#company .area1-l {
	width:135px;
	float:left;
	padding-bottom:30px;
}
#company .area1-r {
	width:488px;
	float:right;
	padding-bottom:30px;
}
#company .area1-r .name {
	font-weight:bold;
	padding:3px 0 10px;
}
#company .area1-r .profile {
	padding:10px 0 5px;
}
#company .area1-r .kuwashiku {
	margin-top:20px;
	text-align:right;
}
#company .area1-r .kuwashiku img {
	margin-right:5px;
	vertical-align:middle;
}
#company .area1-r .address,
#company .area1-r .access {
	padding:3px 0 20px;
}
#company .area1-r .map {
	padding-top:3px;
}
#company .area1-r .kome {
	padding-top:5px;
}

/* 提携機関
--------------------------------------------------------------------*/
#organization h4.next {
	padding-top:50px;
}
#organization h4.next-2 {
	padding-top:20px;
}
#organization .subtitle {
	padding-top:15px;
	padding-bottom:3px;
	border-bottom:dotted 1px #b4b4b4;
	margin-bottom:5px;
	color:#64b4e6;
	font-weight:bold;
}
#organization .area1-l {
	width:180px;
	float:left;
	padding-bottom:50px;
}
#organization .area1-r {
	width:443px;
	float:right;
	padding-bottom:50px;
}
#organization .area1-r .name {
	font-weight:bold;
	padding:3px 0 10px;
}
#organization .area1-r .organization {
	padding:10px 0 5px;
}
#organization .area1-r dl {
	border-top:dotted 1px #b4b4b4;
}
#organization .area1-r dt {
	background:url(../common/arrow_2.gif) no-repeat 0 11px;
	padding:5px 0 0 11px;
	font-weight:bold;
	color:#5697db;
}
#organization .area1-r dd {
	padding:0 0 5px 11px;
	border-bottom:dotted 1px #b4b4b4;
}
#organization .area2-l {
	width:100px;
	float:left;
	padding-bottom:30px;
}
#organization .area2-r {
	width:523px;
	float:right;
	padding-bottom:30px;
}
#organization .area2-r .name {
	font-weight:bold;
	padding-top:3px;
}
#organization .area2-r .ruby {
	padding-top:2px;
	color:#969696;
}
#organization .area2-r .profile {
	padding:10px 0 5px;
}
#organization .next-line {
	padding-bottom:10px;
	border-bottom:dotted 1px #b4b4b4;
	margin-bottom:15px;
}
#organization .link {
	background:url(../common/arrow_2.gif) no-repeat 0 11px;
	padding:5px 0 0 11px;
	font-weight:bold;
}

/* 講師・カウンセラー
--------------------------------------------------------------------*/
#lecture .top-info {
	padding-bottom:20px;
}
#lecture .area1-l {
	width:135px;
	float:left;
	padding-bottom:50px;
}
#lecture .area1-r {
	width:488px;
	float:right;
	padding-bottom:50px;
}
#lecture .area2-l {
	width:100px;
	float:left;
	padding-bottom:30px;
}
#lecture .area2-r {
	width:523px;
	float:right;
	padding-bottom:30px;
}
#lecture .area1-r .topline,
#lecture .area2-r .topline {
	border-top:solid 2px #ff1a00;
	padding-top:7px;
}
#lecture .area1-r .name,
#lecture .area2-r .name {
	font-weight:bold;
}
#lecture .area1-r .ruby,
#lecture .area2-r .ruby {
	padding-top:2px;
	color:#969696;
}
#lecture .area1-r .profile,
#lecture .area2-r .profile {
	padding:10px 0 5px;
}
#lecture .next-line {
	padding-bottom:20px;
	border-bottom:dotted 1px #b4b4b4;
	margin-bottom:10px;
}
#lecture .subtitle {
	padding-top:15px;
	padding-bottom:3px;
	border-bottom:dotted 1px #b4b4b4;
	margin-bottom:5px;
	color:#64b4e6;
	font-weight:bold;
}

/* フォームページ
--------------------------------------------------------------------*/
#form-page .form-area {
	margin-bottom:15px;
	background:#fbfbfb;
	border:solid 1px #e8e8e8;
}
#form-page .form {
	padding:10px 24px;
}
#form-page .top-info {
	margin-bottom:5px;
}
#form-page .tel {
	color:#ff1a00;
	font-weight:bold;
}
#form-page .contactform {
	padding-top:5px;
}
#form-page table {
	width:638px;
	margin-top:10px;
	margin-bottom:15px;
}
#form-page table th {
	width:130px;
}
#form-page table td {
	width:508px;
}
#form-page table th div {
	background:url(../common/arrow_2.gif) no-repeat 0 11px;
	padding:5px 5px 5px 12px;
}
#form-page table td div {
	padding:5px 5px 5px 10px;
}
#form-page table td .add-info {
	padding-left:5px;
}
#form-page table th,
#form-page table td {
	border-top:dotted 1px #b4b4b4;
	border-bottom:dotted 1px #b4b4b4;
}
#form-page .require {
	color:#ff1a00;
	padding-left:5px;
}
#form-page .require-mark {
	color:#ff1a00;
	padding-top:10px;
}
#form-page form {
	margin-bottom:25px;
}
#form-page .kojinjouhou {
	margin-top:20px;
}
#form-page .last-info {
	text-align:center;
	margin:50px 0 100px 0;
}

/* 個人情報保護方針
--------------------------------------------------------------------*/
#privacy {
	background:#f0f0f0;
	padding:20px 0;
}
#privacy .main {
	width:600px;
}
#privacy .main-i {
	border:solid 1px #cce0f4;
	padding:20px;	
	background:#ffffff;
}
#privacy .privacy-main {
	padding:10px;
}
#privacy h3 {
	margin-top:7px;
	border-top:dotted 1px #b4b4b4;
	padding:7px 0 5px;
	color:#0064b4;
	font-weight:bold;
}
#privacy .name {
	margin-top:7px;
	border-top:dotted 1px #b4b4b4;
	padding-top:7px;
	text-align:right;
}
#privacy .btn-close {
	padding-top:10px;
	text-align:center;
}

/* 相談お申し込み（会員専用）
--------------------------------------------------------------------*/
#members h3.next {
	padding-top:40px;
}
#members h4 {
	margin-bottom:10px;
}
#members h4.next {
	padding-top:30px;
}
#members .area1-l {
	width:180px;
	float:left;
}
#members .area1-r {
	width:443px;
	float:right;
}
#members .area1-line {
	padding-bottom:15px;
	border-bottom:dotted 1px #b4b4b4;
	margin-bottom:15px;
}
#members .area1-noline {
	margin-bottom:30px;
}
#members .ichirei {
	margin:7px 0;
	background:#faf4e0;
	padding:10px 15px;
}
#members .ichirei .copy {
	padding:0 0 3px 0;
}
#members .ichirei .copy2 {
	padding:10px 0 3px 0;
}
#members .order-tab {
	padding-bottom:7px;
}
#members .tel {
	padding-bottom:7px;
}
#members .pink {
	padding-top:5px;
	color:#ff3264;
}

/* カウンセラー求人
--------------------------------------------------------------------*/
#recruit h4 {
	margin:0 0 5px;
}
#recruit h4.next {
	padding:30px 0 5px;
}
#recruit table {
	width:638px;
	margin:0 0 20px 0;
}
#recruit table th {
	width:150px;
}
#recruit table td {
	width:488px;
}
#recruit table th p {
	background:url(../common/arrow_2.gif) no-repeat 0 6px;
	padding-left:11px;
}
#recruit table th,
#recruit table td {
	border-bottom:dotted 1px #b4b4b4;
	padding:5px 0;
}