@charset "utf-8";
/* CSS Document */



/* **************Index.html CSS*************** */

/* MainImage */
h2 {
  background-image: url(../images/mainimg.gif);
  width: 115px;
}

/* Body */

h3 {
  border-left: 7px solid #5fb42b;
  color: #6d635e;
  padding: 7px;
  font-size: 1em;
  margin: 0 0 10px;
}

h4 {
  font-size: 1em;
  font-weight: bold;
}

.category_box {
  height: 100%;
  padding: 10px 0 30px 2px;

}

.item_box {
  width: 225px;
  height: 100%;
  float: left;
  padding: 5px 5px 0px 10px;
  margin: 0 5px 15px;
}

.item_box img {
  float: left;
}

.item_box div {
  /* 2011.6.6 float:right → inheritに変更*/
  float: inherit;
  /* 2011.6.6 width:200px → 125pxに変更*/
  width: 200px;
}

.item_box div p {
  font-size: 0.8em;
  width: 200px;
  padding-top: 5px;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
}

@charset "utf-8";
/* CSS Document */
/* **************Index.html CSS*************** */

/*メインバナー画像　お悩み3ページ分*/
#main_banner5 {
  height: 290px;
  margin-right: auto;
  margin-left: auto;
  overflow: hidden;
  background-image: url(../images/title.png);
  background-repeat: no-repeat;
  width: 100%;
}

#main_banner6 {
  height: 290px;
  margin-right: auto;
  margin-left: auto;
  overflow: hidden;
  background-image: url(../images/title.png);
  background-repeat: no-repeat;
  width: 100%;
}



#body {
  padding: 50px 10px 10px 10px;
  width: 980px;
  height: 100%;
  margin: 0px auto 0;
  font-size: 10pt;
}


a:link {
  text-decoration: underline;
}

.seihin01 {
  background-image: url(../images/shimi_03p.jpg);
  width: 500px;
  height: 500px;
}

#nikibi_box {
  text-align: center;
  margin: 0px auto 50px 0px;

}

a.tooltip:hover {
  background: #ffffff;
  /* IE6以下で必要 */
  text-decoration: none;
}

a.tooltip span {
  display: none;
  padding: 8px;
  font-size: 0.9em;
  margin-left: 8px;

}

a.tooltip:hover span {
  display: inline;
  position: absolute;
  background-color: #FFF7EE;
  border: 1px solid #cccccc;
  color: #000000;
  width: 600px;
  /* a.tooltip spanに指定すると、IE6以下でspanの領域でマウスが反応してしまう */
  bottom: 0px;
}

/* IE6以下にのみ適用 */
a.tooltip:hover span {
  width: 216px;
}

@charset "utf-8";
/* CSS Document */


/**********************************************************/
/*共通class*/
/**********************************************************/
.ditail_list_p {
  width: 250px;
  height: 180px;
  background-color: blue;
  font-size: 0.6em;
}

.li_left120 {
  float: left;
  width: 120px;
  font-size: 0.7em;
  margin-right: 22px;
}


.li_left160 {
  float: left;
  width: 160px;
  font-size: 0.7em;
  margin-right: 20px;

}

.li_left180 {
  float: left;
  width: 180px;
  font-size: 0.7em;
  margin-right: 40px;

}


.li_left282 {
  float: left;
  width: 282px;
  font-size: 0.7em;
  margin-right: 30px;
}


.li_left400 {
  float: left;
  height: 100px;
  font-size: 0.8em;
  margin-top: 10px;
  background-color: #f8f4ed;
  padding: 3px;
  border-radius: 12px;


}



.left_green {
  float: left;
  color: #5fb426;
  font-weight: 700;
  text-align: left;
  padding-left: 5px;
}


/*ditail見出し下のリード　ページ内共通*/
.ditail_title_txt {
  width: 700px;
  font-size: 0.9em;
  margin-bottom: 100px;
}

.p_500 {
  width: 550px;
  float: left;
}

.p_200 {
  width: 300px;
  float: left;

  position: absolute;
  padding-top: 130px;
  padding-left: 200px;
}

.p_250 {
  width: 320px;
  float: left;
  padding-left: 10px;
  padding-right: 10px;
}


/**********************************************************/
/*専用div*/
/**********************************************************/

#page01 #page02 {

  padding-bottom: 50px;
}

/*タイトル（見出し）*/
#title01 {
  background-image: url(../../images/nikibi/img_04.png);
  width: 960px;
  height: 41px;
}

/*タイトル（見出し）*/
#title02 {
  background-image: url(../../images/nikibi/img_24.png);
  width: 960px;
  height: 41px;
}



/*comment*/
#title_navi01 {
  width: 960px;
  text-align: left;
  margin: 30px 0 100px 10px;
  font-size: 0.9em;
}

#title_navi01 p {
  display: inline;
  padding-right: 30px;
}


/*comment*/
#title_navi02 {
  width: 960px;
  text-align: left;
  margin: 30px 0 100px 10px;
  font-size: 0.9em;
}

#title_navi02 p {
  display: inline;
  padding-right: 30px;
}


/*comment*/
#page_navi {
  width: 960px;
  display: block;
  text-align: center;
  margin-bottom: 50px;
}

#page_navi img {
  padding-left: 100px;
}




/**********************************************************/
#ditail00 {
  width: 960px;
  margin: auto;
  margin-bottom: 30px;
}

#ditail00 p {
  margin-top: 10px;
  font-size: 1.2em;

}

#ditail00 img {
  margin-bottom: 0px;
  padding-right: 0px;
  position: relative;
}

#ditail00 a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
}


#ditail00 ul {
  margin: auto;
  text-align: left;
  width: 980px;
  margin-top: 30px;

}

#ditail00 ul li {
  margin-top: 10px;
  padding: 0px 3px 0px 0px;
}




/**********************************************************/
#ditail_menu {
  width: 960px;
  margin: auto;
  padding-top: 30px;
  margin-bottom: 200px;
  position: relative;
}

#ditail_menu ul {
  position: relative;
  height: 100px;
  float: left;
  margin-bottom: 50px;
  margin-left: 70px;
}

#ditail_menu ul li {
  margin-top: 10px;
  position: relative;
  float: left;
  margin-left: 0px;
  margin-right: 10px;
}

.menu_txt {
  position: relative;
  top: 20px;
  left: 2px;
  text-align: left;
  width: 180px;
  font-size: 0.8em;

}


/**********************************************************/
#ditail01 {
  width: 810px;
  text-align: left;
  margin: auto;
  padding-top: 30px;
  margin-bottom: 100px;
}

#ditail01 h3 {
  text-align: left;
}

#ditail01 p {

  text-align: left;

  margin: auto;
  margin-top: 10px;
  margin-bottom: 30px;

}

.p_left {
  position: relative;
  font-size: 1.4em;
  color: #5fb426;
  top: -3px;

}




#ditail01_bk {
  background-image: url(../images/img_8.png);
  background-repeat: no-repeat;
  width: 810px;
  height: 200px;
  text-align: left;
  margin-top: 20px;
}

#ditail02_bk {
  background-image: url(../images/img_18.png);
  background-repeat: no-repeat;
  width: 810px;
  height: 200px;
  text-align: left;
  margin-top: 20px;
}

#ditail01_bk p {
  font-size: 1.0em;
  top: 100px;
  left: 40px;
  position: relative;
  width: 500px;
  float: left;
}

#ditail02_bk p {
  font-size: 1.0em;
  top: 100px;
  left: 40px;
  position: relative;
  width: 500px;
  float: left;
}

/**********************************************************/
#ditail02 {
  width: 810px;
  text-align: center;
  margin: auto;
  padding-top: 30px;
  margin-bottom: 100px;
}


#ditail02 p {
  text-align: left;

  margin: auto;
  margin-top: 20px;
  margin-bottom: 40px;
}


#ditail02 ul {
  margin: auto;
  text-align: left;
  height: 100%;
  margin-top: 30px;
}

#ditail02 ul li {
  padding-top: 20px;

}

#ditail02 ul li p {
  text-align: left;
  margin-top: -4px;
  margin-bottom: 10px;
  margin-left: 32px;
}

#ditail02 ul li img {
  bottom: 0;
  padding-right: 10px;
}


/**********************************************************/
#ditail03 {
  width: 960px;
  height: 400px;
  text-align: center;
  margin: 30px auto 150px 0px;
}

#ditail03 p {
  text-align: left;

  margin: auto;
  margin-top: 20px;
  margin-bottom: 40px;
}


#ditail03 ul {
  width: 800px;
  height: 140px;
  margin: auto;
  margin-top: 20px;
  text-align: left;
  padding-left: 150px;

}

#ditail03 ul li {
  margin-right: 80px;
  margin-left: 0px;
  width: 300px;
  text-align: left;
  padding: 10px;

}

#ditail03 ul li p {
  text-align: left;
  margin-top: -10px;
  margin-bottom: 10px;
}

#ditail03 ul li img {
  bottom: 0;
}



/**********************************************************/
#ditail04 {
  width: 960px;
  text-align: center;
  margin: 30px auto 0px 0px;
  padding-top: 30px;
}

#ditail04 p {
  text-align: left;

  margin: auto;
  margin-top: 30px;
  margin-bottom: 40px;
}

#ditail04 ul {
  width: 960px;
  margin: 10px auto 0px auto;
  text-align: left;

}

#ditail04 ul li {
  margin-top: 10px;
}


/**********************************************************/
#ditail05 {
  width: 960px;
  text-align: center;
  margin: 0px auto 0px 0px;
}

#ditail05 p {
  text-align: left;

  margin: auto;
  /*margin-top: 30px;
		margin-bottom: 40px;*/
}

#ditail05 ul {
  width: 960px;
  margin: 10px auto 0px auto;
  text-align: left;

}

#ditail05 ul li {
  margin-top: 10px;
}

/**********************************************************/
#ditail06 {
  width: 960px;
  text-align: center;
  margin: 0px auto 50px 0px;
  position: relative;
}

#ditail06 p {
  text-align: left;

  margin: auto;
  margin-top: 30px;
}

#ditail06 ul {
  width: 960px;
  margin: 10px auto 0px auto;
  text-align: left;
  padding-left: 80px;

}

#ditail06 ul li {
  margin-top: 10px;
}

#ditail06 img {
  bottom: 0;
}

/**********************************************************/
#kakoi01 {
  width: 980px;
  height: 300px;
  border: 1px solid #5fb42b;
  border-radius: 12px;
  background-color: rgba(255, 255, 255);
  margin: auto;
  padding-top: 20px;
}

#kakoi02 {
  width: 980px;
  border: 1px solid #5fb42b;
  border-radius: 12px;
  background-color: rgba(255, 255, 255);
  margin-bottom: 150px;

}

#kakoi03 {
  width: 980px;
  border: 1px solid #5fb42b;
  border-radius: 12px;
  background-color: rgba(255, 255, 255);
  margin-bottom: 150px;
  padding-left: 30px;
  padding-right: -30px;
  padding-top: 50px;
  padding-bottom: 20px;
}

#kakoi04 {
  width: 980px;
  border: 1px solid #5fb42b;
  border-radius: 12px;
  background-color: rgba(255, 255, 255);
  margin-bottom: 150px;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 50px;
  padding-bottom: 20px;
}

#kakoi05 {
  width: 980px;
  height: 1400px;
  border: 1px solid #5fb42b;
  border-radius: 12px;
  background-color: rgba(255, 255, 255);
  margin-bottom: 150px;
  padding-left: 30px;
  padding-right: -30px;
  padding-top: 50px;
  padding-bottom: 20px;
}

hr {
  border: none;
  border-top: dashed 1px #5fb426;
  height: 1px;
  color: #5fb426;
  margin: 0 6 0 6;
  width: 95%;
  position: relative;
  left: -10px;
}