@charset "EUC-JP";

/* Reset------------ */

html,body,div,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,
blockquote,th,td,p {
	margin: 0;
	padding: 0;
}


*{padding:0px; margin:0px; }
body{ 

　margin:0;
　paddin:0; 
　color:#fff;

　font-family:
		'ＭＳ Ｐゴシック',
	sans-serif;

	font-size: 12px;
	color: #333;

}

h1{

  font-size:24px; 
  font-weight:bold;
  color:#fff;
  margin-left:10px;
}

h1 a{ 

  text-decoration:none; 
  font-weight:bold;
  color:#fff;
  
}

#intro{ height:50px; }
#intro h2{

  font-size:15px; 
  color:#333; 
  position:absolute; 
  margin-top:18px;
  margin-left:40px;
}



a{ color:#8e8e8e;}

#container{ 

  width:767px; 
  margin:0 auto;

}

#container_header{ 

  width:767px; 
  height:38px;  
  background: url("http://blog-imgs-29.fc2.com/w/e/b/webdesignkeys/p02-container_header.jpg") no-repeat;   

}

#container_body{

  width:767px; 
  height:auto; 
  background: url("http://blog-imgs-29.fc2.com/w/e/b/webdesignkeys/p02-container_body.jpg") repeat-y;   

}

#container_footer{

  width:767px; 
  height:38px; 
  background: url("http://blog-imgs-29.fc2.com/w/e/b/webdesignkeys/p02-container_footer.jpg") no-repeat;   

}

#footer_bg{

  position:absolute;
  width:710px; 
  height:28px; 
  background: 
  url("http://blog-imgs-29.fc2.com/w/e/b/webdesignkeys/p02-footer_bg.png") no-repeat; 
  margin-top:-5px;

}

#contents{

  width:710px; 
  margin: 0 auto;

}

#title_bg{ 

  position:absolute; 
  width:710px; 
  height:28px; 
  background: url("http://blog-imgs-29.fc2.com/w/e/b/webdesignkeys/p02-title_bg.png") no-repeat; 
  margin-top:15px;
  
}

.menu{

  color:#fff;
 
}

.menu ul{ 

  margin: 0; padding:0; 

}

.menu li{

display:inline;

}

.menu li {
	
  background: url("http://blog-imgs-29.fc2.com/w/e/b/webdesignkeys/p02-menu_bg.jpg") repeat-x ;
  height: 32px;
  float: left;
  border-right:1px dotted #fff ;
	
}

.menu li a {
	
  color: #FFFFFF;
  text-decoration: none;
  font-size: 13px;
  width: 113px;
  display: block;
  text-align: center;
  line-height: 32px;
  padding-right: 2px;
  padding-left: 2px;

}	

.menu li.endmenu {  

  border-right:3px solid #000 ;  

}
	
#top_banner{

  width:710px; 
  height:160px; 
  background: url("http://blog-imgs-29.fc2.com/w/e/b/webdesignkeys/p02-top_banner.png") no-repeat; 

}

.clear{ clear:both;}
.clear hr{ display:none;}
.refresh{ height:10px;}

#main{ 

  
  border:0px solid #333; 
  height:auto; 
  width:710px; 
  margin-top:50px;

}
	
#left_wrap{ 

  width: 450px; 
  float:left;  
  margin-top:80px;overflow:hidden;

}	

#left_wrap img{

  overflow:hidden;

}

#left_wrap p{

  margin:10px 0;  
  color:#333;
}

#left_wrap h2{ 

  width:437px; 
  height:20px; 
  background: url("http://blog-imgs-29.fc2.com/w/e/b/webdesignkeys/p02-entry_title.png"); 
  font-size: 14px; 
  color:#fff;
  line-height:20px;
  padding-left:13px;
  position:relative;
  margin-top:50px;
  
   
}	

#left_wrap h2 a{ 
 text-decoration:none;
 margin-left:73px;
 color:#333;

}


#left_wrap h3{ 

  width:437px; 
  height:20px; 
  background: url("http://blog-imgs-29.fc2.com/w/e/b/webdesignkeys/p02-entry_title.png"); 
  font-size: 12px; 
  color:#fff;
  line-height:20px;
  padding-left:10px;
  position:relative;
  margin-top:50px;
  
   
}	

#left_wrap h3 a{ 
 color:#fff;
 text-decoration:none;

}

.comment_wrap{

  color:#333;

}

.comment_box hr{

  background-color:#b7b7b7;
  color:#b7b7b7;
  size:1px;
  margin-top:10px;
  
}

#comment_post{

  margin-bottom:10px;

}

.entry_footer {

  color:#333;
  width:450px;
  height:15px;	
	
}

.entry_footer a{


font-size:12px;
text-decoration:none;
 padding-right:10px;
 padding-left:5px;
}

.entry_footer li {
	float:left;
	list-style-type: none;
　　　  line-height:15px;
}

.entry_footer_more{

 width:12px;
 height:12px;
 background:url("http://blog-imgs-29.fc2.com/w/e/b/webdesignkeys/p02-more.png") no-repeat;

}
.entry_footer_category{

 width:14px;
 height:13px;
 background:url("http://blog-imgs-29.fc2.com/w/e/b/webdesignkeys/p02-category.png") no-repeat;

}
.entry_footer_comment{

 width:14px;
 height:14px;
 background:url("http://blog-imgs-29.fc2.com/w/e/b/webdesignkeys/p02-comment.png") no-repeat;
 
}

.entry_footer_trackback{

 width:14px;
 height:14px;
 background:url("http://blog-imgs-29.fc2.com/w/e/b/webdesignkeys/p02-trackback2.png")  no-repeat;

}


#page_navi{
 
   text-align:center;
   margin-top:20px;
   margin-bottom:30px;
}

#page_navi a{

  text-decoration:none;
  line-height:35px;
}

#page_navi p{
 
  height:35px;
  border:1px solid #6b6b6b;

}



#right_wrap{ 

  width:250px; 
  float:right; 

}

#right_wrap h3{

  color:#444; 
  font-size:14px; 
  border-bottom:3px solid #282828; 

}
#right_wrap p{

   margin-top:10px;
   margin-bottom:13px;
}

#right_wrap li{

   list-style-position:inside;
   list-style-type:square;
   color:red;
   padding:3px;  

}
#right_wrap li a{
font-size:12px; 
text-decoration:none;

}

label { display: block; } 
 
.infiniteCarousel { 

  width: 435px;  
  position: relative;

}

.infiniteCarousel .wrapper {

  width: 315px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
  overflow: auto; 
  height: 105px; margin: 0 60px; 
  position: absolute; top: 0; 

}
 
.infiniteCarousel ul a img { 

  border: 5px solid #000; 
  -moz-border-radius: 5px; 
  -webkit-border-radius: 5px;

}
 
.infiniteCarousel .wrapper ul {

  width: 840px; /* single item 
 n */
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
  position: absolute;
  top: 0;

}
 
.infiniteCarousel ul li { 

  display:block; 
  float:left; padding: 10px; 
  height: 85px; 
  width: 85px;

}

.infiniteCarousel ul li img {

  -webkit-transition: border-color 400ms;

}
 
.infiniteCarousel ul:hover li img {

  border-color: #000;

}

.infiniteCarousel ul:hover li:hover img { 

  border-color: #333;

}

.infiniteCarousel ul li a img { display:block;}
 
.infiniteCarousel .arrow { 

  display: block; 
  height: 45px; 
  width: 45px; 
  background: url(http://blog-imgs-29.fc2.com/w/e/b/webdesignkeys/p02-arrow.jpg) no-repeat 0 0; text-indent: -999px;
  position: absolute;top: 37px; 
  cursor: pointer;  
  outline: 0; 

}
 
.infiniteCarousel .forward {background-position: 0 0; right: 0;}
.infiniteCarousel .back {background-position: 0 -90px;left: 0;}
.infiniteCarousel .forward:hover {background-position: 0 -45px;}
.infiniteCarousel .back:hover {background-position: 0 -135px;}

input.trackback{width:400px;}


#ads1{ width:330px; margin-left:15px; color:#fff; float:left;  }
#ads1 a{   text-decoration:none;  }

#ads2{ color:#fff; float:left;  }
#ads2 a{   text-decoration:none;  }