/*
Theme Name: やまびこ福祉会
Theme URI: http://ja.wordpress.org/
Description: yamabi-call
Author: TAKEAKI INOUE
Version: 0.8
*/


/*----------------------------------------------------
	import
----------------------------------------------------*/
@import "css/reset.css";

/*----------------------------------------------------
	基礎、テキストリンクの設定
----------------------------------------------------*/
html,body {
	height: 100%;
}
body {
	font-size: 14px;
	line-height: 1.4em;
	background: url(img/bg.gif) repeat-x top;
}
a:link { /* 通常時 */
}
a:visited { /* 訪問済 */
}
a:hover { /* 選択時 */
}
a:active { /* アクティブ */
}

/*----------------------------------------------------
	汎用 id/class
----------------------------------------------------*/
img.aligncenter,
.wp-caption.aligncenter { /* 画像・wp-caption 中央 */
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignright,
.wp-caption.alignright { /* 画像・wp-caption 右 */
	padding: 4px;
	margin: 0 0 .5em .5em;
	display: inline;
}
img.alignleft,
.wp-caption.alignleft { /* 画像・wp-caption 左 */
	padding: 4px;
	margin: 0 .5em .5em 0;
	display: inline;
}

.alignright { /* 右 */
	float: right;
}
.alignleft { /* 左 */
	float: left;
}
.next_previous { /* 前へ-次へ */
	float: left;
	width: 680px;
	padding: .5em 0;
}
img.new { /* NEWアイコン */
	vertical-align:inherit;
}

/*----------------------------------------------------
	#page		全体
----------------------------------------------------*/
#page {
	width: 960px;
	margin: auto;
}

/*----------------------------------------------------
	#header		ヘッダー
----------------------------------------------------*/
#header {
	background: url(img/hed.gif);
	padding-bottom: 10px;
	width: 960px;
	float: left;
}
#header a {
	text-indent: -9999px;
	display: block;
	height: 110px;
	width: 300px;
	float: left;
}
#header strong {
	padding-top: 60px;
	display: block;
}

/*----------------------------------------------------
	トップページ
----------------------------------------------------*/
#index_nav {
	background: url(img/index_nav.png);
	height: 110px;
	width: 960px;
	margin-top: -120px;
	border-bottom: 10px solid #FFF;
}
* html #index_nav {
	background: url(img/index_nav.gif);
}
#index_nav li {
	float: left;
	height: 110px;
	width: 240px;
}
#index_nav li a {
	height: 110px;
	width: 240px;
	text-indent: -9999px;
	display: block;
}
#index_nav li#index_navi_1 a:hover { background: url(img/index_nav.png) 0 bottom; }
#index_nav li#index_navi_2 a:hover { background: url(img/index_nav.png) -240px bottom; }
#index_nav li#index_navi_3 a:hover { background: url(img/index_nav.png) -480px bottom; }
#index_nav li#index_navi_4 a:hover { background: url(img/index_nav.png) -720px bottom; }

* html #index_nav li#index_navi_1 a:hover { background: url(img/index_nav.gif) 0 bottom; }
* html #index_nav li#index_navi_2 a:hover { background: url(img/index_nav.gif) -240px bottom; }
* html #index_nav li#index_navi_3 a:hover { background: url(img/index_nav.gif) -480px bottom; }
* html #index_nav li#index_navi_4 a:hover { background: url(img/index_nav.gif) -720px bottom; }

/*----------------------------------------------------
	#contents	コンテンツ
----------------------------------------------------*/
#contents {
	float: left;
	width: 100%;
	background: #FFF;
	padding-top: 10px;
	border-top: 1px solid #EEE;
	border-right: 1px solid #CCC;
	border-left: 1px solid #CCC;
}
#contents.top_page {
	background: #FFF url(img/hed_photo/rotate.php) no-repeat top;
	padding-top: 330px;
}
#contents.index_navi_1 {
	background: #FFF url(img/index_navi_1.jpg) no-repeat top;
	padding-top: 330px;
}
#contents.index_navi_2 {
	background: #FFF url(img/index_navi_2.jpg) no-repeat top;
	padding-top: 330px;
}
#contents.index_navi_3 {
	background: #FFF url(img/index_navi_3.jpg) no-repeat top;
	padding-top: 330px;
}
#contents.index_navi_4 {
	background: #FFF url(img/index_navi_4.jpg) no-repeat top;
	padding-top: 330px;
}

/*----------------------------------------------------
	#main		メイン
----------------------------------------------------*/
#main {
	float: right;
	width: 690px;
}
#main h2#archive { /* 絞込み条件情報 */
}
		/*----------------------------------------------------
			トップページ
		----------------------------------------------------*/
		#news_nav {
			background: url(img/news_nav.jpg);
			height: 50px;
			width: 605px;
			padding: 10px 0 0 75px;
			clear: left;
		}
		#news_nav li {
			float: left;
			height: 50px;
			width: 100px;
			text-indent: -9999px;
			display: block;
		}
		#news_nav li.cat0.select { background: url(img/news_nav.jpg) -75px bottom; }
		#news_nav li.cat1.select { background: url(img/news_nav.jpg) -175px bottom; }
		#news_nav li.cat2.select { background: url(img/news_nav.jpg) -275px bottom; }
		#news_nav li.cat3.select { background: url(img/news_nav.jpg) -375px bottom; }
		#news_nav li.cat4.select { background: url(img/news_nav.jpg) -475px bottom; }
		#news_nav li.cat5.select { background: url(img/news_nav.jpg) -575px bottom; }

		#news {
			float: left;
		}
		
		#main .news h1,
		#main .news h2 {
			color: #804040;
			font-size: 16px;
			line-height: 33px;
		}
		#main .news ul {
			width: 680px;
		}
		
		/*----------------------------------------------------
			アーカイブ
		----------------------------------------------------*/
		h1.archive {
			font-size: 20px;
			font-weight: bold;
			line-height: 50px;
			color: #804040;
			background: url(img/h1_bg.jpg) no-repeat;
			padding: 0 10px;
		}
		ul.archive {
			margin-top: .5em;
			float: left;
		}
		.archive > li {
			padding: 0 0 5px 20px;
			background-repeat: no-repeat;
			background-position: 0 4px;
		}
		.archive li.cat1 { background-image: url(img/news_icon_cat1.gif); }
		.archive li.cat2 { background-image: url(img/news_icon_cat2.gif); }
		.archive li.cat3 { background-image: url(img/news_icon_cat3.gif); }
		.archive li.cat4 { background-image: url(img/news_icon_cat4.gif); }
		.archive li.cat5 { background-image: url(img/news_icon_cat5.gif); }
		
		/*----------------------------------------------------
			.post	記事本文
		----------------------------------------------------*/
		.post {
			width: 680px;
			float: left;
			padding-right: 10px;
		}
		.post h1 { /* 記事タイトル */
			font-size: 20px;
			font-weight: bold;
			line-height: 50px;
			color: #804040;
			background: url(img/h1_bg.jpg) no-repeat;
			padding: 0 10px;
			height: 50px;
			overflow: hidden;
			margin-bottom: 10px;
		}
		.post .post_time { /* 投稿日時 */
			padding: 0 10px;
		}
		.post p {
			padding: 0 10px;
		}
		.post h2 { /* 記事本文内 h2 タグ */
			font-size: 16px;
			font-weight: bold;
			line-height: 40px;
			background: url(img/h2_bg.jpg) no-repeat;
			padding: 0 10px;
			margin-bottom: 10px;
			clear: left;
		}
		.post h3 { /* 記事本文内 h3 タグ */
		}
		.post h4 { /* 記事本文内 h4 タグ */
		}
		.post h5 { /* 記事本文内 h5 タグ */
		}
		.post blockquote { /* 記事引用 */
		}
		.post ul { /* 通常リスト */
			margin-left: 2em;
			list-style-position: outside;
			list-style-type: disc;
			padding-bottom: 1em;
		}
		.post ol { /* 番号リスト */
			margin-left: 2em;
			list-style-position: outside;
			list-style-type: decimal;
			padding-bottom: 1em;
		}
		.post table { /* 表（table） */
			margin: .5em;
		}
		.post td { /* 表（table） */
			padding: 2px .5em;
		}
		.post .wp-caption { /* キャプション */
			background: #FFF;
			border: 1px solid #CCC;			
		}
		.post .wp-caption img { /* キャプション画像 */
			margin: 5px;
		}
		.post .wp-caption-text { /* キャプションテキスト */
			text-align: center;
			padding: 0 5px;
			margin: 0;
		}
		.post a.more-link { /* 続きを読む */
		}
		.post a:hover.more-link { /* 続きを読む 選択時 */
		}
		.post #tags_category_comments { /* タグ・カテゴリー・コメント リスト */
			padding: 1em 0;
			float: left;
			width: 100%;
		}
		.post #link_list { /* リンク集 */
			margin-left: 0;
			list-style-type: none;
		}
		
		/*----------------------------------------------------
			#commentform	コメント・トラックバック
		----------------------------------------------------*/
		h3#comments { /* コメント・トラックバックリストのタイトル */
			font-weight: bold;
			width: 740px;
			margin-bottom: .5em;
		}
		
		#respond h3 { /* コメント入力欄タイトル */
			font-weight: bold;
			width: 740px;
			border-bottom: 1px solid #666;
		}
		
		.commentlist { /* コメント・トラックバックリスト */
		}
		.commentlist li { /* コメント */
			width: 740px;
			float: left;
			padding-bottom: 1em;
		}
		.commentlist li.comment { /* コメント投稿 */
		}
		.commentlist li.trackback { /* トラックバック投稿 */
		}
		.commentlist li .comment-author { /* コメント投稿者 */
			border-bottom: 1px solid #CCC;
		}
		.commentlist li em { /* コメント承認待ち表示 */
			color: #F33;
		}
		.commentlist li .comment-meta { /* コメント投稿日時 */
			margin-bottom: .5em;
		}
		.commentlist li .comment-meta a { /* コメント投稿日時 リンク */
			color: #999;
		}
		
		#commentform { /* 入力欄 */
			padding-bottom: .5em;
		}
		#commentform input#author { /* お名前 */
			width: 10em;
		}
		#commentform input#email { /* E-mailアドレス */
			width: 20em;
		}
		#commentform input#url { /* WebサイトのURL */
			width: 20em;
		}
		#commentform textarea#comment { /* コメント本文 */
			width: 740px;
			margin-bottom: 1em;
		}
		
		h3#nocomments { /* コメント・トラックバックを受け付けていない場合のタイトル */
		}

/*----------------------------------------------------
	#nav		ページリンク
----------------------------------------------------*/
#nav {
	width: 250px;
	padding-left: 10px;
}
#nav li {
	border-bottom: 2px dashed #CDBA9B;
}
#nav li a {
	color: #804040;
	text-decoration: none;
	background: url(img/main_nav_icon.gif) no-repeat left 8px;
	width: 230px;
	padding-left: 20px;
	font-size: 16px;
	line-height: 33px;
	display: block;
}
#nav li ul li {
	border-top: 1px dashed #CDBA9B;
	border-bottom: none;
}
#nav li ul li a {
	background: url(img/main_nav_icon.gif) no-repeat 20px 4px;
	width: 210px;
	padding-left: 40px;
	font-size: 14px;
	line-height: 26px;
}
#nav h1 { /* トップページ用 */
	background: url(img/index_h1.jpg);
	text-indent: -9999px;
	display: block;
	height: 60px;
	width: 250px;
}

/*----------------------------------------------------
	#sidebar		サイドバー
----------------------------------------------------*/
#sidebar {
	float: left;
	width: 250px;
	padding-left: 10px;
}

		/*----------------------------------------------------
			.widget	ウィジェット共通
		----------------------------------------------------*/
		.widget {
			padding-bottom: 1em;
		}
		.widget h2 { /* 項目名 */
			font-size: 18px;
			font-weight: bold;
			color: #804040;
			background-image: url(img/widgettitle.jpg);
			text-align: center;
			line-height: 40px;
			margin-top: 10px;
			margin-bottom: 5px;
		}
		.widget ul { /* 項目 */
		}
		.news ul li {
			padding: 0 0 5px 20px;
			background-repeat: no-repeat;
			background-position: 0 4px;
		}
		.news ul li.cat1 { background-image: url(img/news_icon_cat1.gif); }
		.news ul li.cat2 { background-image: url(img/news_icon_cat2.gif); }
		.news ul li.cat3 { background-image: url(img/news_icon_cat3.gif); }
		.news ul li.cat4 { background-image: url(img/news_icon_cat4.gif); }
		.news ul li.cat5 { background-image: url(img/news_icon_cat5.gif); }
				
		/*----------------------------------------------------
			#wp-calendar	カレンダー
		----------------------------------------------------*/
		#wp-calendar { /* 全体 */
			width: 100%;
		}
		#wp-calendar caption { /* 年月 */
			text-align: center;
		}
		#wp-calendar th { /* 曜日 */
			text-align: center;
		}
		#wp-calendar td { /* 日付 */
			text-align: center;
		}
		#wp-calendar td#today { /* 今日 */
		}
		#wp-calendar td a { /* 記事のある日 */
		}
		#wp-calendar td#prev a { /* 前月 */
		}
		#wp-calendar td#next a { /* 次月 */
		}

/*----------------------------------------------------
	#footer_banner		バナー
----------------------------------------------------*/
#footer_banner {
	float: left;
	width: 960px;
}
#footer_banner li {
	float: left;
	padding: 10px 2px;
}

/*----------------------------------------------------
	#footer		フッター
----------------------------------------------------*/
#footer {
	background: #D6EEFC;
	clear: both;
	width: 100%;
	font-size: 14px;
}
#footer div {
	width: 960px;
	margin: auto;
	padding: 1em 0;
}
#footer ul {
	float: right;
	width: 960px:
}
#footer li {
	float: left;
}
#footer li a {
	background: url(img/footer_nav_icon.gif) no-repeat left;
	padding-left: 20px;
	display: block;
	margin-right: 10px;
}


/*----------------------------------------------------
	.wpcf7-form	メールフォーム
----------------------------------------------------*/
.wpcf7-form label {
	float: left;
	font-weight: bold;
	padding-right: 20px;
	text-align: right;
	width: 150px;
}