@charset "utf-8";


/*----------
  2024.co.jp トップページのCSS
------------*/

	* {
		margin: 0;
		padding: 0;
	}
	
	body {
	    margin: 0px;
        padding: 0px;
        font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
		background-color: #ffffff;
		font-size: 14px;
	}

    #cotop{ display: none;}



 h1{ font-size: 12px;
     color: #ffffff;
	 float: left;
	 text-indent: -9999;
   }

	img {
		border: none;
	}
	
	p {
		font-size:14px;
	}
	
	p#url {
		font-size: 12px;
		font-weight: normal;
		color: #808000;
		margin-top: 13px;
		width: 100%;
		text-align: center;
		border-bottom: 1px solid #000000;
		padding-bottom: 5px;
	}


    hr{ clear: both;
	    border: 0px #ffffff;
		visibility: hidden;
		}


	#footer {
	    width: 100%;
		margin-top: 30px;
		padding: 0px;
		
	}
	
	#footer p {
		margin-top: 5px;
		font-size: 14px;
		line-height: 160%;
	}
	

	#bannerbox01{
		margin-top: 15px;
		margin-bottom: 30px;
	}
	

    #bannerbox01 img{
		border: none;
		margin: 0 10px 0 10px;
	}


	#wrap{
	 text-align: center;
	 margin-top:30px;
	 width: 100%;
	 }


	#box1{
	 text-align: center;
	 margin-top:30px;
	 width: 100%;
	 }
	


	#topimg{
	 margin: 0 auto;
	 text-align: center;
	 margin-top: 0px;
	 width: 700px;
	 height: 350px;
	 background-image: url(topimg/loadinfo.gif);
     background-repeat: no-repeat;
     background-position: center;
	 }
	
	#topimg p{
	   font-size: 12px;
	   text-align: right;
	   }

/*------------------------------
  リンクの色
--------------------------------*/

    a:link		{ color: #000000; text-decoration: none; }
    a:visited	{ color: #000000; text-decoration: none; }
    a:active	{ color: #3366FF; text-decoration: none; }
    a:hover		{ color: #3366FF;
                  background-color: #ffffff;
                  text-decoration: none; }

	#topimg p a:link    { color:#3F60D1; 
	                      text-decoration: none;}
	#topimg p a:visited { color:#3F60D1; 
	                      text-decoration: none;}
	#topimg p a:active  { color:#3F60D1; 
	                      text-decoration: underline;}
	#topimg p a:hover   { color:#FFFFFF;
	                      background-color:#FFFFFF;}


	#topimg a:link    { color:#FFFFFF; 
	                      text-decoration: none;
						  background-color:#FFFFFF;}
	#topimg a:visited { color:#FFFFFF; 
	                      text-decoration: none;
						  background-color:#FFFFFF;}
	#topimg a:active  { color:#FFFFFF; 
	                      text-decoration: none;
						  background-color:#FFFFFF;}
	#topimg a:hover   { color:#FFFFFF;
	                      text-decoration: none; 
						  background-color:#FFFFFF;}

	p#url a:link    { color:#3F60D1; text-decoration: none;}
	p#url a:visited { color:#3F60D1; text-decoration: none;}
	p#url a:active  { color:#3F60D1; text-decoration: none;}
	p#url a:hover   { color:#FFFFFF;
	                   text-decoration: none;
	            background-color:#3F60D1; }


	#bannerbox01 a:link    { color:#FFFFFF; 
	                                       text-decoration: none;}
	#bannerbox01 a:visited { color:#FFFFFF; 
	                                       text-decoration: none;}
	#bannerbox01 a:active  { color:#FFFFFF; 
	                                       text-decoration: none;}
	#bannerbox01 a:hover   { color:#FFFFFF;
	                                       background-color:#FFFFFF; 
										   text-decoration: none;}


/*-----------------------------
	Global Navigation
-------------------------------*/

div#menu {
		width: 100%;
		height: 65px;
		text-align: center;
		border-bottom: 1px solid #000000;
	    margin: 0px;
		padding: 0px;
		font-size: 12px;
		font-weight: normal;
		color: #808000;
	}


div#topnavi{
         width: 700px;
		 margin: 0 auto;
		 padding: 0;
        text-align: left;
		}


div#title{
        height: 65px;
		width: 200px;
		float: left;
		margin: 0 49px 0 0;
		}

div#title a{
    display:block;
    height:65px;
    text-indent:-9999px;
	background-image:url(http://www.2024.co.jp/bg/2024cojp_title.gif);
	text-decoration: none;
    overflow:hidden;
	}


div#title a.home{
    background-position:0px 0px;
	width:200px;
	
}
div#title a:hover.home{
    background-position:0px -65px;
		width:200px;
}



ul#navimenu{
    list-style:none;
}

ul#navimenu li{
    list-style:none;
    float:left;
	height: 65px;
}

ul#navimenu a{
    display:block;
    height:65px;
    text-indent:-9999px;
	background-image:url(http://www.2024.co.jp/bg/2024cojp_navimenu.gif);
	text-decoration: none;
    overflow:hidden;
	
}

ul#navimenu a.home{
    background-position:0px 0px;
	width:65px;
	
}
ul#navimenu a:hover.home{
    background-position:0px -65px;
		width:65px;
}

ul#navimenu a.about{
    background-position:-65px 0px;
	width:77px;
}
ul#navimenu a:hover.about{
    background-position:-65px -65px;
		width:77px;
}

ul#navimenu a.business{
    background-position:-142px 0px;
	width:73px;
}
ul#navimenu a:hover.business{
    background-position:-142px -65px;
		width:73px;
}

ul#navimenu a.info{
    background-position:-215px 0px;
	width:74px;
}
ul#navimenu a:hover.info{
    background-position:-215px -65px;
		width:74px;
}


ul#navimenu a.contact{
    background-position:-289px 0px;
	width:101px;
}
ul#navimenu a:hover.contact{
    background-position:-289px -65px;
	width:101px;
}

ul#navimenu a.blog{
    background-position:-390px 0px;
	width:60px;
}
ul#navimenu a:hover.blog{
    background-position:-390px -65px;
	width:60px;
}


/*--------------------
  infobar
---------------------*/

	#box2{
	  text-align: left;
	  margin: 10px auto 20px;
	  width: 700px;
	  height: 30px;
	  border:0;
	  background: transparent url(../topimg/infobar05.jpg) no-repeat;
	  }

     #box2 p.infobar{
	   text-align: left;
	   margin: 0px 0px 0px 143px;
	   color: #000000;
	   font-size: 14px;
	   padding: 8px 0px 8px 0px;
	   }