/*   
Theme Name: tapuhome
Theme URI: http://taputapu.blog18.fc2.com/
Description: テストテーマ
Author: ほんま
Author URI: http://taputapu.blog18.fc2.com/
*/


/* basics------------------------------------------------------------ */

*{margin:0; padding:0;}

body {
	background: #f0f0e7;
	font-size: 100%;
	font-family: "ＭＳ Ｐゴシック", Arial, Osaka, sans-serif;
	}
	
	h1 {font-family:TBP丸ｺﾞｼｯｸDE;  font-size: 220%;}
	h2 {font-size: 130%; margin-top:10px;}
	h3 {font-size: 100%; margin-top:10px;}
	h4 {font-size: 75%;}

	a{ color:#0000ff; text-decoration:underline; }
	a:hover, a:visited { color:#00008b; text-decoration:underline; }

	img{ border: none; padding: 0px; }
	img a{ border:none;}
	img.left{ float: left; border: none; padding: 10px; }
	img.right{ float: right; border: none; padding: 10px; }

	blockquote{
		color:#666; 
		background-color:#EFEFEF; 
		border:2px dashed #fff;
		margin:5px 10px;
		padding:5px 10px;
		}
		
#wrap { width: 860px;
		background: #fff;
		margin:auto; }

/* header-------------------------------------------------------------------------------------------------------------- */

#header {
	width: 820px;
	height: 169px;
	background: #03152B url(images/hd-bg1.gif) repeat-x;
	margin:auto;
	overflow: hidden;
	border-bottom: 10px solid #004000;
	}

#top-1 {
	color: #fff;
	float: left;
	width: 500px; 
	height: 169px;
	}

	 #top-1 h1{
		font-weight: 500;
		letter-spacing: 1px;
		padding: 35px 0 0 60px;
		}
		
	 #top-1 h1 a{
		color: #fff; 
		line-height: 140%;
		text-decoration: none;
		background:url(images/h1-bg-pig-trans.png) no-repeat;
		padding: 10px 0 5px 60px ;
		}

	#description{
		line-height: 170%;
		font-size: 85%;
		padding: 15px 0 0 100px ;
			}

#top-2 {
	width: 260px; 
	float: right;
	text-align:center;
	
	}

	#top-seach { text-align:left; padding: 30px 0 0 0px; }
    #top-seach h3 {color: #fff; font-size:75%; }

	#menu1 {
	 	padding: 10px 0 0 35px; 
	 	line-height: 140%;
	 	font-weight: 700;
	 	font-size: 85%;
	 	}
	 		
	    #menu1 ul { text-align:left;}
		#menu1 ul li { list-style-image: url(images/list-2.gif)}
		#menu1 ul li a {color: #ffd700; text-decoration:none; }
		#menu1 ul li a:hover {color: #ffb6c1; }
		

#ad { clear:both; text-align: center; background: #FFF; }
	#main-ad { padding: 10px 0px 0px 0px; height: 25px; }
	#post-ad { margin:15px 0px 15px 0px; }


/* container-------------------------------------------------------------------------------------------------------------- */

#container {
    clear:both;
	width: 820px;
	background:#fff;
	margin:auto;
	overflow: hidden;
	}

.clearfix:after{
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
.clearfix{
  overflow:hidden;
}
/* Hides from IE-mac \*/
* html .clearfix{
  height:1%;
  overflow:visible;
}
/* End hide from IE-mac */

/* sidebar --------------------------------------------------------------------------------------------------------------*/

#sidebar {
	font-size:80%;
	width: 200px;
	float: left;
	margin: 5px 0 30px 0;
	}

.blog-link { 
		height: 40px;
		line-height: 200%;
		font-weight: 900; 
		font-size: 150%; 
		border-top: 3px solid #ffd700;
		margin: 0px 0px 0px 0px;
		}

	.blog-link a { 
		color: #fff; 
		text-decoration: none; 
		display: block; 
		background: url(images/list-6.gif) no-repeat;
		padding: 0px 0px 0px 40px;
		}

	.blog-link a:hover { color: #ffb6c1; text-decoration: none; }
	.blog-link a:visited { color:#fff; text-decoration: none; }

	#sidebar h2{
	    height: 30px;
	    line-height: 200%;
		font-weight: 500; 
		font-size: 120%; 
		color: #fff;
		background: #000 url(images/menu.png) no-repeat;
		padding: 0px 0px 0px 40px;
		}

	#sidebar a { text-decoration:none; }
	#sidebar a:hover { text-decoration: underline; }

		#sidebar ul { list-style-type: none; }
		#sidebar ul li {  }
		
		#sidebar ul ul { margin: 15px 15px 20px 15px;}
		#sidebar ul ul li {
				line-height: 150%;
				background: url(images/list-1.gif) no-repeat; 
				padding: 0 0 0 25px ;
				margin: 0 0 10px 0;
				 }
		
		#sidebar ul ul ul{ margin: 10px 10px 15px 0px; }
		#sidebar ul ul ul li {
				line-height: 110%;
				background: url(images/list-2.gif) no-repeat; 
				padding: 0 0 0 20px ; 
				margin: 0 0 5px 0;
				}
				

.side-content { text-align: center; margin: 15px 0px 20px 0px; }

/* content-------------------------------------------------------------------------------------------------------------- */

#content {
	float: right;
	width: 610px;
	margin: 0 0 30px 0;
	text-align: left;
	}
	
.post {
	font-size: 95%;
	line-height: 140%;
	background: #fafaf1;
	}

	.post h2{
		background: #000 url(images/tf-bg9.gif) repeat-x;
		height: 33px;
		font-weight: 700;
		line-height: 170%;
		border-top: 4px solid #000000; 
		}

	.post h2 a { 
	color: #fff; 
	text-decoration: none; 
	background: url(images/list-3.gif) no-repeat; 
	margin: 0 0 0 15px;
	padding: 0 0 0 35px ;
	}
	.post h2 a:hover { color: #fff; text-decoration: underline; }
	.post h2 a:visited { color:#fff; text-decoration: none; }

.entry { font-weight: 500; padding: 10px 0 0 0; }
.entry p { margin: 20px 0 0 0; padding: 0 0 0 40px; line-height: 170%; }
.entry table { margin: 25px 0 0 0; padding: 0 0 0 70px; line-height: 170%; }

.postmetadata{
	margin: 20px 15px 10px 0;
	font-size:80%;
	text-align: right;
	}

.navigation {
	margin: 10px 0 15px 0;
	text-align: center;
	font-size:75%;
	float:right;
	width:100%;
	}

.wp-pagenavi {
	margin: 10px 0 10px 0;
	text-align: right;
	font-size:80%;
		}
/* rss-------------------------------------------------------------------------------------------------------------- */


.blog-rss { font-size:100%; margin: 15px 0 0 0;  }

.blog-rss h2 { 
	font-size:90%;
	margin: 10px 0 0 0; 
	height: 25px; 
	line-height: 130%;
	border-top: 4px solid #000000; 
	}

	.blog-rss h2 a { 
		color: #fff; 
		text-decoration: none;
		background: url(images/list-5.gif) no-repeat; 
		margin: 4px 0 0 15px;
		padding: 0 0 0 30px ;
		display: block; 
			 }
	
	.blog-rss h2 a:hover { color: #ffb6c1; text-decoration: underline; }

#b { background: #000 url(images/tf-bg1.gif) repeat-x; }
	
#c { background: #000 url(images/tf-bg2.gif) repeat-x; }
	
#d { background: #000 url(images/tf-bg3.gif) repeat-x; }

#e { background: #000 url(images/tf-bg4.gif) repeat-x; }
	
#f { background: #000 url(images/tf-bg5.gif) repeat-x; }	

#g { background: #000 url(images/tf-bg6.gif) repeat-x; }	

	.blog-rss ul { margin: 10px 0 0 50px; }
	.blog-rss ul li { list-style-image: url(images/list-8.gif); margin: 5px 0 0 0; }


/* comments-------------------------------------------------------------------------------------------------------------- */

#commentssection{
	clear: both;
	font-size: 85%; 
	text-align:left;
	margin: 40px 0 0 0;
	padding: 10px 30px 10px 50px;
	}

	#commentssection h3{ text-align:center; font-size: 85%; font-weight: 900; color: #eb0000; margin: 0 0 20px 0;}

		ol.commentlist {list-style-type: none;}
		ol.commentlist li { background: #fff; margin:15px 0 0 0; padding:15px 25px 15px 25px; border:1px solid #DDDDDD; }
		ol.commentlist li.alt { background: #f0f0f0;}
		ol.commentlist li p { padding: 0px 15px 0px 20px; line-height: 140%;}

		cite { 
		height: 35px;
		line-height: 200%;
		font-size: 110%; 
		font-weight: 900; 
		border-bottom: 1px dotted #465D71; 
		display: block; 
		background: url(images/comments.png) no-repeat; 
		padding: 0 0 0px 40px; 
		}
						
		cite a.url { text-decoration: none; }

	.commentmetadata {text-align: right; font-size: 85%; margin: 15px 0 5px 0;}


	#commentform{ font-size: 85%; text-align:left; 	background: #f0f0e7; margin:20px 30px 10px 30px; padding: 10px 10px 10px 30px; }
	
	#commentform h3{ font-size: 120%; font-weight: 900; color: #000; margin:15px 0 20px 0; }

	#commentbox{ width:90%; min-width:300px;}

	 .c-table tr { height: 30px }

	#author, #email, #url, #commentbox {
		background: #fff;
		padding: 3px;
		border: 1px solid #000000;
		}
	#commentbox { font-size: 100%; margin:10px 0 0 0;}
	#submit { font-size: 100%; font-weight: 900; padding: 5px; margin:10px;}
		

/* form-------------------------------------------------------------------------------------------------------------- */

#form { margin: 15px 0px 0px 10px; }

#form .cell { font-size:95%; padding: 2px}

#form #text{ padding: 5px;}
#form #submit{ font-size:100%; padding: 5px}


/* footer -------------------------------------------------------------------------------------------------------------*/

#menu3 {
	font-size: 75%;
	width: 820px;
	height: 30px;
	background-color:#000;
	border-bottom: 1px solid #ffd700;
	margin:auto;
	}
	
    #menu3 ul {padding: 0 0 0 0px; }
	#menu3 ul li {list-style:none; float: right; }
	#menu3 ul li a {display:block; height:30px; line-height:30px; padding:0 10px 0 0; float:left; color:#ffb6c1; text-decoration:none;}
	#menu3 ul li a b {display:block; height:30px; float:left; padding:0 0 0 10px; cursor:pointer; }
	
	#menu3 ul li a:hover 
	{background:url(images/tab_c.gif) no-repeat right top; line-height:28px; color:#fff;}
	
	#menu3 ul li a:hover b 
	{background:url(images/tab_d.gif) no-repeat left top; line-height:28px;}


#footer { 
	clear: both;
	height: 40px;
	width: 820px;
	font-size: 75%;
	text-align:center;
	margin:auto;
	background: #000 url(images/tf-bg1.gif) repeat-x;
	}
	
#footer p{ padding:10px 0 0 0; color: #ffffff; }