/* ページ全体の基本的な設定と背景色 */
body {
margin: 0px 0px 20px 0px;
background-color: #FFFFFF;
text-align: center;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/* 指定が無い時のリンクの下線の有無 */
a {
text-decoration: none;
}

/* 指定が無い時の未読リンクの色 */
a:link {
color: #006699;
}

/* 指定が無い時の既読リンクの色 */
a:visited {
color: #006699;
}

/* 指定無い時のリンク部分のクリック時 */
a:active {
color: #006699;
}

/* マウスカーソルがリンクにかさなった時 */
a:hover {
color: #CC0000;
text-decoration: underline;
}

/* 指定が無い時の見出しタグの設定 */
h1, h2, h3 {
margin: 0px;
padding: 0px;
font-weight: normal;
}

/* ブログを囲む枠の背景色や線、余白などの設定 */
#container {
line-height: 120%;
margin-right: auto;
margin-left: auto;
text-align: left;
padding: 0px;
width: 780px;
}

/* ヘッダーここから */
#header {
line-height: 120%;
margin-right: auto;
margin-left: auto;
text-align: left;
padding: 0px;
width: 780px;
}

/* バナー部分の未読リンクの色 */
#banner a {
color: #660000;
text-decoration: none;
}

/* バナー部分のh1に対する文字サイズの指定 */
#banner h1 {
	font-size: 12px;
	padding: 5px 0px 5px 5px;
	background-image: url(img/back4.gif);
}

/* バナー部分のh2に対する文字サイズの指定 */
#banner h2 {
font-size: small;
font-weight: bold;
}

/* バナー部分の画像表示形式を指定するプロパティ */
/* ◆バナー◆ */
#banner ul{
padding: 0;
margin: 0;
width:780px;
}

#banner li{
display: block;
float: left;
text-indent: -9999px;
}

#banner li a{
display:block;
text-decoration:none;
}

#banner li#h001 a {
height:38px;
width:388px;
background: url('img/top_02.gif') no-repeat;
}

#banner li#h002 a {
height:38px;
width:130px;
background: url('../img/top/bgaiyo.gif') no-repeat;
}

#banner li#h003 a {
height:38px;
width:130px;
background: url('../img/top/bhou.gif') no-repeat;
}

#banner li#h004 a {
height:38px;
width:132px;
background: url('../img/top/btoi.gif') no-repeat;
}

#banner li#h005 a {
height:84px;
width:780px;
background: url('../img/top/kanban.jpg') no-repeat;
}

/* ◆グローバルナビゲーション◆ */
#global_navi ul{
padding: 0;
margin: 0;
width:780px;
}

#global_navi li{
display: block;
float: left;
text-indent: -9999px;
}

#global_navi li a{
display:block;
text-decoration:none;
}

#global_navi li#obi001 a {
height:22px;
width:90px;
background: url(http://www.tsukubaham.co.jp/img/top/obi001.gif) no-repeat;
}

#global_navi li#obi002 a {
height:22px;
width:116px;
background: url(http://www.tsukubaham.co.jp/img/top/obi002.gif) no-repeat;
}

#global_navi li#obi003 a {
height:22px;
width:90px;
background: url(http://www.tsukubaham.co.jp/img/top/obi003.gif) no-repeat;
}

#global_navi li#obi004 a {
height:22px;
width:104px;
background: url(http://www.tsukubaham.co.jp/img/top/obi004.gif) no-repeat;
}

#global_navi li#obi005 a {
height:22px;
width:68px;
background: url(http://www.tsukubaham.co.jp/img/top/obi005.gif) no-repeat;
}

#global_navi li#obi006 a {
height:22px;
width:88px;
background: url(http://www.tsukubaham.co.jp/img/top/obi006.gif) no-repeat;
}

#global_navi li#obi007 a {
height:22px;
width:106px;
background: url(http://www.tsukubaham.co.jp/img/top/obi008.gif) no-repeat;
}

#global_navi li#obi008 a {
height:22px;
width:118px;
background: url(http://www.tsukubaham.co.jp/img/top/obi007.gif) no-repeat;
}

/* ◆グローバルナビゲーション2◆ */
#global_navi2 ul{
padding: 0;
margin : 0px 0px 0px 2px ;
width:780px;
}

#global_navi2 li{
display: block;
float: left;
text-indent: -9999px;
margin : 0px 1px 0px 1px ;
}

#global_navi2 li a{
display:block;
text-decoration:none;
}

#global_navi2 li#b001 a {
height:27px;
width:95px;
background: url(http://www.tsukubaham.co.jp/img/top/b001.gif) no-repeat;
}

#global_navi2 li#b002 a {
height:27px;
width:95px;
background: url(http://www.tsukubaham.co.jp/img/top/b002.gif) no-repeat;
}

#global_navi2 li#b003 a {
height:27px;
width:95px;
background: url(http://www.tsukubaham.co.jp/img/top/b003.gif) no-repeat;
}

#global_navi2 li#b004 a {
height:27px;
width:95px;
background: url(http://www.tsukubaham.co.jp/img/top/b004.gif) no-repeat;
}

#global_navi2 li#b005 a {
height:27px;
width:95px;
background: url(http://www.tsukubaham.co.jp/img/top/b008.gif) no-repeat;
}

#global_navi2 li#b006 a {
height:27px;
width:95px;
background: url(http://www.tsukubaham.co.jp/img/top/b005.gif) no-repeat;
}

#global_navi2 li#b007 a {
height:27px;
width:95px;
background: url(http://www.tsukubaham.co.jp/img/top/b006.gif) no-repeat;
}

#global_navi2 li#b008 a {
height:27px;
width:95px;
background: url(http://www.tsukubaham.co.jp/img/top/b007.gif) no-repeat;
}

/* エントリー全体を入れるＢＯＸの基本設定 */
#center {
	float: right;
	width: 580px;
	overflow: hidden;
	margin-bottom: 10px;
}

/* centerの内側のＢＯＸの基本設定 */
.content {
	padding: 15px 10px 5px 10px;
	background-color: #FFFFFF;
	color: #000000;
	font-size: 14px;
}

/* 右側のメニューを入れるＢＯＸの基本設定 */
#right {
float: left;
width: 200px;
background-color: #FFFFFF;
overflow: hidden;
}

/* contentで指定されているＢＯＸの中でPタグを使用した時の設定 */
.content p {
	color: #000000;
	font-weight: normal;
	line-height: 120%;
	text-align: left;
	margin-bottom: 5px;
	overflow: hidden;
	padding-right: 10px;
	padding-left: 10px;
	margin-top: 3px;
}

/* contentで指定されているＢＯＸの中でblockquoteタグを使用した時の設定 */
.content blockquote {
line-height: 150%;
}

/* contentで指定されているＢＯＸの中でolタグを使用した時の設定 */
.content ol {
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 0px;
	padding-bottom: 5px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}

/* contentで指定されているＢＯＸの中でulタグを使用した時の設定 */
.content ul {
	padding-left: 20px;
	padding-right: 20px;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 5px;
}

/* contentで指定されているＢＯＸの中でliタグを使用した時の設定 */
.content li {
	line-height: 120%;
	margin: 0px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
}

/* contentで指定されているＢＯＸの中でh3タグを使用した時の設定（日付） */
.content h3 {
	color: #666666;
	font-size: 12px;
	text-align: left;
	font-weight: bold;
	margin-bottom: 10px;
	padding-left: 10px;
}

/* contentで指定されているＢＯＸの中でh3タグを使用した時の設定（エントリータイトル） */
.content h2 {
	color: #666666;
	font-size: 14px;
	text-align: left;
	font-weight: bold;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 10px;
	background-image: url(img/30.gif);
}

/* contentで指定されているＢＯＸの中でh4タグを使用した時の文字 */
.content h4 {
	color: #666666;
	font-size: 12px;
	text-align: left;
	font-weight: bold;
	margin-bottom: 10px;
	padding-left: 10px;
}

/* contentで指定されているＢＯＸの中でp.postedを使用した時の設定（投稿者やコメント） */
.content p.posted {
color: #999999;
font-size: x-small;
border-top: 1px solid #999999;
text-align: right;
margin-bottom: 15px;
line-height: normal;
padding: 3px;
}

/* contentで指定されているＢＯＸの中でp.postedを使用した時の設定（投稿者やコメント） */
.content p.navi {
	color: #666666;
	font-size: 12px;
	text-align: left;
	line-height: 120%;
	padding: 0px 0px 10px 0px;
	margin: 0px;
}

/* right（メニュー枠）の内側のＢＯＸの余白の設定 */
.sidebar {
padding-right: 15px;
padding-top: 10px;
}

/* カレンダーの基本設定 */
#calendar {
line-height: 140%;
color: #666666;
font-size: x-small;
padding: 2px;
text-align: center;
margin-bottom: 10px;
}

/* カレンダーテーブルの基本設定 */
#calendar table {
padding: 2px;
border-collapse: collapse;
border: 0px;
width: 100%;
}

/* カレンダーのタイトル部分の設定（月、日） */
#calendar caption {
color: #666666;
font-size: small;
text-align: center;
text-transform: uppercase;
padding: 5px 0px 5px 0px;
letter-spacing: .3em;
}

/* カレンダーのセル(th)部分の設定 */
#calendar th {
text-align: center;
font-weight: normal;
}

/* カレンダーのセル(td)部分の設定 */
#calendar td {
text-align: center;
}

/* メニュー枠内でh2タグを使用した時の設定 */
.sidebar h2 {
color: #666666;
font-size: 14px;
text-align: left;
font-weight: bold;
letter-spacing: 0.3em;
padding: 5px 0px 5px 0px;
background-image: url('http://www.tsukubaham.co.jp/recipe/img/side_upper.gif');
text-indent: 15px;
}

/* メニュー枠内でulタグを使用した時の設定 */
.sidebar ul {
padding-left: 0px;
margin: 0px;
margin-bottom: 10px;
}

/* メニュー枠内でul ulタグを使用した時の設定 */
.sidebar ul ul {
margin-bottom: 0px;
}

/* メニュー枠内でcategories ulタグを使用した時の設定 */
.sidebar #categories ul {
padding-left: 15px;
}

/* メニュー枠内でliタグを使用した時の設定 */
.sidebar li {
color: #666666;
font-size: x-small;
text-align: left;
line-height: 120%;
list-style-type: none;
margin-top: 0px;
}

/* メニュー枠内で categories li　を使用した時の設定 */
.sidebar #categories li {
list-style-type: circle;
}

/* メニュー枠内で img(画像）タグを使用した時画像の周りに白い枠線がつく設定 */
.sidebar img {
border: 3px solid #FFFFFF;
}

/* photo を使用した時の設定 */
.photo {
text-align: left;
margin-bottom: 20px;
}

/* ◆link-note ではさまれた範囲の文字の設定◆ */
.link-note {
font-size: small;
line-height: 100%;
text-align: left;
padding: 0px 10px 2px 10px;
margin-bottom: 5px;
}

/* ◆サイドバー（画像入り）◆ */
.side-outline{
background:url('http://www.tsukubaham.co.jp/recipe/img/side_under.gif') no-repeat bottom left;
padding: 0px 0px 5px 0px;
margin:0px 0px 5px 0px;
}

.side-inline{
background:url('http://www.tsukubaham.co.jp/recipe/img/side_line.gif') left repeat-y;
padding: 2px 0px 2px 0px;
}

.side-content form{
margin:0;
padding:0;
}

/* Movable Typeの著作権表示部分Powered by に使われる設定 */
#powered {
font-size: x-small;
line-height: 150%;
text-align: left;
color: #666666;
margin-top: 20px;
margin-bottom: 10px;
padding: 5px 2px 2px 10px;
}

/* ◆コメントされたデータを表示した時の設定◆ */
#comment-data {
float: left;
width: 180px;
padding-right: 15px;
margin-right: 15px;
text-align: left;
border-right: 1px dotted #BBB;
}

/* ◆コメントのフォームのtextareaの幅の設定◆ */
textarea[id="comment-text"] {
width: 80%;
}

/* ◆commenter-profile imgを使用した時の設定◆ */
.commenter-profile img {
vertical-align: middle;
border-width: 0;
}

/* ◆引用タグ（blockquote）を使用したときの設定◆ */
blockquote {
color: #000000;
margin:10px 5px 0px 5px;
font-size:12px;
font-weight:normal;
background:#FCF3F3;
line-height:150%;
padding: 10px; 
border: 2px dotted #F6DEDF;
width: auto ;
}

.sidebar hr {
	background-image: url(img/line.gif);
}

.content p.about {
	color: #666666;
	font-size: 14px;
	text-align: left;
	line-height: 120%;
	border: 2px dotted #F6DEDF;
	padding: 5px 15px;
	margin: 0px 0px 5px;
}


#box .new{
	float: left;
	width: 270px;
	background-repeat: no-repeat;
	padding: 2px;
	color: #666;
	font-size: 14px;
	display: block;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 5px;
}

.content p.ently {
	color: #666666;
	text-align: left;
	line-height: 120%;
	padding: 5px 2px 0px 0px;
	margin: 0px 5px 0px 5px;
}

/* contentで指定されている中のnewの中でh4タグを使用した時の文字 */
.new h4 {
	color: #666666;
	font-size: 14px;
	text-align: left;
	font-weight: bold;
	background-image: url(img/24.gif);
	margin-bottom: 0px;
	text-indent: 5px;
	height: 22px;
	padding-top: 3px;
}

.toptitle{ 
padding: 5px 0px 5px 5px;
margin-bottom: 10px;
border: 1px solid #F6DEDF;
background-color: #FCF3F3;
text-align: center;
}

.content p.trackbacks-info {
color: #666666;
font-size: 12px;
text-align: left;
background:#FCF3F3;
padding: 5px 10px;
margin-top: 5px;
margin-bottom: 10px;
border: 1px dashed #F6DEDF;
}



#comments-experimental .comment .comment-footer,
#comments-experimental .comment .comment-content {
margin-right: 25px;
margin-left: 25px;
margin-bottom: 15px;
}

#comments-experimental .comment .comment-header {
font-size: 16px;
margin: 5px auto 5px 10px;
text-shadow: #99A 2px 2px 1px #66F;
color: #666;
}

#comments .comment-header { display: none; }
#comments .comment-footer-experimental { display: none; }
#comments-experimental .comment-footer { display: none; }

.module-tags .module-content {text-align: left; }
.module-tagcloud .module-content .module-list { list-style: none; }
.module-tagcloud .module-content .module-list .module-list-item { display: inline; }
.module-tagcloud .module-content .module-list li.taglevel1 { font-size: 19px; }
.module-tagcloud .module-content .module-list li.taglevel2 { font-size: 17px; }
.module-tagcloud .module-content .module-list li.taglevel3 { font-size: 15px; }
.module-tagcloud .module-content .module-list li.taglevel4 { font-size: 13px; }
.module-tagcloud .module-content .module-list li.taglevel5 { font-size: 11px; }
.module-tagcloud .module-content .module-list li.taglevel6 { font-size: 9px; }

/* ◆ヘッダーメニュー部分の背景色や余白などの設定◆ */
#tophead {
background-image: url("");
background-color: #000066;
text-align: left;
color: #ffffff;
font-family: Verdana, Arial, sans-serif;
font-size: small;
font-weight: bold;
margin : 0px 0px 0px 0px ;
padding: 5px 0px 5px 20px;
border-top: 1px solid #ffffff;
}

/* ◆ヘッダーメニュー部分のリンクの設定◆ */
#tophead a {
color: #ffffff;
text-decoration: none;
}

#tophead a:hover {
color: #FF9900;
text-decoration: underline;
}

/* ◆フッター部分の設定◆ */
.footer {
	margin : 0px 0px 0px 0px;
	padding: 5px 0px 5px 0px;
	color: #666666;
	font-size: 12px;
	text-align: center;
	background-image: url('http://www.tsukubaham.co.jp/img/top/back3.gif');
	text-indent: 14px;
}

/* ◆その他各部分の設定◆ */
dt {
	margin-left : 10px;
	font-size: 16px;
	line-height: 120%;
	font-weight: bold;
	margin-bottom: 3px;
	margin-top: 3px;
}

dd {
margin-left : 40px;
}

/* 画像に影をつける（フチあり） */
.img-frame1 {
	margin: 0px 0px 0px 10px;
	background: url(img/kobetsu/shadow_001.gif) right bottom;
	float: left;
}

.img-frame2 {
position: relative;
left: -5px;
top: -5px;
padding: 5px;
background: #FFFFFF;
border: 1px solid #999999;
}

#tag-link{
width:520px;
padding:10px 5px 20px 5px;
border: 1px #CCC solid;
}

#tag-link ul{
width:500px;
margin:0 15px;
font-size:12px;
clear:both;
}

/* テキストリンクのリスト */
#tag-link li{
float:left;;
padding-right:25px;
list-style-type:none;
line-height:160%;
}
body #footer {
	width: 780px;
	margin-right: auto;
	margin-left: auto;
}
#container #center {

}
.content .p-comment {
	float: right;
	width: 235px;
}
.content .kago {
	width: 300px;
	float: left;
}
.content .kago-img {
	float: left;
	width: 180px;
	padding: 0px;
	margin-left: 10px;
}