﻿@charset "utf-8";

/***********************************************/
/*目次↓*/
/*=============================================*/
/*   01.common                                 */
/*   02.layout                                 */
/*   03.contents layout                        */
/*   04.navigation                             */
/*   05.header                                 */
/*   06.footer                                 */
/*   07.path                                   */
/*   08.kadomaru                               */
/*   09.img                                    */
/*   10.text                                   */
/*   11.table                                  */
/*   12.margin                                 */
/*   13.font                                   */
/*   14.link                                   */

/*   15.coaching                               */
/*   16.yoga                                   */
/*   17.workshop                               */
/*   18.qa                                     */
/*   19.link                                   */

/*   99.other                                  */
/*=============================================*/
/***********************************************/

.hsea {
 	color:#FFF;
	padding: 0 0 0 10px;
}

.hsea a, .hsea a:hover  {
 	color:#FFF;
}

/***********************************************
  01.common
***********************************************/
* {
 margin          : 0px;
 padding         : 0px;
}

body {
 background      : #ffffff;
 font-family     : "ＭＳ Ｐゴシック", HiraKakuPro-W3, Osaka, "ヒラギノ角ゴ Pro W3", verdana, arial, sans-serif;
 font-size       : 0.8em;
 line-height     : 180%;
 height          : auto;
 margin          : 0px;
 padding         : 0px;
 color           : #666666;
}

html {
 height          : auto;
}

.c-both{
 clear           : both;
}

.alCenter{
 text-align      : center;
}
.alRight{
 text-align      : right;
}

a:link { color: #666666;text-decoration:none; 
}

a:visited { color: #666666; text-decoration:none; 
}

a:active { color:#EC9C00; text-decoration:none;
}

a:hover { color: #EC9C00; text-decoration:underline; 
}

img { border: 0;}

#pager {
	font-size:0.8em;
	padding:20px 0 20px 12px;
}

#page {
	width:490px;
	height:auto;
	float:right;
	display:block;
}

.page_img {
	display:block;
	float:left;
	width:176px;
	height:auto;
}

#second {
	width           : 680px;
	float           : left;
	text-align      : center;
	margin          : 5px 0px 0px 0px;
}

.box {
	width:auto;
	padding:5px 10px 20px 15px;
}

.box_works {
	width:auto;
	padding:5px 0 20px 15px;
}

.box_bottom {
	padding-bottom:0;
}

.green {
	color:#80953B;
}

.brown {
	color:#AF6E10;
}

.red {
	color:#D62811;
}

.red2 {
	color:#ff0000;
}

ul.normal {
	margin:0 0 10px 25px;
}

ul.normal li {
	line-height:150%;
}

.mt_small {
	margin-top:5px;
}

.mt_middle {
	margin-top:10px;
}

.mt_large {
	margin-top:15px;
}

.mt_large2 {
	margin-top:25px;
}

.-ml_small {
	margin-left:-5px;
}

.uline {
	text-decoration:underline;
	color:#FF6600;
	font-weight:bold;
}

/***********************************************
  02.layout
***********************************************/
#wrap {
 margin          : 0px auto;
 text-align      : center;
 width           : 100%;
}

#wrapperAll {
 margin          : 10px auto 0px auto;
 width           : 910px;
 display         : block;
}

#main {
 width           : 900px;
 margin          : 0px 0px 25px 0px;
 clear           : both;
 overflow        : hidden;
}

#main_sec {
 width           : 910px;
 margin          : 0px 0px 25px 0px;
 clear           : both;
 overflow        : hidden;
}


/***********************************************
  05.header
***********************************************/

#header {
 position:relative;
 background      : url(../img/bk_header.jpg) no-repeat;
 width           : 910px;
 height          : 104px;
 overflow        : hidden;
 margin          : 0px auto 0px auto;
 text-align      : left;
}

#hederLeft {
 width           : 340px;
 float           : left;
 margin          : 0px;
 padding         : 0px;
}

#hederRight {
 width           : 569px;
 height          : 50px;
 margin          : 30px 0px 0px 0px;
 padding         : 10px 0px 0px 0px;
 float           : left;
}

#logo {
 padding         : 30px 0px 0px 28px;
}

#header .exe {
 position:absolute;
 left:518px;
 top:0;
}

/* .exe IE6 */

* html #header .exe {
}

* html #header .exe a {

}


/***********************************************
  04.navigation
***********************************************/

div#headerNavi {
 width           : 548px;
 height          : 32px;
 margin          : 0;
 overflow        : hidden;
}

div#headerNavi ul{
 height          : 32px;
 list-style-type : none;
 float           : left;
}

div#headerNavi ul li {
 height          : 32px;
 list-style-type : none;
 display         : block;
 float           : left;
 margin          : 0;
 padding         : 0;
}

/***********************************************
  03.contents layout
***********************************************/

/****** index.html↓↓ ******/
#topImgIndex {
 width           : 910px;
 height          : 240px;
 margin          : 0px 0px 0px 6px;
 text-align      : left;
}

#topImgIndex .topImgLeft {
 width           : 588px;
 height          : 240px;
 float           : left;
 padding         : 0px 0px 0px 2px;
}

#topImgIndex .topImgRight {
 width           : 320px;
 height          : 240px;
 float           : left;
}

#topImgIndex .topNaviBox {
 border          : #CDE159 solid 1px;
 width           : 305px;
 height          : 74px;
 padding         : 1px;
 margin          : 0px 0px 2px 0px;
}

#topImgIndex .topNavititle {
 background      : url(../img/bg_contents_1.jpg) no-repeat;
 width           : 305px;
 height          : 24px;
}

#topImgIndex .topNavisub {
 width           : 305px;
 height          : 50px;
 font-size       : 8pt;
}

#topImgIndex p {
 padding         : 5px 5px 0px 5px;
 line-height     : 14px;
}

#entryblock {
 width           : 555px;
 float           : left;
 text-align      : left;
 margin          : 5px 0px 0px 0px;
}

#entryblock .indexTopContents {
 width           : 555px;
 float           : left;
}

#entryblock .indexTopContentsLeft {
 width           : 415px;
 float           : left;
}

#entryblock .indexTopContentsRight {
 width           : 140px;
 float           : left;
}

#entryblock .indexTopImg {
 border-bottom   : 1px dotted  #66FFFF;
 height          : 70px;
}

#entryblock .indexTopImg_e {
 margin          : 40px 0px 0px 0px;
}

#entryblock .indexTopImgpro {
 background      : url(../img/bd_1.gif) repeat-x;
 background-position : 20px;
}

/****** other pages↓↓ ******/

#entryblockc {
 width           : 670px;
 float           : right;
 text-align      : left;
 margin          : 5px 0px 0px 0px;
}

#entryblockc .contentBlock {
 text-align      : center;
}

#entryblockc .blockcontents {
 width           : 670px;
 overflow        : hidden;
 padding         : 0 0 30px 0;
 text-align      : center;
}

#entryblockc .blockcontents .titleImg {
 height          : 50px;
 padding         : 10px 0px 0px 0px;
 text-align      : center;
}

#topImgContent {
 width           : 910px;
 height          : 140px;
 margin          : 0 0 0 3px;
 text-align      : left;
}

#entryblockc .tabCenter {
 width: 100%;
 text-align: center;

}

/***********************************************
  03.Side layout
***********************************************/

/****** index.html↓↓ ******/
#leftSide {
 float           : left;
 width           : 329px;
 margin          : 5px 10px 0px 0px;
 padding         : 0px 0px 0px 5px;
 text-align      : left;
 border-right    : 1px dotted  #66FFFF;
}

#leftSide .sideInfoBox {
 border          : #CDE159 solid 1px;
 width           : 305px;
 padding         : 1px;
 margin          : 0px 0px 2px 0px;
}

#leftSide .sideinfoTitle {
 background      : url(../img/bg_contents_1.jpg) no-repeat;
 width           : 305px;
 height          : 24px;
}

#leftSide .sideInfoBox_o {
 border          : #F5E07A solid 1px;
 width           : 305px;
 padding         : 1px;
 margin          : 0px 0px 2px 0px;
}

#leftSide .sideinfoTitle_o {
 background      : url(../img/bg_contents_2.jpg) no-repeat;
 width           : 305px;
 height          : 24px;
}

#leftSide .sideinfoSub {
 width           : 305px;
 font-size       : 8pt;
 line-height     : 10px;
 overflow        : auto;
}


#leftSide p {
 padding         : 5px 5px 0px 5px;
 line-height     : 15px;
}


#leftSide .sideAchieveBox {
 overflow        : auto;
 text-align      : center;
}

#leftSide .sideAchieve {
 width           : 160px;
 text-align      : center;
 float           : left;
 overflow        : auto;
}

#leftSide .purchase {
 width           : 305px;
 border          : #CDE159 solid 1px;
 text-align      : center;
 margin          : 10px 0;
}

/****** other pages↓↓ ******/

#leftSideBox {
 float           : left;
 width           : 210px;
 margin          : 5px 13px 0 0;
 padding         : 0;
 text-align      : left;
}

#leftSideBox .sideNaviMain {
 width           : 210px;
}

#leftSideBox .sideNavitop {
 background      : url(../img/bk_sidenavi_top.jpg) no-repeat;
 height          : 5px;
}

#leftSideBox .sideNavimid {
 background      : url(../img/bk_sidenavi.jpg) repeat-y;
 padding         : 1px 0px 0px 6px;
}

#leftSideBox .sideNavimid ul {
	margin:0;
	padding:0;
}

#leftSideBox .sideNavimid li {
	margin:0;
	padding:0;
	list-style:none;
	list-style-image:none;
	list-style-type:none;
	vertical-align:bottom;
	line-height:normal;
	height:35px;
}

#leftSideBox .sideNavibottom {
 background      : url(../img/bk_sidenavi_bottom.jpg) no-repeat;
 height          :5px;
}




/***********************************************
  06.footer
***********************************************/
#footer {
 background      : url(../img/bk_footer.jpg) no-repeat;
 margin          : 0px auto;
 width           : 910px;
 height          : 90px;
 clear           : both;
}

#footer .footLeft {
 width           : 340px;
 float           : left;
 text-align      : left;
/*  padding         : 20px 0px 0px 20px;
 */}

#footer .footRight {
 width           : 550px;
 float           : left;
 text-align      : right;
}

#footer .footNavi {
 margin          : 22px 0px 0px 0px;
 height          : 15px;
}

#footer .copy {
 text-align      : right;
 margin          : 25px 0px 0px 0px;
 font-size       : 8pt;
}


/***********************************************
  07.path
***********************************************/

.pagetop {
	width:auto;
	height:10px;
	margin:20px 10px 0 0;
	clear:both;
	text-indent:-999em;
}

.pagetop a {
	display:block;
	width:auto;
	height:10px;
	background:url(../common/pagetop_bt.gif) no-repeat right;
	outline:none;
}

.pagetop a:hover {
	display:block;
	width:auto;
	height:10px;
	background:url(../common/pagetop_bt_on.gif) no-repeat right;
	outline:none;
}

/***********************************************
  09.img
***********************************************/
img {
 border          : 0px;
}

img.fLeft {
 float           : left;
}
.imgCenter {
 text-align      : center;
}

#imgBorder {
 height          : 15px;
 width           : 900px;
 background      : url(../img/bd_1.gif) repeat-x;
 margin          : 10px 0px 0px 5px ;
}

#imgBorder hr {
	display:none;
}

/***********************************************
  11.table
***********************************************/

.sideAdd {
 width           : 200px;
 font-size       : 8pt;
 height          : 80px;
}


.sideAdd td {
 border-left     : 1px dotted  #66FFFF;
 font-size       : 8pt;
}

.tabInqu {
 text-align      : left;
 margin          : 0 auto;
 font-size       : 9pt;
 line-height     : 20px;
}

.tabInqu td.item{
 height          : 20px;
}

.tabInqu td.item{
 background      : url(../img/ic_1.jpg) no-repeat;
 font-weight     : bold;
 padding         : 1px 0px 0px 10px;
}

.tabInqu td.txt{
 padding         : 5px 0px 0px 20px;
}

/***********************************************
  11.font
***********************************************/

.topText {
 font-size       : 8pt;
}

/***********************************************
  15.coaching
***********************************************/

#coaching {
	width:auto;
	height:auto;
	text-align:left;
}

/***********************************************
  16.yoga
***********************************************/

#yoga {
	width:auto;
	height:auto;
	text-align:left;
}

#yoga .yoga_osusume {
	width:433px;
	margin:0 0 12px 30px;
    overflow: hidden;
}

#yoga .yoga_osusume:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html #yoga .yoga_osusume {
    height: 1em;
    overflow: visible;
}
/**/


#yoga .yoga_osusume ul {
	margin:0;
	padding:0;
}

#yoga .yoga_osusume li {

}

#yoga .yoga_osusume li.left {
	background:url(../img/yoga/bg_small.jpg) no-repeat 0 0;
	margin:0 3px 3px 0;
	padding:0;
	list-style:none;
	list-style-type:none;
	display:block;
	width:214px;
	height:36px;
	line-height:36px;
	text-indent:25px;
	float:left;
}

#yoga .yoga_osusume li.right {
	background:url(../img/yoga/bg_small.jpg) no-repeat 0 0;
	margin:0 0 3px 0;
	padding:0;
	list-style:none;
	list-style-type:none;
	display:block;
	width:214px;
	height:36px;
	line-height:36px;
	text-indent:25px;
	float:left;
}

#yoga .yoga_osusume li.bottom {
	width:433px;
	height:64px;
	background:url(../img/yoga/bg_big.jpg) no-repeat 0 0;
	clear:both;
	padding-top:8px;
	padding-left:25px;
	line-height:140%;
}

html > body #yoga .yoga_osusume li.bottom {
	width:408px;
	height:56px;
}

#yoga .tec {
	width:469px;
	height:56px;
	background:url(../img/yoga/bg1.jpg) no-repeat 0 0;
	text-align:left;
	padding-left:140px;
	padding-top:8px;
	margin-top:6px;
	margin-bottom:3px;
	margin-left:10px;
}

html > body #yoga .tec {
	width:329px;
	height:48px;
}

#yoga .price {
	margin:0 0 32px 10px;
}

#yoga .price p {
	margin-bottom:3px;
}

#yoga .tec2 {
	width:469px;
	height:56px;
	background:url(../img/yoga/bg2.jpg) no-repeat 0 0;
	text-align:left;
	padding-left:140px;
	padding-top:8px;
	margin-bottom:3px;
	margin-left:10px;
}

html > body #yoga .tec2 {
	width:329px;
	height:48px;
}

#yoga .tec3 {
	width:469px;
	height:56px;
	background:url(../img/yoga/bg3.jpg) no-repeat 0 0;
	text-align:left;
	padding-left:140px;
	padding-top:18px;
	margin-bottom:3px;
	margin-left:10px;
}

html > body #yoga .tec3 {
	width:329px;
	height:38px;
}

#yoga .tec4 {
	width:469px;
	height:56px;
	background:url(../img/yoga/bg4.jpg) no-repeat 0 0;
	text-align:left;
	padding-left:140px;
	padding-top:18px;
	margin-bottom:3px;
	margin-left:10px;
}

html > body #yoga .tec4 {
	width:329px;
	height:38px;
}

/***********************************************
  17.workshop
***********************************************/

#workshop {
	width:auto;
	text-align:left;
}

#workshop h4 {
	background:url(../img/workshop/h4_bg.jpg) no-repeat 0 0;
	text-align:left;
	padding:0 0 0 15px;
	margin:10px 0;
	font-size:1em;
}

#workshop .times {
	border-left:1px solid #67C4C5;
	border-top:1px solid #67C4C5;
	width:469px;
}

#workshop .times th,
#workshop .times td {
	padding:5px 15px;
	border-right:1px solid #67C4C5;
	border-bottom:1px solid #67C4C5;
	vertical-align:top;
}

#workshop .times th {
	text-align:center;
	font-weight:normal;
}

/***********************************************
  18.qa
***********************************************/

#qa {
	width:624px;
	margin-left:40px;
	text-align:left;
}

#qa .qa_coaching {
	float:left;
	width:295px;
	margin-right:30px;
}

#qa .qa_yoga {
	float:left;
	width:296px;
}

#qa ol.qa {
	list-style-type:none;
	margin:0;
	padding:0;
}

#qa ol.qa li {
	background:url(../img/qa/qa_bg1.jpg) no-repeat 0 0;
	width:auto;
	height:30px;
	display:block;
	line-height:30px;
	margin-bottom:3px;
	padding-left:12px;
	list-style:none;
	list-style-type:none;
	letter-spacing:-0.1em;
}

#qa ol.qa li.dable {
	background:url(../img/qa/qa_bg5.jpg) no-repeat 0 0;
	height:50px;
	line-height:normal;
	padding-top:10px;
}


#qa ol.qa_yoga {
	list-style-type:none;
	margin:0;
	padding:0;
}

#qa ol.qa_yoga li {
	background:url(../img/qa/qa_bg2.jpg) no-repeat 0 0;
	width:auto;
	height:30px;
	display:block;
	line-height:30px;
	margin-bottom:3px;
	padding-left:12px;
	list-style:none;
	list-style-type:none;
	letter-spacing:-0.1em;
}

#qa .qa_ans {
	clear:both;
	padding-top:7px;
}

#qa .qa_ans2 {
	clear:both;
	padding-top:20px;
}

#qa .qa_ans p,
#qa .qa_ans2 p {
	margin:5px 0 0 15px;
}

#qa .qa_ans h3 {
	background:url(../img/qa/qa_bg3.jpg) no-repeat 0 0;
	width:auto;
	height:30px;
	line-height:30px;
	padding-left:12px;
	margin-top:10px;
	font-size:1em;
}

#qa .qa_ans2 h3 {
	background:url(../img/qa/qa_bg4.jpg) no-repeat 0 0;
	width:auto;
	height:30px;
	line-height:30px;
	padding-left:12px;
	margin-top:10px;
	font-size:1em;
}

/***********************************************
  19.link
***********************************************/

#link {
	width:469px;
	text-align:left;
	margin:0 auto;
}

#link h3 {
	width:auto;
	height:30px;
	background:url(../img/link/h4_bg.jpg) no-repeat 0 0;
	line-height:30px;
	font-size:1em;
	padding-left:12px;
}

#link p {
	margin:5px 0 0 12px;
}

#link p.title {
	margin:0;
}
