
body{
    background-image:url(../img/body_bg.gif);
    background-position:center top;
}

/* ベース　上右下左*/
#wrapper {    background-image:url(../img/parts_main/header_top.gif);
    background-position:top left;
    background-repeat:no-repeat;
  background-color:#fff;
    width:880px;
    margin: 0px auto 10px auto;;    padding:0px 0px 0px 0px;
}
/* ヘッダ　上右下左*/
#header{
    background-image:url(../img/parts_main/header_back.gif);
    background-position:center bottom;
    background-repeat:no-repeat;
    padding:0px 20px 10px 20px;

}
#top{text-align : left ;	margin : 0px 100px 0px 0px;}
#top img{float : left ;	margin : 15px 0px 0px 0px;}
#top h1{
    padding: 5px 5px 0px 210px;
    font-size: 1.35em;
    line-height:1.5;
    font-weight:bold;
    color:#405C99;
}
#top h2{
    font-size: 1.3em;
    line-height:1.5;
    font-weight:normal;
    padding: 0px 5px 10px 210px;
}

#topic a{	text-decoration : none ;}
/* パンくずりスト*/
#pankuzu{
    margin:8px 10px 8px 0px;
    text-align:left;
    font-size:1.2em;
}
#pankuzu ul{
   
}

#pankuzu ul li{
    background:url(../img/parts_main/pankuzu.gif) no-repeat center left;
    padding: 1px 5px 1px 16px;
    display:inline;
}

#pankuzu ul li.pankuzu_first{
    background:url(../img/parts_main/pankuzu_first.gif) no-repeat center left;
    padding: 1px 5px 1px 18px;
    display:inline;
}


 /* コンテンツ枠innerはすべて含む・上右下左*/
#inner{
    margin:0px 20px  0px 20px;
    text-align:center;
}

#bindex #inner{
    margin:15px 20px  0px 20px;
    text-align:center;
}


#main{
    float:left;
    width: 640px;
    margin: 0px 0px 15px 0px;
    text-align: left;
}

#main img{  
    margin: 0px 0px 20px 0px;

}

#right{
    width: 180px;
    float:right;
    margin: 0px 0px 10px 0px;
    text-align:left;
}

#right img{ 
    margin: 0px 0px 15px 0px;
}

#right p img{ 
    margin: 0px 0px 0px 0px;
}

/* 左コンテンツ */

/* sidenaviTop・上右下左*/
#sidenaviTop {
margin: 0px 0px 15px 0px;
padding: 0px 0px 5px 0px;
background:url(../img/parts_right/side_navi_under.gif) no-repeat bottom;    }

#sidenaviTop ul {
    background:url(../img/parts_right/side_navi_re.gif) repeat-y;
}
#sidenaviTop ul li{
    width:180px;
}

#sidenaviTop ul li span{
    display: block;
    text-indent: -5000px;
}

#sidenaviTop ul li#haisetu_about span{
    display: block;
    background: url(../img/parts_right/haisetu_about.gif)  no-repeat top left;
    padding: 0px 0px 3px 0px;
    height:38px;
    text-indent: -5000px;
}
#sidenaviTop ul li#haisetu_toiawase span{
    display: block;
    background: url(../img/parts_right/haisetu_toiawase.gif)  no-repeat top left;
    padding: 0px 0px 3px 0px;
    height:38px;
    text-indent: -5000px;
}
#sidenaviTop ul li ul li {
    line-height:1.6;
    font-size: 1.2em;
    color:#2F634D;
    display:inline;  /*IE6マージン対策*/
}
#sidenaviTop ul li ul li a {
    display:block;
    line-height:2;
    background: url(../img/parts_right/side_navi_moji_bg.gif)  no-repeat bottom left;
    padding: 3px 0px 3px 15px;
    margin: 3px 0px 3px 0px;
    text-decoration:none;
    color:#505050;
}
#sidenaviTop ul li ul li a:hover {
    background: url(../img/parts_right/side_navi_moji_bg.gif)  no-repeat bottom right;
    color:#FF0000;
}

/* sidenaviBrown・上右下左*/
#sidenaviBrown {
margin: 0px 0px 15px 0px;
padding: 0px 0px 5px 0px;
background:url(../img/parts_right/side_navi_brown_under.gif) no-repeat bottom;    }

#sidenaviBrown ul {
    background:url(../img/parts_right/side_navi_brown_re.gif) repeat-y;
}
#sidenaviBrown ul li{
width: 180px;

}

#sidenaviBrown ul li span{
    display: block;
    text-indent: -5000px;
}

#sidenaviBrown ul li#sonota span {display: block;
    background: url(../img/parts_right/sonota.gif)  no-repeat top left;
    padding: 0px 0px 3px 0px;
    height:38px;
text-indent: -5000px;
}
#sidenaviBrown ul li#link span {display: block;
    background: url(../img/parts_right/link.gif)  no-repeat top left;
    padding: 0px 0px 3px 0px;
    height:38px;
text-indent: -5000px;
}

#sidenaviBrown ul li ul li {
    line-height:1.6;
    font-size: 1.2em;
    color:#2F634D;
    display:inline;  /*IE6マージン対策*/
}
#sidenaviBrown ul li ul li a {
    display:block;
    line-height:2;
    background: url(../img/parts_right/side_navi_moji_bg.gif)  no-repeat bottom left;
    padding: 3px 0px 3px 15px;
    margin: 3px 0px 3px 0px;
    text-decoration:none;
    color:#505050;
}
#sidenaviBrown ul li ul li a:hover {
    background: url(../img/parts_right/side_navi_moji_bg.gif)  no-repeat bottom right;
    color:#FF0000;
}

 /* 右コンテンツ*/
 /* side_white */
.side_white{ 
    background:url(../img/parts_right/gura_m_w.gif) repeat-y top left;
}
.side_white h2{
    background: url(../img/parts_right/gura_t_w.gif) no-repeat top left;
    font-weight: bold;
    text-align: center;
    color:#CA4949;
    font-size:1.2em;
    padding:15px 5px 5px 5px;
}

.side_white h2.under_arrow{
    background: url(../img/parts_right/gura_t_arrow.gif) no-repeat top left;
    font-weight: bold;
    text-align: center;
    color:#A2844E;
    font-size:1.3em;
    padding:15px 5px 30px 5px;
}
.side_white p{
    font-size: 1.2em;
    margin:0px 0px 0px 0px;
    padding:0px 10px 5px 10px;
    
}
.side_white p.w_under{
    font-size: 1.2em;
    background:url(../img/parts_right/gura_u_w.gif) no-repeat  bottom left;
    margin:0px 0px 15px 0px;
    padding:0px 10px 10px 10px;

}
.side_white ul{
    font-size: 1.2em;
    margin:0px 0px 3px 3px;
    padding:0px 5px 5px 5px;
}

 /* side_blue・side_green・side_red 共通 */

#side_blue,#side_green,#side_red{
    padding:0px 0px 5px 0px;
    margin:0px 0px 15px 0px;
}
#side_blue h3,#side_green h3,#side_red h3{
    padding:10px 10px 8px 10px;
    text-align: center;
    font-size: 1.2em;
}
#side_blue h4,#side_green h4,#side_red h4{
    padding:6px 0px 5px 16px;
    border-style:dashed;
    border-width: 0px 0px 1px 0px;
    font-size: 1.2em;
}
#side_blue ul,#side_green ul,#side_red ul{
    padding:5px;
    font-size: 1.2em;
}
#side_blue ul a,#side_green ul a,#side_red ul a{
    text-decoration:none;
}
 /* side_blue */

#side_blue{
    background:url(../img/parts_right/gura_u_b.gif) no-repeat bottom left;
}
#side_blue h3{
    background:url(../img/parts_right/gura_t_b.gif) no-repeat  top left;
    color:#EBF2FF;
    background-color:#729FB9;
}
#side_blue h4{
    background: url(../img/parts_right/gura_m_b.gif) repeat-y top left;
    border-color: #729FB9;
}
#side_blue ul{
    background:url(../img/parts_right/gura_m_b.gif) repeat-y top left;
}

 /* side_green */
#side_green{
    background:url(../img/parts_right/gura_u_g.gif) no-repeat  bottom left;
}

#side_green h3{
    background:url(../img/parts_right/gura_t_g.gif)  no-repeat top left;
    color: #EBFFED;
    background-color:#58997D;
}
#side_green h4{
    background:url(../img/parts_right/gura_m_g.gif) repeat-y top left;
    border-color:#58997D;
}
#side_green ul {
    background:url(../img/parts_right/gura_m_g.gif) repeat-y top left;
}
 /* side_red */
#side_red{
    background:url(../img/parts_right/gura_u_r.gif) no-repeat  bottom left;
}

#side_red h3{
    background:url(../img/parts_right/gura_t_r.gif)  no-repeat top left;
    color: #EBFFED;
    background-color:#58997D;
}
#side_red h4{
    background:url(../img/parts_right/gura_m_r.gif) repeat-y top left;
    border-color:#58997D;
}
#side_red ul {
    background:url(../img/parts_right/gura_m_r.gif) repeat-y top left;
}
.redya{	
display : block ;
background: url(../img/mark/ya_red.gif) no-repeat left center; 
padding:0px 0px 0px 8px; 
margin:0px 0px 0px 3px; 
}

/* フッター・上右下左*/
#footer {
    background:url(../img/parts_footer/footer_bg.gif)  no-repeat center bottom;
    clear:both;
    width:880px;
    margin:0px auto;
    padding: 0px 0px 15px 0px;
    text-align:center;
}
#footer ul{    font-size:1.2em;
    border-style:dashed;
    border-color:#385492;
    border-width: 1px 0px 0px 0px;
    margin:0px 23px 5px 23px;
    padding:10px 0px 0px 0px;
    text-align:left;
}

#footer ul li.footer_link_first{
    background: url(../img/parts_footer/footer_link_first.gif)  no-repeat center left;
    display:inline;
    padding:4px 0px 3px 20px;
    margin:0px 6px 0px 0px;
}

#footer ul li{
    background: url(../img/parts_footer/footer_link.gif)  no-repeat center left;
    display:inline;
    padding:4px 0px 3px 17px;
    margin:0px 6px 0px 0px;
}

#footer ul li a{
    text-decoration:none;
}



.copyright{
    clear:both;
    margin:0px 20px 0px 0px;
}
#footer p{
    text-align:right;
    color:#696969;
}
