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

Index CSS File

File Name		index.css
Note			インデックス用スタイルシート


Version			1.1

New Creation	09.04.13
Update			09.07.22

Created By		Yoshiaki Murakami

------------------------------------------------------------------------
----------------------------------------------------------------------*/

/*----------------------------------------------------------------------
------------------------------------------------------------------------
目次

1.	メインコンテンツ
	1-1. サービス紹介
	1-2. メインコンテンツ共通
	1-3. SKIN GYM 5 Points
	1-4. 新着スタッフブログ
	1-5. 新着加圧トレーニング相談集
	1-6. SKIN GYM 詳細

2.	サブコンテンツ
	2-1. サブコンテンツ共通
	2-2. 加圧トレーニング商標
------------------------------------------------------------------------
----------------------------------------------------------------------*/
#container #header .wrapper h2 {
/*	height:335px;*/
	height:350px;
/*	margin-left:-96px;*/
	margin-left:-140px;
}

/*----------------------------------------------------------------------
1. コンテンツ 
----------------------------------------------------------------------*/
/*
1-1. サービス紹介 
----------------------------------------------------------------------*/
#container #content .wrapper #course {
/*	margin:0px;
	width:auto;*/
/*	margin-right:140px;
	margin-left:140px;*/
	margin:10px 0px;
}

#container #content .wrapper #course ul li {
	float:left;
	display:inline;
}

#container #content .wrapper #course ul #hot {
	margin-right:4px;
	background:url(../img/index_course_hot_bg.gif) 1px 1px no-repeat;
}

#container #content .wrapper #course ul #core {
	background:url(../img/index_course_core_bg.gif) 1px 1px no-repeat;
}

#container #content .wrapper #course ul li a {
	width:406px;
	height:108px;
	border:1px solid #aecdd4;
}

* html #container #content .wrapper #course ul li a {
	width:408px;
	height:110px;
}

#container #content .wrapper #course ul #hot a:hover {
	border:1px solid #f20072;
}

#container #content .wrapper #course ul #core a:hover {
	border:1px solid #02afd9;
}

/*
1-2. メインコンテンツ共通
----------------------------------------------------------------------*/
#container #content .wrapper #main div {
	position:relative;
}

* html #container #content .wrapper #main div {
	height:1%;
}

*+html #container #content .wrapper #main div {
	height:1%;
}

/*#container #content .wrapper #main div h4 {*/
#container #content .wrapper #main div h3 {
	margin:12px 0px 9px;
}

#container #content .wrapper #main div ol {
	margin-left:16px;
	border:1px solid #aecdd4;
	background:#fff;
}

* html #container #content .wrapper #main div ol {
	height:1%;
}

#container #content .wrapper #main div ol li {
	padding:2px 0px 3px;
	background:url(../img/border1.gif) left bottom repeat-x;
}

* html #container #content .wrapper #main div ol li dl {
/*	height:1%;*/
}

*+html #container #content .wrapper #main div ol li {
	vertical-align:top;
}

#container #content .wrapper #main div ol .last {
	padding:2px 0px;
	background:none;
}

#container #content .wrapper #main div ol li dl {
	position:relative;
}

#container #content .wrapper #main div ol li dl dt ,
#container #content .wrapper #main div ol li dl dd {
	float:left;
	display:inline;
/*	color:#666464;*/
	line-height:1.2em;
}

#container #content .wrapper #main div ol li dl dt {
	margin:0px 1.4em;
	line-height:32px;
}

#container #content .wrapper #main div ol li dl dt .new {
	position:absolute;
	top:0px;
	right:2px;
}

#container #content .wrapper #main div ol li dl dt .new img {
	display:block;
}

#container #content .wrapper #main div ol li dl .title {
	margin-left:9px;
	margin-right:41px;
	padding-bottom:1em;
	width:392px;
	font-size:1.2em;
	line-height:1.5em;
}

*+html #container #content .wrapper #main div ol li dl .title {
	padding-bottom:1.4em;
}

#container #content .wrapper #main div ol li dl .title a {
/*	color:#006696;*/
	text-decoration:underline;
}

#container #content .wrapper #main div ol li dl .name ,
#container #content .wrapper #main div ol li dl .cat {
	float:none;
	display:block;
	position:absolute;
	right:3px;
	bottom:0px;
}

*+html #container #content .wrapper #main div ol li dl .name ,
*+html #container #content .wrapper #main div ol li dl .cat ,
*+html #container #content .wrapper #main div ol li dl .cat li {
	line-height:1.5em;
}

#container #content .wrapper #main div .link {
	position:absolute;
	right:0px;
	top:5px;
	background:url(../img/list_button_h.gif) left top no-repeat;
	border-top:1px solid #aecdd4;
	border-right:1px solid #aecdd4;
	border-left:1px solid #aecdd4;
}

* html #container #content .wrapper #main div .link {
	top:17px;
}

*+html #container #content .wrapper #main div .link {
	top:18px;
}

#container #content .wrapper #main div .link a {
	width:79px;
	height:18px;
}

#container #content .wrapper #main #message {
	margin:20px 0px 30px;
	border:1px solid #C7BCB4;
	background:#f4f2f0;
	font-family:"ＭＳ Ｐ明朝", "ヒラギノ明朝 Pro W3", "平成明朝",serif;
}

#container #content .wrapper #main #message h4 {
	padding-left:15px;
	border-bottom:1px solid #C7BCB4;
	background:url(../img/index_message_title_bg.gif) left top repeat-x;
	line-height:32px;
	font-size:1.4em;
	color:#434343;
}

#container #content .wrapper #main #message p {
	margin:15px;
	font-size:1.2em;
	line-height:1.667em;
	color:#434343;
}

#container #content .wrapper #main #message p a {
	margin:0px 5px;
	text-decoration:underline;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック",sans-serif;
	color:#6B9CD3;
}

#container #content .wrapper #main #message .last {
	text-align:right;
}

/*
1-3. SKIN GYM 5 Points
----------------------------------------------------------------------*/
#container #content .wrapper #main #fivepoints {
	margin-top:10px;
	padding-bottom:18px;
	background:url(../img/border4.gif) left bottom repeat-x;
}

/*#container #content .wrapper #main #fivepoints h4 {*/
#container #content .wrapper #main #fivepoints h3 {
	margin-top:0px;
}

#container #content .wrapper #main #fivepoints ul li {
	float:left;
	display:inline;
	margin-right:5px;
	width:112px;
}

#container #content .wrapper #main #fivepoints ul .last {
	margin:0px;
}

#container #content .wrapper #main #fivepoints ul #one dl dt {
	background:url(../img/index_fivepoints_one_pic_bg.jpg) left top no-repeat;
}

#container #content .wrapper #main #fivepoints ul #two dl dt {
	background:url(../img/index_fivepoints_two_pic_bg.jpg) left top no-repeat;
}

#container #content .wrapper #main #fivepoints ul #three dl dt {
	background:url(../img/index_fivepoints_three_pic_bg.jpg) left top no-repeat;
}

#container #content .wrapper #main #fivepoints ul #four dl dt {
	background:url(../img/index_fivepoints_four_pic_bg.jpg) left top no-repeat;
}

#container #content .wrapper #main #fivepoints ul #five dl dt {
	background:url(../img/index_fivepoints_five_pic_bg.jpg) left top no-repeat;
}

#container #content .wrapper #main #fivepoints ul li dl dt a {
	display:block;
	width:112px;
	height:158px;
}

#container #content .wrapper #main #fivepoints ul li dl dd {
	margin-top:7px;
	padding-left:4px;
	border-left:2px solid;
}

#container #content .wrapper #main #fivepoints ul #one dl dd {
	border-color:#f20072;
}

#container #content .wrapper #main #fivepoints ul #two dl dd {
	border-color:#ff440f;
}

#container #content .wrapper #main #fivepoints ul #three dl dd {
	border-color:#b8e100;
}

#container #content .wrapper #main #fivepoints ul #four dl dd {
	border-color:#02afd9;
}

#container #content .wrapper #main #fivepoints ul #five dl dd {
	border-color:#5c2eb3;
}

#container #content .wrapper #main #fivepoints ul li dl dd dl dt {
	font-size:1.2em;
	line-height:1.25em;
	color:#006696;
}

#container #content .wrapper #main #fivepoints ul #one dl dd dl dt ,
#container #content .wrapper #main #fivepoints ul #two dl dd dl dt ,
#container #content .wrapper #main #fivepoints ul #three dl dd dl dt ,
#container #content .wrapper #main #fivepoints ul #four dl dd dl dt ,
#container #content .wrapper #main #fivepoints ul #five dl dd dl dt {
	background:none;
}

#container #content .wrapper #main #fivepoints ul li dl dd dl dd {
	margin-top:3px;
	padding:0px;
	border:none;
	line-height:1.1em;
/*	color:#666;*/
}

/*
1-4. 新着スタッフブログ
----------------------------------------------------------------------*/
#container #content .wrapper #main #staffblog {
	padding-bottom:14px;
	background:url(../img/border4.gif) left bottom repeat-x;
}

#container #content .wrapper #main #staffblog ol li dl .pic img {
	border:1px solid #cbcfcf;
}

#container #content .wrapper #main #staffblog ol li dl .name a {
	color:#666464;
}

/*
1-5. 新着加圧トレーニング相談集
----------------------------------------------------------------------*/
#container #content .wrapper #main #qa {
}

#container #content .wrapper #main #qa ol li dl dt {
	line-height:47px;
}

#container #content .wrapper #main #qa ol li dl .title {
	margin-top:3px;
	margin-left:1px;
	padding-left:40px;
	min-height:32px;
	background:url(../img/qa_icon.gif) left 9px no-repeat;
	line-height:1.34em;
}

* html #container #content .wrapper #main #qa ol li dl .title {
	width:434px;
	height:37px;
}

#container #content .wrapper #main #qa ol li dl .cat ul {
	margin:0px;
}

#container #content .wrapper #main #qa ol li dl .cat ul li {
	float:left;
	margin:0px;
	padding:0px;
	background:none;
/*	color:#006696;*/
}

* html #container #content .wrapper #main #qa ol li dl .cat ul li {
	padding-left:10px;
	background:url(../img/slash.gif) left center no-repeat;
}

*+html #container #content .wrapper #main #qa ol li dl .cat ul li {
	padding-left:10px;
	background:url(../img/slash.gif) left center no-repeat;
}

* html #container #content .wrapper #main #qa ol li dl .cat ul .first {
	padding-left:0px;
	background:none;
}


*+html #container #content .wrapper #main #qa ol li dl .cat ul .first {
	padding-left:0px;
	background:none;
}

#container #content .wrapper #main #qa ol li dl .cat ul li:before {
	content:"／";
}

#container #content .wrapper #main #qa ol li dl .cat ul li:first-child:before {
	content:"";
}

#container #content .wrapper #main #qa ol li dl .cat ul li a {
/*	color:#006696;*/
	color:#666464;
}

*+html #container #content .wrapper #main #qa .link {
/*	top:18px;*/
}

/*
1-6. SKIN GYM 詳細
----------------------------------------------------------------------*/
#container #content .wrapper #main #info {
	margin:20px 0px;
	border:1px solid #9fc5ce;
	background:url(../img/info_bg_header.gif) left top repeat-x #fff;
}

#container #content .wrapper #main #info dl {
	position:relative;
	background:url(../img/info_bg_footer.gif) left bottom repeat-x;
}

* html #container #content .wrapper #main #info dl {
	height:1%;
}

#container #content .wrapper #main #info dl dt {
	position:absolute;
	bottom:12px;
	left:18px;
/*
	margin-right:14px;
	margin-left:162px;
	padding-bottom:4px;
	padding-top:30px;
	border-bottom:1px solid #aecdd4;
*/
}

#container #content .wrapper #main #info dl dt img {
	border:1px solid #c0c5c8;
}

#container #content .wrapper #main #info dl dd {
	margin-left:162px;
}

#container #content .wrapper #main #info dl .name {
	margin-right:14px;
	padding-bottom:3px;
	padding-top:25px;
	border-bottom:1px solid #aecdd4;
}

#container #content .wrapper #main #info dl .link {
	margin:0px;
	top:36px;
	right:14px;
	background:url(../img/info_studio_button_h.gif) left top no-repeat;
}

#container #content .wrapper #main #info dl .link a {
	width:122px;
	height:17px;
}

#container #content .wrapper #main #info dl .text {
	margin-top:8px;
	margin-bottom:3px;
	font-size:1.2em;
	line-height:1.5em;
/*	color:#666464;*/
}

#container #content .wrapper #main #info dl .tel {
	margin-top:8px;
	margin-bottom:8px;
}

#container #content .wrapper #main #info dl .form {
/*
	position:absolute;
	top:29px;
	left:13px;
	margin:0px;
	padding:9px 4px;
	background:url(../img/info_form_bg.gif) left top repeat-x;
*/
	padding-top:7px;
	padding-bottom:12px;
}
/*
* html #container #content .wrapper #main #info dl .form {
	width:140px;
}
*/
#container #content .wrapper #main #info dl .form ul li {
	float:left;
	display:inline;
	margin-right:7px;
	border:1px solid #c1c6c9;
	background:url(../img/info_consultation_bg.gif) left top no-repeat;
/*
	margin-bottom:9px;
*/
}

#container #content .wrapper #main #info dl .form ul .first {
	background-image:url(../img/info_trial_bg.gif);
}

#container #content .wrapper #main #info dl .form ul .last {
	margin:0px;
	background-image:url(../img/info_inquiry_bg.gif);
}

#container #content .wrapper #main #info dl .form ul li a {
	width:127px;
	height:27px;
}
/*
#container #content .wrapper #main #info dl .form ul .first a {
	width:96px;
}

#container #content .wrapper #main #info dl .form ul .last a {
	width:118px;
}
*/


/*----------------------------------------------------------------------
2.  サブコンテンツ 
----------------------------------------------------------------------*/
/*
2-1. サブコンテンツ共通 
----------------------------------------------------------------------*//*
#container #content .wrapper #sub div {
	padding:10px 0px 12px;
	width:220px;
	background:url(../img/border4.gif) left bottom repeat-x;
}

* html #container #content .wrapper #sub div {
	width:240px;
	margin-right:-20px;
}

* html #container #content .wrapper #sub div img {
	position:relative;
	z-index:10;
}

#container #content .wrapper #sub div div {
	padding:0px;
	background:none;
}

#container #content .wrapper #sub .first {
	padding-top:0px;
}

#container #content .wrapper #sub .last {
	padding-bottom:0px;
	background:none;
}
*/
/*
2-2. 加圧トレーニング商標 
----------------------------------------------------------------------*/
#container #content .wrapper #sub #etc #trademark img {
	margin:2px 1px 12px;
}

#container #content .wrapper #sub #etc #trademark dl dt ,
#container #content .wrapper #sub #etc #trademark dl dd ul li {
	line-height:1.4em;
/*	color:#666464;*/
}

#container #content .wrapper #sub #etc #trademark dl dd ul li {
	list-style-type:decimal;
	list-style-position:inside;
}