@charset "UTF-8";
@import "reset.css";


#base_container {
	width: 800px;  /* 最大幅である 800px より 20px 小さくすることにより、ブラウザクロームの使用が可能となり、水平スクロールバーが表示されなくなります */
	background: #FFFFFF; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	border: 1px solid #000000;
	text-align: left; /* この設定は body エレメントの text-align: center より優先されます。 */
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-color: #FFF;
	
}

#base_headerimg  {
	width: 800px;
	margin-bottom: 5px;
}

#base_absolute_container {
	background-image: url(../image/side_navbar/background.jpg);
	width: 800px;
	background-repeat: repeat-y;
	margin-top: 10px;
}


#base_sidebar_left {
	float: left; /* このエレメントはフローティングエレメントであるため、幅が設定されている必要があります */
	width: 150px;
	margin-right: 0px;
	padding: 0px;
}

#main{
	float:left;
	width:625px;
	margin-left:10px;
	padding-bottom:10px;
	display: inline;

}
#main h1{
	margin-top: 10px;
	margin-bottom: 10px;
}

ul#nav{
    list-style:none;
 
}
ul#nav li{
    list-style:none;
    width:149px;
}
ul#nav a{
    display:block;
    width:149px;
    height:32px;
    text-indent:-900px;
	font-size:1px;
line-height:1px;
outline:none;
    overflow:hidden;
}

a.nav_top{
	background-image:url(../image/side_navbar/top/top_bt.png);
}
a:hover.nav_top{
    background-position:0px -32px;
}
a.nav_blog{
	background-image:url(../image/side_navbar/blog/blog_bt.png);
}
a:hover.nav_blog{
    background-position:0px -32px;
}
a.nav_media{
	background-image:url(../image/side_navbar/media/media_bt.png);
}
a:hover.nav_media{
    background-position:0px -32px;
}
a.nav_policy{
	background-image:url(../image/side_navbar/policy/bt/policy_BT.png);
}
a:hover.nav_policy{
    background-position:0px -32px;
}
a.nav_profile{
	background-image:url(../image/side_navbar/profile/profile_bt.png);
}
a:hover.nav_profile{
    background-position:0px -32px;
}
a.nav_supporters{
	background-image:url(../image/side_navbar/supporters/kouenkai_bt.png);
}
a:hover.nav_supporters{
    background-position:0px -32px;
}


ul#policynav{
    list-style:none;
 
}
ul#policynav li{
    list-style:none;
    width:149px;
}
ul#policynav a{
    display:block;
    width:149px;
    height:32px;
    text-indent:-100px;
    overflow:hidden;
}

a.policynav_top{
	background-image:url(../image/side_navbar/policy/bt/policytop_BT.png);
}
a:hover.policynav_top{
    background-position:0px -32px;
}
a.policynav_seikatsu{
	background-image:url(../image/side_navbar/policy/bt/seikatsukeiki_BT.png);
}
a:hover.policynav_seikatsu{
    background-position:0px -32px;
}
a.policynav_kosodate{
	background-image:url(../image/side_navbar/policy/bt/kosodate_BT.png);
}
a:hover.policynav_kosodate{
    background-position:0px -32px;
}
a.policynav_wellfare{
	background-image:url(../image/side_navbar/policy/bt/welfare_BT.png);
}
a:hover.policynav_wellfare{
    background-position:0px -32px;
}
a.policynav_chuushou{
	background-image:url(../image/side_navbar/policy/bt/chuushoukigyou_BT.png);
}
a:hover.policynav_chuushou{
    background-position:0px -32px;
}
a.policynav_firm{
	background-image:url(../image/side_navbar/policy/bt/firm_BT.png);
}
a:hover.policynav_firm{
    background-position:0px -32px;
}
a.policynav_resource{
	background-image:url(../image/side_navbar/policy/bt/resource_BT.png);
}
a:hover.policynav_resource{
    background-position:0px -32px;
}



ul#profnav{
    list-style:none;
 
}
ul#profnav li{
    list-style:none;
    width:149px;
}
ul#profnav a{
    display:block;
    width:149px;
    height:32px;
    text-indent:-100px;
    overflow:hidden;
}

a.profnav_history{
	background-image:url(../image/side_navbar/profile/history/history_bt.png);
}
a:hover.profnav_history{
    background-position:0px -32px;
}
a.profnav_books{
	background-image:url(../image/side_navbar/profile/books/books_bt.png);
}
a:hover.profnav_books{
    background-position:0px -32px;
}
a.profnav_kouryuu{
	background-image:url(../image/side_navbar/profile/kouryuu/kouryuu_bt.png);
}
a:hover.profnav_kouryuu{
    background-position:0px -32px;
}
a.profnav_personal_data{
	background-image:url(../image/side_navbar/profile/personal_data/personal_data_bt.png);
}
a:hover.profnav_personal_data{
    background-position:0px -32px;
}
a.profnav_principle{
	background-image:url(../image/side_navbar/profile/principle/principle_bt.png);
}
a:hover.profnav_principle{
    background-position:0px -32px;
}
a.profnav_yamaokasouhachi{
	background-image:url(../image/side_navbar/profile/yamaokasouhachi/yamaokasouhachi_bt.png);
}
a:hover.profnav_yamaokasouhachi{
    background-position:0px -32px;
}

ul#supnav{
    list-style:none;
 
}
ul#supnav li{
    list-style:none;
    width:149px;
}
ul#supnav a{
    display:block;
    width:149px;
    height:32px;
    text-indent:-100px;
    overflow:hidden;
}

a.supnav_area4{
	background-image:url(../image/side_navbar/supporters/area4/area4_BT.png);
}
a:hover.supnav_area4{
    background-position:0px -32px;
}
a.supnav_info{
	background-image:url(../image/side_navbar/supporters/info/info_BT.jpg);
}
a:hover.supnav_info{
    background-position:0px -32px;
}
a.supnav_activity{
	background-image:url(../image/side_navbar/supporters/activity/activity_BT.jpg);
}
a:hover.supnav_activity{
    background-position:0px -32px;
}


#base_sidebar_address {
	float: left;
	width: 127px;
	margin-top: 30px;
	margin-left: 0px;
	padding-left: 15px;
}
#base_sidebar_address p{
	margin-top: 5px;
	margin-bottom: 5px;
}


#base_sidebar_right {
	float: left; /* このエレメントはフローティングエレメントであるため、幅が設定されている必要があります */
	width: 159px; /* 背景色は、列内のコンテンツの長さにわたって表示されます */
	padding: 0px; /* 余白は、div のコンテンツを div の端に接触しない位置に維持します */
	margin-top: 5px;
	
}

#base_sidebar_right h2{
	margin-top: 1em;
	margin-bottom: 0.5em;	
}


.topicpath {
	/*width: 600px;*/
	margin-bottom: 10px;
	margin-left: 5px;
	margin-top: 10px;
} 

.topicpath li {  
    display:inline;  
    line-height:110%;  
    list-style-type:none;  
}  
.topicpath li a {
	padding-right:20px;
	background-image: url(../image/lead_image/topicimg.png);
	background-repeat: no-repeat;
	background-position: right center;
}  


#base_footer {
	padding-top: 12px;
	background-image: url(../image/footter/footer.jpg);
	height: 38px;
	width: 800px;
	font-size: 0.7em;
	color: #333;
	text-align: center;
	line-height: 1.7em;
	clear: both;
	background-repeat: no-repeat;
}




.fltrt { /* このクラスは、ページ上でフローティングエレメントを右側に配置するのに使用できます。プローティングエレメントは、ページ上でその横に配置されるエレメントの前に配置される必要があります。 */
	float: right;
	margin-left: 8px;
}
.fltlft { /* このクラスは、ページ上でフローティングエレメントを左側に配置するのに使用できます */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* このクラスは、div またはブレークエレメントに適用される必要があり、また、フローティングエレメントが完全に含まれているコンテナの末尾の直前にある最後のエレメントである必要があります */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}