/*
Theme Name: ダメ工房スタイル
Theme URI: http://www.dame-kobo.com/
Description: ダメ工房のオリジナルデザインです。
Author: keisuke oosato
Author URI:http://www.dame-kobo.com/
Version:1.0
*/


/*　====BASE====　*/

* {margin:0;
   padding:0;}

body {background-color:#FFCC00;
      background-image:url;
	  background-repeat:;
	  background-position:;
	  color:#333;    
      font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,Lucida Grande,Verdana,Osaka,'ＭＳ Ｐゴシック',sans-serif;
	  font-size:16px;
	  line-height:1.35em;
	  margin:0;
      padding:0;
	  }
	  
a:link{color:#663399;
       text-decoration:none;}
a:visited{color:#663399;
          text-decoration:none;}
a:hover{color:#CC99FF;
        text-decoration:none;}
a:active{color:#CC99FF;
         text-decoration:none;}

h3 a:link{color:#990000;
               text-decoration:none;}
h3 a:visited{color:#990000;
               text-decoration:none;}
h3 a:hover{color:#CC6666;
        text-decoration:none;}
h3 a:active{color:#CC6666;
         text-decoration:none;}

h4 a:link{color:#990000;
               text-decoration:none;}
h4 a:visited{color:#990000;
               text-decoration:none;}
h4 a:hover{color:#CC6666;
        text-decoration:none;}
h4 a:active{color:#CC6666;
         text-decoration:none;}

p {margin-bottom:1em;}

ul{text-align:left;
   list-style-type:none;
　　list-style-image: url("");
   list-style-position:outside;
   font-size:12px;
   margin:0;
   padding:0;
   }

li{
   font-size:1em;
   padding-bottom:0.25em;
   }
   
hr{width:450px;
   height:14px;
   background-image:url("http://www.dame-kobo.com/images/back_hr.gif");
   background-repeat:no-repeat;
   }
	  
img {border:none;}

blockquote {margin:20px 150px 20px 150px;
            border:1px #ccc solid;
			padding:20px;
			font-size:0.95em;} 
	  
 /*　=====HEADER=====　*/
 
div#header {}


/*   =====要約=====   */
			 
#body p.pagenumber{text-align:right;
               font-family:arial black;
			   font-size:50px;
			   color:#cccccc;
			   margin-top:20px;
			   margin-right:40px;}
			   
/*   =====「戻る」「次へ」=====   */			   
			  
#body .content p.prevjumpnext{
               text-align:center;
               font-size:14px;
			   margin-top:10px;
			   margin-bottom:10px;
			   }
			   
/*   =====アーカイブス表示=====   */			   
			  
#body div.archives{text-align:left;
			   background-color:#efefef;
			   background-image:url("http://www.dame-kobo.com/images/back_archives.gif");
               border:1px solid #eeeeee;
			   padding:20px;
			   margin:10px 150px 10px 150px;
			   }
			   
#body .content .archives ul{text-align:left;
                   margin:0;
　　　　　　　　　 padding:0;}		

#body .archives li.active{
                          margin:0;
　　　　　　　　　        padding:0;}   
			 
/*   =====メンバー紹介=====   */
			 
#body p.introduction{font-size:12px;}

#body p.introduction span{font-size:10px;
                          color:#ff6600;}

/*   =====もくじ=====   */

#body .project{
         width:360px;
		 height:210px;
		 background-image:url("");
	     background-repeat:no-repeat;
	     background-position:top center;
         text-align:center;
         border:1px solid #dddddd;
		 margin:5px;
		 padding:9px;
         font-size:14px;
		 float:left;
		 display:inline; /* IE6+5.X */
		 }
		 
		 
div#body .project p{
         margin-left:20px;
		 margin-right:20px;
		 margin-top:10px;
		 
		  }	 
		  
div#body .project span{
         font-size:10px;
		 color:#ff6600;
		  }	 
		 
		 
div#body .project ul{
         margin-left:30px;
		 margin-right:20px;
		 text-align:left;
		 line-height:1.5em;
		 
		 }	 
		 
		 
div#body .root {background:  url(file:///Macintosh%20HD/Users/keisukeoosato/Desktop/%83_%83%81%8DH%96%5B/2007%83%8A%83j%83%85%81%5B%83A%83%8B/css/%22%22) no-repeat center top; 
                color:#999;
				font-size:10px;
				padding-left:10px;
				padding-top:3px;
				height:15px;
				}


#body .root a:link{color:#999;
               text-decoration:underline;}
#body .root a:visited{color:#999;
                  text-decsoration:underline;}
#body .root a:hover{color:#999;
                text-decoration:999;}
#body .root a:active{color:#ff0000;
                 text-decoration:underline;}
				 
#body .catch {				}

/*  ====TITLE====  */

#body .title {
              padding:13px 0 15px 3px;
			  text-align:center;}

#body .title .introtext{}

/*  ====CONTENT====  */

#body .content{padding:0 30px 0 30px;}

/*   =====BODY=====   */

div#body {
		 }

#body .content p{text-align:left;
        margin-left:150px;
        margin-right:150px;
		float:clear;}
		
#body .content blockquote  p{margin:0;
              			    }
							
#body .content table  p{margin:0;
              			    }
#body .content table  h3{margin:0;
              			    }							

		
#body .content ul{text-align:left;
         margin-left:150px;
         margin-right:150px;
		 float:clear;}
		 
#body .content h3{text-align:left;
         color:#990000;
         font-size:18px;
		 margin-left:150px;
		 margin-right:150px;
		 margin-bottom:20px;
		 border-left:10px solid #999999;
		 padding-left:10px;
		 line-height:1.25em;
		  }
		  
#body .content h4{text-align:left;
                  font-size: 0.88em;
                  padding:0 0 0.4em 0;
                  margin:0 150px 10px 150px;
				  color:#666;  
            } 

#body .content h5{text-align:left;
                  font-size:1em;
                  padding:0 0 0.4em 0;
                  margin:0 150px 10px 150px;
				  color:#333;  
            } 

#body .content h5 span{float:left;
                      font-weight:normal;
					  font-size:0.75em;
                      margin-left:5px;
			          margin-bottom:5px;
					  margin-right:15px;
					  padding:5px;
					  border:1px solid #999;}

#body .content h3 img{float:right;
                      
                      margin-left:5px;
			          margin-bottom:5px;}

#body .content h5 img{float:right;
                      margin-top:-10px;
                      margin-left:5px;
			          margin-bottom:5px;}

#body .footer{padding:0 30px 0 30px;
　　　　　　　margin:0;
			  }
		
#body .footer p{text-align:center;
                font-size:10px;
        }	
		
/* ====PORTFORIO==== */

#body .content h3.portforio{
         text-align:left;
         color:#990000;
         font-size:18px;
		 width:700px;
		 margin-left:30px;
		 margin-right:30px;
		 margin-bottom:20px;
		 border:1px solid #999999;
		 padding:10px;
		 line-height:1.25em;
		 float:clear;
		  }

#body .portforio{
         width:360px;
	     text-align:center;
		 margin:5px;
		 padding:10px;
         font-size:14px;
		 float:left;
		 display:inline; /* IE6+5.X */
		 }
		 
		 
div#body .portforio p{
         margin-left:20px;
		 margin-right:20px;
		 margin-top:10px;
		 
		  }	 
		  
div#body .portforio img{
         border:none;
		 }
		  
div#body .portforio span{
         font-size:10px;
		 color:#ff6600;
		  }	 
		 
		 
div#body .portforio ul{
         margin-left:30px;
		 margin-right:20px;
		 text-align:left;
		 
		 }	 

div#body .portforio h3{
         float:clear;
		  }
		
/* ====BLOG==== */

#body .content .blog{padding:0;
                     margin:0;}
					 
						 
#body .content .blog p{text-align:left;
					   margin:0 0 1em 0;
                       padding:0;
							 }
							 
#body .content .blog ul{text-align:left;
                        margin:0;
                        padding:0;
							                      }

/* ====BLOG CONTENT==== */

#body .content .blog .left {width:500px;
                             margin:0;
							 padding:0 0 0 10px;
							 text-align:left;
                             float:left;}

#body .content .blog .left p{text-align:left;
                             margin-left:20px;}							 
							 
#body .content .blog .left h3{text-align:left;
                              color:#990000;
                              font-size:18px;
		                      margin:10px 0 10px 0;
		                      padding:10px 0 10px 15px;
		                      border-left:10px solid #999999;
		                      line-height:1.25em;
		                      } 						
							  
							  
   
#body .content .blog .left h4 {text-align:left;
                              font-size: 0.88em;
                              padding:0 0 0.4em 0;
							  margin:0;
                              color:#666;  
                              }		 
							  
#body .content .blog .left ul{text-align:left;
                              margin-left:2em;
							  font-size:0.75em;
							  line-height:1.25em;
							   }
#body .content .blog .left li{
                                          border-bottom:1px #ddd solid;
                                          padding-top:10px;
                                          padding-bottom:10px;
                                          
                                          }
							  
#body .content .blog .left blockquote{text-align:left;
                                      color:#666;
									  font-size:0.9em;
                                      margin:15px 75px 15px 75px;
		                              padding:10px;
									  border-left:4px double #ccc;
									  border-right:4px double #ccc;
									  }
							  
#body .content .blog .left .meta{font-size:12px;
                                 color:#999;
								 border:1px solid #dddddd;
                                 background-color:#efefef;
								 text-align:left;
                                 margin:0 5px 10px 20px;
                                 padding:5px;
		                          }
								  
#body .content .blog .left .baseline{text-align:left;
                                     margin:10px 0 10px 0;
                                     }
									 
p.navigation{text-align:center;
            font-size:14px;}

/* ====BLOG SIDE==== */


#body .content .blog .right {width:220px;
                              margin:0 0 0 30px;
							  padding:0;
							  text-align:left;
							  float:right;
							  font-size:12px;}
							  
#body .content .blog .right p{}
		  
#body .content .blog .right h2{font-size:14px;
                               border:1px solid #ccc;
							   padding:5px;
			                   margin:1em 0 1em 0;
				               text-align:left;
                   			   }

*html body 	#body .content .blog .right h2{width:85%;}
							  
							  
/*  ====COMMENTS====  */

#comments {font-size:0.85em;
           margin-left:20px;}
   
h3#respond {
   font-size: 0.9em;
   border:1px solid #ccc;
   padding:5px;
   margin:10px 0 10px 30px;
   
}
   
h4 {
   font-size: 0.88em;
   padding:0 0 0.4em 0;
   color:#666;  
   }		
		  
input#trackbackurl {
   width:400px;
   font-size:0.75em;
   margin-bottom:1em;
   color:#666;
}

ol#commentlist {
    margin: 0 0 15px 0;
	font-size:0.8em;
	
	}
	
ol#commentlist li.commentcontent {
    text-align:left;
    width:90%;
	display:block;
	list-style:none;
	margin:0 20px 1em 0;
	padding:20px 15px 0 15px;
	background:url("");
	border:1px solid #ccc;
	}
	
p.commentmeta {font-size:0.75em;
            border-top:1px dashed #333;
			padding-top:5px;
			padding-bottom:5px;
			}
	
ol#commentlist li dl.metadata dt,ol#commentlist li dl.metadata dd {
    font-size:0.88em;
	}
	
ol #commentlist li, ol#commentlist p {
    font-size:1em;
	}

p.note {
	background:#fff8d5;
	padding:3px 8px;
	color:#666;
	border:2px solid #e5ab6a;
    }
	
form#commentform label {
    width:140px;
	float:left;
	margin:0.25em 10px 0 0;
	font-weight:bold;
	}
	
form#commentform p {
    clear:both;
	}
	
form#commentform sub {
     display:block;
	 padding-top:2px;
	 }
	 
input#author, input#email, input#url {
     width:244px;
	 border:3px double #ccc;
	 padding:1px 3px;
     }
	 
textarea {
     font-size:1em;
	 border: 3px double #ccc;
	 width: 400px ;
	 }
	 
p.submitbutton {
      text-align:center;
	  }
	  
p.submitbutton input {
      padding:3px 1em;
	  font-weight:bold;
	  color:#555;
	  }
	  

.wp_syntax {
  color: #100;
  background-color: #f9f9f9;
  border: 1px solid silver;
  margin: 0 0 1.5em 0;
  overflow: auto;
}

/*  ====tmkm amazon====  */

img.icon_left  { float: left; margin: 5px 10px 10px 0px; padding: 5px; border: solid 1px #C2C2C2; }
em { color: #8b0000; font-style: normal }

/*  ====Twitter====  */

#twitter_div {width:90%;
                    background-color:#eeefef;
                    border:1px solid #ddd;
                    text-align:center;
                    margin-top:10px;
                    margin-bottom:10px;
                    padding:8px;}
#body .content .blog .right h2.sidebar-title{font-size:12px;
                               border:none;
                               border-bottom:1px dashed #ccc;
							   padding-bottom:5px;
							   padding-top:0px;
							   margin-top:0px;
			                  }

ul#twitter_update_list {font-size:11px;}