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

body {
  font: 100% Verdana, Arial, Helvetica, sans-serif;
  background: #ffffff;
  margin: 0; /* 複数の異なるブラウザの初期設定値に対応するため、body エレメントのマージンと余白を 0 にすることをお勧めします */
  padding: 0;
  text-align: center; /* これにより、IE 5* ブラウザではコンテナが中央揃えになります。そして、テキストは、#container セレクタの初期設定である左揃えに設定されます */
  color: #000000;
}
ul {
  list-style:none;
  margin:0;
  padding:0
}
img {
  border:0;
}
.thrColAbsHdr #container {
  position: relative; /* adding position: relative により、このコンテナに対する相対位置に 2 つのサイドバーを配置できます */
  width: 970px;  /* 最大幅である 800px より 20px 小さくすることにより、ブラウザクロームの使用が可能となり、水平スクロールバーが表示されなくなります */
  background: #FFFFFF;
  margin: 0 auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
  text-align: left; /* この設定は body エレメントの text-align: center より優先されます。 */
  font-size:13px;
  color:#333333;
  line-height:160%;
  font:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
.thrColAbsHdr #header {
  height: 115px;
  padding: 0 5px 0 4px;
}
.thrColAbsHdr #header h1 {
  margin:0;
  text-indent: -9999px;
  height: 1px;
}
/*.thrColAbsHdr #header hr { margin:10px 0 -10px 0;}*/

.navi {
  margin-bottom:0;
  clear:both;
}
.navi a {
  height:37px;
  margin:0px;
  float:left;
  cursor:pointer;
}
#navi_home {
  width: 166px;
}
#navi_1 {
  width: 166px;
}
#navi_2 {
  width: 166px;
}
#navi_3 {
  width: 166px;
}
#navi_4 {
  width: 166px;
}
#navi_contact {
  width: 127px;
}
.thrColAbsHdr #mainContent {
  margin: 0;
  padding: 0;
}
#Main {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 30px;
  margin-left: 0;
}
/*whatsNew */
		 
#whatsnew {
  width:626px;
  height:258px;
  padding: 0px;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-top-style: solid;
  border-bottom-style: solid;
  border-top-color: #000;
  border-bottom-color: #000;
  margin-bottom: 20px;
}
#whatsnew .scroll-pane {
  width:606px;
  overflow:auto;
  height: 200px;
  padding: 10px;
}
#whatsnew #pane1 {
  width:606px;
  padding-top:0.5em;
}
#whatsnew #pane1 ul {
  text-justify:inter-cluster;
  padding-bottom:20px;
}
#whatsnew #pane1 li {
  width:inherit;
  margin-bottom:15px;
}
#whatsnew #pane1 li a {
  font-size:13px;
  color:#333333;
  text-decoration:none;
  line-height:1.5em;
  font:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
#whatsnew #pane1 a:hover p {
  text-decoration:underline;
}
#whatsnew #pane1 h5 {
  margin:0 0 0 0;
}
#whatsnew #pane1 p {
  margin-top: 0px;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0px;
}
#whatsnew #pane1 a:hover h5 {
  text-decoration:underline;
}
/*#whatsnew #pane1 li h5:after {content : url(images/arw.gif);      }*/


/*カラーセルフリーディング */
div#scr {
  background-image:url(images/2.jpg);
  background-repeat:no-repeat;
  height:306px;
  width: 306px;
}
div#scr a {
  display:block;
  width:100%;
  height:95%;
}
div#scr a:hover {
  background-image:url(images/2_.jpg);
}
/*カウンセリング */
div#par {
  background-image:url(images/3.jpg);
  background-repeat:no-repeat;
  height:306px;
}
div#par a {
  display:block;
  width:100%;
  height:95%;
}
div#par a:hover {
  background-image:url(images/3_.jpg);
}
/*.thrColAbsHdr div#sidebar1 div#pick {
		top:778px;
		left:13px;
		background-image:url(images/4.gif);
		background-repeat:no-repeat;
		height:173px;
		margin-top:-75px;
}*/


/*　　　 */

#pick {
  top:778px;
  left:13px;
  background-image:url(images/4.gif);
  background-repeat:no-repeat;
  height:173px;
  margin-top:-75px;
  width:306px;
  padding-top:0;
}
#pick .scroll-pane {
  width:306px;
  height:120px;
  overflow:auto;
  float:left;
}
#pick #pane2 {
  position:relative;
  top:45px;
  width:306px;
  height:120px;
  clear:both;
  padding-top:0em;
}
#pick #pane2 ul {
  width:300px;
  text-justify:inter-cluster;
  padding-bottom:20px;
}
#pick #pane2 li {
  width:inherit;
  margin-bottom:15px;
}
#pick #pane2 li a {
  font-size:13px;
  color:#333333;
  text-decoration:none;
  line-height:160%;
  font:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
#pick #pane2 li h5 {
  margin:0 0 -5px 0;
}
#pick #pane2 a:hover h5 {
  text-decoration:underline;
}
/*カウンセリング */
div#order {
  background-image:url(images/5.jpg);
  background-repeat:no-repeat;
  height:306px;
}
div#order a {
  display:block;
  width:100%;
  height:95%;
}
div#order a:hover {
  background-image:url(images/5_.jpg);
}
div#shop {
  background-image:url(images/6.jpg);
  background-repeat:no-repeat;
  height:306px;
}
div#shop a {
  display:block;
  width:100%;
  height:95%;
}
div#shop a:hover {
  background-image:url(images/6_.jpg);
}
div#cst {
  background-image:url(images/Lec_bg.gif);
  background-repeat:no-repeat;
  height:431px;
  margin-bottom: 20px;
  width: 307px;
  margin-top: 0px;
}
div#cst ul {
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  padding-top: 36px;
  position: relative;
  top: 60px;
  left: 20px;
  width: 286px;
  margin-left: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}
div#cst li {
  line-height: 0;
}
div#cst li a {
  float:left;
  width:121px;
  height:78px;
  margin-right: 22px;
  margin-bottom: 21px;
}
div#cst li a:hover {
  background-color:#CC0000;
  filter: alpha(opacity=70);
  -moz-opacity:0.7;
  opacity:0.7;
}
div#prof {
  top:1108px;
  left:334px;
  background-image:url(images/8.jpg);
  background-repeat:no-repeat;
  height:216px;
}
div#prof a {
  display:block;
  width:100%;
  height:95%;
}
div#prof a:hover {
  background-image:url(images/8_.jpg);
}
div#con {
  top:1108px;
  left:655px;
  background-image:url(images/9.jpg);
  background-repeat:no-repeat;
  height:216px;
}
div#con a {
  display:block;
  width:100%;
  height:95%;
}
div#con a:hover {
  background-image:url(images/9_.jpg);
}
div a h6 {
  margin:0;
  padding:35px 20px 0 20px;
  text-indent:-9999px;
}
div p {
  font-size:13px;
  color:#333333;
  text-decoration:none;
  line-height:160%;
  font:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
div#prof p {
  padding:0 118px 0 15px;
  font-size:13px;
  color:#333333;
  text-decoration:none;
  line-height:160%;
  font:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
p {
  padding:0 118px 0 15px;
  font-size:13px;
  color:#333333;
  text-decoration:none;
  line-height:160%;
  font:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
.thrColAbsHdr #footer {
  text-align:center;
  position:relative;
  padding: 0 0 10px 0;
  background-color:#efefef;
  height:100px;
  clear: both;
  margin-top: 5px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
  width:100%;
}

.fnavi {
  width: 960px;
  margin: 0 auto;
  overflow:hidden;
  clear:both;
  margin-bottom:10px;
  border-bottom:#333333 1px solid;
}
.fnavi a {
  display:block;
  width:160px;
  height:37px;
  float:left;
  cursor:pointer;
}
/*        
#fnavi_home{background-position:0 0;}
#fnavi_home:hover,#fnavi_home.hover{background-position:0 -37px;}
        
#fnavi_1{background-position:-160px 0;}
#fnavi_1:hover,#fnavi_1.hover{background-position:-160px -37px;}
        
#fnavi_2{background-position:-320px 0;}
#fnavi_2:hover,#fnavi_2.hover{background-position:-320px -37px;}
        
#fnavi_3{background-position:-480px 0;}
#fnavi_3:hover,#fnavi_3.hover{background-position:-480px -37px;}
        
#fnavi_4{background-position:-640px 0;}
#fnavi_4:hover,#fnavi_4.hover{background-position:-640px -37px;}
	    
#fnavi_contact{background-position:-800px 0;}
#fnavi_contact:hover,#fnavi_contact.hover{
	background-position:-800px -37px;}
*/	
.thrColAbsHdr #footer p {
  margin: 0 auto;
  width: 960px;
  padding:0;
  color:#666666;
  font-size:12px;
  font-family:Arial, Helvetica, sans-serif;
  background-color:#efefef;
}
.thrColAbsHdr #footer p a {
  color:#666666;
  font-size:12px;
  font-family:Arial, Helvetica, sans-serif;
  text-decoration:none;
}
.thrColAbsHdr #footer p a:hover {
  text-decoration:underline;
}
.fltrt {
  float: right;
  margin-right: 10px;
}
.fltlft {
  float: left;
  margin-left: 5px;
}
 <style type="text/css"> /* この条件分岐コメントに IE 5* を対象とした css ボックスモデルのフィックスを配置します */
.thrColAbsHdr #sidebar1 {
width: 180px;
}
.thrColAbsHdr #sidebar2 {
  width: 190px;
}
#LeftArea {
  width: 323px;
  float: left;
  vertical-align: top;
}
#RightArea {
  margin-left: 330px;
}
#cst p.text {
  font-size: 12px;
  top: 65px;
  position: relative;
  width: 266px;
  margin: 0px;
  padding: 0px;
  left: 20px;
  height: 30;
}
.topIndex {
  width: 304px;
  border: 1px solid #cdcdcd;
  float: left;
  margin-right: 13px;
  margin-top: 0px;
  margin-bottom: 15px;
  margin-left: 0px;
  height: 304px;
}
.topIndex p {
  margin: 0px;
  padding: 0px;
}
.topIndex a {
  color: #333333;
  text-decoration: none;
}
.topIndex p.txt {
  padding: 10px;
}
.topLeft {
  width: 305px;
  border: 1px solid #cdcdcd;
  height: 216px;
  margin-bottom: 15px;
}
.topLeft p.txt {
  width: 90%;
  margin-right: auto;
  margin-left: auto;
  text-decoration: none;
}
.topLeft p {
  margin: 0px;
  padding: 0px;
}
.topLeft a {
  text-decoration: none;
}