@charset "utf-8";


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


0.reset
1.container
2.logo
3.main
4.side-menu
5.footer
6.sitemap
7.common


------------------------------
目次終わり
------------------------------ */




/* 0.reset
------------------------------ */
html { overflow-y: scroll;}


body,div,h1,h2,h3,form,fieldset,input,p {
  margin: 0;
  padding: 0;}
  
/* 0.除外---
ul,ol,dl,dt,dd {
  margin: 0;
  padding: 0;}
---------- */
  
h1,h2,h3,h4 { font-weight: normal;}

ol,ul { list-style: none;}

img { border-width: 0;}

p,li { 
  text-align: justify;
  text-justify: distribute;}

.clearfix:after {
  content: "."; 
  display: block;  
  clear: both;
  height: 0;
  visibility: hidden;}

.clearfix {
  min-height: 1px;}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/}


/* 1.container
------------------------------ */
div#container {
  position: relative;
  width: 777px;
  margin: 0 auto;
  padding: 0;
  font-size: 16px;
　background-color: white;
　color: black; 
  line-height: 1.7;
  letter-spacing: 0.05em;}


/* 2.logo
------------------------------ */

div#logo  { 
  margin: 0 0 27px 0;}

.box table {
    width: 777px;
	margin:0 auto;}

h1 {
  float: left;
  margin: 0;
  padding: 0;
  font-size: 13px;
  color: darkgray;
  letter-spacing: 0em;}

div.desc {
  font-size: 13px;
  color: darkgray;
  text-align: right;
  letter-spacing: 0em;
  padding: 0 0 0 0px;}

div#logo p.sitemap {
  margin: 0;
  padding: 0;
  color: blue;
  font-size: 15px;
  letter-spacing: 0em;
  position:absolute; top: 35px; right:14px;}


h1 a { text-decoration: none;}
h1 a:link { color: darkgray;}
h1 a:visited { color: darkgray;}
div.desc a { text-decoration: none;}
div.desc a:link { color: darkgray;}
div.desc a:visited { color: darkgray;}
div#logo p.sitemap a { text-decoration: none;}
div#logo p.sitemap a:link { color: blue;}
div#logo p.sitemap a:visited { color: blue;}


/* 2-1.検索 -------------- */

div#logo div.search1{
  margin: 0;
  padding: 0;
  position:absolute; top: 67px; right:60px;}


div#logo div.search2{
  margin: 0;
  padding: 0;
  position:absolute; top: 66px; right:20px;}


/* 2-2.パンくず -------------- */

div#logo p.pan { 
  margin: 0px 0 0 0;
  float: left;}
div#logo h2 {
  float: left;
  margin: 0px 0 0 0;
  font-size: 16px;}


/* 3.main
------------------------------ */

div#main {
  width: 567px;
  clear: both;
  float: right;}

div#main p {
  margin: 0px 0 0 0;
  padding: 0 10px 0px 40px;}
  
div#main p.next { 
  margin: 0px 0 0 0;
  padding: 0 10px 17px 40px;}

div#main p.next_twice { 
  margin: 0px 0 0 0;
  padding: 0 10px 31px 40px;}
  
div#main h3 {
  margin: 27px 0 0 0;
  padding: 0 10px 17px 30px;
  font-size: 20px;
  color: green;
  font-weight: bold;}

div#main div.center {
  text-align: center;}
  
div#main ul { 
  margin: 7px 0 0 0;
  padding: 0px 23px 7px 7px;
  line-height: 1;}
  
div#main ul li { 
  margin: 14px 0 14px 0px;
  padding: 0 0 0 27px;}  
  
div#main ul li.sec { 
  margin: 14px 0 14px 27px;
  padding: 0 0 0 27px;
  background: url(img/ol.jpg) 0 0em no-repeat;}

/* 3-1.img -------------- */

div.top-img {
  width: 547px;
  margin: 0 0 7px 20px;
  padding: 0px 0 0 0px;}
  
div#main div.chuuou {
　margin: 17px 0 0px 0px;
  padding: 0 0 17px 0px;
  text-align: center;}
  
div#main div.migi {
　margin: 17px 20px 27px 0px;
  padding: 0px;
  text-align: right;}
  
/* 3-5.link -------------- */ 

div#main p.link { 
  margin: 0px 0 0 0;
  padding: 0 23px 0px 45px;
  font-size: 15px;}

div#main p.next-link { 
  margin: 0px 0 0 0;
  padding: 0 23px 12px 60px;
  line-height: 1.2;
  letter-spacing: 0em;
  font-size: 13px;}
  
/* 3-7.content-next -------------- */

div.content-next {
  width: 547px; height: 47px;
  margin: 17px 0 23px 17px;
  border: 2px solid darkorange;/* --A-- */
  background-color: lightyellow;}/* --B-- */

div.content-next ol { 
  margin: 0px 0 0 0;
  padding: 0px 23px 27px 7px;
  line-height: 1;}
  
div.content-next ol li.left { 
  float: left;
  margin: 14px 0 14px 14px;
  padding: 2px 0 0 27px;
  display: inline; 
  background: url(img/logo-yaji3.gif) 0 0em no-repeat;}

div.content-next ol li.right { 
  float: right;
  margin: 14px 0px 14px 0px;
  padding: 2px 27px 0 0px;
  display: inline; 
  background: url(img/logo-yaji4.gif) right 0em no-repeat;}
  
div.content-next ol li a { text-decoration: none;}
div.content-next ol li.left a:visited { color: blue;}
div.content-next ol li a:hover { text-decoration: underline;}

/* 3-8.img(kotsuban＆prof.html) -------------- */
  
div#main ol.yugami { 
  margin: 0px 0 0px 0px;
  padding: 0px 0 20px 0px;
  background: url(http://www.balance-chiro.com/img/shisei-yugami.gif) 1.1em 0em no-repeat;}

div#main ol.yugami li {
  margin: 0px 0 0 0px;
  padding: 90px 20px 17px 270px;}
  
div#main ol.yugami li.sec {
  margin: 0px 0 0 0px;
  padding: 0px 20px 17px 270px;}
  
div#main ol.yugami li.thi {
  margin: 0px 0 0 0px;
  padding: 0px 20px 17px 40px;}

div#main div.prof { 
  margin: 0px 0 0 0px;
  padding: 0px 20px 0px 40px;
  background: url(http://www.balance-chiro.com/img/myphoto12.jpg) 387px 0em no-repeat;}
  
div.prof ul { 
  margin: 0px 0 0px 0px;
  padding: 15px 0 20px 0px;}
  
div.prof ul.sec { 
  margin: 0px 0 0px 0px;
  padding: 0px 0 20px 0px;}

div.prof ul li {
  margin: 0px 0 0 0px;
  padding: 0px 0px 5px 0px;}
  
/* 3-.法則59 -------------- */

ul.housoku59 { margin: 0 0 30px 40px;}
li { padding: 0 0 0 20px;}
li.odd { background: #EDEDED;}
li.even { background: #FFF;}

/* 3-.法則85 FAQ -------------- */

.qaContainer {
    margin: 0 0 0px 20px;
    padding: 0;}

#main .qaContainer ul.tab {
    margin: 0;
    padding: 0;
    color: lemonchiffon;
}
#main .qaContainer ul.tab li {
    list-style-type: none;
    float: left;
    font-size: 15px;
    margin: 0;
    padding: 7px;
    border-top: 1px solid #CCF;
    border-left: 1px solid #999;
    border-right: 1px solid #999;
    border-bottom: 0;
    text-align: center;}
    
#main .qaContainer ul.tab li a {
    display: block;
    padding: 5px 5px;
    margin: 0;}
    
#main .qaContainer ul.tab li.active {
    background: lemonchiffon;}

.qaContainer dl {
    clear: both;
    zoom: 1;
    padding: 10px;
    margin: 0;
    border: 1px solid #999;
    background: lemonchiffon;
}
.qaContainer dl dt {
    font-weight: bold;
    padding-bottom: 5px;
    padding-left: 27px;
    margin-bottom: 5px;
    border-bottom: 1px solid #999;
    font-size: 14px;
    background: url(http://www.balance-chiro.com/img/q.gif) 0em 0.15em no-repeat;}
    
#main div.qaContainer dl dd {
    margin-bottom:25px;
    margin-top: 7px;
    margin-left: 0px;
    padding-left: 0px;
    font-size: 13px;
    background: url(http://www.balance-chiro.com/img/a.gif) 0.5em 0.3em no-repeat white;}


/* 4.side-menu
------------------------------ */

div#side-menu {
  width: 207px;
  float: left;
  margin: -2px 0 17px 0;
  font-size: 16px;}
  
div#side-menu img {
  margin: 0px 0px 0px 10px;
  padding: 0;}

div#side-menu img.qr {
  margin: 0px 0px 0px 0px;
  padding: 0;}

div#side-menu ul { 
  margin: 0.3em 0 1.2em 0;
  padding: 0;
  letter-spacing: 0.07em;}

div#side-menu ul li {
  margin: 0;
  padding: 0 12px 10px 37px;
  line-height: 1.4;
  background: url(http://www.balance-chiro.com/img/smenu.gif) 1.1em 0.15em no-repeat;}

div#side-menu ul li.sub {
  margin: 0 0 0 30px;
  padding: 0 12px 10px 17px;
  line-height: 1.2;
  background: url(http://www.balance-chiro.com/img/smenu-b.jpg) 0 0.2em no-repeat;}
  
div#side-menu ul li.sub2 {
  font-size: 14px;
  margin: 0px 0 0 37px;
  padding: 0 12px 10px 17px;
  line-height: 1.2;
  background: url(http://www.balance-chiro.com/img/smenu-b.jpg) 0 0.2em no-repeat;}

div#side-menu li a:hover { 
  background-color: yellow;
  padding: 2px;}
div#side-menu li a { text-decoration: none;}

div.border {
  font-size: 15px;
  margin: 0px 0 0px 0;
  padding: 7px 0 0 0;
  border: 5px solid palegreen;}

div#side-menu h2.side-menu {
  font-size: 14px;
  font-weight: bold;
  text-align: justify;
  margin: 0;
  padding: 0 12px 10px 17px;
  line-height: 1.2;
  letter-spacing: 0.07em;}

div#side-menu p { 
  margin: 0;
  padding: 0 12px 10px 17px;
  line-height: 1.2;
  letter-spacing: 0.07em;
  word-break: break-all;}


/* 5.footer
------------------------------ */

div#footer { 
  width: 777px;
  margin: 0 auto;
  text-align: center;
  letter-spacing: 0.2em;}  

div#footer p {
  margin: 0;
  padding: 0.35em 0;
  background: darkorange;
  text-align: center;
  font-size: 13px;}

div#footer,#footer-menu { 
  clear: both;
  width: 777px;
  margin: 0 auto;
  text-align: center;
  letter-spacing: 0.2em;} 

div#footer a { text-decoration: none;}
div#footer p a:link { color: blue;}
div#footer p a:visited { color: blue;}

div#footer-menu ul { 
  margin: 0 auto;
  padding: 0;}

div#footer-menu ul li { 
  font-size: 12px;
  display: inline; 
  padding: 0 7px 0 12px;
  border-left: 1px solid black;}
  
div#footer-menu ul li.home { 
  padding-left: 0;
  border-left: 0;}
  
div#footer-menu ul li a { text-decoration: none;}
div#footer-menu ul li a:hover { text-decoration: underline;}


/* 6.sitemap
------------------------------ */

div.main-sitemap {
  width: 270px;
  float: right;}
  
div.main-sitemaps {
  width: 287px;
  float: right;}

div.main-sitemap dl {
  margin: 0px 0 17px 0;
  padding: 0 10px 0px 0px;}
div.main-sitemaps dl {
  margin: 0px 0 17px 0;
  padding: 0 10px 0px 0px;}

div.main-sitemap dt {
  margin: 0px 0 0 0;
  padding: 0 10px 0px 0px;
  font-size: 15px;}
div.main-sitemaps dt {
  margin: 0px 0 0 0;
  padding: 0 10px 0px 0px;
  font-size: 15px;}
  
div.main-sitemap dd {
  margin: 0px 0 0 0;
  padding: 0 10px 0px 15px;
  font-size: 13px;}
div.main-sitemaps dd {
  margin: 0px 0 0 0;
  padding: 0 10px 0px 15px;
  font-size: 13px;}


/* 7.common
------------------------------ */

a:hover { text-decoration: none;}

h4 { 
  font-family: "HGP創英角ｺﾞｼｯｸUB", "ヒラギノ角ゴ Pro W8";}

img { vertical-align: bottom; }

p.next { margin-bottom: 1em;}

p.red { 
  color: red;
  font-weight: bold;}

b.red { color: red;}

b.under {
 text-decoration: underline;
 font-weight: normal;}

b.marker {
 background-color: yellow;
 color: red;}

b.marker2 {
 background-color: yellow;
 color: black;}
 
b.marker3 {
 background-color: red;
 color: white;}
 
b.marker4 {
 background-color: black;
 color: white;}
 
b.red2 {
  margin: 0 1px 0 0;
  padding: 0 0 0 3px;
  background-color: red;
  color: white;
  font-weight: normal;}
  
------------------------------ */