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


@import url("./style2.css");


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

*{margin:0; padding:0;}

body {
	background: #f0f0e7;
	font-size: 100%;
	font-family: "ＭＳ Ｐゴシック", Arial, Osaka, sans-serif;
	}
	
	h1 {font-family:TBP丸ｺﾞｼｯｸDE;  font-size: 200%;}
	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:#fffacd; 
		border:2px dashed #fff;
		margin:10px 25px 10px 0px;
		padding:0px 15px 15px 55px;
		}

	code{ margin:10px; }

#wrap { width: 800px;
		background: #fff;
		margin:auto; }

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

#header {
    clear:both;
	width: 800px; 
	color: #fff; 
	height: 120px;
	text-align:center;
	border-bottom : 4px solid #000000;
	margin:auto;
	}

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

/* main menu --------------------------------------------------------------------------------------------------------------*/

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

#menu2 {width: 800px; height:40px; margin:auto;}
	
	#menu2 ul {padding: 0 0 0 10px; }
	#menu2 ul li {float:left; list-style:none;}
	#menu2 ul li a {display:block; height:40px; line-height:25px; padding:0 15px 0 0; float:left; color:#ffd700; background:url(images/tab_a.gif) no-repeat right -25px; text-decoration:none;}
	#menu2 ul li a b {display:block; height:40px; float:left; padding:0 0 0 15px; background:url(images/tab_b.gif) no-repeat left -25px; cursor:pointer;}
	
	#menu2 ul li a:hover,
	#menu2 ul li a:active,
	#menu2 ul li a:focus 
	{background:url(images/tab_a.gif) no-repeat right -10px; line-height:40px; color:#ffb6c1;}

	#menu2 ul li a:hover b,
	#menu2 ul li a:active b,
	#menu2 ul li a:focus b 
	{background:url(images/tab_b.gif) no-repeat left -10px; line-height:40px;}
	

#ad { text-align: center; }
	#main-ad { margin:5px 0px 0px 0px; }
	#post-ad { margin:15px 0px 15px 0px; }


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

#container {
    clear:both;
	width: 800px;
	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: right;
	margin: 0 10px 30px 0;
	}

	#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;
				}
				
.st-tag-cloud { margin: 15px 15px 20px 20px; }
.st-tags { margin: 0 0 0 10px;  line-height: 140%; }

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


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

#content {
	float: left;
	width: 550px;
	margin: 0px 0px 30px 10px;
	}
	
.bread {
	font-size: 80%;
	margin: 5px 0 0 20px;
	text-align: left;
	text-decoration: none;
	}
	
.post {
	font-size: 95%;
	line-height: 140%;
	}

	.post h2{
		text-align:center;
		border-top: 4px solid #000000;
		height: 35px;
		font-weight: 900;
		line-height: 170%;
		}

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

.entry { font-weight: 500; margin: 35px 0 0 30px; }
.entry p { margin: 20px 0 0 0; line-height: 170%; }

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

	.similar { text-align: left; margin:25px 100px 40px 110px;  }
	.similar h3 {
			font-size:100%; 
			font-weight: 600; 
			background: url(images/list-9.gif) 0% 25%  no-repeat; 
			padding: 0 0 0 20px ; 
			}

	.similar ul {border:1px solid #DDDDDD; }
	.similar ul li {list-style-type: circle; }


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

.wp-pagenavi {
	margin: 10px 0 10px 0;
	font-size:90%;
		}
		
/* comments-------------------------------------------------------------------------------------------------------------- */

#commentssection{
	clear: both;
	font-size: 85%; 
	text-align:left;
	margin: 80px 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;}

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

#footer { 
	clear: both;
	height: 50px;
	width: 800px;
	font-size: 75%;
	text-align:center;
	margin:auto;
	}
	
#footer p{ padding:20px 0 0 0; color: #ffffff; }

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

#post_form { margin: 25px 0px 0px 10px; }

.cell { font-size:95%; margin: 10px 0px 0px 10px; padding: 2px}

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

/* other --------------------------------------------------------------------------------------------------------------*/


.post ol { 
	padding: 10px 0px 10px 25px; 
	margin: 0px; font-size:10pt; 
	}

.post ol li { 
	padding: 2px 0px 2px 0px; 
	line-height: 15px; font-size:10pt; 
	}

.post ul { 
	padding: 10px 0px 10px 5px; 
	margin: 0px; font-size:10pt;
	} 

.post ul li { 
	padding: 2px 0px 2px 15px; 
	list-style-type: none; 
	line-height: 15px; 
	font-size:10pt;
	}