/*
Theme Name:obakestyle
Theme URI:http://obakenote.com
Description:obakenote
Author:obakenote
Author URI:http://obakenote.com
*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td,html,label,table,tr,td,code {margin:0;padding:0;}
fieldset,img,a img,:link img,:visited img {border:0;}
address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;}
ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;}
q:before,q:after {content:'';}

b {
	font-weight:bold;
	color:#333;
	font-style: italic;
}

.red{color:#f00;}

body {
	color: #222;
	text-align:center;
	font:13px/20px Verdana, Arial, Helvetica, sans-serif; 
	margin: 0px auto 0px;
	padding: 0px 20px;
	background:url(imgs/bg.jpg) repeat-y left top;
	}

table,th,td{border-collapse:collapse;border-spacing:0;}
table{width:500px;margin-bottom:15px;}
th,td{border:1px dashed #ccc;padding:10px;}
th{background:#fafafa;}
	
	
#wrap {
	background: #FFFFFF;
	width: 960px;
	text-align:left;
	margin: 0px auto 0px;
	padding: 0px;
	}

.google-auto-placed{
	margin-bottom: 15px;
}

.googlemap {
position: relative;
padding-bottom: 90%;
padding-top: 0px;
height: 0;
overflow: hidden;
}
 
.ggooglemap iframe,
.ggooglemap object,
.ggooglemap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/************************************************
*	Hyperlinks									*
************************************************/

a:link,a:visited	{ color:#0090D9; text-decoration:none; outline:none;}
a:hover,a:active	{ color:#4C666A; text-decoration:underline; outline:none;}
	
/************************************************
*	Header 									*
************************************************/

#header{position:relative;height:250px;background:url(imgs/header_bottom_line.jpg) no-repeat left bottom;}

#header_in{background:url(imgs/main.jpg) no-repeat 290px 130px;height:250px;}

#logo {background:url(imgs/logo.jpg) no-repeat left top;width:469px;height:34px;position:absolute;top:30px;left:0px;}
#logo a{display:block;width:960px;height:220px;text-indent:-9999px;}
#logo span{display:none;}

/************************************************
*	Content 					     		    * 
************************************************/

#content {
	width: 960px;
	margin: 0px auto 0px;
	padding: 0px;
	}

#content p{
	padding: 0px 0px 15px 0px;
	margin: 0px;
	line-height: 20px;
	}
	
#content h1{
	font-size: 20px;
	font-weight: bold;
	margin: 20px 0px 10px 0px;
	padding: 20px 0px 0px 34px;
	font-family: sans-serif;
	line-height:28px;
	background:url(imgs/h_bg.jpg) no-repeat left 20px;
	}

.post h2{
	font-size: 18px;
	font-weight: bold;
	margin: 20px 0px 10px 0px;
	font-family: sans-serif;
	line-height:26px;
	color: #333;
	}

.post h3{
	font-weight:bold;
	font-size:16px;
	margin-bottom:15px;
	color:#333;
	border-left:2px solid #d9d9d9;
	padding:10px;
	line-height: 1.5rem;
}
	
#content h1 a,
.post h2 a  {
	color: #14181A;
	text-decoration: none;
	}

#content h1 a:hover,
.post h2 a:hover {
	color: #525252;
	text-decoration: none;
	}
	
#l_sidebar h2,
#r_sidebar h2 {
	color: #444444;
	font-size: 12px;
	font-weight:bold;
	padding: 0 0 0 5px;
	margin: 0px 0px 5px 0px;
	line-height:30px;
	background:url(imgs/h2_widgettitle_bg.jpg) repeat left top;
	}
	
#l_sidebar h3,
#r_sidebar h3 {
	color: #444444;
	font-size: 18px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	margin: 25px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
	}
	
#contentleft {
	float: left;
	width: 506px;
	margin: 0px 35px 0px 0px;
	padding: 0px 0px 20px 0px;
	}

#contentleft .post-thumbnail img{
	width: 100%;
	height: auto;
	margin-bottom: 10px;
}

#contentleft .post{border-bottom:1px dashed #ccc;padding-bottom:25px;}

#contentleft img{
	border:1px solid #E2DDDE;
	padding:2px;
	width: 100%;
	}
#contentleft .commentlist img{
	width: auto;
}

#contentleft .txt_bloc{
	padding: 0px 0px 15px 0px;
	}

#contentleft .kakomi{
	padding:15px;
	background:#fafafa;
	border:1px solid #E2DDDE;
	margin-bottom:15px;
	overflow:auto;
	}

#contentleft ol{
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 10px 0px;
	}
	
#contentleft ol li{
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
	}
	
#contentleft ul{
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 20px 0px;
	}
	
#contentleft ul li{
	background:transparent url("images/ul-bullet.gif") 0px 6px no-repeat; /* 0px = horizontal position for left, 6px = vertical position from top */
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 18px;
	}
	
#content blockquote p{
	padding:0;
	}

#content p.date {
	font-family:sans-serif;
	font-size:10px;
	color:#4c4c4c;
	padding-left:30px;
	text-align:right;
}

.bt-links {
	background: #EFEFEF;
	border: 1px solid #DDDCDC;
	margin:10px 0px 10px 0px;
	padding:10px 0px 10px 15px;
	font-family:sans-serif;
}


.pagination {
	clear: both;
	padding: 30px 0;
	position: relative;
	font-size: 14px;
	line-height: 1em;
        text-align: center;
}
.pagination-box {
	display: inline-block;
}
.pagination span, .pagination a {
	display: block;
	float: left;
	margin: 2px 6px 2px 0;
	padding: 10px 14px 10px 14px;
	text-decoration: none;
	width: auto;
	color: #fff; /* 通常の文字色 */
	background: #ccc; /* 通常の背景色 */
	border-radius: 50%; /* 角を丸くして円形に */
}
.pagination span.page-of {
	background: none;
	color: #4c4c4c;
	font-size: 0.8rem;
	padding-left: 0;
}
.pagination a:hover{
	color: #fff; /* マウスホバー時の文字色 */
	background: #999; /* マウスホバー時の背景色 */
}
.pagination .current{
	padding: 10px 14px 10px 14px;
	color: #fff; /* 現在のページの文字色 */
	background: #777; /* 現在のページの背景色 */
}
@media only screen and (max-width: 413px) {
.pagination {
	font-size: 12px;
	line-height: 12px;
}
.pagination span, .pagination a {
	padding: 7px 10px 7px 10px;
}
.pagination .current{
	padding: 7px 10px 7px 10px;
}
}



/************************************************
*	Left Sidebar 					     	    * 
************************************************/

#l_sidebar {
	float: left;
	width: 160px;
	margin: 20px 0px 0px 0px;
	padding: 0px 24px 20px 24px;
	border-left: 1px solid #E2DDDE;
	font:11px/18px Verdana, Arial, Helvetica, sans-serif; 
	}
	
#l_sidebar ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	}

#l_sidebar li {padding-top:20px;}

#l_sidebar ul li  ul li{
	background:transparent url("images/bullet.gif") 0px 11px no-repeat; /* 0px = horizontal position for left, 6px = vertical position from top */
	display: block;
	padding: 4px 0px 4px 10px;
	margin: 0px;
	}

#l_sidebar a:link, #l_sidebar a:visited	{ color:#444; text-decoration:none; outline:none; }
#l_sidebar a:hover, #l_sidebar a:active	{ color:#444; text-decoration:underline; outline:none; }
	

#l_sidebar p{
	padding: 3px 0px 0px 0px;
	margin: 0px;
	line-height: 20px;
	}


#l_sidebar li {list-style: none; }	
/************************************************
*	Right Sidebar 					     	    * 
************************************************/
	
#r_sidebar {
	float: right;
	width: 160px;
	margin: 20px 0px 0px 0px;
	padding: 0px 24px 20px 24px;
	border-left: 1px solid #E2DDDE;
	border-right: 1px solid #E2DDDE;
	font:11px/18px Verdana, Arial, Helvetica, sans-serif; 
	}

#r_sidebar ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
	
#r_sidebar li {padding-top:20px;}

#r_sidebar ul li ul li{
	background:transparent url("images/bullet.gif") 0px 11px no-repeat; /* 0px = horizontal position for left, 6px = vertical position from top */
	display: block;
	padding: 4px 0px 4px 10px;
	margin: 0px;
	}


#feed {
	background:  url("images/rss.gif") 183px 0px no-repeat; /* 0px = horizontal position for left, 6px = vertical position from top */
	padding: 4px 0px 4px 10px;
}

#r_sidebar a:link, #r_sidebar a:visited	{ color:#444; text-decoration:none; outline:none; }
#r_sidebar a:hover, #r_sidebar a:active	{ color:#444; text-decoration:underline; outline:none; }
	
	
#r_sidebar p{
	padding: 3px 0px 0px 0px;
	margin: 0px;
	line-height: 20px;
	}

#r_sidebar li {list-style: none; }	

/************************************************
*	Footer  									*
************************************************/

#footer {
	width: 960px;
	margin: 0px auto 0px;
	text-align: center;
	position: relative;
	line-height: 17px;
	font:11px/18px Verdana, Arial, Helvetica, sans-serif;
	border-top:1px dashed #ccc; 
	}
	
#footer p {
	color: #AAB3B4;
	margin:0px 0px 20px 0px;
	padding-top: 13px;
	}

#footer a:link, #footer a:visited { color:#AAB3B4; }
#footer a:hover, #footer a:active { color:#AAB3B4; }



/************************************************
*	Search Form									*
************************************************/

#searchdiv {
	margin: 0px;
	padding: 0px;
	}
	
#searchform {
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	}
	
input#s {
	color: #323232;
	font-size: 11px;
	padding: 4px;
	margin: 4px 0px 8px 0px;
	border: 1px solid #999;
	border-radius: 5px;/* CSS3ëêàƒ */
	-webkit-border-radius: 5px;/* Safari,Google Chromeóp */
	-moz-border-radius: 5px;/* Firefoxóp */  
	}
input#s:focus{background:#FFF9F2;}

	
#sbutt {
	background: #878787;
	color: #FFFFFF;
	font-size: 11px;
	font-family: Verdana, Helvetica, Sans-Serif;
	padding: 1px;
	margin: 0px 0px 0px 5px;
	border: 1px solid #333333;
	cursor:pointer;
	}
	
/************************************************
*	Comments									*
************************************************/
	

#commentblock {

	background: #EFEFEF;
	color: #000000;
	padding: 20px 20px 10px 20px;
	margin: 0px 0px 0px 0px;
	border-top: 2px solid #4C666A;
	border-bottom: 1px solid #4C666A;
	}
	
#commentblock ol{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	}
	
.commentdate {
	font-size: 12px;
	padding-left: 0px;
	}
	
#commentlist li p{
	margin-bottom: 8px;
	line-height: 20px;
	padding: 0px;
	}

.commentname {
	color: #333333;
	margin: 0px;
	padding: 5px 5px 5px 0px;
	}

.commentinfo{
	clear: both;
	}

.commenttext {
	margin: 25px 20px 20px 0px;
	padding: 10px 10px 0px 10px;
	background: #F9F9F9;
	border:1px solid #DEDEDE;
	font-style:normal;
	}


.commenttext-admin {
	clear: both;
	margin: 3px 0px 10px 0px;
	padding: 20px 10px 5px 10px;
	background: #FFFFFF url("images/comment.gif") no-repeat top;
	}

#commentsformheader{
	padding-left: 0px;
	}

#commentsform{
	text-align: center;
	margin: 0px;
	padding: 0px;
	}

#commentsform form{
	text-align: left;
	margin: 0px;
	}

#commentsform p{
	margin: 0px;
	}

#commentsform form textarea{
	width: 99%;
	}
	
p.comments_link  img{
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}

img.avatar {float:right; margin-right:20px; border: 1px solid #4C666A;}

.awaiting { color: #886353; }

.auth-name { font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; color:#000;}

.auth-time { font-size: 13px; color:#616161; font-style:italic;}

#comments, #respond { font-size: 14px; font-weight:normal;}


/************************************************
*	Wordpress Suggestions						*
************************************************/

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

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption-dd {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}

/************************************************
*	clearfix						*
************************************************/

/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:table;
}
 
.cf:after {
    clear:both;
}
 
/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom:1;
}


/************************************************
*	Original						*
************************************************/
.ctc{line-height:22px;}

.thumbs{float:left;margin-right:12px;margin-top:3px;}

.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  margin-bottom:1rem;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

.w100{
	width: 100%;
}

blockquote{
	background: url("/wp-content/themes/obakestyle/images/blockquote.png") no-repeat 10px 10px #fafafa;
	border: 1px solid #ccc;
	padding: 20px 20px 20px 55px;
	margin-bottom: 2rem;
}

/* archive */
#content .arc p.date{padding-bottom:0;}

{}