@charset "Shift_JIS";

*                                  {
     margin: 0;
     padding: 0;
     }
     
body                               {
     text-align: center;     
     }
     
td p                               {
     font-size: 12px;
     line-height: 1.5em;
     padding: 8px 15px 5px;
     text-align: left;
     }

td                                 {
     }

/** 全体設定ここから **/

#site                              {
     width: 805px;
     margin: 0 auto 0 ;
     }

#site_bg                           {
     float: left;
     width: 800px;
     background: #ffffcc url(../image/head/fir-left-image-under.jpg) no-repeat left top;
     }
    
#header                            {
     float: left;
     width: 800px;
     height: 104px;
     background: url(../image/head/fir-head-title.jpg) no-repeat left top;
     }

#header em                         {
     display: none;
     }

#nav,
#contents                          {
     float: left;
     }

#contents                          {
     width: 545px;
     margin-left: 10px;
     }
     
#head,
#wrapper,
#copy                              {
     float: left;
     width: 535px;
     }

 #head                            {
     width: 535px;
     }
     
 #wrapper                          {
     text-align: left;
     margin: 0 0 10px;
     }
     
  #wrapper .col                    {
     float: left;
     width: 530px;
     }
 
/**--------------------------------------------------

アフターフォロー開始

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

  #wrapper .col_after_t            {
     float: left;
     width: 530px;
     height: 376px;
     background: url(../image/top/after.jpg) no-repeat left top;
     }
  
  #wrapper .col_after_block        {
     float: left;
     width: 530px;
     padding: 20px 0 0;
     }
  
  #wrapper .col_after1,
  #wrapper .col_after2,
  #wrapper .col_after3,
  #wrapper .col_after4,
  #wrapper .col_after5             {
     float: left;
     width: 525px;
     padding: 0 0 15px;
     }
     
  #wrapper .col_after1             {background: url(../image/top/col_after1.jpg) no-repeat left top;}
  #wrapper .col_after2             {background: url(../image/top/col_after2.jpg) no-repeat left top;}
  #wrapper .col_after3             {background: url(../image/top/col_after3.jpg) no-repeat left top;}
  #wrapper .col_after4             {background: url(../image/top/col_after4.jpg) no-repeat left top;}
  #wrapper .col_after5             {background: url(../image/top/col_after5.jpg) no-repeat left top;}


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

アフターフォロー終了

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

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

DVDセット開始

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

  #wrapper .col_dvd_block          {
     float: left;
     width: 530px;
     padding: 50px 0 100px;
     background: url(../image/top/col_dvd_block.jpg) no-repeat left bottom;
     } 

  #wrapper .col_dvd_t              {
     float: left;
     width: 525px;
     height: 300px;
     background: url(../image/top/col_dvd_t.jpg) no-repeat left top;
     } 
     
  #wrapper .col_dvd                {
     float: left;
     width: 525px;
     background: url(../image/top/col_dvd.jpg) repeat-y left top;
     } 
     
  #wrapper .col_dvd p               {
     padding: 0 30px 10px;
     line-height: 1.8em;
     }
     
  #wrapper .col_dvd h2              {
     padding: 5px 30px 5px;
     font-size: 14px;
     line-height: 1.5em;
     color: #f60;
     text-decoration: underline;
     }
     
/**--------------------------------------------------

DVDセット終了

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

お客様の声開始

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

  #wrapper .col_koe                {
     float: left;
     width: 522px;
     padding: 20px 0;
     margin: 10px 0;
     background: #ffffcc;
     }
     
  #wrapper .col_koe p              {
     padding: 5px 30px;
     line-height: 1.8em;
     } 
 
  #wrapper .col_koe p.migi          {
     padding: 0 30px 0;
     line-height: 1.2em;
     } 
 
 

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

お客様の声終了

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

お申し込みボタン開始

--------------------------------------------------**/
          
     
  #wrapper h2 em                   {
     visibility: hidden;
     }
     
  #wrapper p em                    {
     visibility: hidden;
     }

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

お申し込みボタン終了

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

  #wrapper .col_t                  {
     float: left;
     width: 530px;
     padding: 10px 0;
     margin: 10px 0;
     border: 4px solid #f63;
     background: #ffffcc;
     } 
 
  #wrapper .col_t_r                {
     float: left;
     width: 530px;
     padding: 10px 0;
     margin: 20px 0 15px;
     border: 4px solid #f00;
     background: #ffffcc;
     } 
 
  #wrapper .col_t_r p              {
     padding: 0 30px 10px;
     line-height: 1.8em;
     } 

  #wrapper h2                      {
     line-height: 2.0em;
     padding: 20px 0 20px;
     }
 
  #wrapper p                       {
     font-size: 14px;
     padding: 0 10px 10px;
     line-height: 2.2em;
     }
  
  #wrapper p .hidden               {
     padding: 10px 0 0;
     line-height: 1.0em;
     }
       
  #wrapper p#toku_1                {
     line-height: 1.0em;
     width: 480px;
     height: 50px;
     padding: 0 0 0 20px;     
     background: url(../image/top/toku_1.jpg) no-repeat left top;
     }
     
  #wrapper p#toku_2                {
     line-height: 1.0em;
     width: 480px;
     height: 80px;
     padding: 0 0 0 20px;       
     background: url(../image/top/toku_2.jpg) no-repeat left top;
     }
     
  #wrapper p#button a              {
     padding: 0;
     float: left;
     display: block;
     width: 520px;
     height: 120px;
     text-decoration: none;
     background: url(../image/top/button.jpg) no-repeat left top;
     }
     
  #wrapper p#button a:hover        {
     background: url(../image/top/button.jpg) no-repeat left -120px;
     }
     
  #wrapper p em                    {
     visibility: hidden;
     }
          
  #wrapper .col_t p                {
     padding: 10px 20px;
     }
          
 #copy                             {
     }

/** 全体設定ここから **/

/** header領域設定ここから **/

 #logo                             {
     }

 #nav                              {
     }
     
/** header領域設定ここまで **/

/** wrapper領域設定ここから **/

 #main                             {
     }

 #sub                              {
     }

/** wrapper領域設定ここまで **/

/** footer領域設定ここから **/

#copy                              {
     }
     
#footer_nav                        {
     }

/** footer領域設定ここまで **/

span                               {
     }

.red                               {
     color: #f00;
     text-decoration: underline;
     }

.red_b                             {
     color: #f00;
     font-weight: bold;
     text-decoration: underline;
     }

.black                             {
     color: #000;
     font-weight: bold;
     }

.black_b                           {
     font-size: 14px;
     font-weight: bold;
     }

.orange                            {
     color: #ff6c16;
     font-weight: bold;
     }

.orange_u                          {
     color: #ff6c16;
     font-weight: bold;
     text-decoration: underline;
     }

img                                {
     border: 0;
     }

.naka                              {
     text-align: center;
     }

.hidari, .migi                     {
     margin: 5px;
     }

.hidari                            {
     float: left;
     }

.migi                              {
     float: right;
     }

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

プロフィール
#profile開始

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

#profile                           {
     float: left;
     width: 530px;
     padding: 10px 0 30px;
     }

.prof_left                         {
     float: left;
     width: 180px;
     height: 180px;
     }

.prof_right                        {
     float: left;
     width: 330px;
     height: 180px;
     }
     
#nakayama                          {
     width: 525px;
     float: left;
     margin: 10px 0;
     padding: 10px 0 30px;
     border: 4px solid #666;
     }
     
#nakayama p                        {
     padding: 20px 20px 0;
     }

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

プロフィール
#profile終了

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


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

申込
.order開始

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

#wrapper .order                    {
     float: left;
     width: 530px;
     height: 333px;
     margin: 10px 0 20px;
     padding: 0;
     background: url(../image/top/order.jpg) no-repeat left top;
     }
     
 #wrapper ul                       {
     list-style: none;
     }
 
 #wrapper li                       {
     float:left;
     display: inline;
     text-align:center;
     }

  #wrapper .order li#button1 a,
  #wrapper .order li#button2 a     {
     display: block;
     width: 260px;
     height: 333px;
     text-decoration: none;
     }
     
  #wrapper .order li#button1 a:hover        {background: url(../image/top/order.jpg) no-repeat left -333px;}
  #wrapper .order li#button2 a:hover        {background: url(../image/top/order.jpg) no-repeat -260px -333px;}

  #wrapper .order li em             {
     visibility: hidden;
     }     
     
/**--------------------------------------------------

申込
.order終了

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

     
/**--------------------------------------------------
ニュースレター
#news開始
--------------------------------------------------**/

#news,
#news .head,
#news .comment,
#news .touroku,
#news .koudoku,
#news .syosai                      {
     float: left;
     display: inline;
     }

#news                              {
     width: 530px;
     height: 135px;
     margin: 10px 0 20px 10px;
     padding: 0;
     background: url(../image/top/news.jpg) no-repeat left top;
     }

#news .head                        {
     width: 500px;
     height: 33px;
     }
     
 #news h2                          {
     display: none;
     }
     
 #news .comment p                  {
     font-size: 12px;
     line-height: 1.5em;
     padding: 0 0 5px 22px;
     color: #333;
     }
     
 #news .touroku p                  {
     font-size: 12px;
     line-height: 1.5em;
     padding: 0 0 5px;
     color: #333;
     }
     
 #news .koudoku p                  {
     font-size: 12px;
     line-height: 1.5em;
     padding: 5px 0;
     color: #333;
     }
     
 #news .syosai p                   {
     display: block;
     width: 175px;
     font-size: 12px;
     line-height: 1.5em;
     padding: 5px 10px 5px 15px;
     background: #dcdcf0;
     }
     
 *html #news .syosai p             {
     margin: 0 0 0 5px;
     }
     
     
 #news span                        {
     color: #f00;
     }
     
#news .comment,
#news .touroku                     {
     width: 240px;
     height: 62px;
     }
     
#news .koudoku                     {
     width: 260px;
     padding: 0 0 0 20px;
     }
     
*html #news .koudoku               {
     padding: 0 0 0 15px;
     }
     
#news .syosai                      {
     width: 220px;
     }
     
.name_tx                           {
     width: 170px;
     margin: 0 0 0 10px;
     }
     
.mail_tx                           {
     width: 125px;
     margin: 0 0 0 10px;
     }
     
.mail_su                           {
     width: 38px;
     }
     
/**--------------------------------------------------
ニュースレター
#news終了
--------------------------------------------------**/