@charset "utf-8";
/* CSS Document */
body {
    font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka, Verdana, Arial, Helvetica, sans-serif;
	margin:0 auto;
	padding: 0;
	text-align:left;
	letter-spacing: 1px;
	color:#6C5532;
	font-size:14px;
	line-height:1.4
}

#wrapper{
	margin:0 auto;
}

/*　Index　TOPページ　*/

/* ヘッダー */
#headerWrapper {
    margin: 0 auto;
    padding: 0;
    text-align: center;
    background: url(../images/headerBorder.gif) repeat-x;
}

#header {
    margin: 0 auto;
    padding: 0;
    text-align: left;
    position: relative;
    width:1000px;
    height:85px;
}


#header h1.siteTitle {
	position: absolute;
	top:6px;
	margin: 0;
	padding: 0;
	width:330px;
	height:79px;
	display: block;
	float: left;
	background: url(../images/siteTitle.gif) 0px 0px;
	z-index: 999;
	left: 1px;
}



#header #topTel {
	position: absolute;
	right: 1px;
	top:6px;
	margin: 0;
	padding: 0;
	width:370px;
	height:79px;
	display: block;
}

#header #topTel .companyTel{
	position: absolute;
	margin: 0;
	padding: 0;
	width:370px;
	height:79px;
	display: block;
	background: url(../images/imgTopTel.gif);
}

.altText {
    text-indent: -9999px;
    overflow: hidden;
    margin: 0;
    padding: 0;
    display: block;
}
/* ヘッダー終わり */



#containerUpper{
	margin:0 auto;
	width:1000px;
}


/* nav block */
#navi{
	width:1000px;
	height:48px;
	margin:10px auto 8px;
}

.button{
	width:196px;
	height:48px;
	float:left;
	margin-right:5px;
}

.button img{
	border:none}



.buttonLast{
	width:196px;
	height:48px;
	float:left;
}


.buttonLast img{
	border:none}

p{
	margin:0;
	padding:0;
}



/* コンテンツ */
#mainContent{
    width:1000px;
	height:2550px;
	margin:0 auto;
}

#grWrapper{
	height:auto;
	margin:8px 0 8px 10px;
}


.panList {
	width:714px;
    margin-left:auto;
    margin-right:auto;
    font-size:12px;
}




#mainLeft{
	width:724px;
	height:auto;
	float: left;
}

h2{
	margin:0;
	padding:0;
	float:left;
}


#history{
    width:699px;
    margin:15px 10px 0 15px;
    height:auto;
}


#history div.history-wrap {
    height:auto;
	float:left;
}

#history div.history-wrap dl {
    zoom: 1;
}

#history div.history-wrap dl {
    width:704px;
    padding-bottom:10px;
}

dl {
    display: block;
	margin:0;
	padding:12px 0;
}

#history div.history-wrap dt {
    float: left;
    width:200px;
}

dt {
    display: block;
}

#history div.history-wrap dd {
    width:520px;
	margin-left:200px;
}

dd {
    display: block;
}

#history div.history-wrap dl::after {
    content: ".";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}



/*　-------------------------------------右側---------------------------------------　*/

#mainRight{
	width:271px;
	height:auto;
	float:right;
	margin-left:5px;
	margin-top:5px;
}



/* サイド（右側）のボタン */
.sideButton{
	width:271px;
	height:auto;
	margin:5px 0 0 0;
	float:left
}


.sideButton img{
	border:none;
}


/* 相談する */
.sideMenu0{
	width:271px;
	height:auto;
	float:left;
}


.sideMenu0 h4{
	width:271px;
	height:40px;
	float:left;
    margin:0
}



.sideMenu0 ul {
    margin:5px 0;
    float:left;
}

.sideMenu0 ul.familyContents li a {
    padding-left: 26px;
    background: url(../images/busubArrow.gif) no-repeat 7px top;
	color:#4D2F1A;
	text-decoration:none;
}

.sideMenu0 ul.familyContents li a:hover {
	text-decoration: underline;
}



.sideMenu0 ul.familyContents li{
     width: 260px;
     padding:6px 0;
     background: url(../images/dot.gif) repeat-x left bottom;
}

.sideMenu0 ul li {
     list-style: none;
}

li {
     display: list-item;
}





/* 住む・自立 */
.sideMenu1{
	width:271px;
	height:auto;
	float:left;
}


.sideMenu1 h4{
	width:271px;
	height:40px;
	float:left;
    margin:0
}



.sideMenu1 ul {
    margin:5px 0;
    float:left;
}

.sideMenu1 ul.familyContents li a {
    padding-left: 26px;
    background: url(../images/psubArrow.gif) no-repeat 7px top;
	color:#4D2F1A;
	text-decoration:none;
}

.sideMenu1 ul.familyContents li a:hover {
	text-decoration: underline;
}



.sideMenu1 ul.familyContents li{
     width: 260px;
     padding:6px 0;
     background: url(../images/dot.gif) repeat-x left bottom;
}

.sideMenu1 ul li {
     list-style: none;
}

li {
     display: list-item;
}



/* 集まる・参加する */
#sideMenu2{
	width:271px;
	height:auto;
	float:left;
}


#sideMenu2 h4{
	width:271px;
	height:40px;
	float:left;
    margin:0
}



#sideMenu2 ul {
    margin:5px 0;
    float:left;
}

#sideMenu2 ul.familyContents li a {
    padding-left: 26px;
    background: url(../images/gsubArrow.gif) no-repeat 7px top;
	color:#4D2F1A;
	text-decoration:none;
}

#sideMenu2 ul.familyContents li a:hover {
	text-decoration: underline;
}



#sideMenu2 ul.familyContents li{
     width: 260px;
     padding:6px 0;
     background: url(../images/dot.gif) repeat-x left bottom;
}

#sideMenu2 ul li {
     list-style: none;
}

/* 働く・学ぶ */
#sideMenu3{
	width:271px;
	height:auto;
	float:left;
}


#sideMenu3 h4{
	width:271px;
	height:40px;
	float:left;
    margin:0
}



#sideMenu3 ul {
    margin:5px 0;
    float:left;
}

#sideMenu3 ul.familyContents li a {
    padding-left: 26px;
    background: url(../images/osubArrow.gif) no-repeat 7px top;
	color:#4D2F1A;
	text-decoration:none;
}

#sideMenu3 ul.familyContents li a:hover {
	text-decoration: underline;
}



#sideMenu3 ul.familyContents li{
     width: 260px;
     padding:6px 0;
     background: url(../images/dot.gif) repeat-x left bottom;
}

#sideMenu3 ul li {
     list-style: none;
}


p.subBtnText{
	font-size:12px;
	text-align:left;
	padding:5px 6px 0 10px;
}



/* ページの先頭に戻る */
.pagetop a{
	color:#6C5532;
　　text-decoration: none;
　　padding-bottom:5px;
}


.pagetop:hover {
	border-width:1px;
	border-bottom:1px dotted;
}

.pagetop {
width:145px;
float: right;
text-align: right;
cursor:pointer;
margin-top:42px;
font-size:13px;
}






/* フッター */
#footerWrapper {
	background: url(../images/bgFooterWrapper.gif);
}


#footer {
    margin: 0 auto;
    padding:30px 0 0 0;
    width:1000px;
    text-align: left;
	font-size:14px
}

.clearFix {
    zoom: 100%;
}


#footerItem.clearFix{
	width:auto;
	height:240px;
}


div {
    display: block;
}


.clearFix::after {
    content: " ";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}


#footerAdd {
    width: 400px;
	height:195px;
    float: left;
}

#footerAdd1 {
    width:390px;
    float: left;
    font-style: normal;
	padding-left:10px;
}

#footerAdd .ad{
	padding-left:30px;
}


#footerAdd .footerName {
    font-size:16px;
}

#footerAdd p {
    margin: 0;
    padding: 0;
}



address {
   display: block;
}


#footerLink {
   width:570px;
   float: right;
   margin-top:10px;
}


#footerLink ul {
   margin: 0 0 0 0px;
   padding: 0 0 0px 10px;
   width:90px;
   float: left;
   list-style-type: circle;
   border-left: solid 1px #6C5532;
}

#footerLink ul.footerLink1 {
    margin: 0 0 0 0px;
    padding: 0 0 0 20px;
    width: 150px;
    float: left;
    list-style-type: circle;
    border-left: solid 1px #6C5532;
 }
 
 #footerLink ul.footerLink2 {
    margin: 0 0 0 0px;
    padding: 0 0 0 20px;
    width: 220px;
    float: left;
    list-style-type: circle;
    border-left: solid 1px #6C5532;
 }
 
 
 #footerLink ul.footerLink3 {
    margin: 0 0 0 0px;
    padding: 0 0 0 20px;
    width: 130px;
    float:right;
    list-style-type: circle;
    border-left: solid 1px #6C5532;
 }


#footerLink ul li {
    margin: 0;
    padding: 0;
    line-height:30px;
    list-style-type: circle;
	font-size:13px;
}


li {
    display: list-item;
    text-align: -webkit-match-parent;
}

#footerLink a{
	color:#6C5532;
}

#footerLink a:hover {color:#BD5F00;
}