/*
Theme Name: HTML5 SEO Theme
Author URI: http://blog-affiliate.jp/
Description: WordPress SEO template theme built with HTML 5.
Version: 1.0
Author: TATEZO-(Satoshi Masuda)
Author URI: http://blog-affiliate.jp/
Tags: SEO, template, html5

*/


/* == BASICS == */

header, footer, section, article, aside, nav {
	display: block;
	}
body {
	margin: 0 auto;
	width: 1000px;
        background:#000000 url(images/body-bg.jpg);
        background-repeat: no-repeat;
        background-attachment: fixed;
       
	}
nav+section {
	overflow: hidden;
	width: 700px;
	float: left;
	clear: none;
	}

img {
border: none
}
/* == LINKS == */

post a:link, a:visited {
	text-decoration: underline;
	color: #336666;
	}
post a:hover, a:active {
	text-decoration: underline;
	color: #339966;
	}

/* == HEADER == */

body>header {
background: #000000 url(/images/background.png);
  background-color: rgba(0,0,0,0.5);
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -moz-box-shadow: 0 2px 4px #000;
  -webkit-box-shadow: 0 2px 4px #000;

	padding: 33px;
	color: #EFEFEF;
	}
	body>header h1 {
		margin: 0;
                font-size:18px;
		}
		body>header h1 a:link, body>header h1 a:visited {
			text-decoration: none;
			color: #EDEDED;
                       
			}
		body>header h1 a:hover, body>header h1 a:active {
			text-decoration: none;
                        
			color: #fff;
			}
body>header h2 {
		margin: 0;
                font-size:16px;
		}


#postnavi {
margin-top: 30px;
	padding: 10px 0;
        font-size:14px;
text-aling:left;
background: #FFFFFF url(/images/tatezo-log2o.png); <!--bg-wh.png -->
  background-color: rgba(225,225,225,0.7);
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -moz-box-shadow: 0 2px 4px #000;
  -webkit-box-shadow: 0 2px 4px #000;

	padding: 33px;

}


/* == POSTS == */

article[id*=post-] {
margin-top: 30px;
	padding: 10px 0;
        font-size:14px;
background: #FFFFFF url(/images/tatezo-log2o.png);
  background-color: rgba(225,225,225,0.7);
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -moz-box-shadow: 0 2px 4px #000;
  -webkit-box-shadow: 0 2px 4px #000;

	padding: 33px;

	}

article[id*=post-] header h1{
	font-size:16px;
	}
article>header p, article>footer p {
	font-style: italic;
	}
article+nav {
	font-weight: bold;
	}
section>h1 {
	padding-top: 10px;
        
      
	}

section>h2 {
	font-size:12px;
        
      
	}


/* == NAVIGATION == */

nav {
	text-align: center;
        font-size:16px;
	clear: both;
	}

section>nav {
          background-color: rgba(225,225,225,0.7);
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -moz-box-shadow: 0 2px 4px #000;
  -webkit-box-shadow: 0 2px 4px #000;
	text-align: center;
        margin-top:15px;
        padding:5px 0;
        font-size:16px;
	clear: both;
	}


body>nav {
	background-image: url(images/nav-bg-big.png);
	padding: 10px 0;
        
	}
	body>nav ul {
		text-align: left;
		margin: 0;
		}
		body>nav li {
			margin-right: 20px;
                        color:#EFEFEF;
			font-weight: bold;
			display: inline;
			}

/* == COMMENTS == */

article[id*=comment-] {
	margin: 15px 0;
	padding: 10px;
	}
	article[id*=comment-] h4 {
		margin: 0;
		}
	.alt {
		border: 1px solid #ddd;
		background: #eee;
		}
form[method=post] label {
	display: block;
	}
form[method=post] input {
	margin: 2px 0 12px 0;
	display: block;
	}

/* == SIDEBAR == */

aside {
	margin-top: 30px;
	overflow: hidden;
	width: 240px;
	float: right;
	clear: none;
        font-size:12px;
　　　background-image: url(/images/background.png);

font-family: Verdana;
  font-weight: bold;
  border: none;
  color: #FFF;
  background-color: rgba(0,0,0,0.7);
  /* CSS2/3! */
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -moz-box-shadow: 0 2px 4px #000;
  -webkit-box-shadow: 0 2px 4px #000;






	}

aside ul {
padding:0 10px;
}
	
aside li {
		list-style: none;
		}
		aside li ul li {
			list-style: none;
			}
aside ul li h2 {
font-size:12px;
color:EFEFEF;
}

aside ul li h2 a:link, aside ul li h2 a:visited {
	text-decoration: underline;
	color: #FFFFFF;
	}
aside ul li h2 a:hover,aside ul li h2 a:active {
	text-decoration: underline;
	color: #EDEDED;
	}


aside a:link, aside a:visited {
	text-decoration: underline;
	color: #FFFFFF;
	}
aside a:hover,aside a:active {
	text-decoration: underline;
	color: #EDEDED;
	}




/* == FOOTER == */

body>footer {
	background-image: url(images/footer-bg.png);
	text-align: center;
	overflow: hidden;
	width: 1000px;
       height:60px;
       padding-bottom:10px;
	clear: both; 
	}
body>footer p {
padding-bottom:10px;
}

/* == SEARCH == */

label[for=s] {
	display: none;
	}

/* == ELEMENTS == */

/* a place for misc. styles */



/* == ALL YOUR CODE ARE BELONG TO POETRY == */




.more-link {
font-size:16px;
border-left:5px red solid;
background:yellow;
margin:60px 0;
padding :5px 0;

}


.wp-version {
 background:#000000 url(images/wordpress-logo.png);
background-repeat:no-repeat;
text-align:center;
width:160px;
height:80px;
padding-top:54px

}




.black-center {

text-align:center;
color:#000000;
font-weight : 600;
font-size : 130%;

}

.red-center {
text-align:center;
color:#CC0000;
font-weight : 600;
font-size : 130%;

}


.hako1 {
margin:40px auto;
width:90%:
padding:20px 30px;
border:2px solid orange;

}

.hako2 {
margin:40px auto;
width:90%:
padding:20px 30px;
border:2px solid green;

}



.small-head {
border-left:5px #0C006F solid;
border-bottom:1px #0C006F solid;
margin:30px 0 ;
padding-left:10px;
font-weight : 600;
font-size : 120%;

}




.redl {
color:#FF0000;
font-family:"HG明朝E";
font-size:large;
font-weight:bold;
line-height:145%;
}

.blackl {
color:#000000;
font-family:"HG明朝E";
font-size:large;
font-weight:bold;
line-height:145%;
}

.bluel {
color:blue;
font-family:"HG明朝E";
font-size:large;
font-weight:bold;
line-height:145%;
}


.redxl {
color:#FF0000;
font-family:"HG明朝E";
font-size:x-large;
font-weight:bold;
line-height:145%;
}

.blackxl {
color:#000000;
font-family:"HG明朝E";
font-size:x-large;
font-weight:bold;
line-height:145%;
}

.bluexl {
color:blue;
font-family:"HG明朝E";
font-size:x-large;
font-weight:bold;
line-height:145%;
}



.redxxl {
color:#FF0000;
font-family:"HG明朝E";
font-size:xx-large;
font-weight:bold;
line-height:145%;
}

,blackxxl {
color:#000000;
font-family:"HG明朝E";
font-size:xx-large;
font-weight:bold;
line-height:145%;
}

