@charset "utf-8";

 {
font-size: 100%;
font-style: small;
}

img {
border: none;
vertical-align: middle;
}

ul{
list-style-type: none;
}

em{
color: #e00;
}

a{
text-decoration: none;
}
a:link{
color: #00f;
}
a:visited{
color: #909;
}
a:hover{
text-decoration: underline;
}

/*--▼レイアウト設定▼--*/
#container{
width: 801px;
background: #fff url(./../images/bg-container.gif) repeat-y top left;
}
#header{
margin: 0 30px;
}

#side /*sub*/ {
float: left;
width: 160px;
}
#footer{
clear: both;
width: 734px;
height: 60px;
margin: 0 30px;
border-top: 1px solid #ddd;
background-color: #ececec;
}

/*--▲レイアウト設定▲--*/

/*--▼ヘッダー内設定▼--*/
#header{
font-size: 12px;
}
#header p.logo{
float: left;
width: 160px;
}
#header p.ads{
float: right;
width: 580px;
margin: 18px 0 24px;
text-align: center;
}

#header div.index{
clear: both;
}
#header div.index ul{
float: right;
width: 581px;
}
#header div.index ul li{
display: inline;
margin: 0 2px 0 0;
} 
/*--▲ヘッダー内設定▲--*/

/*--▼メインコンテンツ設定▼--*/
#main {
padding: 120px;
margin: 120px;
font-size: 100%;
line-height: 200%;
}

#side /*sub*/ {
position: static; /* relative; */
top: -25px;
font-size: 12px;
}

/*--▼文字サイズ変更▼--*/
#font-size-switcher{
width: 130px;
margin: 0 3px 3px;
padding: 5px;
background-color: #ececec;
text-align: center;
}
#font-size-switcher h3{
margin: 0 15px 3px;
padding: 3px;
background-color: #dcdcdc;
color: #888;
font-size: 10px;
font-weight: normal;
}
#font-size-switcher ul li{
display: inline;
padding: 0 2px 0 0;
} 
/*--▲文字サイズ変更▲--*/

/*--▼サイドバー詳細設定▼--*/
#side div.feature{
margin: 0 3px;
}
#side div.feature h3{
margin: 5px 0;
}
#side div.feature span.new{
display: block;
color: #f00;
font-size: 10px;
font-weight: bold;
text-align: left;
}
#side div.feature p.image{
margin: 0 0 3px;
text-align: center;
}
#side div.feature p.text{
margin: 0 3px 10px;
line-height: 1.2;
}
#side div.feature p.text img{
vertical-align: top;
}
#side div.feature p.text a{
color: #333;
}

#side div.banner{
margin: 0 3px;
padding: 5px 0 0;
border-top: 3px double #ddd;
}
#side div.banner h3{
margin: 5px 0;
}
#side div.banner span.new{
display: block;
color: #f00;
font-size: 10px;
font-weight: bold;
text-align: left;
}
#side div.banner p.image{
margin: 0 0 3px;
text-align: center;
}
#side div.banner p.text{
margin: 0 3px 10px;
line-height: 1.2;
}
#side div.banner p.text img{
vertical-align: top;
}
#side div.banner p.text a{
color: #333;
}
/*--▲サイドバー詳細設定▲--*/

/*--▼フッター詳細設定▼--*/
#footer p.logo{
float: right;
width: 60px;
}
#footer div.contact{
padding: 5px;
color: #888;
font-size: 10px;
line-height: 1.2;
}
#footer div.contact h3{
display: none;
}
#footer div.contact a{
color: #888;
}
/*--▲フッター詳細設定▲--*/

/*--カテゴリーアーカイブの設定--*/
#doc {
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-decoration: none;
	line-height: 180%;
}
/*--▼トップページへ戻るリンク設定▼--*/
#main p.return{
margin: 10px 10px 5px;
text-align: right;
}
/*--▲トップページへ戻るリンク設定▲--*/

/*--▼自立支援プログラムページ設定▼--*/
.self-support #main h2{
margin: 0 0 10px;
text-align: center;
}
.self-support #main h3{
text-align: center;
}
.self-support #main h4{
margin: 0 15px;
padding: 0 0 0 10px;
background: transparent url(./../images/arrow.gif) no-repeat left center;
color: #333;
font-size: 110%;
line-height: 1.4;
}
.self-support #main p{
margin: 0 15px 1em;
color: #333;
font-size: 110%;
line-height: 1.4;
}
.self-support #main div.section{
padding: 5px;
background-color: #ffc;
}
.self-support #main div.section p{
margin: 0;
}
/*--▲自立支援プログラムページ設定▲--*/