/*
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 #ccc;
	border-radius: 3px;
	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: 6px 10px;
	padding: 0.428571429rem 0.714285714rem;
	font-size: 11px;
	font-size: 0.785714286rem;
	line-height: 1.428571429;
	font-weight: normal;
	color: #7c7c7c;
	background-color: #e6e6e6;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #f4f4f4, #e6e6e6);
	background-image: -ms-linear-gradient(top, #f4f4f4, #e6e6e6);
	background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6);
	background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6);
	background-image: linear-gradient(top, #f4f4f4, #e6e6e6);
	border: 1px solid #d2d2d2;
	border-radius: 3px;
	box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1);
}

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: #5e5e5e;
	background-color: #ebebeb;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #f9f9f9, #ebebeb);
	background-image: -ms-linear-gradient(top, #f9f9f9, #ebebeb);
	background-image: -webkit-linear-gradient(top, #f9f9f9, #ebebeb);
	background-image: -o-linear-gradient(top, #f9f9f9, #ebebeb);
	background-image: linear-gradient(top, #f9f9f9, #ebebeb);
}
input[type="submit"]:active,
input[type="button"]:active,
input[type="reset"]:active {
	color: #757575;
	background-color: #e1e1e1;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #ebebeb, #e1e1e1);
	background-image: -ms-linear-gradient(top, #ebebeb, #e1e1e1);
	background-image: -webkit-linear-gradient(top, #ebebeb, #e1e1e1);
	background-image: -o-linear-gradient(top, #ebebeb, #e1e1e1);
	background-image: linear-gradient(top, #ebebeb, #e1e1e1);
	box-shadow: inset 0 0 8px 2px #c6c6c6, 0 1px 0 0 #f4f4f4;
	border: none;
}



/* widget
-------------------------------------------------------------- */
#wp-calendar {
	width:100%;
}
#wp-calendar a:link {
	color:#89C538;
}


/* 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 20px 20px;
	list-style-position:inside;
}




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



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

a:link {
	color:#89C538;
	text-decoration:underline;
}
a:visited {
	color:#999;
}
a:hover {
	color:#C4E29A;
}



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

body {
	font-size:15px;
	color:#630;
	line-height:120%;
	background:url(img/bgimg-sky.jpg) no-repeat center 200px;
}
#main {
	width:100%;
	background:url(img/bgimg-green.png) no-repeat center bottom;
	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:18px;
	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;
	border:1px #ccc solid;
}
.entry-content {
	margin-top:20px;
}
#post-link {
	clear:both;
	padding-top:20px;
}



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

h1#page-title {
	background:url(img/page-title.png) no-repeat 10px 50%;
	background-color:#fff;
	border-top:1px dotted #776C61;
	border-bottom:1px dotted #776C61;
	padding:12px 10px 12px 52px;
	margin-bottom:40px;
	font-size:28px;
}
.entry h2 {
	clear:both;
	background:url(img/page-title.png) no-repeat 10px 50%;
	background-color:#fff;
	border-top:1px dotted #776C61;
	border-bottom:1px dotted #776C61;
	padding:12px 10px 12px 52px;
	margin:60px 0 30px 0;
	font-size:28px;
}
.entry h3 {
	clear:both;
	font-size:20px;
	font-weight:800;
	background-color:#f9f9f9;
	border-top:1px dotted #776C61;
	border-bottom:1px dotted #776C61;
	padding:8px 10px 8px 30px;
	margin:40px 0 25px 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 15px 0;
}
h1.entry-title,
h2.entry-title {
	font-size:28px;
	margin:0 0 15px 0;
	background:none;
	border:none;
	padding:0;
}



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

.entry p {
	text-indent:1em;
}



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

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


/***************************************************************
 *
 *　グローバルナビゲーション
 *	header.php
 *
***************************************************************/
#header {
	width:100%;
	border-top:10px #776C61 solid;
	text-align:center;
}
#header-banner { /*カスタムヘッダー画像のスタイル*/
	margin:0;
}
#header-nav {
	width:100%;
	padding:10px 0;
	background:url(img/menu-bgimg.gif) repeat 0 0;
	border-top:3px #776C61 double;
	border-bottom:3px #776C61 double;
	text-align:center;
}
#header-nav ul {
	width:900px;
	margin:0 auto;
	list-style-image:url(img/menu-point.png);
	list-style-position:outside;
}
#header-nav ul li {
	float:left;
	margin:0 10px;
	font-size:18px;
}
#header-nav ul li a {
	display:block;
	padding:13px 30px 13px 6px;
}
#header-nav ul li a:link,
#header-nav ul li a:visited {
	color:#630;
	text-decoration:none;
}
#header-nav ul li a:hover {
	color:#999;
	text-decoration:underline;
}
#header-nav ul li ul.sub-menu {
	display:inline;
	width:100%;
	float:left;
	margin:0 10px;
}
#header-nav ul li ul.sub-menu li {
	font-size:14px;
}


/***************************************************************
 *
 *	footer.php
 *
***************************************************************/
#footer {
	width:100%;
	height:27px;
	background:url(img/footer-repeat.gif) repeat-x 0 0;
	overflow:hidden;
}
#footer a:link,
#footer a:visited {
	color:#fff;
	text-decoration:none;
}
#footer a:hover {
	color:#fff;
	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:#630;
	text-decoration:none;
}
.archive-meta a:visited {
	color:#999;
}
.archive-meta a:hover,
.single-meta a:hover {
	color:#89C538;
	text-decoration:underline;
}

p.entry-cat {
	margin:0;
	text-indent:0;
	padding:7px 0;
	font-size:14px;
	border-top:1px #CCCCCC dotted;
	border-bottom:1px #CCCCCC dotted;
}

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;
	border-top:1px #999 solid;
	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;
	border-bottom:1px #999 solid; 
}
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:970px;
	margin:20px 5px;
}
#topblog a:link,
#topblog a:visited {
	text-decoration:none;
	color:#630;
}
#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 10px;
	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:#7CB333;
	font-weight:800;
	height:15px;
	overflow:hidden;
}
ul#topblog-list li.topblog-container p.topblog-title {
	margin:4px 0 0 0;
	color:#630;
	height:65px;
	overflow:hidden;	
}
#topblog-link {
	clear:both;
	margin:0;
	text-align:right;
	padding:10px 10px 0 0;
}




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

.widget {
	padding-bottom:20px;
}
.widget a:link {
	color:#630;
	text-decoration:none;
}
.widget a:visited {
	color:#999;
}
.widget a:hover {
	color:#89C538;
	text-decoration:underline;
}
.widget h3.widget-title {
	padding:18px 0;
	font-size:17px;
	font-weight:800;
}

#sidebar-container {
	border:1px #CCCCCC solid;
	border-bottom:none;
	margin-bottom:30px;
}
#sidebar-container div.widget {
	border-bottom:1px #CCCCCC solid;
}
#sidebar-container div.widget h3.widget-title {
	padding:18px;
	margin-bottom:10px;
	border-bottom:1px #CCCCCC solid;;
	background:url(img/widget-title-bgimg.gif) repeat;
}
.sidebar-button {
	margin-bottom:20px;
}
.widget ul,
.widget div {
	margin:15px;
}
.widget ul.children {
	margin-top:inherit;
}







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