@charset"utf-8";
/*
Theme Name:jibunde11.2.1
Description:自分で作って、自分で更新。
Author:内藤　勲
Version:2011
Template:twentyeleven
*/

@import url("../twentyeleven/style.css");




/************************************************************
 0.　全体
************************************************************/

/* フォント */
body, input, textarea {
	font:15px 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,"ＭＳ Ｐゴシック","MS PGothic", Osaka, Arial, Helvetica;
}

/* ----------------------------------------------------------
 サイト幅 
---------------------------------------------------------- */
#page {
	margin: 0em auto;
	max-width: 980px; /* サイト幅 */
}

/* ヘッダー上の線 */
#branding{
	border-top:none;
}

/* タイトル、説明文エリア */
#branding hgroup {
	margin: 0 5%;
}

/* ヘッダー下メニューバー */
#access div {
	margin: 0 5%;
	width:90%;
}


/*右サイドバー */
/* コンテンツエリア */
#primary {
	float: left;
	margin: 0 -35% 0 0;
	width: 100%;
}
/* 本文エリア */
#content {
	margin: 0 35% 0 5%;
	width: 60%;
}
/* サイドバー */
#secondary {
	float: right;
	margin-right: 5%;
	width: 25%;
}


/* 左サイドバー */
/* コンテンツエリア */
.left-sidebar #primary {
	float: right;
	margin: 0 0 0 -35%;
	width: 100%;
}
/* 本文エリア */
.left-sidebar #content {
	margin: 0 5% 0 35%;
	width: 60%;
}
/* サイドバー */
.left-sidebar #secondary {
	float: left;
	margin-left: 5%;
	margin-right: 0;
	width: 25%;
}

/* 404 */
/* コンテンツエリア */
.error404 #primary {
	float: right;
	margin: 0 0 0 -35%;
	width: 100%;
}
/* 本文エリア */
.error404 #primary #content {
	margin: 0 5% 0 35%;
	width: 60%;
}
/* サイドバー */
.error404 #secondary {
	float: left;
	margin-left: 5%;
	margin-right: 0;
	width: 25%;
}
/* サイドバー内ウィジェット */
.error404 #main .widget {
	clear: none;
	float: none;
	margin-right: 0;
	width: 100%;
}
/* 404検索幅 */
.error404 #main #s {
	width: 80%;
}
/* 404検索フォーム */
.error404 #main #searchform {
	background: #FFFFFF;
	border: 0px solid #DDD;
	border-width: 0px 0;
	margin: 0 -8.9% 1.625em;
	overflow: hidden;
	padding: 1.625em 8.9%;
	border-image: initial;
}


/* 検索結果ページタイトル  */
.search-results #content h1.page-title{
	background:none;
	font-size:100%;
	font-weight:normal;
	border:none;
}

/* ヘッダー検索窓 */
#branding #searchform {
	position: absolute;
	top: 3em!important;
	right: 5%;
	text-align: right;
}

/* タイトルテキスト非表示時検索窓 */
#branding .only-search #searchform {
	display:none;
}


/* 画像 */
img{
	border:none!important;
}




/* ヘッダー画像余白 */
#branding img {
	margin-bottom: -8px;
	padding-top:0px;
}


/* ----------------------------------------------------------
 見出し
---------------------------------------------------------- */

/* タイトル類 */
#content h1{
	font-size:150%;/* 文字サイズ */
	font-weight:bold; /* 文字の太さ */
	line-height:1.5;
	color:#333333;/* 文字色 */
	background:url(images/h1.png) no-repeat left top;/* 見出し画像 */
	padding:0px 0 0px 20px;
	margin:15px 0;
	border-bottom:1px solid #CCCCCC;/* 枠下線 */
}
#content h1 a:hover{
	color:#CCCCCC;
}

/* 記事内見出し h2 */
#content h2{
	font-size:130%;
	font-weight:bold;
	line-height:1.5;
	color:#666666;
	background:url(images/h.png) no-repeat left top;
	padding:0px 0 0px 20px;
	margin:40px 0 15px 0;
	border-bottom:1px solid #CCCCCC;
}



/* 記事内小見出し h3 */
#content h3{
	font-size:110%;
	font-weight:bold;
	color:#333333;
	background:#FFFFFF;
	padding:5px;
}

/* 記事内補足見出し h4 */
#content h4{
	font-size:100%;
	font-weight:bold;
	color:#333333;
	background:#FFFFFF;
	padding:5px;
}




/************************************************************
 1.　ヘッダー
************************************************************/

/* ----------------------------------------------------------
 タイトル、説明文
---------------------------------------------------------- */


/* サイトタイトル */
#site-title {
	padding: 2em 0 0;
}
/* サイトタイトル文字 */
#site-title a{
	font-size:30px;/* 文字サイズ */
color: #111111; /* 文字色 */
}
/* サイトタイトル　マウスオーバー時 */
#site-title a:hover{
	color:#666666;
}

/* サイト説明文 */
#site-description {
	margin-bottom:1.5em;
	padding-top:0em;
	color: #7A7A7A; /* 文字色 */
	font-size: 14px; /* 文字サイズ */
}


/* 650px以下の場合
---------------------------------------------------------- */

/* サイトタイトル */
@media (max-width: 650px) {
	#site-title {
		padding: 5.30625em 0 0;
	}
	#site-title a{
		font-size:24px;
	}
}




/* ----------------------------------------------------------
 右上トップナビ
---------------------------------------------------------- */

/* トップナビ */
#topnavi{
	position: absolute;
	top: 1em!important;
	right: 5%;
	text-align: right;
	list-style: none;
}

/* トップナビリスト */
#topnavi li {
	margin: 0;
	padding: 0;
	float: right;
	display: inline;
	margin-left: 20px;
}

/* トップナビリンク */
#topnavi li a{
	font-size:12px;
	color:#000000;
	display:block;
}

/* トップナビ　マウスオーバー時 */
#topnavi li a:hover{
	color:#666666;
	text-decoration:none;
}




/*************************************************************
 2.　メニューバー
*************************************************************/

/* ----------------------------------------------------------
 メニューバー変更
---------------------------------------------------------- */

/* メニューバー */
#access {
	background: #222222; /*IE用 */
	background: -moz-linear-gradient(#252525, #0a0a0a);/* FireFox用 */
	background: -o-linear-gradient(#252525, #0a0a0a);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#252525), to(#0a0a0a)); /* Safari,Chrome */
	background: linear-gradient(#999999, #0a0a0a); 
/* ボタン影 */
	-webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 1px;
	-moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 1px;
	box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 1px;
	clear: both;
	display: block;
	float: left;
}

/* メニューバー項目 */
#access a {
	color: #eeeeee;/* 文字色 */
}

/* サブメニュー項目 */
#access ul ul a {
	background: #f9f9f9;
	border-bottom: 1px dotted #ddd;
	color: #444444;

}
 /* メニューマウスオーバー時 */
#access li:hover > a,
#access ul ul :hover > a,
#access a:focus {
	background: #efefef;
} 

/* サブメニューグラデーション効果 */
#access li:hover > a,
#access a:focus {
	background: #f9f9f9;
 	background: -moz-linear-gradient(#f9f9f9, #e5e5e5); 
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f9f9f9), to(#e5e5e5));
	background: linear-gradient(#f9f9f9, #e5e5e5);
	color: #373737;
}





/*************************************************************
 3.　コンテンツ
*************************************************************/

/* ----------------------------------------------------------
 トップページ お知らせ
---------------------------------------------------------- */

/* お知らせ */
ul.new{
	margin-bottom:0px;
}

/* お知らせ一覧リンク */
p.allview{
	text-align:right;
	margin-bottom: 0;
	padding-right:25px;
}
/* お知らせ一覧装飾 */
p.allview a{
	text-decoration:underline;
}


/* ----------------------------------------------------------
 サービス紹介
---------------------------------------------------------- */

/* サービス紹介エリア */
#service_recom{
	overflow:hidden;
	margin-bottom:15px;
}
/* 各サービスボックス調整枠 */
.recom_box0{
	width:33%;
	min-width:162px;
	float:left;
}
/* 各サービスボックス */
.recom_box1{
	font-size:89%;
	border:1px solid #DDDDDD;
	border-radius: 3px;
	-moz-border-radius:3px;
	width:150px;
	height:250px;
	margin-bottom:5px;
	padding:5px;
	margin-right:auto;
	margin-left:auto;
	line-height:1.3;
}
/* サービスサムネイル */
.recom_thum img{
	width:150px;
}

/* 商品アイキャッチ見出し */
.recom_box{
	font-size:13px;
	background:none;
	border:none;
	padding:0 0 8px 0;
	margin-top:0;
	margin-bottom:0;
	font-weight:bold
}
.recom_box1 a{
	color:#000000;
	font-weight:bold;
}

/* 870px以下の場合
---------------------------------------------------------- */

/* ブログ幅870px以下 2列 */
@media (max-width: 870px) {
.recom_box0{
	width:50%;
	min-width:162px;
	float:left;
}
}


/* 800px以下の場合
---------------------------------------------------------- */

/* ブログ幅800px以下 3列 */
@media (max-width: 800px) {
.recom_box0{
	width:33%;
	min-width:162px;
	float:left;
}
}


/* 650px以下の場合
---------------------------------------------------------- */

/* ブログ幅650px以下 2列 */
@media (max-width: 650px) {
.recom_box0{
	width:50%;
	min-width:162px;
	float:left;
}
}


/* 450px以下の場合
---------------------------------------------------------- */

/* ブログ幅450px以下 1列 */
@media (max-width: 450px) {
.recom_box0{
	width:100%;
}
.recom_box1{
	border:1px solid #f2f2f2;
	width:250px;
	height:150px;
	margin-bottom:5px;
	padding:5px;
	margin-right:auto;
	margin-left:auto;
	line-height:1.3;
	overflow:hidden;
}
.recom_thum{
	padding-right:5px;
	float:left;
}
}



/* ----------------------------------------------------------
 記事一覧 blog Category
---------------------------------------------------------- */

/* アイキャッチ画像 */
.post_thum img{
	float:left;
	border:4px solid #CCCCCC;
	margin:5px;
}

/* 続きを読む */
p.more{
	text-align:right;
}
/* 続きを読む装飾 */
p.more a{
	text-decoration:underline;
}


/* ----------------------------------------------------------
 記事
---------------------------------------------------------- */

/*エントリーヘッダー*/
header.entry-header{
	background:#F2F2F2;
	padding:5px;
	border-radius:3px;
	-moz-border-radius:3px;
}


/* 記事エリア */
article.hentry{
	border-bottom:none;
	margin-bottom:10px;
	padding-bottom:10px;
} 

/* 本文エリア */
.entry-content{
	overflow:hidden;
	padding-top:10px;
	width:95%;
}

.entry-content p{
	padding:0 5px;
}

/* 個別記事　本文エリア */
.single .entry-content{
	padding-top:40px;
}


/* 記事メタエリア */
ul.entry-meta{
	overflow:hidden;
	margin:0px 5px 10px 15px; 
}
/* 記事メタリスト */
ul.entry-meta li{
	list-style:none;
	float:left;
	padding-left:25px;
	margin-right:15px;
}
/* 記事メタリストリンク */
ul.entry-meta a {
	font-weight: normal;
	text-decoration:underline;
}
/* 投稿日 */
li.time{
	background:url(images/date2.png) no-repeat;
}
/* カテゴリ */
li.cat{
	background:url(images/tag.png) no-repeat;
	margin-right:2px;
}
/* タグ */
ul.entry-meta ul li{
	padding-left:0px;
	margin-right:5px;
}

/* コメントなし */
.nocomments {
	display:none;
}

/* コメント
li.comments{
	background:url(images/comment.png) no-repeat;
}
*/


/* ----------------------------------------------------------
 共有ボタン
---------------------------------------------------------- */

/* 共有ボタンエリア */
#share{
	overflow:hidden;
	margin:0 0 20px 10px;
}
/* 共有ボタンリスト */
#share ul{
	list-style:none;
	margin:10px 0;
}
#share ul li{
	float:left;
	margin-right:20px;
}


/* ----------------------------------------------------------
 記事下案内
---------------------------------------------------------- */

/* 案内情報 */
.mustnavi{
	border:5px solid #CCCCCC;
	background:#F2F2F2;
	padding:5px;
	font-size:12px;
	width:95%;
	margin:20px 0px 10px 0;
	border-radius:3px;
	-moz-border-radius:3px;
}


/* ----------------------------------------------------------
 記事中装飾
---------------------------------------------------------- */

/* 記事内囲み */
.kakomi{
	border:2px dotted #CCCCCC;
	padding:5px;
	background:#F2F2F2;
}




/************************************************************
 4.　ページナビ
************************************************************/

/* ページナビ */
#nav-single{
	width:100%;
	overflow:hidden;
}
/* 前 */
#nav-single .nav-previous{
	float:left;
}
/* 次 */
#nav-single .nav-next{
	float:right;
	padding-left: 0em;
}


/* 記事下ページナビ */
#content nav{
	padding-bottom:10px;
}


/* ページナビ矢印 */
span.meta-nav{
	display:none;
}
/* ----------------------------------------------------------
パンくず
---------------------------------------------------------- */

/* パンくず */
.breadcrumbs {
	padding-bottom:10px;
	background:url(images/home.png) no-repeat;
	padding-left:30px;
}




/************************************************************
 5.　サイドバー
************************************************************/

/* サイドバー全体 
#secondary{
	background:#FFFFFF;
	border:1px solid #DDDDDD;
	padding:5px;
	border-radius:3px;
	-moz-border-radius:3px;
}*/

/* サイドバー各項目 */
aside.widget {
	background:#FFFFFF;/* 背景色 */
	border:1px solid #DDDDDD; /* 枠線 */
	padding:5px;
	border-radius:3px;
	-moz-border-radius:3px;
}

/* サイドバーリンク */
.widget a {
	font-weight:normal;
text-decoration:underline;
}
.widget a:hover {
	text-decoration: underline;
}

/* ----------------------------------------------------------
 サイドバー項目見出し 
---------------------------------------------------------- */

.widget-title {
	font-size:125%; /* 文字サイズ */
	font-weight:normal;
	line-height:1.5;
	background:url(images/sideh.png) no-repeat left top;/* 見出し画像 */
	padding:0px 0 5px 20px;
	margin-bottom:15px;
	border-bottom:1px solid #CCCCCC;
	color:#333333;/* 文字色 */
}

/* サイドバーリスト類 */
.widget ul {
	font-size: 95%;
	padding-left:9%;
}




/************************************************************
 6.　コメント
************************************************************/

/* ----------------------------------------------------------
 コメント wordpressデフォルト
---------------------------------------------------------- */

/* コメントエリア */
#respond{
	width:auto;
	background: #F2F2F2;
	border: 5px solid CCCCCC;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin: 0 auto 1.625em;
	padding: 1.625em;
}
/* コメントフォームラベル */
#respond .comment-form-author label, #respond .comment-form-email label, #respond .comment-form-url label, #respond .comment-form-comment label {
	background:#EEEEEE;
}


/* コメント */
#comments{
	clear:both;
}




/************************************************************
 7.　フッター
************************************************************/

/* フッターエリア */
footer{
	width:100%;
}
/* フッターナビ */
#footernav{
	overflow:hidden;
}
/* フッターナビリスト*/
#footernav ul{
	float:right;
	list-style:none;
	overflow:hidden;
	margin-bottom:5px;
}
#footernav ul li{
	float:left;
	padding:15px 15px 0 0;
}
#footernav ul li a{
	color:#666666;
}

/* ウィジェットフッター */
#supplementary{
	border-top:none;
	padding:0 7.6%;
	text-align:left;
}


/*コピーライト*/
#site-generator {
/*background: #FFFFFF;*/
	border-top: 1px solid #DDD;
	color: #666;
	font-size: 80%;
	line-height: 2.2em;
	padding: 2.2em 0.5em;
	text-align: center;
	}

/*スマイルマーク*/
img#wpstats{
	display:none
}




/************************************************************
 8.　その他
************************************************************/
div.wpcf7 {
	width:95%;
}


.entry-content table{
border:1px solid #DDDDDD;
}

.entry-content td {
font-size: 13px;
border: 1px solid #CCC;
padding: 5px;
border-image: initial;
}

/* 抜粋　続きを読む非表示 */
.recom_box1 p a{
display:none;
}

/* ---------------------------------------------------------- 
 ヘッダー背景、メニューバーブラウザいっぱいに拡大 
---------------------------------------------------------- */

/*
html{
	overflow: auto;
}

body{
	overflow-x: hidden;
	position: relative;
}
#access{
	margin: 0 -500%;
	padding: 0 500%;
	width: 100%;
}

#site-generator{
	margin: 0 -500%;
	padding: 2.2em 500%!important;
	width: 100%;
}

#headerbg{
	background:#FFFFFF;
	margin: 0 -500%;
	padding: 0 500%;
	width: 100%;
}

#page{
	background:none;
}

#main{
	background:#FFFFFF;
}

#primary{
	background:#FFFFFF;
}
*/


/* ----------------------------------------------------------
 サイド影
---------------------------------------------------------- */

/* サイド影*/

#page{
	-moz-box-shadow:#CCCCCC 1px 3px 5px 5px;
	-webkit-box-shadow:#CCCCCC 1px 3px 5px 5px;
	box-shadow:#CCCCCC 1px 3px 5px 5px;
}