/*
Theme Name: eisuke

	background:white;
	border:double 3px #aaa;
	-moz-box-shadow:    inset 0 0 5px rgba(0,0,0,0.5);
   -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.5);
   box-shadow:         inset 0 0 5px rgba(0,0,0,0.5);
*/


body{
	display:block;
	margin:0px;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo, Helvetica, sans-serif;
	font-size:12px;
	background: url(../../uploads/2012/10/bg-300x300.png);
	padding-top:20px;
	padding-bottom:20px;
	}

a {
 text-decoration: none;
color:#3399cc ;
  }

a:hover{
	text-decoration:underline;
	//color:blue;
}


  
h2{
	border-bottom:1px black solid;
	margin:30px 0px  40px 0px;
	}
  
.post p {
	font-size:12px;
	margin:0px;
	line-height:1.4em;
	color: #333;
	letter-spacing: 0.1em;
	}

#single-content p{
	margin: 20px 0px 20px 0px;
font-size: 13px;
}
	

#container{
	

   	}
	
#main{
	//overflow:auto;
	width: 1180px;
	margin:auto;
	overflow:hidden;
	background:white;
	border:double 3px #aaa;
	-moz-box-shadow:    inset 0 0 5px rgba(0,0,0,0.5);
   -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.5);
   box-shadow:         inset 0 0 5px rgba(0,0,0,0.5);
	}
	
#content{
	width:700px;
	margin-left:35px;
	float:left;
	padding:20px 30px 20px 30px;
	}

#single-content{
	width:700px;
	margin-left:35px;
	float:left;
	padding:20px 30px 20px 30px;
	}

#single-content img{
	margin:0 auto;
	display:block;
	background: 
	whitesmoke;
	padding: 4px;
	border: 1px solid 
	#ccc;
	}

#single-content img:hover{
	margin:0 auto;
	display:block;
	background: 
	whitesmoke;
	padding: 4px;
	border: 1px solid 
	#ccc;
	opacity:0.8;
	}
	
.post{
	float:left;
	width:700px;
	height:auto;
	margin:0px 0px 15px 0px;
	overflow:auto;
	}


	
.post-box{
	padding-top:7px;
	float:right;
	width:369px;
	}
	
.index-title{
	font-size:18px;
	}

.exp{
	padding-top:10px;
	}

.post img{
	width:300px;
	height:auto;
	float:left;
	padding:3px;
	border:1px solid #ccc;
	background:whitesmoke;
	}

.post img:hover{
	width:300px;
	height:auto;
	float:left;
	padding:3px;
	border:1px solid #ccc;
	background:whitesmoke;
	opacity:0.8;
	}

.single_post img{
display:block;
margin-left:auto;margin-right:auto;
	}

.single_title{
	font-size:20px; /* 全体のフォント */;
	font-familly:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", Arial, メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align:center;
	}




#header{
	width:1180px;
	height:180px;
	background:url(http://masterpeace21.com/wp-content/uploads/2012/10/logo1.png) no-repeat right; 
	border:1px solid #ccc;
	}
	
#logo{
	margin:50px auto 0px;
	display:block;
	}
	
	
#footer{
	width:1180px;
	height:50px;
	margin:0 auto;
	display:block;
	}
	
/*pagenavi*/
	
span.oldpage{
	float:left;
	}
span.newpage{
	float:right;
	}
p.pagelink a{
	font-size:12px;
	color #0c8bcd;
	}

.wp-pagenavi {
	clear: both;
}

.wp-pagenavi {
	padding: 10px 20px 10px; 
	display:block; clear:both;
	}
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited, .wp-pagenavi a:active  { 
	padding: 4px 8px !important;
	margin: 2px !important;
	 text-decoration: none !important;
	  border: 1px solid #ddd !important;
	   background: #FFFFFF !important;
	   color: #999 !important;
	    }
.wp-pagenavi a:hover { border: 1px solid #3399cc !important; color: #3399cc !important; }
.wp-pagenavi span.pages { padding: 4px 8px !important; margin: 2px !important; font-style: italic !important; color: #999 !important; font-size: 11px !important; }
.wp-pagenavi span.current { padding: 4px 8px !important; margin: 2px !important; font-weight: bold !important; border: 1px solid #3399cc !important; background: #3399cc !important; color: #fff !important; }
.wp-pagenavi span.extend { padding: 4px 8px !important; margin: 2px !important; border: 1px solid #ddd !important; background-color: #FFFFFF !important; }


#sidebar{
	width:350px;
	float:right;
	}
	
#sidebar ul{
	margin:0;
	padding:0;
	}

#sidebar li{
	list-style-type: none;
	}



/*socailcode*/


#social_box{
	background:#fff;
	width:60px;
	padding:15px;
	margin-left:800px;
	text-align:center;
	position:fixed;
	top:370px;
	list-style-type:none;
	border:1px solid;
}


/*ribon*/

/* ribbon style */

.ribon{
	position:relative;
	color:#fff;
	right:40px;
	background:#f43059;
	font-size:1.5em;
	float:left;
	clear:both;
	padding:10px 10px 10px 20px;
	margin-left:-20px;
	margin-bottom:20px;
	text-shadow:0 -1px #d0284b, 0 1px #f96080;

	-moz-box-shadow:2px 2px 0 rgba(0,0,0,0.1);
	-webkit-box-shadow:2px 2px 0 rgba(0,0,0,0.1);
	-o-box-shadow:2px 2px 0 rgba(0,0,0,0.1);
	box-shadow:2px 2px 0 rgba(0,0,0,0.1);
}
.ribon:before{
	content:" ";
	background:url(http://masterpeace21.com/wp-content/themes/img/css/ribbon.png);
	display:block;
	width:10px;
	height:10px;
	position:absolute;
	bottom:0;
	left:0;
	margin-bottom:-10px;
	z-index:-1;
}



.fixed {
  position: fixed;
  top: 20px;
}



/*Ad*/

#amaad{
	margin-bottom:20px;
	//margin-left:45px;
	
}

#adside{
	padding:20px;
}

#admore{
	width:460px;
	margin:40px auto 40px;
}

/*Newest Ribon*/

.side-corner-tag {
    position: relative;
    color: #fff;
    display: inline-block;
    padding: 0px;
    overflow: hidden;
    font-family: Arial, sans-serif;
    font-weight: 900;
} 
 
.side-corner-tag p {
    display: inline;    
}

.side-corner-tag p span {
position: absolute;
display: inline-block;
right: -25px;
box-shadow: 0px 0px 10px rgba(0,0,0,0.6), inset 0px 5px 20px rgba(255,255,255,0.6);
text-align: center;
text-transform: uppercase;
top: 22px;
background: #54b4ed;
width: 100px;
padding: 3px 10px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
color: 
white;
text-shadow: 0 0 8px black;
}

.side-corner-tag p:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: -17px;
    right: 69px;
    z-index: -1;
    border: 17px solid;
    border-color: transparent transparent #662121 transparent;
}
 
.side-corner-tag p:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: 74px;
    z-index: -1;
    right: -10px;
    border: 17px solid;
    border-color: #662121 transparent transparent transparent;
}