@charset "UTF-8";
/* CSS Document */

/* 
==========================================================================
施術＆トレーニング用　CSS  
==========================================================================
*/

/* 
施術＆トレーニング用　基本の枠組み（施術ページ共通）
==========================================================================
*/

body {
	margin: 0;
	padding: 0;
	color: #666666;
	text-align: center;
	font: 80%/1.4 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3', Osaka, sans-serif;
	background: #FFFFFF;
}


/*　背景画像の指定
----------------------------------------------*/

#trn-body {
	background: #FFFFFF url(../images/back_trn.gif) repeat-x;
	width: 100%;
}

#msg-body {
	background: #FFFFFF url(../images/back_msg.gif) repeat-x;
	width: 100%;
}

#str-body {
	background: #FFFFFF url(../images/back_str.gif) repeat-x;
	width: 100%;
}

#cfit-body {
	background: #FFFFFF url(../images/back_cfit.gif) repeat-x;
	width: 100%;
}



/*　ページ全体の囲み
----------------------------------------------*/
#sejyu-wrapper {
	width: 760px;
	margin: 0px auto;
	text-align: left;
	border-right: 1px solid #999999;
	border-left: 1px solid #999999;
	border-bottom: 1px solid #999999;
	height: 100%;
}


/*　ヘッダー
----------------------------------------------*/

#sejyu-header {
	width: 760px;
	height: 260px;
	margin: 0px;
	padding: 0px;
	position: relative;
}

#trainning-header {
    width: 760px;
	height: 260px;
	background: url(../images/head_trn_ph.jpg) no-repeat bottom;
}

#massage-header {
    width: 760px;
	height: 260px;
	background: url(../images/head_msg_ph.jpg) no-repeat bottom;
}

#stretch-header {
    width: 760px;
	height: 260px;
	background: url(../images/head_str_ph.jpg) no-repeat bottom;
}

#comofit-header {
    width: 760px;
	height: 260px;
	background: url(../images/head_cfit_ph.jpg) no-repeat bottom;
}


#sejyu-header h1 {
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	top: 147px;
	position: absolute;
	text-align: center;
	width: 230px;
}

#sejyu-header h2 {
	font-size: 10px;
	color: #666666;
	position: absolute;
	left: 246px;
	top: 9px;
	font-weight: normal;
}

#sejyu-header em {
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	top: 237px;
	position: absolute;
	text-align: center;
	width: 230px;
}

#sejyu-header p {
	font-size: 11px;
	color: #FFFFFF;
	position: absolute;
	left: 246px;
	top: 237px;
	font-weight: bold;
}

/*
#sejyu-header .logo {
	position: absolute;
	left: 0px;
	top: 0px;
}
*/

#sejyu-header .logo {
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 230px;
	height: 30px;
	background-image: url(../images/sejyu_logo_bg.gif);
	background-repeat: no-repeat;
	color: #FFF;
	font-size: 12px;
	line-height: 30px;
	font-weight: bold;
	text-align: center;
}


/*
コンテンツ部分（施術ページ共通）
==========================================================================
*/

/*　コンテンツ　
----------------------------------------------*/
#sejyu-contents {
	width: 720px;
	margin: 0px 20px;
	position: relative;
	padding-top: 20px;
}

/* clearfix */
#sejyu-contents:after {
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}
#sejyu-contents { display: block; }
/* no ie mac \*/
* html #sejyu-contents { height: 1%; }
#sejyu-contents { display: block; }
/* */

/*　コンテンツ　メイン本文枠組み
-------------------------------------*/
#sejyu-main {
	width: 510px;
	float: right;
}

/*　コンテンツ　サブナビ枠組み
-------------------------------------*/
#sejyu-sub {
	width: 190px;
	float: left;
}

/*　コンテンツ　メイン　冒頭タイトルコピー
-------------------------------------*/
#sejyu-main .sj-ttl1 {
	font-size: 14px;
	line-height: 20px;
	font-weight: normal;
	background: url(../images/srv_ttlback2.gif) repeat-y;
	display: block;
	color: #669966;
	padding: 3px 0px 3px 20px;
	margin-bottom: 12px;
}


/*
コンテンツ部分（トレーニング）
==========================================================================
*/

/*　文字色  */

.trn-tx-green-l { font-size: 16px; color: #009966; }
.trn-tx-green { font-size: 12px; color: #009966; }
.trn-tx-red-l { font-size: 16px; color: #CC3333; }
.trn-tx-red { font-size: 12px; color: #CC3333; }
.trn-tx-blue-l { font-size: 16px; color: #4A77F1; }
.trn-tx-blue { font-size: 12px; color: #4A77F1; }
.trn-tx-pink-l { font-size: 16px; color: #CC6699; }
.trn-tx-pink { color: #CC6699; }
.trn-tx-black-l { font-size: 13px; color: #000000; }
.trn-tx-gray { font-size: 12px; color: #666666; }

/*　コンテンツトップタイトル  */

#trn-ttl1 h3 {
	display: block;
	margin-bottom: 10px;
	background-image: url(../images/trn_ttlbg_1.jpg);
	background-repeat: no-repeat;
	padding-left: 33px;
	color: #4A77F1;
	font-size: 14px;
	line-height: 28px;
	font-weight: normal;
}


/*　G・P・T で得られる５つの変化　タイトル  

.trn-ttl2 {
	margin-bottom: 7px;
	color: #4A77F1;
	font-size: 14px;
	font-weight: bold;
}
*/
/*　スイング癖の改善...  */

.trn-kakomi1 {
	margin-bottom: 15px;
	padding: 15px;
	border: 1px solid #6699FF;
	background-color: #E5FFF9;
}
/*
.trn-kakomi1 h4 {
	margin-bottom: 7px;
	color: #4A77F1;
	font-size: 12px;
	font-weight: bold;
}
.trn-kakomi1 p {
	margin-bottom: 10px;
	font-size: 12px;
}
*/

/*　TPIセッションの流れ  */

#trn-kakomi2 {
	margin-bottom: 30px;
}


#trn-kkm2-g,
#trn-kkm2-b1,
#trn-kkm2-b2, 
#trn-kkm2-b3 {
	margin-bottom: 10px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 100px;
	border: 1px solid #4A77F1;
	background-repeat: no-repeat;
	background-position: left top;
}
#trn-kkm2-g {
	border: 1px solid #009966;
}
#trn-kkm2-g {
	background-image: url(../images/trn_icon1.gif);
}
#trn-kkm2-b1 {
	background-image: url(../images/trn_icon2.gif);
}
#trn-kkm2-b2 {
	background-image: url(../images/trn_icon3.gif);
}
#trn-kkm2-b3 {
	background-image: url(../images/trn_icon4.gif);
}
#trn-kkm2-y {
	height: 74px;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 120px;
	background-color: #FFE397;
	background-image: url(../images/trn_icon5.gif);
	background-repeat: no-repeat;
	background-position: left top;
	color: #333333;	
}


/*
#trn-kakomi2 {
	margin-bottom: 30px;
	padding-left: 189px;
	background-image: url(../images/trn_ph_2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.trn-kkm2-g {
	margin-bottom: 10px;
	padding: 10px;
	border: 1px solid #009966;
}
.trn-kkm2-b {
	margin-bottom: 10px;
	padding: 10px;
	border: 1px solid #4A77F1;
}
.trn-kkm2-y {
	margin-bottom: 10px;
	padding: 10px;
	background-color: #FFE397;
	color: #333333;
}
*/


/*
コンテンツ部分（ストレッチ 伸ばし処）
==========================================================================
*/

#str-ttl2-1 h3,
#str-ttl2-2 h3 {
	clear: both;
	margin-bottom: 7px;
	color: #4A77F1;
	font-size: 14px;
	font-weight: bold;
}

/*　週１回の体メンテナンス　囲み  */

.str-kakomi3 {
	border: 1px solid #A6D0DD;
	margin-bottom: 10px;
	background-image: url(../images/str_bg1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.str-kakomi3 p {
	margin-top: 68px;
	margin-left: 80px;
	color: #4A77F1;
	font-size: 12px;
	font-weight: bold;	
}
.str-tbl-price {
	width: 351px;
	margin-top: 10px;
	margin-left: 80px;
	margin-bottom: 10px;
	color: #FF0000;
	font-size: 14px;
}
.str-tbl-price th {
	width: 64px;
	padding-bottom: 5px;
	font-weight: normal;
}
.str-tbl-price .td3 {
	width: 124px;
	padding-bottom: 5px;
}
.str-tbl-price .td4 {
	width: 163px;
	padding-bottom: 5px;
}


/*　こんな方にオススメ　囲み  */

.str-kakomi1 {
	float: left;
	width: 485px;
	margin-left: 22px;
	margin-bottom: 10px;
}
.str-kkm1-left {
	float: left;
	width: 295px;
	margin-right: 21px;
}
.str-kkm1-right {
	float: left;
	width: 169px;
}

.str-kkm1-left ul {
	list-style-type: none;	
}
.str-kkm1-left li {
	display: block;
	height: 26px;
	margin-bottom: 3px;
	padding-left: 24px;
	border: 1px solid #FC9;
	background-color: #FFC;
	font-size: 14px;
	line-height: 26px;

}

.str-kkm1-right ul {
	list-style-type: none;	
}
.str-kkm1-right li {
	display: block;
	height: 45px;
	margin-bottom: 8px;
	background-image: url(../images/str_ttlbg_1.jpg);
	font-size: 12px;
	line-height: 45px;
	padding-left: 32px;
}


/*　メニュー＆料金  */

.sj-kakomi1 {
	clear: both;
	border-right: 1px solid #A6D0DD;
	border-bottom: 1px solid #A6D0DD;
	border-left: 1px solid #A6D0DD;
	margin-bottom: 12px;
	padding-bottom: 15px;	
}

.sj-kakomi1 h3 {
	padding: 3px 15px;
	border-top: 1px solid #A6D0DD;
	border-bottom: 1px solid #A6D0DD;
	background: #DDE9F1;
	color: #4A77F1;
	font-size: 14px;
	font-weight: normal;
}

.sj-kakomi1 h4 {
	color: #4A77F1;
	font-size: 12px;
	font-weight: bold;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 15px;
}

.sj-kakomi1 .comment1 {
	padding-top: 7px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 15px;
}
.sj-kakomi1 .comment1-line {
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	border-bottom: 1px solid #A6D0DD;
}

/*　ご利用の流れ  */

.str-tbl-nagare {
	width: 510px;
}
.str-tbl-nagare-td1 {
	width: 127px;
}
.str-tbl-nagare-td2 {
	width: 128px;
}
.str-tbl-nagare-td1 img,
.str-tbl-nagare-td2 img {
	margin-bottom: 7px;
}

.str-tbl-nagare td {
	font-size: 12px;
	line-height: 140%;
	vertical-align: top;
}

/*　伸ばしとは  */

#str-ttl3-1 h3,
#str-ttl3-2 h3 {
	display: block;
	margin-bottom: 10px;
	background-image: url(../images/str_ttlbg_2.jpg);
	background-repeat: no-repeat;
	padding-left: 33px;
	color: #4A77F1;
	font-size: 14px;
	line-height: 28px;
	font-weight: normal;
}

/*　ストレッチの効果  */

.str-kakomi2 {
	float: left;
	width: 509px;
	margin-bottom: 10px;
}
.str-kkm2-left {
	float: left;
	width: 263px;
	margin-right: 10px;
}
.str-kkm2-right {
	float: left;
	width: 236px;
}

#str-img-kouka {
	clear: both;	
}


/* 伸ばし処　担当トレーナー　写真+プロフィール（上） */

#sejyu-main .stf-kakomi-1 {
	width: 478px;
	float: left;
	border: 1px solid #A6D0DD;
	padding: 12px 15px;
}

/* スタッフ囲み　写真+プロフィール（上）
アンカーポイントでリンクの動きがでないように */

.stf-kakom1 h5  a:link {
	color: #4A77F1;
	text-decoration: none;
}
.stf-kakom1 h5  a:visited {
	color: #4A77F1;
	text-decoration: none;
}
.stf-kakom1 h5  a:hover {
	color: #4A77F1;
	text-decoration: none;
}
.stf-kakom1 h5  a:active {
	color: #4A77F1;
	text-decoration: none;
}


/* スタッフ囲み　写真+プロフィール（２番目以降） */

.stf-kakomi-2 {
    width: 478px;
	float: left;
	padding: 12px 15px;
	border-right: 1px solid #A6D0DD;
	border-bottom: 1px solid #A6D0DD;
	border-left: 1px solid #A6D0DD;
	clear: both;
}

/* スタッフ囲み　写真+プロフィール（２番目以降）
アンカーポイントでリンクの動きがでないように */

.stf-kakomi-2 h5  a:link {
	color: #000000;
	text-decoration: none;
}
.stf-kakomi-2 h5  a:visited {
	color: #000000;
	text-decoration: none;
}
.stf-kakomi-2 h5  a:hover {
	color: #000000;
	text-decoration: none;
}
.stf-kakomi-2 h5  a:active {
	color: #000000;
	text-decoration: none;
}


/* スタッフ囲み　写真部分 */

.stf-ph {
	width: 100px;
	float: left;
	clear: both;
	margin-right: 15px;
}
.stf-ph p {
    margin-top: 8px;
	margin-bottom: 0px;
	font-size: 0.8em;
	line-height: 1.2em;
}

/* スタッフ囲み　プロフィール部分 */

.stf-prof {
	width: 363px;
	float: right;
}

.stf-prof h5 {
	font-size: 1em;
	font-weight: bold;
	color: #4A77F1;
}

.stf-prof p {
    margin-top: 10px;
	margin-bottom: 0px;
	font-size: 0.9em;
	line-height: 1.4em;
}



/*
コンテンツ部分（コモフィット）
==========================================================================
*/

/* 料金囲み */

.cfit-kakomi1 {
	border: 1px solid #DEB892;
	padding: 10px 20px 7px 20px;
}
.cfit-kakomi2 {
	border-right: 1px solid #DEB892;
	border-bottom: 1px solid #DEB892;
	border-left: 1px solid #DEB892;
	padding: 10px 20px 7px 20px;	
}


/* 各種目　タイトル */

.cfit-ttl1,
.cfit-ttl2, 
.cfit-ttl3, 
.cfit-ttl4,
.cfit-ttl5,
.cfit-ttl6 {
	display: block;
	height: 27px;
	margin-top: 20px;
	padding-left: 15px;
	background-image: url(../images/cfit_bg1.jpg);
	background-repeat: repeat-y;
	font-size: 14px;
	line-height: 27px;
	font-weight: bold;
	color: #FFF;
}
.cfit-ttl1 {
	background-image: url(../images/cfit_bg1.jpg);
}
.cfit-ttl2 {
	background-image: url(../images/cfit_bg2.jpg);
}
.cfit-ttl3 {
	background-image: url(../images/cfit_bg3.jpg);
}
.cfit-ttl4 {
	background-image: url(../images/cfit_bg4.jpg);
}
.cfit-ttl5 {
	background-image: url(../images/cfit_bg5.jpg);
}
.cfit-ttl6 {
	background-image: url(../images/cfit_bg6.jpg);
}

.cfit-ttl-sub {
	font-size: 12px;
	font-weight: bold;
	color: #333;
}

/* 各種目　内容・時間 */

.cfit-table {
	width: 509px;
	margin-top: 10px;
}
.cfit-td-left {
	width: 303px;
	padding: 5px 15px;
	font-size: 12px;
	line-height: 140%;
}
.cfit-td1,
.cfit-td2,
.cfit-td3,
.cfit-td4,
.cfit-td5,
.cfit-td6 {
	width: 146px;
	padding: 5px 15px;
	background-color: #FBDACF;
	font-size: 12px;
	line-height: 140%;
	color: #339966;
	text-align: center;
}
.cfit-td1 {background-color: #ECDDFB; }
.cfit-td2 {background-color: #CFEBC2; }
.cfit-td3 {background-color: #EBD8A8; }
.cfit-td4 {background-color: #FBDACF; }
.cfit-td5 {background-color: #F2DDE6; }
.cfit-td6 {background-color: #D1E6F6; }


/*
コンテンツ　サブ　（施術ページ共通）
==========================================================================
*/

/*　プロフィール
-------------------------------------*/




/* トレーニング プロフィールバック写真 */
#sejyu-sub #trn-prof {
	width: 190px;
	background: url(../images/trn_prof_ph.jpg) no-repeat top;
	margin-top: 15px;
	padding-top: 25px;
}
#sejyu-sub #trn-prof-2 {
	width: 190px;
	background: url(../images/trn_prof_ph2.jpg) no-repeat top;
	margin-top: 15px;
	padding-top: 25px;
}

/* マッサージ プロフィールバック写真 */
#sejyu-sub #msg-prof {
	width: 190px;
	background: url(../images/msg_prof_ph.jpg) no-repeat top;
	margin-top: 10px;
	padding-top: 25px;
}

/* ストレッチ プロフィールバック写真 */
#sejyu-sub #str-prof {
	width: 190px;
	background: url(../images/str_prof_ph.jpg) no-repeat top;
	margin-top: 10px;
	padding-top: 25px;
}

/* アロマ プロフィールバック写真 */
#sejyu-sub #arm-prof {
	width: 190px;
	background: url(../images/arm_prof_ph.jpg) no-repeat top;
	margin-top: 10px;
	padding-top: 25px;
}

/* 共通文字部分 */
#sejyu-sub .katagaki {
	font-size: 10px;
	color: #4A77F1;
	margin-left: 8px;
}

#sejyu-sub h4 {
	font-size: 14px;
	color: #000000;
	margin-top: 2px;
	margin-left: 8px;
}

#sejyu-sub .prof {
	font-size: 10px;
	line-height: 1.4em;
	color: #000000;
	margin-top: 20px;
}
#sejyu-sub .comment {
	font-size: 10px;
	line-height: 1.4em;
	color: #009966;
	margin-top: 10px;
}

/* カイルさん肩書き名前 */
#sejyu-sub .katagaki2 {
	font-size: 10px;
	color: #4A77F1;
	margin-left: 70px;
}
#sejyu-sub .prof-name {
	font-size: 14px;
	color: #000000;
	margin-top: 2px;
	margin-left: 70px;
}


/*　コンテンツ　サブナビ　ボタン
-------------------------------------*/
#sejyu-sub .sn-strbtn {
	display: block;
	height: 45px;
	margin-left: 0px !important;
	background-image: url(../images/str_sn_btnbg.jpg);
	font-size: 12px;
	line-height: 45px;
	padding-left: 34px;
}

#sejyu-sub .sn-trnbtn {
	display: block;
	height: 45px;
	margin-left: 0px !important;
	background-image: url(../images/trn_sn_btnbg.jpg);
	font-size: 12px;
	line-height: 45px;
	padding-left: 34px;
}


/*　コンテンツ　サブナビ
-------------------------------------*/
#sejyu-sub #sejyu-navi {
	width: 190px;
	margin-top: 20px;
}

#sejyu-sub #sejyu-navi ul {
	list-style: none;
}

#sejyu-sub #sejyu-navi li {
	width: 170px;
	font-size: 12px;
	display: block;
	padding: 3px 0px 3px 20px;
	background: url(../images/sejyu_mark1.gif) no-repeat left top;
}

/*　バナー　*/

#sejyu-bunner {
	width: 190px;
	margin-top: 20px;
}

#sejyu-bunner h5 {
	font-size: 12px;
	padding: 0px 0px 0px 30px;
}

#sejyu-bunner #bunner-trn h5 {
	height: 22px;
	font-size: 11px;
	line-height: 22px;
	display: block;
	background: url(../images/bunner_trn.gif) no-repeat left top;
	border: 1px solid #4A77F1;
	margin-bottom: 5px;
}

#sejyu-bunner #bunner-msg h5 {
	height: 22px;
	font-size: 11px;
	line-height: 22px;
	display: block;
	background: url(../images/bunner_msg.gif) no-repeat left top;
	border: 1px solid #339933;
	margin-bottom: 5px;
}

#sejyu-bunner #bunner-str h5 {
	height: 22px;
	font-size: 11px;
	line-height: 22px;
	display: block;
	background: url(../images/bunner_str.gif) no-repeat left top;
	border: 1px solid #7D7DEC;
	margin-bottom: 5px;
}

#sejyu-bunner #bunner-fit h5 {
	height: 22px;
	font-size: 11px;
	line-height: 22px;
	display: block;
	background: url(../images/bunner_fit.gif) no-repeat left top;
	border: 1px solid #CD6204;
	margin-bottom: 5px;
}


.sejyu-gpt {
	margin-top: 15px;
	font-size: 10px;
	line-height: 1.5em;
}

.sj-tx-blue {
	color: #4A77F1;
}




/*
スケジュール（施術ページ共通）
==========================================================================
*/

#sejyu-schedule {
	width: 720px;
	clear: both;
	margin-top: 10px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 20px;
}

#sejyu-schedule .srjyu-sche-ttl {
	font-size: 12px;
	background: #3B7668;
	color: #FFFFFF;
	padding: 5px 0px 5px 15px;
}

#sejyu-schedule table {
	border-top: 1px solid #A6D0DD;
	border-left: 1px solid #A6D0DD;
	margin: 3px 0px 0px;
	color: #658FC9;
	width: 720px;
}

#sejyu-schedule th {
	padding: 3px 5px;
	border-right: 1px solid #A6D0DD;
	border-bottom: 1px solid #A6D0DD;
	font-weight: normal;
	font-size: 10px;
	width: 91px;
}

#sejyu-schedule td {
	padding: 3px 5px;
	border-right: 1px solid #A6D0DD;
	border-bottom: 1px solid #A6D0DD;
	font-size: 10px;
	width: 91px;
}

.td-w96 {
	width: 96px;
}
.td-w89 {
	width: 79px;
	background-color: #DAF0E8;
}
.td-w88 {
	width: 78px;
}



/*
フッター（施術ページ共通）
==========================================================================
*/

#sejyu-footer {
	width: 760px;
	height: 70px;
	margin-top: 40px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}

/*　フッターナビ
-------------------------------------*/
#sejyu-ft1 {
	width: 740px;
	height: 15px;
	padding-bottom: 3px;
}

#sejyu-ft1 ul {
	margin-left: 20px;
	width: 720px;
	height: 15px;
	list-style: none;	
	padding-bottom: 5px;
}

#sejyu-ft1 li {
	display: block;
	list-style: none;
	float: left;
	padding-left: 8px;
	padding-right: 10px;
	background: url(../images/ft_listmark.gif) no-repeat;
	color: #666666;
	font-size: 12px;
	font-weight: normal;
	line-height: 10px;
}


/*　フッター　クレジット
-------------------------------------*/
#sejyu-ft2 {
	clear: left;
	height: 35px;
	border-top: 1px solid #999999;
	padding-top: 8px;
}

#sejyu-ft2 h3 {
	font-size: 10px;
	line-height: 14px;
	display: block;
	float: left;
	font-weight: normal;
	margin-left: 20px;
}

#sejyu-ft2 h3 a {
	color: #666666;
}

#sejyu-ft2 .ga-topbanner {
	float: right;
	margin-right: 20px;
}


/*　フッター　リンク色
-------------------------------------*/
#sejyu-footer a:link {
	color: #666666;
}
#sejyu-footer a:visited {
	color: #666666;	
}
#sejyu-footer a:hover {
	color: #1D4FB3;
}
#sejyu-footer a:active {
	color: #1D4FB3;	
}