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

#point_skil {
width:675px;
font-size:12px;
line-height:1.5em;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

#point_skil ul,li {
list-style:none;
}

#point_skil p {
padding:0px;
margin:0px;
font-size:12px;
line-height:1.5em;
}

#point_skil h2 {
padding:0px;
margin:0px;
}

#point_skil div#headarea {
width:675px;
background: url(../img/headerback.jpg) top left repeat-y;
}


#point_skil div#headmegumi {
width:382px;
float:left;
}

#point_skil div#headpan {
width:293px;
float:right;
}

#point_skil div#panarea {
width:263px;
border:2px solid #a36c3a;
border-top:none;
background-color:#fbf7e3;
padding:8px;
}

#point_skil div#headpanimage {
width:66px;
float:left;
}

#point_skil div#headpancome {
width:180px;
float:right;
}

#point_skil div#headbtn {
width:155px;
height:25px;
margin-top:10px;
}

#point_skil div#headbtn a {background: url(../img/headbtn.gif) 0px 0px no-repeat;
           display : block;
		   width : 155px;
           height : 25px;
           text-indent : -9999px;}
		   
#point_skil div#headbtn a:hover {background: url(../img/headbtn.gif) 0px -25px no-repeat;
                   display : block;
		           width : 155px;
                   height : 25px;}
				   
#point_skil div#point_menuarea {
width:675px;
height:92px;
background: url(../img/pointmenuback.gif) no-repeat top left;
margin-bottom:20px;
}	

#point_skil ul#menubtn {
height: 30px;
margin:0px;
padding:12px 7px 17px 5px;
}

#point_skil ul#menubtn li {
display: block;
float: left;
}

#point_skil ul#menubtn li.btn1 { width: 153px;
                     height: 62px;
					 margin-right:16px;
					 }

#point_skil ul#menubtn li.btn1 a {
background: url(../img/pointmenu1.gif) 0px 0px no-repeat;
           display : block;
		   width : 153px;
           height : 62px;
           text-indent : -9999px;}

#point_skil ul#menubtn li.btn1 a:hover {background: url(../img/pointmenu1.gif) 0px -62px no-repeat;
                   display : block;
		           width : 153px;
                   height : 62px;}
				   
				   
#point_skil ul#menubtn li.btn2 { width: 153px;
                     height: 62px;
					 margin-right:17px;
					 }

#point_skil ul#menubtn li.btn2 a {
background: url(../img/pointmenu2.gif) 0px 0px no-repeat;
           display : block;
		   width : 153px;
           height : 62px;
           text-indent : -9999px;}

#point_skil ul#menubtn li.btn2 a:hover {background: url(../img/pointmenu2.gif) 0px -62px no-repeat;
                   display : block;
		           width : 153px;
                   height : 62px;}
				   
#point_skil ul#menubtn li.btn3 { width: 153px;
                     height: 62px;
					 margin-right:15px;
					 }

#point_skil ul#menubtn li.btn3 a {
background: url(../img/pointmenu3.gif) 0px 0px no-repeat;
           display : block;
		   width : 153px;
           height : 62px;
           text-indent : -9999px;}

#point_skil ul#menubtn li.btn3 a:hover {background: url(../img/pointmenu3.gif) 0px -62px no-repeat;
                   display : block;
		           width : 153px;
                   height : 62px;}
				   
				   
#point_skil ul#menubtn li.btn4 { width: 153px;
                     height: 62px;
					 }

#point_skil ul#menubtn li.btn4 a {
background: url(../img/pointmenu4.gif) 0px 0px no-repeat;
           display : block;
		   width : 153px;
           height : 62px;
           text-indent : -9999px;}

#point_skil ul#menubtn li.btn4 a:hover {background: url(../img/pointmenu4.gif) 0px -62px no-repeat;
                   display : block;
		           width : 153px;
                   height : 62px;}			   
.sensei-kokuban{
	background:url(../img/pansensei3.png) no-repeat;
	width:53px;
	height:83px;
	position:absolute;
	top:110px;
	left:370px;
	z-index:3;
	_background-image:none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../img/pansensei3.png");
	}

#point_skil div.waku1 {
padding:0px 10px 20px 10px;
width:655px;
}

#point_skil div.waku1 h3 {
padding:0px;
margin:0px;
}

#point_skil div.nakawaku1 {
width:615px;
padding:20px 20px 15px 20px;
background:url(../img/tensen.gif) no-repeat bottom;
background-color:#fff7d4;
}

#point_skil div.nakawaku2 {
width:615px;
padding:20px 20px 15px 20px;
background-color:#fff7d4;
}

#point_skil div.stepph {
width:200px;
float:left;
}

#point_skil div.stepph img {
border:0px;
}

#point_skil div.stepcome {
width:395px;
float:right;
}

#point_skil div.stepcome-right {
width:395px;
float:right;
position:relative;
}

#point_skil div.megumi {
width:394px;
}

#point_skil img.mkao {
	position:absolute;
	top:-13px;
	left:-4px;
}

#point_skil div.mfukinaka {
width:353px;
border:1px solid #cfad6a;
background-color:#fdf3f4;
border-top:none;
border-bottom:none;
padding:0px 10px;
}

.sensei-kokuban2{
	background:url(../img/pansensei3.png) no-repeat;
	width:53px;
	height:83px;
	position:absolute;
	top:150px;
	left:370px;
	z-index:3;
	_background-image:none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../img/pansensei3.png");
	}	

#point_skil div.mfukiue {
background:url(../img/megumfuki_ue.gif) top no-repeat;
width:375px;
padding:6px 0px 0px 0px;
}

#point_skil div.mfukisita {
background:url(../img/megumifuki_sita.gif) top no-repeat;
width:375px;
padding:0px 0px 6px 0px;
}

#point_skil div.sensei {
margin-top:20px;
position:relative;
}

#point_skil img.skao {
	position:absolute;
	top:-8px;
	left:341px;
}

#point_skil div.sfukinaka {
width:333px;
border:1px solid #fc9f9f;
background-color:#FFFFFF;
border-top:none;
border-bottom:none;
padding:0px 30px 0px 10px;
}

.sensei-left{
	z-index:2;
	position:absolute;
	top:90px;
	 }	
.sensei-left2{
     z-index:2;
	 position:absolute;
	 top:90px;
	 }	
	 
#point_skil div.sensei2 {
margin-top:20px;

padding-left:20px;
}

#point_skil img.skao2 {
	position:absolute;
	bottom:-10px;
	left:0px;
}

#point_skil div.sfukinaka2 {
width:328px;
border:1px solid #fc9f9f;
background-color:#FFFFFF;
border-top:none;
border-bottom:none;
padding:0px 10px 0px 35px;
}


#point_skil div.sfukiue {
background: url(../img/sfukiue.gif) top no-repeat;
width:375px;
padding:6px 0px 0px 0px;
}

#point_skil div.sfukisita {
background:url(../img/sfukisita.gif) top no-repeat;
width:375px;
padding:0px 0px 6px 0px;
}


#point_skil div.mame1 {
width:615px;
padding:10px 0px;
}

#point_skil div.mame1 h4 {
margin:0px;
padding:0px;
}

#point_skil div.mamenaka {
background-color:#FFFFFF;
border:10px solid #DEF6AF;
border-top:none;
padding:0px 10px 10px 10px;
}

#point_skil div.stepcome2 {
width:410px;
float:right;
margin-bottom:10px;
}



#point_skil div.skil {
position:relative;
}

#point_skil div.skilnaka {
padding-left:15px;
}

#point_skil div.skilcome {
padding:10px 40px 10px 10px;
color:#FFFFFF;
background:url(../img/skilback.gif) left bottom no-repeat #86b566;
}

#point_skil img.skao3 {
	position:absolute;
	bottom:-10px;
	left:369px;
}

#point_skil span.kokuban {
color:#def70a;
}

#point_skil table {
border:0px;
width:100%;
}

#point_skil table td,th{
vertical-align:top;
}

#point_skil table th {
width:88px;
}

#point_skil span.sankaku {
color:#bc8017;
}

#point_skil div.nakawaku3 {
width:615px;
padding:0px 20px 15px 20px;
background:url(../img/megumismileback.gif) top left no-repeat #fff7d4;
}

#point_skil div#megumismile {
width:615px;
margin-bottom:20px;
}

#point_skil div#komugi {
width:595px;
background-color:#FFFFFF;
padding:10px;
}

#point_skil div.komugiwaku {
margin-top:10px;
}

#point_skil div.komugihidari {
width:270px;
float:left;
background-color:#fdf1db;
padding:10px;
}

#point_skil div.komugimigi {
width:270px;
float:right;
background-color:#fdf1db;
padding:10px;
}

#point_skil p.komugicati {
font-size:14px;
font-weight:bold;
color:#a34024;
text-align:center;
margin-bottom:10px;
}

#point_skil div.komugimeihidari {
width:120px;
float:left;
}

#point_skil div.komugicate {
background-color:#eed770;
text-align:center;
padding:3px;
margin-bottom:5px;
}

#point_skil div.komugiph {
width:139px;
float:right;
}

#point_skil p.page-up {
text-align:right;
padding-top:20px;
}

#point_skil span.akamoji {
color:#CC3300;
font-weight:bold;
}


#point_skil br.clear {
clear:both;
}




#point_skil h3{
  text-indent:0px;
  }





/* ＝＝＝＝＝＝＝＝＝＝
ナビゲーション20081027ここから
＝＝＝＝＝＝＝＝＝＝＝ */	

div#hb-menunavi {
width:675px;
height:55px;
}

ul#hbnavi,
ul#hbnavi li {
margin:0px;
padding:0px;
}

ul#hbnavi li {
width:163px;
height:55px;
float:left;
list-style:none;
margin-right:5px;
}

div.clear {
clear:both;
}

/* ＝＝＝＝＝＝＝＝＝＝
ナビゲーション１
＝＝＝＝＝＝＝＝＝＝＝ */

ul#hbnavi li.hbnavi1 a {
display:block;
width:163px;
height:55px;
background:url(../img/hbnavi/hbmenunavi1.gif) 0px 0px no-repeat;
text-indent:-9999px;
}

ul#hbnavi li.hbnavi1 a:hover {
display:block;
width:163px;
height:55px;
background:url(../img/hbnavi/hbmenunavi1.gif) 0px -55px no-repeat;
text-indent:-9999px;
}

ul#hbnavi li.hbnavi1ac a {
display:block;
width:163px;
height:55px;
background:url(../img/hbnavi/hbmenunavi1.gif) 0px -55px no-repeat;
text-indent:-9999px;
}

ul#hbnavi li.hbnavi1ac a:hover {
display:block;
width:163px;
height:55px;
background:url(../img/hbnavi/hbmenunavi1.gif) 0px -55px no-repeat;
text-indent:-9999px;
}

/* ＝＝＝＝＝＝＝＝＝＝
ナビゲーション2
＝＝＝＝＝＝＝＝＝＝＝ */

ul#hbnavi li.hbnavi2 a {
display:block;
width:163px;
height:55px;
background:url(../img/hbnavi/hbmenunavi2.gif) 0px 0px no-repeat;
text-indent:-9999px;
}

ul#hbnavi li.hbnavi2 a:hover {
display:block;
width:163px;
height:55px;
background:url(../img/hbnavi/hbmenunavi2.gif) 0px -55px no-repeat;
text-indent:-9999px;
}

ul#hbnavi li.hbnavi2ac a {
display:block;
width:163px;
height:55px;
background:url(../img/hbnavi/hbmenunavi2.gif) 0px -55px no-repeat;
text-indent:-9999px;
}

ul#hbnavi li.hbnavi2ac a:hover {
display:block;
width:163px;
height:55px;
background:url(../img/hbnavi/hbmenunavi2.gif) 0px -55px no-repeat;
text-indent:-9999px;
}

/* ＝＝＝＝＝＝＝＝＝＝
ナビゲーション3
＝＝＝＝＝＝＝＝＝＝＝ */

ul#hbnavi li.hbnavi3 a {
display:block;
width:163px;
height:55px;
background:url(../img/hbnavi/hbmenunavi3.gif) 0px 0px no-repeat;
text-indent:-9999px;
}

ul#hbnavi li.hbnavi3 a:hover {
display:block;
width:163px;
height:55px;
background:url(../img/hbnavi/hbmenunavi3.gif) 0px -55px no-repeat;
text-indent:-9999px;
}

ul#hbnavi li.hbnavi3ac a {
display:block;
width:163px;
height:55px;
background:url(../img/hbnavi/hbmenunavi3.gif) 0px -55px no-repeat;
text-indent:-9999px;
}

ul#hbnavi li.hbnavi3ac a:hover {
display:block;
width:163px;
height:55px;
background:url(../img/hbnavi/hbmenunavi3.gif) 0px -55px no-repeat;
text-indent:-9999px;
}

/* ＝＝＝＝＝＝＝＝＝＝
ナビゲーション4
＝＝＝＝＝＝＝＝＝＝＝ */

ul#hbnavi li.hbnavi4 {
margin:0px;
}

ul#hbnavi li.hbnavi4 a {
display:block;
width:163px;
height:55px;
background:url(../img/hbnavi/hbmenunavi4.gif) 0px 0px no-repeat;
text-indent:-9999px;
}

ul#hbnavi li.hbnavi4 a:hover {
display:block;
width:163px;
height:55px;
background:url(../img/hbnavi/hbmenunavi4.gif) 0px -55px no-repeat;
text-indent:-9999px;
}

ul#hbnavi li.hbnavi4ac a {
display:block;
width:163px;
height:55px;
background:url(../img/hbnavi/hbmenunavi4.gif) 0px -55px no-repeat;
text-indent:-9999px;
}

ul#hbnavi li.hbnavi4ac a:hover {
display:block;
width:163px;
height:55px;
background:url(../img/hbnavi/hbmenunavi4.gif) 0px -55px no-repeat;
text-indent:-9999px;
}