/*
Theme Name: Simple Company
Author: 田中勇輔
Author URI: http://tanaka-yusuke.com/
Description: 書籍「小さな会社のWordPress制作・運営ガイド」のサンプルテーマです。企業サイトでの利用を前提に作られています。とてもシンプルな作りなので、初めてテーマ制作をする方の学習用としても最適です。
Version: 1.0
*/




/***************************************************************
 *
 * Yahoo! YUI 3 CSS Reset – Minified
 * ブラウザのデフォルトCSSをリセットします
 *
***************************************************************/
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{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}






/***************************************************************
 *
 * WordPressスタイル
 * 本文中やコメント欄で使用される予定のスタイルを指定します
 * 独自テーマを作る際はこのセクションをコピーして再利用すると便利です
 *
 * 詳しくはCodex [テーマの作成 > スタイルシートガイドライン] を確認してください。
 * http://wpdocs.sourceforge.jp/%E3%83%86%E3%83%BC%E3%83%9E%E3%81%AE%E4%BD%9C%E6%88%90
 *
***************************************************************/


/* image
-------------------------------------------------------------- */

img.size-full,
img.size-large,
img.header-image,
img.wp-post-image {
	max-width: 100%;
	height: auto;
}
embed,
iframe,
object,
video {
	max-width: 100%;
}
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.wp-caption {
	max-width: 100%;
	padding: 4px;
}
.wp-caption .wp-caption-text,
.gallery-caption,
.entry-caption {
	font-style: italic;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 2;
	color: #757575;
}


/* comment
-------------------------------------------------------------- */

button,
input,
textarea {
	border: 1px solid #d2d2d2;
	font-family: inherit;
	padding: 6px;
	padding: 0.428571429rem;
}
button,
input {
    line-height: normal;
}
textarea {
	font-size: 100%;
	overflow: auto;
	vertical-align: top;
}

input[type="checkbox"],
input[type="radio"],
input[type="file"],
input[type="hidden"],
input[type="image"],
input[type="color"] {
	border: 0;
	border-radius: 0;
	padding: 0;
}

input[type="submit"],
input[type="button"],
input[type="reset"] {
	padding: 5px 8px;
	font-size: 11px;
	font-size: 0.785714286rem;
	line-height: 1.428571429;
	font-weight: normal;
	color: #7c7c7c;
	background-color: #F9F9F9;
	border: 1px solid #d2d2d2;
}

input[type="submit"],
input[type="button"],
input[type="reset"] {
	cursor: pointer;
}

button[disabled],
input[disabled] {
    cursor: default;
}

input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover {
	color: #042b03;
	background-color: #ebebeb;
}
input[type="submit"]:active,
input[type="button"]:active,
input[type="reset"]:active {
	color: #757575;
	background-color: #e1e1e1;
	border: none;
}



/* widget
-------------------------------------------------------------- */
#wp-calendar {
	width:80%;
	text-align:center;
	line-height:30px;
	margin-left:30px;
	margin-top:20px;
	margin-bottom:20px;
}
#wp-calendar a:link {
	color:#042b03;
}
.widgetcss {
	line-height: 1.5;
	margin-top:30px;
	margin-bottom:50px;
}
.wp-calendar-whole {
 	background: #FFFFFF;
	border-collapse: collapse;
    	border-width: 1px;
    	border-style: solid;
	border-color: #FFFFFF;
}	
.widgetsearch {
	color: #042b03;
  	font-size: 12px;
	font-weight: bold;
	margin-top:30px;
	margin-bottom:50px;
}
.widget-title {
	color: #042b03;
 	background: #FFFFFF;
	padding: 8px 8px 8px;
 	font-size: 12px;
	font-weight: bold;
}


/* font
-------------------------------------------------------------- */
.entry p,
.widget p {
	margin-bottom:2em;
}
strong {
	font-weight:800;
}
em {
	font-style:italic;
}
ol {
	list-style-type:decimal;
}
.entry ul,
.entry ol,
.widget ul,
.widget ol {
	margin:20px 0 0px 20px;
	list-style-position:inside;
}




/***************************************************************
 *
 * ここからテーマのスタイルを指定します
 * テーマ全体の設定
 *
***************************************************************/



/* link
-------------------------------------------------------------- */

a:link {
	color:#042b03;
	text-decoration:underline;
}
a:visited {
	color:#999999;
}
a:hover {
	color:#042b03;
}



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

body {
	font-size:14px;
	color:#343434;
	line-height:120%;
	background-color : #F9F9F9;
}
#main {
	width:100%;
	background-color : #F9F9F9;
	padding-bottom:200px;
}
#content{
	width:980px;
	margin:0 auto;
	padding-top:20px;
}
p#totop {
	clear:both;
	text-align:right;
	padding-top:40px;
}
#column-left {
	width:250px;
	float:left;
	margin-right:20px;
}
#column-right {
	float:right;
	width:710px;
}
.entry {
	font-size:14px;
	line-height:160%;
}
.archive-entry {
	clear:both;
}
.page-entry {
	width:680px;
	padding:0 15px;
}
#toppage-content {
	margin:0 40px 30px 40px;
	width:900px;
}
.page-noside-entry {
	margin:0 40px 30px 40px;
	width:900px;
}
.archive-entry,
.single-entry {
	width:680px;
	padding:15px;
	margin-bottom:30px;
	background-color:#FFF;
}
.entry-content {
	margin-top:20px;
}
#post-link {
	clear:both;
	padding-top:20px;
}



/* title
-------------------------------------------------------------- */

h1#page-title {
	color: #042b03;
	background-color:#fff;
	border-left:5px #042b03 solid;
	padding:6px 20px;
	margin-bottom:20px;
	font-size:14px;
}
.entry h2 {
	clear:both;
	color: #042b03;
	background-color:#FFF;
	border-left:5px #042b03 solid;
	padding:6px 10px;
	margin:40px 0 5px 0;
	font-size:14px;
	font-weight:800;
}
.entry h3 {
	clear:both;
	font-size:14px;
	font-weight:800;
	background-color:#F9F9F9;
	border-top:1px solid;
	border-bottom:1px solid;
	padding:6px 10px 6px 30px;
	margin:20px 0 10px 0;
}
.entry h4 {
	clear:both;
	font-size:1.2em;
	font-weight:800;
	border-bottom:1px dotted #776C61;
	padding:3px 10px 3px 15px;
	margin:20px 0 10px 0;
}
h1.entry-title,
	color: #042b03;
h2.entry-title {
	font-size:14px;
	margin:0 0 15px 0;
	background:none;
	border:none;
	padding:0;
}


/* entry
-------------------------------------------------------------- */

.entry p {
	text-indent:0;
}



/* clearfix
-------------------------------------------------------------- */

.clearfix:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 1;
	clear: both;
}
.clear {
	clear:both;
}


/***************************************************************
 *
 *　グローバルナビゲーション
 *	header.php
 *
***************************************************************/
#header {
	width:100%;
	border-top:5px #776c61 solid;
	text-align:center;
}
#hgroup-content {
	width:980px;
	margin:0 auto;
	font-size:12px;
	padding-top:5px;
}
#header-text {
	float:left;
}
#header-banner { /*カスタムヘッダー画像のスタイル*/
	margin:0;
}
#header-nav {
	width:100%;
	padding:20px 0 10px 0;
	text-align:center;
}
#header-nav ul {
	width:980px;
	margin:0 auto;
	list-type:none;
}
#header-nav ul li {
	float:left;
	margin:0 12px;
	font-size:13px;
}
#header-nav ul li a {
	display:block;
	padding:5px;
	border-bottom:1px #776C61 solid;
}
#header-nav ul li a:link {
	color:#042b03;
	text-decoration:none;
}
#header-nav ul li a:visited {
	color:#776C61;
	text-decoration:none;
}
#header-nav ul li a:hover {
	color:#042b03;
	text-decoration:none;
	background-color:#fff;
	border-bottom:1px #F9F9F9 solid;
}
#header-nav ul li a:active {
	color:#fff;
	background-color:#042b03;
}
#header-nav ul li ul.sub-menu {
	display:inline;
	width:100%;
	float:left;
	margin:0 5px;
}
#header-nav ul li ul.sub-menu li {
	font-size:13px;
}
#hgroup-breadcrumbs {
	width:980px;
	margin:0 auto;
	font-size:10px;
}


/***************************************************************
 *
 *	footer.php
 *
***************************************************************/
#footer {
	width:100%;
	height:27px;
	color:#776C61;
	background:url(img/footer-repeat.gif) repeat-x 0 0;
	overflow:hidden;
}
#footer a:link,
#footer a:visited {
	color:#999999;
	text-decoration:none;
}
#footer a:hover {
	color:#042b03;
	text-decoration:underline;
}
#footer-content {
	width:980px;
	margin:0 auto;
	font-size:12px;
	padding-top:5px;
}
#poweredby {
	float:right;
	color:#fff;
}
#copyright {
	float:left;
	color:#fff;
}







/***************************************************************
 *
 *　ブログページ
 *	index.php / single.php 
 *
***************************************************************/
.archive-meta {
	font-size:14px;
}
p.entry-date {
	margin:0 0 0 3px;
	text-indent:0;
}
.archive-meta a:link,
.single-meta a:link {
	color:#343434;
	text-decoration:none;
}
.archive-meta a:visited {
	color:#999999;
}
.archive-meta a:hover,
.single-meta a:hover {
	color:#042b03;
	text-decoration:underline;
}

p.entry-cat {
	margin:0;
	text-align:right;
	padding:0;
	font-size:12px;
	text-decoration: underline;
	color: #042b03;
}

div#post-link {
	margin:30px 0;
	font-size:0.7em;
}
#post-link p#post-link-next {
	float:right;
	max-width:550px;
}
#post-link p#post-link-prev {
	float:left;
}


/* コメント
-------------------------------------------------------------- */

#comment-container {
	clear:both;
	margin-top:100px;
	padding-top:30px;
}
h3#comments {
	font-size:1.2em;
	font-weight:800;
	margin-bottom:2em;
}
li.comment {
	margin-top:10px;
	margin-bottom:30px;
	padding-bottom:30px;
}
ul.children {
	margin-left:30px;
}
div.comment-meta , div.reply {
	font-size:0.7em;
}


/***************************************************************
 *
 *	トップページ用 カスタム固定ページテンプレート
 *　page-top.php
 *
***************************************************************/


/* 新着情報リスト
-------------------------------------------------------------- */


#topnews {
	width:906px;
	margin:0 37px;
}
#topnews-list {
	width:128px;
	height:23px;
	padding:13px 15px 12px 763px;
	background:url(img/news-top.png) no-repeat 0 0;
}
#topnews-container {
	width:860px;
	margin:0;
	padding:0 23px;
	background:url(img/news-repeat.png) repeat-y 0 0;
}
#topnews-container li {
	width:840px;
	padding:15px 10px 13px 10px;
	background:url(img/news-line.gif) repeat-x 0 bottom;
}

/* ブログ記事リスト
-------------------------------------------------------------- */


#topblog {
	width:906px;
	margin:0 37px;
}
#topblog a:link,
#topblog a:visited {
	text-decoration:none;
	color:#999999;
}
#topblog a:hover {
	text-decoration:underline;
}
#topblog-title {
	margin:0 0 10px 20px;
}
ul#topblog-list li.topblog-container {
	display:block;
	width:150px;
	height:239px;
	padding:20px 14px 10px 10px;
	margin:0 3px;
	background:url(img/newsblog-container.png) no-repeat 0 0;
	font-size:14px;
	float:left;
}
ul#topblog-list li.topblog-container div.topblog-photo {
	width:150px;
	height:150px;
	margin:0 2px;
	overflow:hidden;
}
ul#topblog-list li.topblog-container p.topblog-date {
	margin:5px 0 0 0;
	color:#042b03;
	font-weight:800;
	height:15px;
	overflow:hidden;
}
ul#topblog-list li.topblog-container p.topblog-title {
	margin:4px 0 0 0;
	color:#343434;
	height:65px;
	overflow:hidden;	
}
#topblog-link {
	clear:both;
	margin:0;
	text-align:right;
	padding:10px 10px 0 0;
}
#topnews-bloglist {
	width:128px;
	height:23px;
	padding:13px 15px 12px 763px;
	background:url(img/newsblog-top.png) no-repeat 0 0;


/***************************************************************
 *
 *	サイドウィジェット
 *　sidebar.php
 *
***************************************************************/

.widget {
	padding-bottom:10px;
}
.widget a:link {
	color:#042b03;
	text-decoration:none;
}
.widget a:visited {
	color:#999999;
}
.widget a:hover {
	color:#042b03;
	text-decoration:underline;
}
.widget h3.widget-title {
	padding:10px 0;
	font-size: 12px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
	font-weight:800;
}

#sidebar-container {
	background-color: #FFF;
	padding-top:30px;
}
#sidebar-container div.widget {
}
#sidebar-container div.widget h3.widget-title {
	padding:10px;
	margin-bottom:10px;
	background:#F9F9F9;
}
.sidebar-button {
	margin-bottom:10px;
}
.widget ul,
.widget div {
	margin:15px;
}
.widget ul.children {
	margin-top:inherit;
}







/***************************************************************
 *
 *	CSSをカスタマイズする場合は
 *　ここから下のセクションに追記してください
 *
***************************************************************/