
body{
    background-color:#A52A2A;
}

/* ベース　上右下左*/
#wrapper {
    background-image:url(../img/parts_main/back_re.gif);
    background-position:center top;
    background-repeat:repeat-y;
    width:950px;
    margin: 0px auto;
}
/* ヘッダ　上右下左*/
#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 ;}
#top img{float : left ;	margin : 15px 15px 0px 0px;}
#top h1{
    padding: 5px 5px 5px 235px;
    font-size: 1.2em;
    line-height:1.5;
    font-weight:bold;
}
#top h2{
    font-size: 1.2em;
    line-height:1.5;
    font-weight:normal;
    padding: 0px 5px 5px 235px;
}

/* navi・上右下左　ヘッダに内包*/
#nav {
    background-image:url(../img/parts_main/top_navi_back.gif);
    background-position:center top;
    background-repeat:no-repeat;
    clear: both;
    padding: 0px 0px 0px 18px;
    height:42px;
}
#nav ul li {
    width:152px;
    height: 40px;
    float: left;
    text-indent: -3000px;
}
#nav ul li a {
    display: block;
    width: 152px;
    height: 40px;
    background-repeat: no-repeat;
    background-position: 0px 0px;
}

#nav ul li a:hover { background-position: 0px -40px; }
#nav ul li span { /*\*/ position: absolute; left: -3000px; /*IE排除用*/ }

#nav ul li#menu a{ background-image: url(../img/top_menu/menu.gif); }
#nav ul li#news a { background-image: url(../img/top_menu/saishin.gif); }
#nav ul li#kaitori_about a { background-image: url(../img/top_menu/kaitori_about.gif); }
#nav ul li#kaitori_form a { background-image: url(../img/top_menu/kaitori_form.gif); }
#nav ul li#toiawase a { background-image: url(../img/top_menu/toiawase.gif); }
#nav ul li#kaisha a { background-image: url(../img/top_menu/kaisha.gif); }

body#btop #nav ul li#menu a { background-position: 0px -40px; }
body#bnews #nav ul li#news a { background-position: 0px -40px; }
body#bkaitori_about #nav ul li#kaitori_about a { background-position: 0px -40px; }
body#bkaitori_form #nav ul li#kaitori_form a { background-position: 0px -40px; }
body#btoiawase #nav ul li#toiawase a { background-position: 0px -40px; }
body#bkaisha #nav ul li#kaisha a { background-position: 0px -40px; }

/* トピック*/
#topic{
    background: url(../img/topic.gif)  no-repeat center right;
    padding:5px 90px 5px 5px;
    margin:20px 5px 20px 0px;
    border-style: solid;
    border-width: 1px 1px 1px 5px;
    border-color: #FF8C00;
    font-size: 1.2em;
    clear:both;
}
#topic a{	text-decoration : none ;}
/* パンくずりスト*/
#pankuzu{
    margin:5px 10px 6px 35px;
    text-align:left;
    font-size:1.2em;
}


 /* コンテンツ枠innerはすべて含む・上右下左*/
#inner{
    margin:0px 20px  0px 20px;
    text-align:center;
}

#btop #inner{
    margin:10px 20px  0px 20px;
    text-align:center;
}

#content_left{
float : left ;
width : 730px ;
margin : 0px 0px 10px 0px ;
text-align : left ;
background-color : #fff ;
}

#main{  
    float:right;
    width: 550px;
    margin: 0px 0px 10px 0px;
    text-align: left;
}

#left{ 
width : 165px ;
    float:left;
    margin: 0px 0px 10px 0px;
}

#left img{ 
    margin: 0px 0px 15px 0px;
}

#left p img{ 
    margin: 0px 0px 0px 0px;
}

#right{

    text-align: left;
    margin: 0px 0px 10px 0px;
    width: 165px;
    float: right;
}

/* 左コンテンツ */

/* sidenaviTop・上右下左*/
#sidenaviTop {
margin: 0px 0px 15px 0px;
padding: 0px 0px 5px 0px;
background:url(../img/parts_left/side_navi_under.gif) no-repeat bottom;    }

#sidenaviTop ul {
    background:url(../img/parts_left/side_navi_re.gif) repeat-y;
}
#sidenaviTop ul li{
    width:165px;
}
#sidenaviTop ul li#kaitori_about{
    display: block;
    background: url(../img/parts_left/kaitori_about.gif)  no-repeat top left;
    padding: 0px 0px 3px 0px;
    height:35px;
    text-indent: -5000px;
}
#sidenaviTop ul li#kaitori_form{
    display: block;
    background: url(../img/parts_left/kaitori_form.gif)  no-repeat top left;
    padding: 0px 0px 3px 0px;
    height:35px;
    text-indent: -5000px;
}
#sidenaviTop ul li#sonota {display: block;
    background: url(../img/parts_left/sonota.gif)  no-repeat bottom left;
    padding: 0px 0px 3px 0px;
    height:35px;
text-indent: -5000px;
}
#sidenaviTop ul ul li {
    line-height:1.6;
    font-size: 1.2em;
    color:#2F634D;
    display:inline;  /*IE6マージン対策*/
}
#sidenaviTop ul ul li a {
    display:block;
    line-height:2;
    background: url(../img/parts_left/side_navi_moji_bg.gif)  no-repeat bottom left;
    padding: 3px 0px 0px 15px;
    margin: 0px 0px 3px 0px;
    text-decoration:none;
    color:#505050;
}
#sidenaviTop ul  ul li a:hover {
    background: url(../img/parts_left/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_left/side_navi_brown_under.gif) no-repeat bottom;    }

#sidenaviBrown ul {
    background:url(../img/parts_left/side_navi_brown_re.gif) repeat-y;
}
#sidenaviBrown ul li{
width: 165px;

}
#sidenaviBrown ul li#sonota {display: block;
    background: url(../img/parts_left/sonota.gif)  no-repeat top left;
    padding: 0px 0px 3px 0px;
    height:35px;
text-indent: -5000px;
}
#sidenaviBrown ul li#link {display: block;
    background: url(../img/parts_left/link.gif)  no-repeat top left;
    padding: 0px 0px 3px 0px;
    height:35px;
text-indent: -5000px;
}

#sidenaviBrown ul ul li {
    line-height:1.6;
    font-size: 1.2em;
    color:#2F634D;
    display:inline;  /*IE6マージン対策*/
}
#sidenaviBrown ul ul li a {
    display:block;
    line-height:2;
    background: url(../img/parts_left/side_navi_moji_bg.gif)  no-repeat bottom left;
    padding: 3px 0px 0px 15px;
    margin: 0px 0px 3px 0px;
    text-decoration:none;
    color:#505050;
}
#sidenaviBrown ul  ul li a:hover {
    background: url(../img/parts_left/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.mobile{
    background: url(../img/parts_right/gura_t_arrow.gif) no-repeat top left;
    font-weight: bold;
    text-align: center;
    color:#CA4949;
    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; 
}

#right li{font-size : 1em ;	
display : block ;
background: url(../img/mark/ya_red.gif) no-repeat left center; 
padding:2px 0px 2px 8px; 
margin:0px 0px 0px 3px; 
}

/* フッター・上右下左*/
#footer {
    background:url(../img/parts_footer/footer_bg.gif)  no-repeat center bottom;
    clear:both;
    width:950px;
    margin:0px auto;
    padding: 0px 0px 13px 0px;
    text-align:center;
}
#footer ul{
    border-style:dashed;
    border-color:#A52A2A;
    border-width: 1px 0px 0px 0px;
    display:block;
    margin:0px 23px 0px 23px;
    padding:5px 0px 0px 0px;
}

#footer ul li{
    font-size:1.2em;
    float:left;
}
#footer ul li a{
    padding:3px 0px 3px 16px;
    margin:0px 12px 0px 0px;
    background: url(../img/mark/mark_r.gif)  no-repeat center left;
    display:block;
    text-decoration:none;
}

.copyright{
    clear:both;
    margin:0px 20px 0px 0px;
}
#footer p{
    text-align:right;
    color:#696969;
}

#footer p.center{
	margin:3px 0px 0px 0px;
	text-align:center;
	font-size:1.1em;}
#footer p.center a{
	text-decoration:none;
	    color: #696969;}

