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

Site Name: スポーツクラブNAS
Description: モジュール用
Version: 1.0

==============================================================
*/


/*
CONTENTS
==============================================================

0: 汎用class

1: div#header

2: div#gnav

3: div#snav

4: div#contentWrap

: div#mainVisual
: div#topicPath
: div#contentメインカラム
: div#asideサブカラム

5: div#footer

==============================================================
*/





/*=========================================================
4: div#contentWrap
=========================================================*/

/*
div#contentメインカラム
=========================================================*/

.main h2{
margin:20px 0 15px 0;
padding:0;
}

.main .lead2{
margin:10px 0 0 0;
}

.main .lead2 p img{
float:left;
margin:0px 10px 0 0;
padding:0;
}

.main .lead2 .lead_txt{
float:right;
margin:0px 0 5px 0px;
padding:0;
width:585px;
}

.main .lead2 .lead_txt h3{
font-size: 116%;
font-weight:bold;
margin:0;
padding:0;
}
h3.title{
margin: 0 0 10px 0;
padding: 1px 0 0 7px;;
width: auto;
line-height: 20px;
color: #666;
font-size: 116%;
font-weight: bold;
line-height: 20px;
background: url(../img/dotted.gif) repeat-x 0 bottom;
border-left: 4px solid #d9cccc;
}

#guide .lead2 h3{
display:block;
width:726px;
font-size:14px;
font-weight:bold;
margin:20px 0 5px 0;
padding:0 0 0 5px;
border-left:4px solid #CCCCCC;
border-bottom:1px dotted #CCCCCC;
}

ol{
list-style:decimal;
line-height:150%;
}

#guide .lead2 ol li{
margin:0 0 0 22px;
padding:0;
}


/* NASでできること*/
.main .impression li{
float: left;
margin: 0 20px 15px 0;
padding: 0 0 15px;
width: 355px;
background: url(../img/dotted.gif) repeat-x left bottom;
}
.main .impression li.lastchild{
margin: 0 0 15px 0;
}
.main .impression li.dotted{
background: none;
}
.main .impression li .imgL{
float: left;
margin: 0 10px 0 0;
}
.main .impression li dl{
float: left;
margin: 3px 0 0 0;
}
.main .impression li dl dt{
font-weight: bold;
}
.impression li dl dd.woman{
color: #c97979;
}
.impression li dl dd.man{
color: #4a7eae;
}
.impression li dl dd.link{
padding: 0 0 0 10px;
background: url(../img/arrow_red.gif) no-repeat 0 5px;
}
.impression li dl dd.link a{
padding: 0 15px 0 0;
color: #333;
background: url(../img/out_link.gif) no-repeat right 2px;
}

/* NASでできること*/
div.table{
float: right;
margin: 0 0 0 15px;
width: 221px;
}
div.table img{
margin: 0 0 5px 0;
}

div.table p{
font-size: 83%;
}
.imgL{
float: left;
margin: 0 15px 20px 0;
}
h4{
font-weight: bold;
}

/* NASでできること (パフォーマンス向上)*/
#performance .main dl{
float: left;
margin: 0 20px 20px 0;
width: 230px;
}
#performance .main dl.lastchild{
margin: 0;
}
#performance .main dl dt{
font-weight: bold;
}

/* NASでできること (NASお勧めプログラム)*/
#recommend{ font-size:14px; }
#recommend div:after{
content:".";
display:block;
height:0;
clear:both;
line-height:0; 
visibility:hidden;
}
#recommend div { min-height: 1px; }
* html #recommend div {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

#recommend .recommend_list{ font-size:12px; }
.recommend_list .img{ float:left; width:80px; }
.recommend_list .txt{ float:right; width:630px; }
.recommend_list .txt h3{ font-size:14px; font-weight:bold; margin-bottom:5px; }
.recommend_list .txt p.detail{ background:url(../img/arrow_red.gif) no-repeat left 4px; padding-left:10px; }
.recommend_list{
background:url(../../img/title_03_line.gif) repeat-x left bottom;
padding-bottom:10px;
margin-bottom:20px;
}
div#content .recommend_list .txt p{ margin-bottom:5px; }

#recommend #recommend_cont{ margin-top:15px; }
#recommend #recommend_cont h3{
background:url(../img/title_03_line.gif) repeat-x left bottom;
border-left:4px solid #D9CCCC;
font-size:14px;
font-weight:bold;
margin-bottom:10px;
padding:4px 0 3px 8px;
}
#recommend #recommend_cont .img{ float:right; width:300px; }
#recommend #recommend_cont .txt{ float:left; width:420px; }
#recommend #recommend_cont p span{ font-weight:bold; }
#recommend #recommend_cont ul{ margin-bottom:20px; }

#recommend #guide{
background:#FCFCE5;
border:1px solid #ccc;
padding:15px 15px 0;
margin-top:30px;
}


/*
div#asideサブカラム
=========================================================*/


/* Localized */

.page_abilities #contentWrap #content .main .program_top #program .program_list .txt h3 {
background-image: url(../img/program_title.jpg);
background-repeat: no-repeat;
font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "MS P ゴシック";
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
line-height: 39px;
height: 39px;
padding-left: 40px;
margin-bottom: 15px;
margin-top: 0px;
margin-right: 0px;
margin-left: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
}

.page_abilities #contentWrap #content .main .program_top #program .program_list .txt h3 a {
color: #FFFFFF;
text-decoration: none;
}


.page_abilities #contentWrap #content .main .program_top #program .program_list .txt h4 {
font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "MS P ゴシック";
font-weight: bold;
color: #000000;
margin-bottom: 10px;
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #458586;
padding-bottom: 5px;
margin-right: 20px;
margin-left: 20px;
margin-top: 0px;
padding-top: 0px;
padding-right: 0px;
padding-left: 0px;
border-top-style: none;
border-right-style: none;
border-left-style: none;
}
#program .img {
float: left;
margin: 0px;
padding: 0px;
}
#program .txt {
float: left;
width: 428px;
margin: 0px;
padding: 0px;
}
#program .clear {
clear: both;
float: none;
}
.page_abilities #contentWrap #content .main .program_top #program .program_list .txt .detail {
padding-right: 20px;
padding-left: 20px;
padding-bottom: 10px;
}
.page_abilities #contentWrap #content .main .program_top #program .program_list .txt .detail_bn {
padding-right: 20px;
padding-left: 20px;
padding-bottom: 0px;
margin: 0px;
padding-top: 0px;
}
#program .program_list {
background-color: #f4f4f4;
border: 1px solid #CCCCCC;
height: 240px;
margin-bottom: 20px;
}

.program_ex {
background-color: #f4f4f4;
border: 1px solid #CCCCCC;
margin-top: 20px;
}
.page_abilities #contentWrap #content .main #program .program_ex h2 {
font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "MS P ゴシック";
font-size: 14px;
font-weight: bold;
background-image: url(../img/program_ex_title.jpg);
background-repeat: no-repeat;
line-height: 60px;
height: 59px;
padding-left: 35px;
color: #FFFFFF;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 20px;
margin-left: 0px;
}
#program .point {
margin-right: 29px;
margin-left: 29px;
margin-bottom: 30px;
}
#program .point li {
margin-bottom: 10px;
text-indent: 140px;
}
#program .point .point01 {
font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "MS P ゴシック";
font-size: 12px;
line-height: 40px;
font-weight: bold;
color: #000000;
background-image: url(../img/program_ex_p1.jpg);
height: 40px;
background-repeat: no-repeat;
}
#program .point .point02 {
font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "MS P ゴシック";
font-size: 12px;
line-height: 40px;
font-weight: bold;
color: #000000;
background-image: url(../img/program_ex_p2.jpg);
height: 40px;
background-repeat: no-repeat;
}
#program .point .point03 {
font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "MS P ゴシック";
font-size: 12px;
line-height: 40px;
font-weight: bold;
color: #000000;
background-image: url(../img/program_ex_p3.jpg);
height: 40px;
background-repeat: no-repeat;
}

.page_abilities #contentWrap #content .main #program .program_ex h3 {
font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "MS P ゴシック";
font-weight: bold;
color: #000000;
margin-bottom: 20px;
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #458586;
padding-bottom: 5px;
margin-right: 29px;
margin-left: 29px;
background-image: none;
height: auto;
margin-top: 0px;
padding-top: 0px;
padding-right: 0px;
padding-left: 0px;
}

.page_abilities #contentWrap #content .main #program .program_ex h4 {
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "MS P ゴシック";
font-size: 12px;
line-height: 31px;
font-weight: bold;
color: #FFFFFF;
background-image: url(../img/program_ex_title02.jpg);
background-repeat: no-repeat;
height: 31px;
text-indent: 20px;
margin-right: 29px;
margin-left: 29px;
margin-bottom: 20px;
}
#program .program_ex .p_box {
margin-right: 35px;
margin-bottom: 20px;
margin-left: 35px;
}
#program .program_ex .p_box p {
line-height: 1.8em;
}

#program .osusume li {
font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "MS P ゴシック";
font-size: 12px;
font-weight: bold;
color: #4A8E8F;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #478A8A;
padding-bottom: 7px;
list-style-position: inside;
list-style-type: disc;
margin-bottom: 7px;
}
#program .osusume {
margin-bottom: 15px;
}
#program .q {
font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "MS P ゴシック";
font-weight: bold;
color: #000000;
}
#program .a {
font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "MS P ゴシック";
line-height: 1.8em;
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #333333;
}
#program .koushi {
float: left;
margin-right: 20px;
padding: 1px;
border: 1px solid #CCCCCC;
}
#program .p_right {
float: right;
margin-left: 30px;
}

#program .program_ex .p_box .gym {
background-color: #FFFFFF;
padding: 20px;
}
.abilities_list li {
float: left;
margin-right: 3px;
margin-bottom: 30px;
}
.abilities_list .none {
margin: 0px;
padding: 0px;
}
.page_abilities #contentWrap #content .main .program_top h2 {
background-image: none;
padding: 0px;
margin-top: 20px;
margin-right: 0px;
margin-bottom: 20px;
margin-left: 0px;
}