@charset "UTF-8";

/** ------------------------------------------------------------------------
 #hakoda
--------------------------------------------------------------------------**/

img                                               {border: 0;}
.naka                                             {text-align: center;}
p.hidari                                          {float: left;margin: 0 5px 5px 0;}
p.migi                                            {float: right;margin: 0 0 5px 5px;}

#hakoda span.aka                                  {color: #f00;}
#hakoda span.u                                    {text-decoration: underline;}
#hakoda span.bo                                   {font-weight: bold;}
#hakoda span.mid                                  {font-size: 16px;}
#hakoda span.lar                                  {font-size: 22px;}
#hakoda span.xl                                   {font-size: 28px;line-height: 1.6em;}


/* header config */

#hakoda                                           {width: 600px;position: relative;padding: 20px 40px 0;}

#hakoda h3,
#hakoda h4,
#hakoda h5                                        {width: 600px;float:left;text-indent: -9999px;line-height: 1.0em;display: block;}

#hakoda h3                                        {height: 470px;margin: 0 0 0;background: url(img/title.jpg) no-repeat left top;}
#hakoda h4                                        {height: 180px;margin: 0 0 40px;background: url(img/h4.jpg) no-repeat left top;}
#hakoda h5                                        {height: 60px;margin: 0 0 50px;background: url(img/h5.jpg) no-repeat;}

#hakoda h5#ha01                                   {background-position: left top;}
#hakoda h5#ha02                                   {background-position: left -60px;}
#hakoda h5#ha03                                   {height: 90px;background-position: left -120px;}
#hakoda h5#ha04                                   {background-position: left -210px;}
#hakoda h5#ha05                                   {height: 90px;background-position: left -270px;}
#hakoda h5#ha06                                   {background-position: left -360px;}
#hakoda h5#ha07                                   {background-position: left -420px;}
#hakoda h5#ha08                                   {background-position: left -480px;}
#hakoda h5#ha09                                   {background-position: left -540px;}
#hakoda h5#ha10                                   {background-position: left -600px;}
#hakoda h5#ha11                                   {background-position: left -660px;}

/* main config */

#hakoda .col,
#hakoda .tokucho,
#hakoda .prof,
#hakoda .comment,
 #hakoda .comment_col,
#hakoda .consul                                   {float: left;}

#hakoda .col                                      {width: 600px;padding: 0 0 30px;}
#hakoda .col p                                    {font-size: 14px;line-height: 2.0em;padding: 0 0 20px;}

#hakoda .tokucho                                  {padding: 20px 25px 0;border: 2px solid #ccc;background: #ffc;}
#hakoda .tokucho p                                {font-size: 14px;line-height: 2.0em;padding: 0 0 15px;}

 #hakoda p#tokucho01,
 #hakoda p#tokucho02,
 #hakoda p#tokucho03,
 #hakoda .comment h6, 
 #hakoda .comment p.hakoda_name,
 #hakoda .consul h6,
 #hakoda .consul p#vision,
 #hakoda .consul p#mission                        {float:left;text-indent: -9999px;line-height: 1.0em;display: block;}

#hakoda p#tokucho01,
#hakoda p#tokucho02,
#hakoda p#tokucho03                               {width: 550px;height: 35px;margin: 0 0 10px;padding: 0;background: url(img/tokucho.jpg) no-repeat;}

#hakoda p#tokucho01                               {background-position: left top;}
#hakoda p#tokucho02                               {background-position: left -35px;}
#hakoda p#tokucho03                               {background-position: left -70px;}

#hakoda .prof                                     {margin: 0 0 40px;padding: 20px 20px 10px;background: #ffc;border: 2px solid #999;}
#hakoda .prof p                                   {padding: 0 0 15px;line-height: 1.6em;}

#hakoda .comment                                  {width: 600px;margin: 0 0 40px;padding: 0 0 40px;background: url(img/comment.jpg) no-repeat left bottom;}
 #hakoda .comment_col                             {width: 530px;margin: 0;padding: 0 35px;background: url(img/comment_col.jpg) repeat-y left top;}

#hakoda .comment h6                               {width: 600px;height: 40px;background: url(img/comment.jpg) no-repeat left top;}
#hakoda .comment p                                {font-size: 14px;line-height: 2.0em;padding: 0 0 28px;}
#hakoda .comment p.hakoda_name                    {width: 530px;height: 56px;background: url(img/name.gif) no-repeat right top;}

#hakoda .voice-cont                               {width: 590px;margin: 10px 0 40px;}
#hakoda .voice                                    {width: 550px;_width: 580px;margin: 0 0 20px;padding: 15px 15px 0;background: #e8fff3;}

#hakoda .voice-cont p                             {padding: 0 0 20px;line-height: 2.0em;}
#hakoda .voice h6                                 {width: 530px;font-size: 14px;font-weight: bold;color: #063;margin: 0 0 10px;padding: 5px 0 10px 20px;border-bottom:1px dotted #063;background: url(img/voice.jpg) no-repeat left top;}
#hakoda .voice p.idt                              {font-size: 12px;padding: 0 0 20px 12px;line-height: 1.6em;text-indent: -12px;}


#hakoda .consul                                   {width: 520px;margin: 0 0 20px 5px;padding: 25px 30px 15px;border: 1px solid #ccc;background: #fff url(img/jca.jpg) no-repeat center 50%;}

#hakoda .consul h6                                {width: 515px;height: 20px;margin: 15px 0 25px;padding: 0;background: url(img/consul.jpg) no-repeat;}

#hakoda .consul p#vision, 
#hakoda .consul p#mission                         {width: 520px;height: 25px;margin: 0 0 15px ;padding: 0;background: url(img/h7.jpg) no-repeat;}

#hakoda .consul h6#yakuin1                        {background-position: left top;}
#hakoda .consul h6#yakuin2                        {background-position: left -20px;}

#hakoda .consul p#vision                          {background-position: left top;}
#hakoda .consul p#mission                         {background-position: left -25px;}

#hakoda .consul p                                 {line-height: 1.8em;padding: 0 0 15px;}

#hakoda .consul hr                                {margin: 10px 0 20px;width: 520px;float: left;}

#hakoda .consul p.co_01,
#hakoda .consul p.co_02,
#hakoda .consul p.co_03,
#hakoda .consul p.co_04,
#hakoda .consul p.co_05,
#hakoda .consul p.co_06                           {float: right;text-indent: -9999px;margin: 0 0 0 10px;line-height: 1.0em;display: block;}

#hakoda .consul p.co_01                           {width: 90px;height: 120px;background: url(img/co_01.jpg) no-repeat left top;}
#hakoda .consul p.co_02                           {width: 90px;height: 120px;background: url(img/co_02.jpg) no-repeat left top;}
#hakoda .consul p.co_03                           {width: 90px;height: 120px;background: url(img/co_03.jpg) no-repeat left top;}
#hakoda .consul p.co_04                           {width: 90px;height: 120px;background: url(img/co_04.jpg) no-repeat left top;}
#hakoda .consul p.co_05                           {width: 90px;height: 120px;background: url(img/co_05.jpg) no-repeat left top;}
#hakoda .consul p.co_06                           {width: 90px;height: 120px;background: url(img/co_06.jpg) no-repeat left top;}

#hakoda p.img-seminar,
#hakoda p.img-merit,
#hakoda p.img-program                             {float: left;text-indent: -9999px;}

#hakoda p.img-seminar                             {width: 600px;height: 605px;background: url(img/seminar.jpg) no-repeat left top;}
#hakoda p.img-merit                               {width: 600px;height: 240px;background: url(img/merit.jpg) no-repeat left top;}
#hakoda p.img-program                             {width: 600px;height: 1000px;background: url(img/program.jpg) no-repeat left top;}

#hakoda p.img-training,
#hakoda p.img-money,
#hakoda p.img-hakoda,
#hakoda p.img-books                               {float: right;text-indent: -9999px;margin: 0 0 0 10px;line-height: 1.0em;display: block;}

#hakoda p.img-training                            {width: 130px;height: 170px;background: url(img/img-training.jpg) no-repeat left top;}
#hakoda p.img-money                               {width: 200px;height: 200px;background: url(img/img-money.jpg) no-repeat left top;}
#hakoda p.img-hakoda                              {width: 90px;height: 120px;background: url(img/hakoda.jpg) no-repeat left top;}
#hakoda p.img-books                               {width: 130px;height: 125px;background: url(img/books.jpg) no-repeat left top;}

#hakoda p.bt                                      {float: left;text-indent: -9999px;width: 600px;height: 120px;}
#hakoda p.bt a                                    {line-height: 1.0em;display: block;margin: 0 0 0 135px;width: 330px;height: 70px;background: url(img/bt.jpg) no-repeat left top;}
#hakoda p.bt a:hover                              {background-position: left -70px;}