@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;
}

.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:#3250b4;
	text-decoration:none;
}
a:hover,
a:active {
	color:#3250b4;
	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:804px;
	margin:0 auto;
	text-align:left;
}
.seotext {
	height:27px;
	width:804px;
	background:url(../common/header_bk.gif) no-repeat;
	margin:0 auto;
}
.seotext p {
	line-height:27px;
}
.seotext .text {
	float:left;
	width:504px;
}
.seotext .text p {
	text-align:left;
	padding-left:15px;
}
.seotext .link {
	float:right;
	width:300px;
}
.seotext .link p {
	text-align:right;
	padding-right:15px;
}
.header {
	padding-top:10px;
}
.header .logo {
	width:236px;
	float:left;
}
.header .logo-r {
	width:568px;
	float:right;
	text-align:right;
}
.header .logo-r img {
	margin:5px 0 0 5px;
}
.topmenu {
	padding:5px 0;
}
.title-area {
	height:65px;
	background:url(../common/title_bk.gif) no-repeat;
}
.title-area h1 {
	width:400px;
	float:left;
}
.title-area .page-navi {
	width:404px;
	float:right;
}
.title-area .page-navi p {
	margin:40px 10px 0 0;
	text-align:right;
}
.main-area {
	padding:15px 0 30px;
}
.main-area .main-left {
	float:left;
	width:185px;
}
.main-left ul.click_menu {
	padding-bottom:15px;
}
.main-left .information {
	background-color:#efefef;
	padding:0 10px;
}
.main-left .information p {
	padding:2px 0;
}
.main-area .main-right {
	float:right;
	width:604px;
}
.main-right p.bottom-link {
	padding-top:50px;
	color:#3250b4;
}
.footer-area {
	border-top:solid 1px #cdcdcd;
	padding:7px 0 10px;
}
.footer-area .company-info {
	float:left;
	width:370px;
}
.footer-area .flash {
	float:left;
	width:120px;
}
.footer-area .flash img {
	margin-top:5px;
}
.footer-area .flash-text {
	float:right;
	width:314px;
}
.footer-area .flash-text p {
	padding-top:7px;
}
.footer {
	height:80px;
	background:url(../common/footer_bk.gif) no-repeat;
	text-align:center;
}
.footer .bottom-link p {
	padding:10px 0 35px 0;
}
.footer .copyright p {
	text-align:center;
}

/* トップページ
--------------------------------------------------------------------*/
#top .service-info {
	margin-top:5px;
	background:url(../img/service_info_bk.gif) no-repeat;
}
#top .service-info img {
	margin:7px 0px 7px 7px;
}
#top .top-main-area {
	padding:15px 0 30px 0;
}
#top .top-main-area .top-left {
	float:left;
	width:604px;
}
#top .top-main-area .top-right {
	float:right;
	width:185px;
}
#top h2.next {
	padding-top:20px;
}
#top .whatsnew th {
	width:84px;
}
#top .whatsnew td {
	width:520px;
}
#top .whatsnew th p {
	background:url(../common/arrow_1.gif) no-repeat 2px 6px;
	padding-left:10px;
}
#top .whatsnew th,
#top .whatsnew td {
	border-bottom:solid 1px #ededed;
	padding:5px 0;
}
#top table.seminar-list {
	width:604px;
}
#top table.seminar-list th,
#top table.seminar-list td {
	border-bottom:solid 1px #e6e6e6;
	padding:5px 0;
}
#top table.seminar-list td img {
	vertical-align:middle;
}
#top table.seminar-list th {
	background:url(../common/arrow_1.gif) no-repeat 2px 9px;
	padding-left:12px;
}
#top .lineup {
	border-left:solid 1px #cdcdcd;
	border-right:solid 1px #cdcdcd;
	border-bottom:solid 1px #cdcdcd;
}
#top .banner {
	padding-top:15px;
}
#top .banner img {
	margin-bottom:5px;
}

/* 企業理念
--------------------------------------------------------------------*/
#company h2 {
	margin-bottom:10px;
}
#company h2.next {
	margin-top:30px;
}
#company .greeting .photo {
	float:left;
	width:88px;
}
#company .greeting .photo img{
	margin-bottom:10px;
}
#company .greeting p.copy {
	padding-bottom:7px;
}
#company .greeting .name {
	padding-top:20px;
	text-align:right;
}
#company .greeting .name p {
	padding:2px;
}
#company .concept .photo-l {
	float:left;
	width:440px;
}
#company .concept .photo-l p.copy {
	margin-bottom:7px;
}
#company .concept .photo-r  {
	float:right;
	width:160px;
}

/* 会社概要
--------------------------------------------------------------------*/
#profile h2 {
	margin-bottom:1px;
}
#profile h2.next {
	margin-top:30px;
	padding-bottom:4px;
}
#profile table {
	width:604px;
}
#profile table th {
	background:url(../company/profile/img/line_l.gif) repeat-y #ebebeb;
}
#profile table th p {
	padding:6px 5px 6px 10px;
}
#profile table td p {
	padding:6px 5px 6px 10px;
}
#profile .access {
	margin-left:50px;
}
#profile .access p {
	padding:5px 0;
}

/* 個人情報の取り扱いについて
--------------------------------------------------------------------*/
#privacy h2 {
	margin-bottom:5px;
}
#privacy .main-right h3 {
	color:#fa9600;
	font-weight:bold;
}
#privacy .privacy p {
	padding-bottom:7px;
	border-bottom:solid 1px #cdcdcd;
	margin-bottom:7px;
}


/* 商品ラインナップ
--------------------------------------------------------------------*/
#lineup h2 {
	margin-bottom:5px;
}
#lineup h3 {
	padding-top:20px;
	margin-bottom:5px;
}
#lineup .lineup-l {
	width:295px;
	float:left;
}
#lineup .lineup-r {
	width:295px;
	float:right;
}
#lineup .lineup-next {
	padding-top:10px;
}
#lineup .lineup {
	border:solid 1px #d7d7d7;
	padding:1px;
}
#lineup .lineup-i {
	width:291px;
	background:#f2f2f2;
}
#lineup .lineup-i2 {
	padding:7px 9px;
}
#lineup .lineup .lu-photo {
	width:100px;
	float:left;
}
#lineup .lineup .lu-text {
	width:160px;
	float:right;
}
#lineup .lineup .lu-text h4 {
	font-weight:bold;
}
#lineup .lineup .lu-text h4 a {
	color:#3250b4;
}
#lineup .lineup .lu-text .subtitle {
	margin-top:2px;
	padding-bottom:4px;
	border-bottom:solid 1px #e6e6e6;
	margin-bottom:3px;
}

/* 商品ラインナップ 下層共通
--------------------------------------------------------------------*/

.lineup-under h2 {
	margin-bottom:5px;
}
.lineup-under h2.next {
	padding-top:35px;
}
.lineup-under h4 {
	padding-top:15px;
	margin-bottom:5px;
}
.lineup-under .float-area .photo {
	float:left;
	width:180px;
}
.lineup-under .float-area .photo-r {
	float:right;
	width:414px;
}
.lineup-under .float-area h3 {
	margin-bottom:10px;
}
.lineup-under .float-area .copy {
	margin-bottom:5px;
}
.lineup-under .copy2 {
	margin:5px 0;
}
.lineup-under .supervision {
	background-color:#f0f0f0;
	border:solid 1px #cdcdcd;
	padding:7px 10px;
	margin:5px 0 7px;
}
.lineup-under .supervision img {
	margin-bottom:5px;
}
.lineup-under .price {
	margin-bottom:5px;
}
.lineup-under .price-2 {
	margin-top:10px;
	border-top:solid 1px #cdcdcd;
	padding-top:10px;
	margin-bottom:5px;
}
.lineup-under li {
	background:url(../common/arrow_9.gif) no-repeat 0 10px;
	font-weight:bold;
	color:#fa9600;
	padding:4px 0 4px 10px;
	border-top:solid 1px #ebebeb;
}
.lineup-under li.top {
	border-top:none !important;
}
.lineup-under li.bottom {
	border-bottom:solid 1px #ebebeb;
}

/* SM306
--------------------------------------------------------------------*/

#sm306 .underbar {
	padding-bottom:10px;
	border-bottom:solid 1px #cdcdcd;
	margin-bottom:10px;
}
#sm306 .text {
	padding-bottom:7px;
}
#sm306 ul {
	padding-bottom:3px;
}
#sm306 .bfi-soft .bfi-left {
	float:left;
	width:200px;
}
#sm306 .bfi-soft .bfi-right {
	float:right;
	width:200px;
}
#sm306 .bfi-soft p.text {
	padding-top:5px;
}
#sm306 .pdf {
	text-align:right;
	padding-top:5px;
	border-top:solid 1px #cdcdcd;
	margin-top:40px;
}
#sm306 .pdf img {
	margin-right:5px;
	vertical-align:middle;
}

/* 他測定機器
--------------------------------------------------------------------*/

#other .multi .scope {
	margin:5px 0;
}
#other .multi ul {
	border-bottom:solid 1px #cdcdcd;
	padding-bottom:7px;
	margin-bottom:7px;
}

/* 施術機器
--------------------------------------------------------------------*/

#hodocojuts .long-image {
	padding-top:10px;
}
#hodocojuts .effectiveness {
	padding:2px 0;
}
#hodocojuts th {
	background:url(../common/arrow_9.gif) no-repeat 0 11px;
	font-weight:bold;
	color:#fa9600;
	padding:4px 0 4px 10px;
	border-bottom:solid 1px #ebebeb;
}
#hodocojuts td {
	font-weight:bold;
	color:#fa9600;
	padding:4px 0 4px 10px;
	border-bottom:solid 1px #ebebeb;
}
	

/* セルフ機器
--------------------------------------------------------------------*/

#self ul.self-top {
	padding-bottom:5px;
}
#self img.self-top {
	margin:6px 0;
}

/* 新健康習慣
--------------------------------------------------------------------*/

#kenkousyuukan ul{
	padding:2px 0 3px;
}
#kenkousyuukan .food-area .left-side {
	float:left;
	width:292px;
}
#kenkousyuukan .food-area .right-side {
	float:right;
	width:292px;
}
#kenkousyuukan h5 {
	padding-top:20px;
	margin-bottom:5px;
}
#kenkousyuukan .copy {
	margin-bottom:5px;
}
#kenkousyuukan .food .photo {
	float:left;
	width:100px;
}
#kenkousyuukan .food .photo-r {
	float:right;
	width:182px;
}




/* カナルシーネ
--------------------------------------------------------------------*/

#canalshene .main-right h4 {
	padding-top:30px;
	margin-bottom:7px;
}
#canalshene .main-right .copy {
	margin-bottom:5px;
}
#canalshene .structure .photo {
	float:left;
	width:300px;
}
#canalshene .structure .photo-r {
	float:right;
	width:290px;
}
#canalshene .structure p {
	padding-bottom:5px;
}
#canalshene .way .photo {
	float:left;
	width:204;
}
#canalshene .way .photo-r {
	float:right;
	width:390px;
}
#canalshene .way .text {
	border-bottom:solid 1px #cdcdcd;
	padding-bottom:5px;
	margin-bottom:5px;
}
#canalshene .column .photo {
	float:right;
	width:190px;
}
#canalshene .column .photo img {
	margin:0 0 10px 10px;
}
#canalshene .column .text-top {
	border-bottom:solid 1px #cdcdcd;
	padding-bottom:10px;
	margin-bottom:10px;
}
#canalshene .column .text-bottom {
	border-bottom:solid 1px #cdcdcd;
	padding-bottom:20px;
	margin-bottom:3px;
}
#canalshene .column .pdf {
	text-align:right;
}
#canalshene .column .pdf img {
	margin-right:5px;
	vertical-align:middle;
}



/* セミナー＆お得情報
--------------------------------------------------------------------*/
#seminar h2 {
	margin-bottom:5px;
}
#seminar h2.next {
	padding-top:30px;
	margin-bottom:2px !important;
}
#seminar .copy {
	margin-bottom:5px;
}
#seminar .top-photo {
	width:180px;
	float:left;
}
#seminar .top-text {
	width:414px;
	float:right;
}
#seminar table.seminar-list {
	width:604px;
}
#seminar table.seminar-list th,
#seminar table.seminar-list td {
	border-bottom:solid 1px #e6e6e6;
	padding:5px 0;
}
#seminar table.seminar-list td img {
	vertical-align:middle;
}
#seminar table.seminar-list th {
	background:url(../common/arrow_1.gif) no-repeat 2px 9px;
	padding-left:12px;
}

/* セミナー＆お得情報 下層
--------------------------------------------------------------------*/
#seminar-u .fll {
	font-size:140%;
	line-height:130%;
}
#seminar-u h2 {
	margin-bottom:5px;
}
#seminar-u .frame {
	border:solid 1px #cdcdcd;
	padding:30px;
	background:url(../seminar/img/seminar_bk.gif) no-repeat 2px 2px;
}
#seminar-u h3 {
	color:#3250b4;
	font-weight:bold;
	padding:3px 0 5px 0;
}
#seminar-u .date {
	background:#e6e6e6;
	padding:3px;
	margin-bottom:10px;
}
#seminar-u .photo {
	text-align:center;
	margin-bottom:10px;
}
#seminar-u table.seminar-list {
	margin-top:10px;
	width:604px;
}
#seminar-u table.seminar-list th,
#seminar-u table.seminar-list td {
	padding:3px 0;
}
#seminar-u table.seminar-list td img {
	vertical-align:middle;
}
#seminar-u table.seminar-list th {
	background:url(../common/arrow_1.gif) no-repeat 2px 9px;
	padding-left:12px;
}

/* BFI式フィギュアダイエット専科
--------------------------------------------------------------------*/
#bfi h2 {
	margin-bottom:5px;
}
#bfi h2.next {
	padding-top:40px;
}
#bfi .copy {
	margin-bottom:5px;
}
#bfi .bfi-top .photo {
	float:left;
	width:200px;
}
#bfi .bfi-top .photo-r {
	float:right;
	width:394px;
}
#bfi .history {
	padding-top:5px;
}
#bfi .history .box {
	float:left;
	width:161px;
}
#bfi .history .box p {
	margin-right:40px;
}
#bfi .history .box-last {
	float:right;
	width:121px;
}
#bfi .history p {
	padding-top:3px;
}
#bfi .history .blue {
	color:#3250b4;
	font-weight:bold;
}
#bfi .date {
	padding-top:5px;
}
#bfi .date .box {
	float:left;
	width:127px;
}
#bfi .date .box-right {
	float:right;
	width:467px;
}
#bfi .date p {
	background:url(../common/arrow_2.gif) no-repeat 0 6px;
	padding:5px 0 0 13px;
}
#bfi .accept .photo-l {
	float:left;
	width:280px;
}
#bfi .accept .photo {
	float:right;
	width:309px;
}
#bfi .market .photo-l {
	float:left;
	width:210px;
}
#bfi .market .photo {
	float:right;
	width:385px;
}

/* BFI式ができること
--------------------------------------------------------------------*/
#feature h2 {
	margin-bottom:5px;
}
#feature h2.next {
	padding-top:15px;
}
#feature h2.next2 {
	padding-top:40px;
}
#feature h3.top {
	padding-top:5px;
	margin-bottom:10px;
}
#feature h3.next {
	padding-top:40px;
	margin-bottom:10px;
}
#feature .copy {
	margin-bottom:5px;
}
#feature .feature-top .photo {
	float:left;
	width:180px;
}
#feature .feature-top .photo-r {
	float:right;
	width:414px;
}
#feature .looks .photo-l {
	float:left;
	width:384px;
}
#feature .looks .photo {
	float:right;
	width:210px;
}
#feature .looks .photo p {
	background:url(../common/arrow_2.gif) no-repeat 0 6px;
	padding:5px 0 0 13px;
}
#feature .plan .photo {
	float:left;
	width:225px;
}
#feature .plan .photo-r {
	float:right;
	width:360px;
}

/* 専科の種類
--------------------------------------------------------------------*/
#kind h2 {
	margin-bottom:5px;
}
#kind h2.next {
	padding-top:20px;
}
#kind h2.next2 {
	padding-top:40px;
}
#kind .copy {
	margin-bottom:5px;
}
#kind .kind-top .photo {
	float:left;
	width:180px;
}
#kind .kind-top .photo-r {
	float:right;
	width:414px;
}
#kind .course-top {
	border:solid 1px #98a7d9;
	padding:7px 10px;
	margin:5px 0 15px;
}
#kind .course-top .course-title {
	background:url(../common/arrow_3.gif) no-repeat 0 5px;
	color:#3250b4;
	font-weight:bold;
	padding-left:13px;
}
#kind .course-top p.top {
	padding-bottom:5px;
	border-bottom:solid 1px #98a7d9;
	margin-bottom:5px;
}
#kind .red {
	color:#ff0000;
}
#kind h3 {
	color:#fff;
	height:26px;
	line-height:26px;
	font-weight:bold;
	padding-left:10px;
}
#kind .all {
	margin-bottom:10px;
}
#kind .all h3 {
	background:#ff7f7f;
}
#kind .all .box {
	border-bottom:solid 1px #ff7f7f;
	border-left:solid 1px #ff7f7f;
	border-right:solid 1px #ff7f7f;
	padding:5px 10px;
}
#kind .all .box p {
	background:url(../common/arrow_4.gif) no-repeat 0 7px;
	padding:2px 0 2px 15px;
	color:#ff0000;
}
#kind .course-left {
	float:left;
	width:296px;
}
#kind .course-right {
	float:right;
	width:296px;
}
#kind .course-1 h3 {
	background:#edb329;
}
#kind .course-1 h4 {
	background-color:#faecc9;
	border-left:solid 1px #edb329;
	border-right:solid 1px #edb329;
	color:#edb329;
	padding:5px 0 3px 10px;
}
#kind .course-1 .box {
	border-bottom:solid 1px #edb329;
	border-left:solid 1px #edb329;
	border-right:solid 1px #edb329;
	padding:5px 10px;
	margin-bottom:10px;
}

#kind .course-1 .box p {
	background:url(../common/arrow_5.gif) no-repeat 0 7px;
	padding:2px 0 2px 13px;
}
#kind .course-2 h3 {
	background:#f781bf;
}
#kind .course-2 h4 {
	background-color:#fdd9ec;
	border-left:solid 1px #f781bf;
	border-right:solid 1px #f781bf;
	color:#f781bf;
	padding:5px 0 3px 10px;
}
#kind .course-2 .box {
	border-bottom:solid 1px #f781bf;
	border-left:solid 1px #f781bf;
	border-right:solid 1px #f781bf;
	padding:5px 10px;
	margin-bottom:10px;
}

#kind .course-2 .box p {
	background:url(../common/arrow_6.gif) no-repeat 0 7px;
	padding:2px 0 2px 13px;
}
#kind .course-3 h3 {
	background:#8bd3e5;
}
#kind .course-3 h4 {
	background-color:#e2f4f8;
	border-left:solid 1px #8bd3e5;
	border-right:solid 1px #8bd3e5;
	color:#8bd3e5;
	padding:5px 0 3px 10px;
}
#kind .course-3 .box {
	border-bottom:solid 1px #8bd3e5;
	border-left:solid 1px #8bd3e5;
	border-right:solid 1px #8bd3e5;
	padding:5px 10px;
	margin-bottom:10px;
}

#kind .course-3 .box p {
	background:url(../common/arrow_7.gif) no-repeat 0 7px;
	padding:2px 0 2px 13px;
}
#kind .course-4 h3 {
	background:#9cd57d;
}
#kind .course-4 h4 {
	background-color:#ebf7e5;
	border-left:solid 1px #9cd57d;
	border-right:solid 1px #9cd57d;
	color:#9cd57d;
	padding:5px 0 3px 10px;
}
#kind .course-4 .box {
	border-bottom:solid 1px #9cd57d;
	border-left:solid 1px #9cd57d;
	border-right:solid 1px #9cd57d;
	padding:5px 10px;
	margin-bottom:10px;
}

#kind .course-4 .box p {
	background:url(../common/arrow_8.gif) no-repeat 0 7px;
	padding:2px 0 2px 13px;
}
#kind h5 {
	color:#3250b4;
	font-weight:bold;
}
#kind table {
	margin:3px 0;
}
#kind table p {
	padding:4px 10px;
}
#kind table td,
#kind table th {
	border:solid 1px #a9a9a9;
	text-align:center;
}
#kind table th {
	background-color:#efefef;
}
#kind table th.l {
	text-align:left;
}
#kind table .grey {
	background-color:#e0e0e0 !important;
}
#kind td.course-1 {
	background-color:#fbf0d4;
}
#kind td.course-2 {
	background-color:#e8f6fa;
}
#kind td.course-3 {
	background-color:#fde6f2;
}
#kind td.course-4 {
	background-color:#ebf7e5;
}



/* プロモーション
--------------------------------------------------------------------*/
#promotion h2 {
	margin-bottom:5px;
}
#promotion h2.next {
	padding-top:20px;
}
#promotion h2.next2 {
	padding-top:40px;
}
#promotion .copy {
	margin-bottom:5px;
}
#promotion .red {
	color:#e60000;
	padding-bottom:5px;
}
#promotion .promotion-top .photo {
	float:left;
	width:180px;
}
#promotion .promotion-top .photo-r {
	float:right;
	width:414px;
}
#promotion .proposal .photo {
	float:left;
	width:250px;
}
#promotion .proposal .photo-r {
	float:right;
	width:344px;
	padding-top:5px;
}
#promotion .proposal .text {
	padding-bottom:10px;
	border-bottom:solid 1px #e6e6e6;
	margin-bottom:7px;
}
#promotion .all .box {
	float:left;
	width:123px;
}
#promotion .all .box p {
	padding:5px 11px 0 0;
}
#promotion .all .box-last {
	float:right;
	width:112px;
}


/* 資料ダウンロード
--------------------------------------------------------------------*/
#data_dl h2 {
	margin-bottom:5px;
}
#data_dl h3 {
	padding-top:20px;
}
#data_dl .data-list li {
	background:url(../data_dl/img/pdf.gif) no-repeat 0px 5px;
	padding:5px 0 5px 25px;
}


/* フォーム
--------------------------------------------------------------------*/
#form-page h2 {
	margin-bottom:5px;
}
#form-page .copy {
	margin-bottom:5px;
}
#form-page .top-info {
	margin-bottom:5px;
}
#form-page .top-info2 {
	margin-bottom:10px;
}
#form-page .tel {
	margin:7px 0 30px 0;
}
#form-page .tel img {
	margin-bottom:5px;
}
#form-page table {
	margin-top:5px;
	width:604px;
	margin-bottom:10px;
}
#form-page table th {
	background:url(../contact/img/line_l.gif) repeat-y #ebebeb;
}
#form-page table th div {
	padding:6px 5px 6px 10px;
}
#form-page table td div {
	padding:6px 5px 6px 10px;
}
#form-page table td .add-info {
	padding-left:5px;
}
#form-page .require {
	color:#ff0000;
	padding-left:5px;
}
#form-page .require-mark {
	color:#ff0000;
}
#form-page form {
	margin-bottom:25px;
}
#form-page .last-info {
	text-align:center;
	margin:50px 0 150px 0;
}