@charset "UTF-8";

/* �J�e�S���[�g�b�v
---------------------------------------------------- */

#category {
  width: 660px;
  float: left;
  margin: 10px 0 0 0;
  padding: 0;
}

#category img {
  margin: 5px;
  padding: 0;
  border: none;
  float: left;
}

#category p {
  margin: 5px 0 2px 0;
  padding: 2px 0 2px 0;
  line-height: 1.2em;
}


/* �W��������
---------------------------------------------------- */

#explain_otameshi {
  width: 310px;
  height: 182px;
  margin: 5px 5px 10px 0;
  padding: 0.2em;
  background: url(../image/otameshi_back.gif) no-repeat;
  float: right;
}

#explain_otameshi p {
  margin: 0.7em;
  padding: 0;
}

#explain_therapy {
  width: 425px;
  height: 200px;
  margin: 5px 5px 10px 0;
  padding: 0.2em;
  background: url(../image/therapy_back.gif) no-repeat;
  float: right;
}

#explain_therapy p {
  margin: 0.7em;
  padding: 0;
}

#explain_shindan {
  width: 425px;
  height: 200px;
  margin: 5px 5px 10px 0;
  padding: 0.2em;
  background: url(../image/shindan_back.gif) no-repeat;
  float: right;
}

#explain_shindan p {
  margin: 0.7em;
  padding: 0;
}

#explain_shikaku {
  width: 425px;
  height: 200px;
  margin: 5px 5px 10px 0;
  padding: 0.2em;
  background: url(../image/shikaku_back.gif) no-repeat;
  float: right;
}

#explain_shikaku p {
  margin: 0.7em;
  padding: 0;
}

#explain_pro {
  width: 425px;
  height: 200px;
  margin: 5px 5px 10px 0;
  padding: 0.2em;
  background: url(../image/pro_back.gif) no-repeat;
  float: right;
}

#explain_pro p {
  margin: 0.7em;
  padding: 0;
}

#explain_other {
  width: 310px;
  height: 190px;
  margin: 5px 0 10px 0;
  padding: 5px;
  border: 2px solid #999999;
  float: right;
}

/* �W������h3
---------------------------------------------------- */ 
.otameshi_h3 {
  height: 25px;
  margin: 0;
  padding: 0.3em 0 0 0.7em;
  font-size: 120%;
  color: #36CC72;
  border-left: 6px solid #36CC72;
}

.therapy_h3 {
  height: 25px;
  margin: 0;
  padding: 0.3em 0 0 0.7em;
  font-size: 120%;
  color: #00A4FF;
  border-left: 6px solid #00A4FF;
}

.shindan_h3 {
  height: 25px;
  margin: 0;
  padding: 0.3em 0 0 0.7em;
  font-size: 120%;
  color: #F93D7B;
  border-left: 6px solid #F93D7B;
}

.shikaku_h3 {
  height: 25px;
  margin: 0;
  padding: 0.3em 0 0 0.7em;
  font-size: 120%;
  color: #FF9900;
  border-left: 6px solid #FF9900;
}

.pro_h3 {
  height: 25px;
  margin: 0;
  padding: 0.3em 0 0 0.7em;
  font-size: 120%;
  color: #7C69CC;
  border-left: 6px solid #7C69CC;
}

.other_h3 {
  height: 25px;
  margin: 0;
  padding: 0.3em 0 0 0.7em;
  font-size: 120%;
  color: #999999;
  border-left: 6px solid #999999;
}

.c_column {
  margin: 10px 0;
  padding: 0 0 5px 0;
  font-size: 120%;
  color: #F93D7B;
  border-bottom: 1px solid #F93D7B;
  clear: both;
}
  
/* �G���A����I��
---------------------------------------------------- */
#area {
  width: 660px;
  float: left;
  margin: 10px 0 0 0;
  padding: 0;
}

#area h2 {
  height: 30px;
  margin: 0;
  padding: 0.3em 0 0 2.2em;
  font-size: 120%;
  vertical-align: middle;
  color: #444;
  font-weight: normal;
  background: url(../image/otameshi_bar.gif) no-repeat;
}

#area_select {
 margin: 0;
 padding: 0;
 
}

#area_select dl {
 margin: 0;
 padding: 5px 0;
 height: 100%;
 border: 1px solid #999999;
}

#area_select dt {
  margin: 0;
  padding: 0 0 0 2em;
  line-height: 2.2em;
}

#area_select dd {
  margin: -2.2em 0 0 12em;
  padding: 0 0 0 1em;
  line-height: 2.2em;
  border-left: 2px solid #999999;
}

.area_bg {
  background: #EFEFEF;
}