/*
Theme Name: BlankSlate
Theme URI: http://wordpress.org/themes/blankslate
Author: TidyThemes
Author URI: http://tidythemes.com/
Description: <strong>UPDATE</strong> - 4.0+ is here, completely overhauled, yet again. As always, <a href="http://tidythemes.com/concept/#upgrading">use caution when upgrading</a> (tidythemes.com/concept/#upgrading) and <a href="http://tidythemes.com/concept/">learn the TidyThemes concept</a> (tidythemes.com/concept). &nbsp; &rarr; <em><strong>CAUTION</strong>: If you're child theming or have clients that are child theming on top of BlankSlate (not the recommended use), please do not blindly upgrade to newer versions.</em> &nbsp; &rarr; <strong>DESCRIPTION</strong>: BlankSlate is the definitive WordPress HTML5 boilerplate starter theme. We've carefully constructed the most clean and minimalist theme available anywhere for designers/developers to use as a base/foundation to build websites for clients or to build completely custom themes from scratch to release faster. Clean, semi-minified, unformatted and valid code, SEO-friendly, no programmer comments, standardized and as white label as possible and most importantly, CSS reset for cross-browser-compatability and no intrusive visual CSS styles added whatsoever. A perfect skeleton theme that blows any others like it (the subsequent underscores.me for example) completely out of the water, as they're simply too overcomplicated for what people really want in this kind of theme. Now comes with jQuery enqueued and ready to go. &nbsp; &rarr; <strong>SUPPORT</strong>: Please use the <a href="http://tidythemes.com/forum/">official support forum</a> (tidythemes.com/forum). Comments and suggestions for improving BlankSlate, please see "<a href="http://tidythemes.com/tidythemes-sucks/">TidyThemes Sucks!</a>" (tidythemes.com/tidythemes-sucks). Just getting started? <a href="http://tidythemes.com/want-to-learn-css/">Want to learn CSS?</a> (tidythemes.com/want-to-learn-css) &nbsp; &rarr; <strong>WHAT'S NEW?</strong>: We stripped down as much custom, extraneous, superfluous junk code as we could and greatly improved the HTML5 structure. <a href="http://make.wordpress.org/themes/author/chipbennett/">Chip Bennett</a> (make.wordpress.org/themes/author/chipbennett), a highly experienced programmer and official WordPress administrator, worked closely with us to audit the theme code for quality. <a href="http://themes.trac.wordpress.org/changeset?old_path=/blankslate/3.3&new_path=/blankslate/4.0">See</a> (themes.trac.wordpress.org/changeset?old_path=/blankslate/3.3&new_path=/blankslate/4.0) just how much we've revamped things. Last, but not least, BlankSlate has now been <a href="https://github.com/tidythemes/blankslate">opened up on GitHub</a> (github.com/tidythemes/blankslate) if anyone would like to make suggested code additions/improvements. Thank you for using BlankSlate.
Version: 4.0.3
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
Tags: black, blue, white, light, one-column, fluid-layout, responsive-layout, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
Text Domain: blankslate

BlankSlate WordPress Theme © 2011-2015 TidyThemes
BlankSlate is distributed under the terms of the GNU GPL
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video
{font-size:100%;
/*font:inherit;*/
/*padding:0;*/
/*border:0;*/
/*margin:0;*/
vertical-align:baseline}

body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}.clear{clear:both}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}.screen-reader-text{clip:rect(1px, 1px, 1px, 1px);position:absolute !important}


/********************************************
   AUTHOR:  			owashi 
   WEBSITE:   			http://www.apfel-planet.com/
	TEMPLATE NAME:		ApfelSimple
   TEMPLATE CODE: 	S-001
   VERSION:          1.0          	
 *******************************************/
 
/********************************************
   HTML ELEMENTS
********************************************/ 

/* Top Elements */
* { margin: 0;  }


body {
	background: #fff;
	font: 80%/1.5em 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,"Verdana",'ＭＳ Ｐゴシック',sans-serif;
	color: #666666; 
	/*text-align: center;*/
	margin: 0 0 15px;
}

/* links */
a, a:visited {	
	color: #5A93C9;
	background: inherit;
	text-decoration: none;
}
a:hover {
	color: #88ac0b;
	background: inherit;
	text-decoration: underline;
}

/* headers */
h1, h2, h3 {
	font-family: 'ヒラギノ明朝 Pro W3','平成明朝','ＭＳ Ｐ明朝',serif;
	font-weight: Bold; 		
}
h1 {
	font-size: 160%;	
	font-weight: normal;
}
h2 {
	font-size: 130%;
	text-transform: uppercase;
	color: #88ac0b;
}
h3 {
	font-size: 130%;	
}
h4 {
	font-size: 120%;
	margin:10px 0;
	}

h1, h2, h3, p {	
	margin: 0;
	padding: 0;
}
ul, ol {
	/*margin: 5px 20px;*/
	padding: 0 20px;
}

/* images */
img {
border:none;
}
img.float-right {
  	margin: 5px 0px 10px 10px;  
}
img.float-left {
  	margin: 5px 10px 10px 0px;
}

code {
  	margin: 5px 0;
  	padding: 10px;
  	text-align: left;
  	display: block;
  	overflow: auto;  
  	font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace ;
  	/* white-space: pre; */
  	background: url(../images/post.jpg);
	border: 1px solid #E0DBC9;  
}
acronym {
  cursor: help;
  border-bottom: 1px solid #777;
}
blockquote {
	margin: 10px;
 	padding: 0 0 0 25px;  
   background: url(../images/post.jpg);
	border: 1px solid #E0DBC9;
	font: bold 1.3em/1.5em 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,"Verdana",'ＭＳ Ｐゴシック',sans-serif;
	color: #A89A6A;
}


/* start - table */
table {
	border-collapse: collapse;
	/*margin: 10px;	*/
	/*border:none;*/
}
th strong {
	color: #fff;
}
th {
	background: #93BC0C url(../images/nav.jpg) repeat-x;
	height: 29px;
	padding-left: 12px;
	padding-right: 12px;
	color: #FFF;
	text-align: left;
	border-left: 1px solid #B6D59A;
	border-bottom: solid 2px #FFF;
}
tr {
	/*height: 30px;*/
}
td {
	/*padding-left: 11px;*/
	/*padding-right: 11px;*/
	/*border-left: 1px solid #E8E8E8;*/
	/*border-bottom: 1px solid #DFDFDF;*/
}
td.first,th.first {
	border-left: 0px;
}
tr.row-a {
	background: #F8F8F8;
}
tr.row-b {
	background: #EFEFEF;		
}
/* end - table */

/* form elements */
form {
	margin:10px; padding: 0 5px;
	/*border: 1px solid #D5D5D5; */
	/*background-color: #DADADA; */	
}
label {
	/*display:block;*/
	/*font-weight:bold;*/
	margin:5px 0;
}
input {
	padding:2px;
	border:1px solid #eee;
	font: normal 1em 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,"Verdana",'ＭＳ Ｐゴシック',sans-serif;
	color:#777;
}
.inputbox {
border:1px solid #ccc;
}
textarea {
	width:400px;
	padding:2px;
	font: normal 1em 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,"Verdana",'ＭＳ Ｐゴシック',sans-serif;
	border:1px solid #eee;
	height:100px;
	display:block;
	color:#777;
}
.button { 
	/*font: bold 12px Arial, Sans-serif; 
	height: 24px;
	margin: 0;
	padding: 2px 3px; 
	color: #FFF;*/
	background-color:#333333;
	color:#fff;
	/*background: #8EB50C url(../images/nav.jpg) repeat-x 0 0;*/
	border: none;
	padding:2px;
	border:1px solid #eee;
	font: normal 1em 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,"Verdana",'ＭＳ Ｐゴシック',sans-serif;
}

/* search form */
.searchform {
	background-color: transparent;
	border: none;	
	margin: 0; padding: 5px 0 15px 0;	
	width: 250px;
	position:absolute;
	top:50px;
	right:30px;	
}
.searchform p { margin: 0; padding: 0; }
.searchform input.textbox { 
	width: 120px;
	color: #777; 
	height: 18px;
	padding: 2px;	
	border: 1px solid #E5E5E5;
	vertical-align: top;
}
.searchform input.button { 
	/*width: 60px;
	height: 24px;
	padding: 2px 5px;
	vertical-align: top;*/
}
.search {
float:right;
}

/********************************************
   LAYOUT
********************************************/ 
#wrap {
	position: relative;
	width: 960px;
	background-image:url(../images/content-wrap-bg.png) ;
	background-repeat:repeat-y;
	background-position:left top;
	margin: 0 auto;
	text-align: left;
}
#inner_wrap {
	width:950px;
	margin: 0px 5px 0;
	}
	
#top-bg {
	width: 960px;
	height: 5px;
	margin:20px auto 0;
	background-image:url(../images/top-bg.png) ;
	background-position:center top;	
}
#content-wrap {
	position: relative;
	clear: both;
	/*float: left;*/
	width: 900px;	
	margin:0 auto;
	padding: 0 0 20px; 	
	/*background: #E8E8E8;	*/
	border-top: 5px solid #FFF;
	border-bottom: 1px dotted #D0D0D0;
	/*margin-left: 15px;	*/
	/*display: inline;*/
}
#header {
	width: 100%;
	position: relative;
	height: 100px;
	background-image: url(../images/header_bg.jpg) ;
	padding: 0;	
	color: #FFF;	
}
#header h1#logo-text a {
	position: absolute;
	margin: 0; padding: 0;
	/*font: bold 25px 'Trebuchet MS', Arial, Sans-serif;*/
	/*letter-spacing: -1px;*/
	/*color: #AEAAAA;*/
	text-transform: none;
	text-decoration: none;
	background-image:url(../images/title_bg.png) ;
	background-repeat:no-repeat;
	background-position:left top;
	width:327px;
	height:44px;
	/* change the values of top and left to adjust the position of the logo*/
	top: 25px; left: 30px;	
	text-indent:-4000px;
	overflow: hidden;
    outline: none;
}
#header h1#logo-text span {
	color: #838181;
}
#header h2#slogan {
	position: absolute;
	margin: 0; padding: 0;
	font: normal 14px 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,"Verdana",'ＭＳ Ｐゴシック',sans-serif;
	text-transform: none;
	color: #838181;
	
	/* change the values of top and left to adjust the position of the slogan*/
	top: 68px; left: 33px;		
}

/* header links */
#header #header-links {
	position: absolute;
	top: 20px; right: 20px;	
	color: #838181;
	font-size: 10px;	
}

#header #header-links ul {
	margin: 0;
	padding: 0;
}

#header #header-links ul li {

	list-style-type: none;
	list-style-image: none;
	margin-right: 10px;
	margin-top: 0px;
	padding: 0px;
	float: right;

}

#header #header-links ul li a, 
#header #header-links ul li a:link, 
#header #header-links ul li a:visited {
	color: #838181;
	font-size: 10px;

}


#header #header-links a {	
	color: #838181;
	text-decoration: none;	
}
#header #header-links a:hover {
	color: #444;		
}

/* header-photo */
#header-photo {
	clear: both;
	height: 300px;
	width: 100%;
	margin: 0 auto;
	/*background: #FFF url(../images/header-photo.jpg) no-repeat center center;*/
}

/* Navigation */
#nav {
	clear: both;	
	padding: 0;		
}
#nav ul {
	float: left;
	list-style: none;
	background: url(../images/nav.jpg) repeat-x;	
	width: 910px;		
	/*text-transform: uppercase;*/
	margin: 0;
	padding-left: 20px;	
	display: inline;
	border-bottom:1px solid #999;
}
#nav ul li {
	display: inline;
	margin: 0; padding: 0;
}
#nav ul li a {
	display: block;
	float: left;
	width: auto;
	margin: 0;
	padding: 0 14px;
	border-right: 1px solid #899D00;
	border-left: 1px solid #A7D101;
	border-bottom: none;
	color: #FFF;
	font: bold 13px/2.8em 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,"Verdana",'ＭＳ Ｐゴシック',sans-serif;
	/*text-transform: uppercase;*/
	text-decoration: none;	
	/*letter-spacing: 1px;*/
}
#nav ul li a:hover, 
#nav ul li a:active,
#nav ul li.active a {
	background: url(../images/nav-hover.jpg) repeat-x;	
}
#nav ul li a.active_menu {	
	background: url(../images/nav-hover.jpg) repeat-x;	
}
#nav ul li a.active_menu:link {	
	background: url(../images/nav-hover.jpg) repeat-x;	
}
#nav ul li a.active_menu:visited {	
	background: url(../images/nav-hover.jpg) repeat-x;	
}
/*bread*/
#bread {
	border-bottom:1px dotted #ddd;
}
/* Main Column */
#main-r {
	float: left;
	width: 70%;
	padding: 0; margin: 10px 0 0 0;
	display: inline;
}
#main-l {
	float: right;
	width: 70%;
	padding: 0; margin: 10px 0 0 0;
	display: inline;
}
#main-small {
	float: left;
	width: 44%;
	padding: 0; margin: 10px 0 0 3%;
	display: inline;
}
#main-large {
}
#main td{
	padding: 0; margin: 0;
}
#main table, tr, th{
	padding: 0; margin: 0;
}
#main h1, .contentheading, .componentheading, h3 {
	margin-top: 10px;
	font: normal 1.6em 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,"Verdana",'ＭＳ Ｐゴシック',sans-serif;
	color: #8C9F0D; 
	padding: 5px 0 5px 5px;
		
}
#main ul li {
	list-style-image: url(../images/bullet.gif);
}

.post-footer {
	background: url(../images/post.jpg);
	padding: 5px; margin: 20px 10px 0 10px;	
	font-size: 95%;	
	color: #AEA471;
	border: 1px solid #E0DBC9;
}
.post-footer .date{
	margin: 0 10px 0 5px;	
}
.post-footer a.comments {
	margin: 0 10px 0 5px;	
}
.post-footer a.readmore {
	margin: 0 10px 0 5px;	
}
/* left-wrap */
#left-wrap {
float:left;
width:auto;
display:block;
}
/* right-bar */	
#right-bar {
	float: right;
	width: 25%;
	padding: 0;
	margin: 10px 0 0 0;		
}	
/* left-bar and right-bar*/
#left-bar {
	float: left;
	width: 25%;
	padding: 0;
	margin: 10px 0 0 0;		
}	
#left-bar h3 ,#right-bar h3 {
	margin-top: 10px;
	padding: 5px 5px; 
	font: bold 1.3em 'ヒラギノ明朝 Pro W3','平成明朝','ＭＳ Ｐ明朝',serif;
	color: #8C9F0D; 		
}
#left-bar ul , #right-bar ul {
	text-align: left;
	width:100%;
	margin: 7px 4px 8px 0; padding: 0;
	text-decoration: none;		
	background: url(../images/dots.gif) repeat-x left top;
}
#left-bar ul li ,#right-bar ul li {
	list-style: none;
	background: url(../images/dots.gif) repeat-x left bottom;
	padding: 0 0 1px 0px;
	margin: 0;		
}	
* html body #right-bar ul li ,* html body #left-bar ul li {
	height: 1%;
}
#left-bar ul li a ,#right-bar ul li a {
	text-decoration: none;	
	background-image: none;	
	color: #666666;		
	display:block;	
	line-height:3em;
	padding-left:10px;
}
#left-bar ul li a:hover ,#right-bar ul li a:hover {	
	color: #1773BC;	
	background-color:#eee;
}
.moduletable {
margin-bottom:40px;
}
#footer-bottom .moduletable {
margin-bottom:20px;
}


/*current*/
#right-bar ul li#current a,#left-bar ul li#current a {
	color: #1773BC;	
	background-color:#eee;
	}

/* footer */
#footer-wrap {
	clear: both;
	width: 100%;
	font-size: 90%;	
	text-align: left;
	padding: 15px 0;
	/*background: url(../images/footer-bottom.jpg) no-repeat center bottom;	*/
}
#footer-wrap a {
	text-decoration: none;
	color: #666666;
	/*font-weight: bold;*/
}
#footer-wrap a:hover {
	color: #000;
	text-decoration:underline;
}
#footer-wrap p {
	padding:10px 0;
}
#footer-wrap h2 {
	color: #666666;
	margin: 0;
	padding: 0 10px; 
}

#footer-columns {
	color: #888;
	margin: 0 auto; 
	padding: 0;	
	width: 760px;		
}
#footer-columns ul {
	list-style: none;
	margin: 10px 0 0 0; 
	padding: 0;	
	background: url(../images/footer-dots.jpg) repeat-x left top;
}
#footer-columns li {
	background: url(../images/footer-dots.jpg) repeat-x left bottom;		
}
#footer-columns li a {
	display: block;
	font-weight: normal;
	padding: 3px 0 3px 10px;
	width: 96%;
}
#footer-columns .col3, .col3-center {
	float: left;
	width: 32%;
}
#footer-columns .col3-center { 
	margin: 0 15px; 
}
#copy {
font-size:10px;
}

/* bottom */
#footer-bottom {
	clear: both;
	color: #666;	
	margin: 0 auto; 
	width: 100%;
	padding: 10px 0;
	text-align: center;
}
#footer-bg {
	width: 960px;
	height: 5px;
	background-image: url(../images/footer-bottom.png) ;
	background-position:left top;	
	margin:0 auto;
}

.article-meta {
	padding: 5px;
	width: auto;
	float: left;
}
div.buttonheading {
	float: right;
	width: auto;
	padding: 5px 0;
	}
.buttonheading {
	width: 20px;
	height: 18px;
	padding: 0;
	margin: 0;
}
.buttonheading img {
	background: #FAFAFA;
   border: 1px solid #DCDCDC;
	padding: 5px;
}
.article-content {
clear:both;
padding-top:10px;
}
/*カテゴリ一覧表示*/
.sectiontableentry a {
width:270px;
height:60px;
float:left;
margin:10px;
background-image:url(../images/sectiontableentry_bg.jpg);
background-repeat:repeat-x;
background-color:#eee;
border:1px solid #ccc;
text-align:center;
line-height:60px;
font-size:18px;
display:block;
}

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }

/* display and additional classes */
.clear { clear: both; }

/*モジュール*/
.banneritem {
margin-bottom:5px;
}
.bannergroup {
text-align:center;
}

/*clearfix start*/
.clearfix:after {
content: ".";
display:block;
height:0;
clear:both;
visibility: hidden;
}

.clearfix {display:inline-block; }

/* Hides from IE-mac \*/
* html .clearfix {height:1%; }
.clearfix { display:block; }
/* End hide from IE-mac */

/*clearfix end*/

/*div {
border:1px solid #ff0000 !important ;
}*/