@charset "utf-8";
/*  
Theme Name: frablo
Theme URI: http://www.frablo.jp/
Description: ふらぶろのテーマ。2010年1月作成。
Version: 1.0.0
Updated: 2010-01-23
Author: frankly

+ YUI Reset CSS
|  + Additional Reset CSS
+ BASE
+ Container
+ Header
+ Gnavi
+ Content
|  + Common Parts Style
|  + Archive Page Layout
|  + Single Page Layout
|  + About Page Layout
|  + Contact Page Layout
|  + Page Navi
|  + Comment
+ Sidebar
+ Footer
+ Plugin

*/



/*======================================================================*/
/** YUI Reset CSS (http://developer.yahoo.com/yui/reset/) */
/*----------------------------------------------------------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ul, ol { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6,input,textarea,table { font-size:100%; }
q:before,q:after { 	content:''; }
abbr { border:0; }

/* Additional Reset CSS */
body { line-height:1; }
img { vertical-align:bottom; }
object, embed { vertical-align:top; }
hr, legend { display:none; }



/*======================================================================*/
/** BASE Style */
/*----------------------------------------------------------------------*/

body {
	margin:0;
	padding:0;
	background:#f5f2e7;
	color:#333;
	font-family:"ＭＳ Ｐゴシック",sans-serif;
	line-height:1;
}

a {
	color:#9e5207;
	text-decoration:underline;
}
/*
a:visited {
	color:#9e7e5e;
}
*/



/*======================================================================*/
/** Container Style */
/*----------------------------------------------------------------------*/

#head, #body, #foot {
	margin:0 auto;
	background:#fff;
}

#head {
	width:990px;
}

#body {
	overflow:hidden; /* instead of CLEAR */
	padding:9px 10px 0 20px;
	width:960px;
}
#content {
	float:left;
	width:640px;
	overflow:hidden;
}
#sidebar {
	float:right;
	width:300px;
}

#foot {
	padding:20px 0;
	width:990px;
}



/*======================================================================*/
/** Header Style */
/*----------------------------------------------------------------------*/

#head-home {
	float:left;
	padding:27px 0 12px 20px;
}
#head-home a {
	display:block;
	overflow:hidden;
	text-indent:-999em;
	height:95px;
	width:210px;
	background:url(http://www.frablo.jp/wp-content/themes/frablo/images/background.png) 0 -120px no-repeat;
}

#utility-navigation {
	padding:8px 10px 9px 0;
	font-size:13px;
	text-align:right;
}
#utility-navigation li {
	display:inline;
}
#unavi-skip {
	display:none;
}
#utility-navigation a {
	margin:0 0 0 10px;
	padding:1px 0 1px 19px;
	background:url(http://www.frablo.jp/wp-content/themes/frablo/images/icon.gif) no-repeat;
}
#utility-navigation a#unavi-home { background-position:0 -168px; }
#utility-navigation a#unavi-about { background-position:0 -189px; }
#utility-navigation a#unavi-contact { background-position:0 -210px; }



/*======================================================================*/
/** Gnavi Style */
/*----------------------------------------------------------------------*/

#global-navigation {
	clear:both;
	overflow:hidden;
	margin:0 2px;
	width:986px;
}
#global-navigation dt {
	display:none;
}

#global-navigation ul {
	overflow:hidden; /* instead of CLEAR */
	margin-right:-3px;
	height:40px;
	width:989px;
	background:url(images/background.png) 0 0 no-repeat;
}
#global-navigation li {
	display:block;
	float:left;
	padding:0 3px 0 0;
}
#global-navigation a {
	display:block;
	overflow:hidden;
	text-indent:-999em;
	height:40px;
	background-image:url(images/background.png);
	background-repeat:no-repeat;
}
#gnavi_pet { width:106px; }
	#gnavi_pet:link, #gnavi_pet:visited { background-position:0 0; }
	#gnavi_pet:hover, #gnavi_pet:active { background-position:0 -80px; }
	#gnavi_pet[class] { background-position:0 -40px; }
#gnavi_film { width:105px; }
	#gnavi_film:link, #gnavi_film:visited { background-position:-109px 0; }
	#gnavi_film:hover, #gnavi_film:active { background-position:-109px -80px; }
	#gnavi_film[class] { background-position:-109px -40px; }
#gnavi_art { width:98px; }
	#gnavi_art:link, #gnavi_art:visited { background-position:-217px 0; }
	#gnavi_art:hover, #gnavi_art:active { background-position:-217px -80px; }
	#gnavi_art[class] { background-position:-217px -40px; }
#gnavi_kid { width:130px; }
	#gnavi_kid:link, #gnavi_kid:visited { background-position:-318px 0; }
	#gnavi_kid:hover, #gnavi_kid:active { background-position:-318px -80px; }
	#gnavi_kid[class] { background-position:-318px -40px; }
#gnavi_news { width:81px; }
	#gnavi_news:link, #gnavi_news:visited { background-position:-451px 0; }
	#gnavi_news:hover, #gnavi_news:active { background-position:-451px -80px; }
	#gnavi_news[class] { background-position:-451px -40px; }
#gnavi_life { width:60px; }
	#gnavi_life:link, #gnavi_life:visited { background-position:-535px 0; }
	#gnavi_life:hover, #gnavi_life:active { background-position:-535px -80px; }
	#gnavi_life[class] { background-position:-535px -40px; }
#gnavi_education { width:60px; }
	#gnavi_education:link, #gnavi_education:visited { background-position:-598px 0; }
	#gnavi_education:hover, #gnavi_education:active { background-position:-598px -80px; }
	#gnavi_education[class] { background-position:-598px -40px; }
#gnavi_sports { width:106px; }
	#gnavi_sports:link, #gnavi_sports:visited { background-position:-661px 0; }
	#gnavi_sports:hover, #gnavi_sports:active { background-position:-661px -80px; }
	#gnavi_sports[class] { background-position:-661px -40px; }
#gnavi_technology { width:142px; }
	#gnavi_technology:link, #gnavi_technology:visited { background-position:-770px 0; }
	#gnavi_technology:hover, #gnavi_technology:active { background-position:-770px -80px; }
	#gnavi_technology[class] { background-position:-770px -40px; }
#gnavi_game { width:71px; }
	#gnavi_game:link, #gnavi_game:visited { background-position:-915px 0; }
	#gnavi_game:hover, #gnavi_game:active { background-position:-915px -80px; }
	#gnavi_game[class] { background-position:-915px -40px; }
#global_navigation .current { background-position-y:-40px; } /* for IE */


/*======================================================================*/
/** Content Style */
/*----------------------------------------------------------------------*/

/* Common Parts Style */
.hfeed {
	overflow:hidden;
	width:640px;
}
.hentry {
	position:relative;
}
.entry-meta .author {
	display:none;
}
.entry-meta li, .entry-meta ul {
	display:inline;
	color:#666;
	font-size:13px;
}
.entry-meta .response {
	display:block;
}
.entry-meta .response ul {
	display:block;
	height:25px;
	line-height:25px;
}
.entry-meta .response ul ul {
	display:inline;
}
.entry-meta .category a {
	padding:1px 0 1px 20px;
	background:url(http://www.frablo.jp/wp-content/themes/frablo/images/icon.gif) 0 -294px no-repeat;
}
.entry-meta li a {
	text-decoration:none;
}
.entry-meta li a span, .entry-meta .category a, .entry-meta .comment-count a {
	text-decoration:underline;
}
.entry-meta li a img {
	margin:4px 0 5px; /* 置換要素が含まれる行はline-heightが異常値になるIE6バグへの対策 */
	height:16px;
	width:16px;
	background:url(http://www.frablo.jp/wp-content/themes/frablo/images/icon.gif) no-repeat;
	vertical-align:middle;
}
.entry-meta .hatena a img { background-position:0 0; }
.entry-meta .yahoo a img { background-position:0 -21px; }
.entry-meta .delicious a img { background-position:0 -42px; }
.entry-meta .livedoor a img { background-position:0 -63px; }
.entry-meta .nifty a img { background-position:0 -84px; }
.entry-meta .buzzurl a img { background-position:0 -105px; }
.entry-meta .newsing a img { background-position:0 -126px; }
.entry-meta .retweet-count a img { background-position:0 -147px; }
.entry-meta .hatena span, .entry-meta .retweet-count span {
	background:#fff0f0;
	color:#f66;
	font-size:12px;
	font-family:Arial, Helvetica;
	font-weight:bold;
	text-decoration:underline;
}
.entry-meta .retweet-count span {
	background:#f0fff0;
	color:#009c9c;
}
.entry-meta .hatena span.hotentry {
	background:#fcc;
	color:#f00;
}
.entry-content {
	padding:10px 0 0;
	font-size:88%;
	line-height:1.6;
}
.entry-content p {
	padding:0 0 14px;
}
.entry-content img {
border:solid 1px #ccc;
padding:3px;
vertical-align:baseline;
}
.entry-content h2:before {
content:"■ ";
}

/* Archive Page Layout (class .archive) */
.feed-title {
	padding:10px 0;
	border-bottom:dotted 1px #ccc;
	color:#333;
	font-size:100%;
}
.archive .hentry {
	padding:13px 0 13px 172px;
	min-height:120px; /* for except IE */
	height: auto !important; /* for except IE */
	height: 120px; /* for IE */
	border-bottom:dotted 1px #ccc;
}
.archive .entry-title {
	padding:0;
	border:0;
	font-size:100%;
	font-weight:bold;
	line-height:1.2;
}
.archive .entry-title a {
	color:#9E5207;
	text-decoration:underline;
}
.archive .entry-title img {
	position:absolute;
	top:13px;
	left:0;
	height:110px;
	width:150px;
	border:solid 5px #e9ead6;
}
.archive .entry-meta {
	float:none;
	padding:0;
	height:auto;
	background:#fff;
	line-height:1;
}
.archive .entry-meta li {
	padding:0 5px 0 0;
}
.archive .entry-content {
	padding:4px 0;
	border:0;
	font-size:82%;
	line-height:1.4;
}
.archive .entry-content p {
	padding:0;
}


/* Single Page Layout (class .single) */
.single {
	position:relative;
}
.single h1 {
	padding:35px 0 10px 0;
	font-size:26px;
	line-height:30px;
}
.single h1 a {
	color:#333333;
	text-decoration:none;
}
.single .entry-meta {
	padding:0 5px;
	height:25px;
	line-height:25px;
	background:#F0F0ED;
}
.single .entry-meta .category {
	position:absolute;
	top:4px;
	left:0;
}
.single .entry-meta .updated {
	float:left;
}
.single .entry-meta .response {
	float:right;
	width:456px;
	text-align:right;
}
.single .entry-meta .response li {
	padding:0 0 0 5px;
}
.single .entry-meta ul {
	padding:0;
}
.single .entry-meta li {
	color:#333;
}
.single .entry-content {
	clear:both;
}
dl.video {
	padding:0 0 14px;
}
dl.video dt {
	padding:0 0 0.3em;
	font-size:93.18%;
	line-height:1.2;
}
.single .entry-content dl.video blockquote {
	display:none;
}
.single .entry-source {
	padding:0 0 14px;
}
.single .entry-source dt {
	display:inline;
	background:#ededed;
	font-size:10px;
	font-weight:normal;
	padding:4px 3px;
}
.single .entry-source dd {
	display:inline;
	padding:3px 0;
	font-size:13px;
}
.related-entry {
	clear:both;
	overflow:hidden;
	margin-left:-6px;
	border-top:dotted 1px #ccc;
	border-bottom:solid 2px #ccc;
}
.related-entry dt {
	padding:5px 0 0 6px;
	border-top:dotted 1px #ccc;
	font-size:13px;
	font-weight:bold;
	line-height:1.3;
}
.related-entry dd {
	position:relative;
	float:left;
	border-bottom:solid 1px #ddd;
	padding:10px 0 10px 86px;
	min-height:55px; /* for except IE */
	height: auto !important; /* for except IE */
	height: 55px; /* for IE */
	width:237px;
	font-size:12px;
	line-height:1.4;
}
.related-entry img {
	position:absolute;
	top:10px;
	left:6px;
	display:block;
	height:55px;
	width:75px;

}

/* About Page Layout */


/* Contact Page Layout */
#wpcf7-f1-p19-o1 li {
	overflow:hidden;
}
#wpcf7-f1-p19-o1 li label {
	width:30%;
	float:left;
}
#wpcf7-f1-p19-o1 li span {
	width:70%;
	float:right;
}

/* Comment */
#entry-comment {
	margin:15px 0 0;
}
#entry-comment h2 {
	padding:5px 0;
	font-size:14px;
}
.comment-list li {
	zoom:1; /* for IE6-7 */
	padding:1em 0 0;
	border-top:dotted 1px #ccc;
	font-size:84%;
}
.comment-id, .comment-author {
	font-weight:bold;
}
.comment-author {
	margin:0 1em 0 0;
}
.comment-list dd {
	padding:0.5em 0 0;
	line-height:normal;
}
.comment-list dd p {
margin:0 0 1em;
}

#comment-post {
	font-size:84%;
	margin:-5px 0 0;
}
#comment-post h3 {
	display:none;
}
#comment-post li {
	zoom:1;
}
#comment-post dl {
	margin:5px 0 0;
	padding:10px;
	border:solid 1px #eee;
	background:#f9f9f9;
}
#comment-post dt {
	border-bottom:1px dotted #ccc;
	font-weight:bold;
	padding:0 0 0.5em
}
#comment-post dd li, #trackback-url p {
	margin:0.7em 0 0;
}
#comment-post label {
	display:block;
	padding:0 0 0.3em;
}
#trackback-url {
	line-height:1.3;
}
#author {
	width:40%;
}
#comment {
	width:613px;
}
#author, #comment {
	padding:3px 2px;
	border-top:solid 1px #aaa;
	border-right:solid 1px #ccc;
	border-bottom:solid 1px #ddd;
	border-left:solid 1px #bbb;
}
.trackback-url {
	margin:7px 0 0;
	padding:3px 5px;
	border-top:solid 1px #aaa;
	border-right:solid 1px #ccc;
	border-bottom:solid 1px #ddd;
	border-left:solid 1px #bbb;
	background:#fff;
	word-wrap: break-word;
	line-height:1.3;
}

/* Page Navi */
#page-navigation dt {
	display:none;
}
#page-navigation dd {
	position:relative;
	overflow: hidden;
}
#page-navigation ul {
	position: relative;
	left: 50%;
	float: left;
	border-top:solid 10px #fff;
	font-size:14px;
}
#page-navigation li {
	position: relative;
	left: -50%;
	float: left;
	margin-bottom:6px;
}
#page-navigation a, #page-navigation span {
	display:block;
	margin:0 3px;
	border:solid 1px #ccc;
	height:25px;
	width:25px;
	text-align:center;
	line-height:25px;
}
#page-navigation span {
	font-weight:bold;
}


/*======================================================================*/
/** Sidebar Style */
/*----------------------------------------------------------------------*/

#subscribe dt, #search dt, #search label {
	display:none;
}
#subscribe {
	padding:0 0 7px;
	font-size:12px;
	text-align:right;
}
#subscribe dd {
	display:inline;
	padding:0 0 0 9px;
}
#subscribe dd a {
	padding:1px 0 1px 17px;
	background:url(http://www.frablo.jp/wp-content/themes/frablo/images/icon.gif) no-repeat;
}
#subscribe dd#mail a { background-position:0 -231px; }
#subscribe dd#rss a { background-position:0 -252px; }
#subscribe dd#twitter a { background-position:0 -273px; }


#search {
	position:relative;
	padding:7px 8px;
	border:solid 1px #D6D8B6;
	height:24px;
	background:#E9EAD6;
	font-size:13px;
}
#search-keywords {
	position:absolute;
	top:8px;
	left:8px;
	padding:2px;
	border:1px solid #B4C4C8;
	width:221px;
}
#search-submit {
	position:absolute;
	top:7px;
	right:8px;
	padding:0;
	width:50px;
	line-height:16px;
}

#popular-entry, #latest-commented-entry, #popular-entry2 {
	padding:5px 0 10px 0;
}
#popular-entry dt, #latest-commented-entry dt, #popular-entry2 dt {
	padding:6px 0 3px 0;
	border-top:solid 5px #898934;
	font-size:15px;
	font-weight:bold;
}
#popular-entry li, #latest-commented-entry li, #popular-entry2 li {
	position:relative;
	padding:10px 0 10px 82px;
	min-height:55px; /* for except IE */
	height: auto !important; /* for except IE */
	height: 55px; /* for IE */
	border-bottom:dotted 1px #828282;
	font-size:13px;
	line-height:1.3;
	word-wrap: break-word;
}
#popular-entry li a img, #latest-commented-entry li a img, #popular-entry2 li a img {
	position:absolute;
	top:10px;
	left:0;
	display:block;
	padding:0 7px 0 0;
	height:55px;
	width:75px;
}

/*======================================================================*/
/** Footer Style */
/*----------------------------------------------------------------------*/
#foot {
	font-size:13px;
}
#recommended-link {
font-size:12px;
}
#recommended-link dt {
	padding:0 0 3px;
	color:#666;
}
#recommended-link dt:before, #recommended-link dt:after {
	content:"‐";
}
#recommended-link dd {
	border:solid 1px #ccc;
	padding:10px;
}
#recommended-link table {
	width:100%;
}
#recommended-link caption {
	display:none;
}
#recommended-link th, #recommended-link td {
	vertical-align:top;
	width:206px;
}
#recommended-link th {
	color:#666;
	font-weight:bold;
}
#recommended-link li {
	padding:8px 0 0;
}
#copyright {
	padding:20px 10px 0;
	text-align:right;
}

/*======================================================================*/
/** Plugin Style */
/*----------------------------------------------------------------------*/
.broken_link, a.broken_link {
	text-decoration: line-through;
}