@charset"utf-8";


/* ナヴィゲーションボタン 
-----------------------------------*/
#navi {
width:1000px;
height:54px;
padding:0px;
margin-top:13px;
float:left;
overflow:hidden;
display:inline;
}

#navi img { visibility:hidden }
#navi .n-home { background-image: url(../image/navi_home.gif);  background-position: 0px 54px; float:left;}
#navi .n-work { background-image: url(../image/navi_work.gif);  background-position: 0px 54px; float:left;}
#navi .n-service { background-image: url(../image/navi_service.gif);  background-position: 0px 54px; float:left;}
#navi .n-pack { background-image: url(../image/navi_pack.gif);  background-position: 0px 54px; float:left;}
#navi .n-com { background-image: url(../image/navi_com.gif);  background-position: 0px 54px; float:left;}
#navi .n-inq { background-image: url(../image/navi_inq.gif);  background-position: 0px 54px; float:left;}

#navi a,
#navi a:link,
#navi a:visited { background-position: 0px 0px; float:left; height: 54px; }
#navi a:hover,
#navi a:active { background-position: 0px 54px; float:left;}

#navi .n-home a { background-image: url(../image/navi_home.gif); }
#navi .n-work a { background-image: url(../image/navi_work.gif); }
#navi .n-service a { background-image: url(../image/navi_service.gif); background-position: 0px 54px; float:left;}
#navi .n-pack a { background-image: url(../image/navi_pack.gif); }
#navi .n-com a { background-image: url(../image/navi_com.gif); }
#navi .n-inq a { background-image: url(../image/navi_inq.gif); }


#TopContent {
width:1000px;
float:left;
padding:0;
margin:0 0 10px 0;
*margin:0 0 5px 0;
background-image:url(../image/left_under.gif);
background-repeat:repeat-y;
}


/* Rコンテンツ
-----------------------------------*/
dl.flow {
margin:30px 0 0 0;
width:681px;

}

dl.flow dt {
width:681px;
height:124px;
background-image:url(../image/plan-produce_top.gif);
text-indent:-9999px;
float:left;
}

dl.flow dt.plan {
width:681px;
height:121px;
background-image:url(../image/plan-plan_top.gif);
text-indent:-9999px;
float:left;
}

dl.flow dd.cont {
width:636px;
border-left:10px solid #ECECEC;
border-right:10px solid #ECECEC;
margin:0;
padding:10px 0 10px 25px;
float:left;
}

dl.flow dd.cont ul {
margin:0;
float:left;
}

dl.flow dd.cont li {
margin:0 0 10px 0;

}

.arrow {
float:left;
background-image:url(../image/plan-arrow.gif);
background-repeat:no-repeat;
width:4px;
height:5px;
margin:12px 10px 0 10px;
}


dl.flow dd.btm {
width:681px;
height:68px;
background-image:url(../image/plan-produce_btm.gif);
margin:0 0 30px 0;
float:left;
}

dl.flow dd.btm02 {
width:681px;
height:73px;
background-image:url(../image/plan-plan_btm.gif);
margin:0 0 30px 0;
float:left;
}

ul.btm {
margin:30px 0 30px 90px;
_margin:30px 0 30px 45px;
float:left;
}

ul.btm li.S01 {
margin:0 105px 0 0;
float:left;
background-image:url(../image/plan-sisaku.gif);
width:200px;
height:100px;
padding:100px 0 0 0;
text-align:center;
}


ul.btm li.S02 {
margin:0;
float:left;
background-image:url(../image/plan-sisaku.gif);
width:200px;
height:90px;
padding:110px 0 0 0;
text-align:center;
}



