@charset "utf-8";
@import url("style.css");
/* CSS Document */


body{
font-size:12px;
color:#5b5b5b;
margin:0px; padding:0px;
}
a{
color:#000000; text-decoration:none;
}
a:hover{
color:#74c41e;
}

/* header */
#header,#content, #footer, #label, #path{
position:relative;
width:960px;
margin-left:auto; margin-right:auto;
}
#header{height:135px;
background-image:url(../images/header-bg.gif); background-repeat:no-repeat; background-position:top; text-align:center;
}
#tool{
position:absolute; top:5px; right:0px; letter-spacing:1px;
}
#tool a, #footer a{
color:#000000; text-decoration:none;
}
#tool a:hover, #footer a:hover{
color:#74c41e;
}
#header img.logo{
position:absolute; top:5px; left:0px;
border:0px;
}
#header img{
border:0px;
}
div.headertitle{
position:absolute; top:64px; left:8px;
width:115px; height:24px; line-height:25px;
 background-image:url(../images/header-headertitle.gif); background-repeat:no-repeat; background-position:top;
 text-align:center; color:#FFFFFF; font-weight:bold; font-size:13px; letter-spacing:1px;
}
div.headertitle a{
color:#FFFFFF; text-decoration:none;
}
div.headertitle a:hover{
color:#FFFF99;
}
div.headericon{
position:absolute;top:65px;right:8px;
/* top:65px; left:8px;*/

}
div.headericon a{
display:block;
width:100px; height:23px; line-height:23px; color:#FFFFFF; font-weight:bold; text-align:center;
background-image:url(../images/header-ic3.gif); background-repeat:no-repeat; background-position:top; float:left; margin-right:2px;
}
div.headericon a:hover{
color:#FFFF00;
}
div.headericon a .ic1{
padding-left:15px;
background-image:url(../images/ic1.gif); background-repeat:no-repeat; background-position:0px -1px; padding-top:2px;
}
div.headericon a .ic2{
padding-left:15px;
background-image:url(../images/ic2.gif); background-repeat:no-repeat; background-position:0px 0px; padding-top:2px;
}
#hsearch{
padding-top:100px;
}

#hsearch td{
vertical-align:middle;
font-size:12px;
}
#hsearch .padr{
padding-right:5px;
}
#hsearch .padr a{
color:#5EB605; text-decoration:underline;
}
#hsearch input{
font-size:12px;
width:280px;
}
/* footer */
#footer{
	height:auto;
	padding:20px 0px 15px;
	background-image:none;
	text-align:center;
	letter-spacing:1px;
	border-top:#d2d2d2 solid 1px;
}
address{
	font-style: normal; color:#48b301; font-weight:bold; padding-bottom:7px;
}

/* content */



#path{
text-align:left;
height:auto; padding:15px 0px;
color:#5b5b5b;
}
#path a{
color:#5b5b5b;
}
#path a:hover{
text-decoration:underline;
}

/* 使用 有個人內容討論區 */
/* label2 */
#label2{
background-color:#ffffff;
background-image:url(../images/label-bg.gif); background-position:bottom; background-repeat:repeat-x; height:28px;
color:#000000;

}
#label2 .link{
color:#000000; font-size:12px; font-weight:bold; display:block; float:left; width:100px; text-align:center; line-height:28px;
background-image:url(../images/label2-link.gif); background-repeat:no-repeat; background-position:left; margin-right:1px;
}
#label2 .current2{
color:#f75131; font-size:12px; font-weight:bold; display:block; float:left; width:100px; text-align:center; line-height:28px;
background-image:url(../images/label2-current.gif); background-repeat:no-repeat; background-position:left; margin-right:1px;
}

/* 使用 有個人內容討論區 */
/* box1 */
#box1{
width:800px; background-image:url(../images/div_01-3.gif); background-repeat:repeat-y;
}
#box1 div.top{
display:block; height:10px; background-image:url(../images/div_01-1.gif); background-repeat:no-repeat;
}
#box1 div.bottom{
display:block; height:10px; background-image:url(../images/div_01-2.gif); background-position:bottom; background-repeat:no-repeat;
}
#box1 .detail{
padding:15px; line-height:150%;
}
#box1 .redetail{
padding:10px; line-height:150%; border-top:#f3590d dotted 1px; color:#f3590d; margin-left:80px;
}
#box1 h2.t01{
margin:0px; padding:0 15px; font-size:18px; color:#000000;
}
/* box1-1 */
#box1-2{
width:778px; background-image:url(../images/div_03-3.gif); background-repeat:repeat-y; margin-left:auto; margin-right:auto;
}
#box1-2 div.top{
display:block; height:10px; background-image:url(../images/div_03-1.gif); background-repeat:no-repeat;
}
#box1-2 div.bottom{
display:block; height:10px; background-image:url(../images/div_03-2.gif); background-position:bottom; background-repeat:no-repeat;
}
#box1-2 .item01{
font-size:18px; font-weight:bold; padding-bottom:5px;
}
#box1-2 .item02{
font-size:12px; color:#000000; padding-top:5px; border-top:#CCCCCC dotted 1px;
}
/* box3 */
#box2{
width:800px; background-image:url(../images/div_02-3.gif); background-repeat:repeat-y;
}
#box2 div.top{
display:block; height:10px; background-image:url(../images/div_02-1.gif); background-repeat:no-repeat;
}
#box2 div.bottom{
display:block; height:10px; background-image:url(../images/div_02-2.gif); background-position:bottom; background-repeat:no-repeat;
}
#box2 .detail{
padding:15px; line-height:150%;
}
#box2 .item02{
font-size:12px; color:#000000; padding-bottom:5px;  border-bottom:#CCCCCC dotted 1px;
}
/* 使用 有山野教室個人內容討論區 */
/* box1_1 */
#box1_1{
width:760px; background-image:url(../images/div_01-3_1.gif); background-repeat:repeat-y;
}
#box1_1 div.top{
display:block; height:10px; background-image:url(../images/div_01-1_1.gif); background-repeat:no-repeat;
}
#box1_1 div.bottom{
display:block; height:10px; background-image:url(../images/div_01-2_1.gif); background-position:bottom; background-repeat:no-repeat;
}
#box1_1 .detail{
padding:15px; line-height:150%;
}
/* box1-1_1 */
#box1-2_1{
width:740px; background-image:url(../images/div_03-3_1.gif); background-repeat:repeat-y; margin-left:auto; margin-right:auto;
}
#box1-2_1 div.top{
display:block; height:10px; background-image:url(../images/div_03-1_1.gif); background-repeat:no-repeat;
}
#box1-2_1 div.bottom{
display:block; height:10px; background-image:url(../images/div_03-2_1.gif); background-position:bottom; background-repeat:no-repeat;
}
#box1-2_1 .item01{
font-size:16px; font-weight:bold; padding-bottom:5px; color:#000000;
}
#box1-2_1 .item02{
font-size:12px; color:#000000; padding-top:5px; border-top:#CCCCCC dotted 1px;
}
/* box3_1 */
#box2_1{
width:760px; background-image:url(../images/div_02-3_1.gif); background-repeat:repeat-y; color:#000000;
}
#box2_1 div.top{
display:block; height:10px; background-image:url(../images/div_02-1_1.gif); background-repeat:no-repeat;
}
#box2_1 div.bottom{
display:block; height:10px; background-image:url(../images/div_02-2_1.gif); background-position:bottom; background-repeat:no-repeat;
}
#box2_1 .detail{
padding:15px; line-height:150%;
}
#box2_1 .item02{
font-size:12px; color:#000000; padding-bottom:5px;  border-bottom:#CCCCCC dotted 1px;
}
/* box6 */
.box6_1{
display:block;
width:778px; background-image:url(../images/div_06-3.gif); background-repeat:repeat-y; color:#000000;
margin-left:auto; margin-right:auto;
}
.box6_1 div.top1{
display:block; height:5px; background-image:url(../images/div_06-1.gif); background-repeat:no-repeat; background-position:top;
}
.box6_1 div.bottom1{
display:block; height:5px; background-image:url(../images/div_06-2.gif); background-position:bottom; background-repeat:no-repeat;
}
.box6_1 .detail_1{
padding:0px 10px;
}
/* box7 */
.box7_1{
display:block;
width:258px; background-image:url(../images/div_07-3.gif); background-repeat:repeat-y; color:#000000;
margin-left:auto; margin-right:auto;
}
.box7_1 div.top1{
display:block; height:5px; background-image:url(../images/div_07-1.gif); background-repeat:no-repeat; background-position:top;
}
.box7_1 div.bottom1{
display:block; height:5px; background-image:url(../images/div_07-2.gif); background-position:bottom; background-repeat:no-repeat;
}
.box7_1 .detail_1{
padding:0px 10px;
}
.img_p20{
padding:20px; border:#dedfde solid 1px;
}
/* box8 */
.box8{
display:block;
float:left;
padding-right:2px;
}
.box8img{
display:block; width:105px;
float:left;
}
.box8text{
display:block;
float:left; width:115px;
color:#666666;
}
/**/
hr{
border-bottom:#CCCCCC solid 1px;
}
.space5{
display:block; margin:0px; padding:0px;
height:5px;
}
.space10{
display:block; height:10px;
}
.space20{
display:block; height:20px;
}
.tright{
text-align:right; margin:0px; padding:0px;
}
.imggotop{
padding:0px 10px; border:0px;
}
.how1{
background-image:url(../images/icon-how1.gif); background-position:0px 0px; background-repeat:no-repeat; padding-left:16px; font-size:12px;
}

/* inner */
.b01{
float:left; height:22px; line-height:24px; padding-left:10px;
}
.b02{
padding-top:10px; padding-bottom:5px; text-align:left;
}
.b03{
padding-bottom:5px; padding-top:5px; float:right;
}

.bottom-bline{
border-bottom:#CCCCCC dotted 1px;
}
.mb5{
margin-bottom:5px;
}
.pb5{
padding-bottom:5px;
}