@charset "UTF-8";


/*Reset（ブラウザ初期設定リセット）
---------------------------------------------------------------*/
* {
	margin: 0; /*マージン:上下左右*/
	padding: 0; /*パディング:上下左右*/
}

/*Basic Element
---------------------------------------------------------------*/
body {
	background: #fff url(./images/bg_body.gif) ; /*背景設定*/
	color : #333;   /*文字色*/
	font-size:14px; /*文字サイズ*/
	font-family: 'ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック',sans-serif; /*文字種類（ゴシック系）*/
	line-height: 2 ;  /*文字行間*/
	letter-spacing: 0 ;  /*文字間幅*/
}

img{border : none ;}
li{list-style-type : none ;}
/*link
---------------------------------------------------------------*/
a{    
    color : #655343 ;
	text-decoration: none;
}

a.detail{
    padding-left : 30px ;
	background: url(./images/bg_detail.png)  left center no-repeat ; 
}

#info a:hover ,
a:hover.detail{
    text-decoration: underline; 
}
/*accessibility
---------------------------------------------------------------*/
.acsy{
    position:absolute ;
    z-index : -999 ;
    top : -999px ;
    font-size: 0 ;    
}

/*clearfix
---------------------------------------------------------------*/
.clearfix:after { /*疑似セレクタ　内包セレクタの最後に*/
    content: "";/*空要素を作る*/
    display: block;
    clear: both;
}

/*wrapper
---------------------------------------------------------------*/
#wrapper{
    width : 1200px ;
    margin : 0 auto ;/*マージン:上下と左右（autoでセンター合わせ）*/
	background: url(./images/bg_wrapper.gif) ; /*背景設定*/
}

#header,#nav,#firstView,#contents,#footer{
    width : 1200px ;
    margin : 0 auto 20px auto ;/*マージン:上と右と下と左*/
}

/*header
---------------------------------------------------------------*/
#header{
    border-bottom : #655343 5px solid ;
    padding : 20px 0 10px 0 ;
}
#logo{
    float : left ;
}
#info{
    float : right ;
}
#info ul li{
    float : left ;
}
#info ul li a{
    display : block ;
    margin : 20px 20px 0 0;
    padding-left : 10px ; 
	background: url(./images/bg_info.png) left center no-repeat ;   
}

/*nav
---------------------------------------------------------------*/
#nav ul li{
    float : left ;
    width : 20% ;
}

#nav ul li a{
    display : block ;
    border-left : #c9c3bd 1px solid ;
    text-align: center ;
    line-height : 40px ;
	background:url(./images/bg_nav.png) left center no-repeat ; 
}

#nav ul li a:hover{
	background: #f4f3f2 url(./images/bg_nav_over.png) left center no-repeat ;    
}

li.last a{
    border-right : #c9c3bd 1px solid ;
}

/*firstView
---------------------------------------------------------------*/
#topic{
    position : relative ;/*基準は配置位置*/
    top : 0 ;
    left : 0 ;
    margin-top : 20px ;
}
#news{
    width : 960px ;
    height : 150px ;
    margin-left : 240px ;
}
#news h2 {
    padding : 0 10px ;
    background : #655343 ;
    color :#fff ;
    font-size:16px;
    line-height : 30px ;    
}
#news ul li{
    padding : 0 10px ;
    border-bottom : #c9c3bd 1px solid ;
    line-height : 29px ; 
}
#bnr01{
    position : absolute ;/*基準は親要素「topic」*/
    top : 0 ;
    left : 0 ;
}
#bnr02{
    position : absolute ;/*基準は親要素「topic」*/
    top : 0 ;
    right : 0 ;
}

/*contents
---------------------------------------------------------------*/
#contents{
    position : relative ;/*基準は配置位置*/
    top : 0 ;
    left : 0 ;
}

#localNav {
    position : absolute ;/*基準は親要素「contents」*/
    top : 0 ;
    left : 0 ;
    width : 220px ;
}
#localNav ul {
    border-top : #655343 5px solid ;
    border-bottom : #655343 5px solid ;
}
#localNav ul li a{
    display : block ;
    padding-left : 20px ;
    border-bottom : #c9c3bd 1px dotted ;
    line-height : 50px ; 
	background: url(./images/bg_localNav.png) left center no-repeat ;   
}
#localNav ul li a:hover{
	background: #f4f3f2 url(./images/bg_localNav.png) left center no-repeat ;   
}

#main {
    margin-left : 240px ;
	background: url(./images/bg_main01.png) right 60px no-repeat ;
}

#main > div {/*「#main」直下のdiv要素*/
    margin-bottom : 20px ;
}

#main02 > div {/*「#main02」直下のdiv要素*/
    margin : 40px 20px ;
}

#main01>p,#main02>p {/*直下のP*/
    margin : 20px 20px 40px 20px ;
}
#main02 div p {
    margin-top : 20px ;
}
img.typeL {
    float : left ;
    margin-right : 20px ;
}
img.typeR {
    float : right ;
    margin-left : 20px ;
}

/*pagetop
---------------------------------------------------------------*/
#pagetop{
    cursor : pointer ;
    position : fixed ;/*基準はbody*/
    bottom : 50px ;
    right : 50px ;
}

/*footer
---------------------------------------------------------------*/
#footer{
    margin-bottom : 0 ;
    border-top : #c9c3bd 1px solid ;
    text-align : center ;
}

#footer div{
    margin : 20px 0  ;
    /*position  : relative ;
    top : 0 ;
    left : 0 ;はみ出し非表示IE7対応*/
    overflow: hidden;/*横スクロール非表示*/
}
#footer ul{
    position  : relative ;
    top : 0 ;
    float : left ;
    left : 50% ;/*直近祖先要素幅の50％*/
}

#footer ul li{
    position  : relative ;
    top : 0 ;
    left : -50% ;/*直近祖先要素幅の-50％*/
    float : left ;
    /*overflow : hidden ;*/
}

#footer ul li a{
    display: block;
    padding : 0 20px  ;
    border-left : #c9c3bd 1px solid ;
    line-height : 20px ;    
}

#copyright{
    border-top : #655343 5px solid ;
    font-size : 10px ;
    line-height : 40px ;
}