@charset "UTF-8";
/* CSS Document */


/* ----------------------------------------------
　top_navi
---------------------------------------------- */


#top_logo span.planningEs {
width:240px;
height:52px;
background-image:url(../images/top_logo.jpg);
background-position:0px 0px;
}

span.planningEs {
width:240px;
height:52px;
background-image:url(../images/top_logo.jpg);
}






div#topNavi {
width:240px;
height:180px;
background-image:url(../images/top_navi.jpg);
background-repeat:no-repeat;
background-position:left bottom;
padding: 0;
}

ul#gNavi {
list-style: none;
margin: 0;
padding: 0;
width: 240px;
}

ul#gNavi li {
list-style: none;
float: left;
margin-right: 0px;
}

ul#gNavi a {
display: block;
}

ul#gNavi span { display:none; }


/*------------------------------------------------------ */

#makebusiness a.makebusiness {
width:240px;
height:25px;
background-image:url(../images/top_navi.jpg);
background-position:0px 0px;
}

a.makebusiness {
width:240px;
height:25px;
background-image:url(../images/top_navi.jpg);
background-position:0px 0px;
}

a:hover.makebusiness { background-position:-240px 0px;}


/*------------------------------------------------------ */

#casestudy a.casestudy {
width:240px;
height:25px;
background-image:url(../images/top_navi.jpg);
background-position:0px -25px;
}

a.casestudy {
width:240px;
height:25px;
background-image:url(../images/top_navi.jpg);
background-position:0px -25px;
}

a:hover.casestudy { background-position:-240px -25px;}


/*------------------------------------------------------ */

#contentsbusiness a.contentsbusiness {
width:240px;
height:25px;
background-image:url(../images/top_navi.jpg);
background-position:0px -50px;
}

a.contentsbusiness {
width:240px;
height:25px;
background-image:url(../images/top_navi.jpg);
background-position:0px -50px;
}

a:hover.contentsbusiness { background-position:-240px -50px;}

/*------------------------------------------------------ */


#company a.company {
width:240px;
height:15px;
background-image:url(../images/top_navi.jpg);
background-position:0px -85px;
}

a.company {
width:240px;
height:15px;
margin-top:10px;
background-image:url(../images/top_navi.jpg);
background-position:0px -85px;
}

a:hover.company { background-position:-240px -85px;}


/*------------------------------------------------------ */

#inquiry2 a.inquiry {
width:240px;
height:15px;
background-image:url(../images/top_navi.jpg);
background-position:0px -100px;
}

a.inquiry {
width:240px;
height:15px;
background-image:url(../images/top_navi.jpg);
background-position:0px -100px;
}

a:hover.inquiry { background-position:-240px -100px;}


/*------------------------------------------------------ */

#access a.access {
width:240px;
height:15px;
background-image:url(../images/top_navi.jpg);
background-position:0px -115px;
}

a.access {
width:240px;
height:15px;
background-image:url(../images/top_navi.jpg);
background-position:0px -115px;
}

a:hover.access { background-position:-240px -115px;}


/*------------------------------------------------------ */


#network a.network {
width:240px;
height:30px;
background-image:url(../images/top_navi.jpg);
background-position:0px -130px;
}

a.network {
width:240px;
height:30px;
background-image:url(../images/top_navi.jpg);
background-position:0px -130px;
}

a:hover.network { background-position:-240px -130px;}


/*------------------------------------------------------ */


#blog a.blog {
width:240px;
height:15px;
background-image:url(../images/top_navi.jpg);
background-position:0px -160px;
}

a.blog {
width:240px;
height:15px;
background-image:url(../images/top_navi.jpg);
background-position:0px -160px;
}

a:hover.blog { background-position:-240px -160px;}




/* ----------------------------------------------
　topCS
---------------------------------------------- */


div#top_cs {
width:240px;
height:378px;
background-image:url(../images/top_cs.jpg);
background-repeat:no-repeat;
background-position:left bottom;
padding: 0;
}

ul#topCS {
list-style: none;
margin: 0;
padding: 0;
width: 240px;
}

ul#topCS li {
list-style: none;
float: left;
margin-right: 0px;
}

ul#topCS a {
display: block;
}

ul#topCS span { display:none; }



#csTop a.csTop {
width:240px;
height:39px;
background-image:url(../images/top_cs.jpg);
background-position:0px 0px;
}

a.csTop {
width:240px;
height:39px;
background-image:url(../images/top_cs.jpg);
background-position:0px 0px;
}

a:hover.csTop { background-position:-240px 0px;}


#cs01 a.cs01 {
width:240px;
height:108px;
background-image:url(../images/top_cs.jpg);
background-position:0px -39px;
}

a.cs01 {
width:240px;
height:108px;
background-image:url(../images/top_cs.jpg);
background-position:0px -39px;
}

a:hover.cs01 { background-position:-240px -39px;}


#cs01 a.cs02 {
width:240px;
height:108px;
background-image:url(../images/top_cs.jpg);
background-position:0px -147px;
}

a.cs02 {
width:240px;
height:108px;
background-image:url(../images/top_cs.jpg);
background-position:0px -147px;
}

a:hover.cs02 { background-position:-240px -147px;}


#cs01 a.cs03 {
width:240px;
height:119px;
background-image:url(../images/top_cs.jpg);
background-position:0px -255px;
}

a.cs03 {
width:240px;
height:119px;
background-image:url(../images/top_cs.jpg);
background-position:0px -255px;
}

a:hover.cs03 { background-position:-240px -255px;}