@charset "utf-8";
/* ===================================================================
CSS information

 file name  :style.css
 author     :yourName (admin)
 style info :コンテンツエリア関係 他
 
このスタイルシートの構成
 基本設定、リンクカラー、レイアウト、横幅設定など
 汎用class
 #navSkip
 #page
  #contents
   #main
   #sub
 
=================================================================== */

div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
	color: #333;
	background-color:transparent;
	line-height: 1.5;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
}
caption,th {
	text-align: left;
}
q:before,q:after {
	content: '';
}
object,
embed {
	vertical-align: top;
}
hr,legend {
	display: none;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 90%;
}
img,abbr,acronym,fieldset {
	border: 0;
}
img {
	vertical-align:bottom;
}
li {
	list-style-type: none;
}
p {
	margin-bottom: 1em;
}

/*----------------------------------------------------
	基本設定、リンクカラー、レイアウト、横幅設定など
----------------------------------------------------*/
#w590{
	width:590px;
/*	line-height:145%; */
margin:auto;
font-size:14px;
line-height:24px;
color:33333;
}

#w600 div.textnavi {font-size:12px;margin-bottom:4px;color:#333333;}


/*----------------------------------------------------
	汎用class
----------------------------------------------------*/
.imgR {
	float: right;
	margin: 0 0 10px 10px;
}

.imgL {
	float: left;
	margin: 0 10px 10px 0;
}

.btn {
	text-align: center;
}

.link {
	text-align:right;
}
.box {
	zoom:1;
	margin-bottom:15px;
}
.alt {
	display:none;
}

.strong {
	font-weight:bold;
}

.ex {
	color:#FF3333;
	font-weight:bold;
}

.attention {
	color:#669900;
}

.supp {
	font-size:0.75em;
}

.suppR {
	text-align:right;
	font-size:0.75em;
}

/*
	clearfix
*/
#contents:after, #footer:after, #news:after, #news dl:after, #main:after, .box:after, .boxL:after, .boxR:after, dl.productOutline:after,
.vstickWorkpoint:after, .vstickHowto:after, ul.vstickExtra:after, .boxStep:after, .boxMonitor:after, #sitemap ul:after  {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}


/*----------------------------------------------------
	#navSkip (NavigationSkip)
----------------------------------------------------*/
span#navSkip {
	position: absolute;
	top: 0;
	left: 0;
}


/*----------------------------------------------------
	#page
----------------------------------------------------*/
#page {
	margin: 0 auto;
	text-align: left;
	border-left:solid 1px #999;
	border-right:solid 1px #999;
}


/*----------------------------------------------------
	#contents
----------------------------------------------------*/
#contents {
}

#contents .pageTop {
	clear: both;
	text-align: right;
	padding-top:1.5em;
}


/*----------------------------------------------------
	#toppage
----------------------------------------------------*/
#topImage {
	width:820px;
	height:242px;
}


#topContents {
	width:800px;
	padding:10px;
}
/* ---#news--- */
#topContentsMain {
	float:left;
	width:600px;
}

#topConcept h3,
#news h3 {
	margin:0;
	padding:0;
	background:none;
}

#news ul {
	float:left;
	width:590px;
	margin-left:5px;
}

#news li {
	margin-bottom:10px;
	border-bottom:dashed 1px #999;
}

/* ---#banner--- */
.banner {
	float:right;
	width:180px;
}
.banner li {
	margin-bottom:5px;
}

/*----------------------------------------------------
	#main
----------------------------------------------------*/

/*-----------------
 ---共通--- */

#mainImage {
	margin-bottom:5px;
}
h1 {
	font-size:110%;
	margin-bottom:10px;;
	padding-left:6px;
	border-left:3px solid #999;
}
/* 共通　楽トレ・EMSエクスケア*/
h2 {
	color:#FF6600;
	background:url(../images/h2_or.gif) no-repeat center left;
	width:590px;
	height:28px;
	margin-bottom:10px;
	padding:6px 0 0 10px;
}
h3{
	background:url(../images/bg_h3.gif);
	padding:3px 0 3px 7px;
	margin:0 0 5px 0;
}
h4 {
	background:url(../images/listimg01.gif) no-repeat left;
	padding-left:15px;
}
.boxL {
	zoom:1;
	float:left;
	width:185px;
}
.boxR {
	zoom:1;
	float:right;
	width:395px;
}

/*-------------------------------------
 ---楽トレ--- */
#rakutore .boxStep,
#rakutore .boxMonitor
 {
	zoom:1;
	margin-bottom:10px;
	background:url(../images/bg_dotline.gif) repeat-x 0 bottom;
}
#rakutore .boxStep h5 {
	margin-bottom:5px;
}
/* ---楽トレ　モニター結果--- */	
#rakutore table {
	border-collapse:collapse;
    border-spacing:0;
	border:1px solid #ccc;
	width: 100%;
}
#rakutore table tr.rakutoreData {
	font-weight:bold;
	text-align:center;
	background-color:#DBEEDE;
}
#rakutore table td.bodyParts {
	font-weight:bold;
	text-align:right;
	background-color:#DBEEDE;
	width:8em;
}
#rakutore table td {
	text-align:center;
	padding:3px;
	border-bottom:solid #ccc 1px;
	border-left:solid #ccc 1px;
}

/*-------------------------------------
 ---#EMSエクスケア--- */

 
/* ---EMS 製品概要--- */	
.productPoint li {
	margin-bottom:10px;
	padding:0 0 10px 38px;
	background:url(../images/listimg_point.gif) no-repeat left 2px;
	border-bottom: #999999 1px dotted;
}
.productName,
.productPrice {
	font-size:110%;
	font-weight:bold;
}
.productPrice {
	margin-bottom:0.5em;
}
.productPrice span.nomal{
	font-size:small;
	font-weight:lighter;
}
.productAccessory {
	zoom:1;
	width:290px;
}
.productOutline {
	zoom:1;
}
.productOutline dt,
.productAccessory dt {
	float:left;
	width:19em;}
	
.productOutline dd,
.productAccessory dd {
	margin-bottom:3px;
	background:url(../images/bg_dotline.gif) repeat-x 0 bottom;
}


/* ---EMS よくある質問--- */
#faq dl {
	margin-bottom:20px;
	padding-bottom:10px;
	background:url(../images/bg_dotline.gif) repeat-x 0 bottom;
}


#faq dt {
	font-weight:bold;
	margin-bottom:5px;
	padding-left:30px;
	background:url(../images/ico_q.gif) no-repeat left 2px;
}
#faq dd {
	padding-left:30px;
	background:url(../images/ico_a.gif) no-repeat left 2px;
}


/* ---EMS Vスティック--- */
.vstickHowto {
	zoom:1;
}
.vstickProduct {
	zoom:1;
	width:360px;
	margin-left:220px;
}
.vstickProduct dt {
	float:left;
	width:8em;
}	
.vstickProduct dd {
	margin-bottom:3px;
	background:url(../images/bg_dotline.gif) repeat-x 0 bottom;
}

.vstickHowto li{
	margin-bottom:5px;
	padding-left:12px;
	background: url(../images/arrow_green.gif) no-repeat left 6px;
}

.vstickWorkpoint {
	zoom:1;
	margin-bottom:10px;
}
.vstickWorkpoint p {
	margin:0;
}
p.vstickExtra {
	zoom:1;
	margin:0;	
}
.vstickExtra span {
	margin-left:5px;
	padding-left:12px;
	background: url(../images/arrow_green.gif) no-repeat left 2px;		
}
#vstickFace dt {
	color:#FF6633;
	font-weight:bold;
}

/* ---EMS 消耗品--- */
#ems .tellNo {
	clear:both;
	color:#FF3333;
	font-size:1.5em;
}


/*-------------------------------------
 ---会社概要--- */
#company .companyTable {
	border-collapse:collapse;
    border-spacing:0;
	border:1px solid #ccc;
	width: 100%;
}

#company .companyTable td.cate {
	font-weight:bold;
	text-align:right;
	width:11em;
	background:#F3FCF3;
}

#company .companyTable td {
	padding:3px;
	border-bottom:solid #ccc 1px;
	border-left:solid #ccc 1px;
}

#company #work li {
	background:url(../images/listimg03.gif) no-repeat;
	background-position:0 8px;
	padding-left:8px;
}

/* ---ミッション--- */
#company .list01 {
	padding-bottom:1em;
	font-weight:bold;}
	
#company .list01 li {
	background:url(../images/listimg02.gif) no-repeat left;
	padding-left:25px;}
	
/* ---プライバシーポリシー--- */
#company .privacyData {
	text-align:right;
}
	
#company dl.privacy {
}

#company dl.privacy dt {
	font-weight:bold;
}
#company dl.privacy dd {
	margin-bottom:1em;
}

#company dl.privacy dd ul {
	margin-left:1em;
}


/*-------------------------------------
 ---サプリメント--- */
#supplement .price01 {
	clear:both;
	margin:0;
}

#supplement .price02 {
	clear:both;
	color:#FF3333;
	font-size:1.5em;
}

#supplement #suppTable {
	border-collapse:collapse;
    border-spacing:0;
	border:1px solid #2FB53D;
	width: 100%;
}

#supplement #suppTable td {
	padding:5px;
	border-bottom:solid #2FB53D 1px;
	border-left:solid #2FB53D 1px;
}

#supplement #suppTable td.cate {
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
	border-bottom:1px solid #fff;
	background:#2FB53D;
}

#supplement #suppTable td.suppExcare {
	background:#FFFBD9;
}

#supplement dl.suppList {
	background-color:#E3F8D8;
	width:580px;
	padding:10px;
	margin:5px 0;
	float:left;
}
* html #supplement dl.suppList {
	width:570px;
}

#supplement .suppList dt {
	float:left;
	width:20em;
}
	
#supplement .suppList dd {
	margin-left:21em;
}

#supplement .priorinList dt {
	float:left;
	width:8em;
}

#supplement .priorinList dd {
	margin:0 0 0.5em 9em;
}
#supplement ul.priorinDetails li {
	background:url(../images/listimg01.gif) no-repeat left 5px;
	padding-left:15px;
}

/*-------------------------------------
 ---コンタクト--- */
 
 /*----------------------------------------------------
　コンタクト　---------------------------------------*/
#contactForm,
#contactThx {
	margin:2em 0 3em 0;
}

#contactForm dt {
	float:left;
	text-align:right;
	font-weight:bold;
	width:150px;
	padding:4px 0 0 1em;
	border-left:#ccc 3px solid;
}

#contactForm p {
	margin:0;
}

#contactForm p.supp {
	font-weight:normal;
	color:#999999;
}

#contactForm dd {
	margin-bottom:8px;
	padding:3px 0 2em 180px;
	background:url(../images/bg_dotline.gif) repeat-x 0 bottom;
}

#contactForm ul {
	margin-bottom:5px;
}

#contactForm li {
	display:inline;
	margin-right:16px;
}

#contactForm ul.submitBtn {
	margin-left:180px;
}

#contactForm .att {
	color:#FF3333;
}



/* ---サイトマップ--- */
#company #sitemap {

}

#company #sitemap ul {
	zoom:1;
	margin-bottom:2em;
}

#company #sitemap li {
	display:inline;
	margin-left:1em;
}

/* -----------------------------------------------------------
	#sub
----------------------------------------------------------- */

.subMenu ul {
	margin-bottom:15px;
}

.subMenu li a {
	display:block;
	text-decoration:none;
	width:164px;
	height:32px;
	margin-bottom:5px;
	padding-left:18px;
	line-height:2;
	background:url(../images/sub_menu_btn02.gif) no-repeat 0 0;
}

.subMenu li a.b {
	line-height:1;
}

.subMenu li a:visited {
	text-decoration:none;
	}
* html.subMenu li a {
	width:154px;
	padding-left:18px;
}
.subMenu li a:hover,
.subMenu li a:active {
	background:url(../images/sub_menu_btn01.gif) no-repeat 0 0;
}

.subMenu li.active a {
	background:url(../images/sub_menu_btn01.gif) no-repeat 0 0;
}