/*
Theme Name:FloatingLight
Version: 9999
*/
body, div, dl, dd, #left .post h2.title, #left .page h2.title, .commentrank h3, h3#comments-title, h3.title3, h3#reply-title, .menu, .menu ul {
	padding:0;
	margin:0;
}
.fl {
	float:left;
}
.fr {
	float:right;
}
a img{ border: solid 2px #ccc;}
a:hover img{ border: solid 2px #666;}
.cb{ clear:both;}
body {
	background: #EDEAE3 url(images/bg.jpg) repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#555555;
}
.copyright {
	text-align:center;
	font-size:12px;
	height:20px;
	color:#737371;
	padding-top:30px;
}
.bottom {
	height:73px;
	border-top:solid 1px #DBD7CA;
}
#header h1 {
	margin:0;
	padding:0;
}
#header .shadow a {
	width:300px;
	height:71px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(http://wkb.0583.jp/wp/wp-content/uploads/2012/04/logo.png)no-repeat;
}
#header_bg{ width:100%; float:left; background:url(images/header.jpg) left top;}
#header {
	width:960px;
	padding-top:30px;
	color:#BCE5EB;
	margin:0 auto;
}
#logo {
	color:#000000;
	font-size:35px;
	display:block;
	font-weight:bold;
}
.menu {
	padding-top:8px;
	float:left;
}
.menu li {
	float:left;
	list-style:none;
	position:relative;
	margin:0 0 5px 2px;
}
.menu li ul {
	display:none;
}
.menu li a {
	display:block;
	height:19px;
	padding:2px 15px 1px 15px;
	color:#444;
	font-size:14px;
	float:left;
	white-space:nowrap;
	font-weight:bold;
}
.menu li:hover a {
	-moz-border-radius:0 5px 0 5px;
	border-radius:0 5px 0 5px;
	background-color:#fff;
}
.menu li a:hover, .menu li.current_page_item a {
	padding:1px 14px 0 14px;
	-moz-border-radius:0 5px 0 5px;
	border-radius:0 5px 0 5px;
	background-color:#fff;
	border:solid 1px #E7E7E5;
	color:#1E9AB0;
}
.menu li:hover li a {
	-moz-border-radius:0;
	border-radius:0;
	border:none;
	display:block;
	background:#FFFFFF url(images/narrow_circle_gray.gif) no-repeat 4px 8px;
	padding:2px 15px 1px 15px;
	min-width:90px;
}
.menu li:hover li li a{ background-color:#ddd;} 
.menu li:hover ul {
	display:block;
	border:none;
	position:absolute;
	left: 0;
	top:22px;
	z-index:10000;
	padding:0;
}
.menu li:hover li {
	box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.2);
	padding:0;
	min-width:120px;
	margin:0;
	height:22px;
}
.menu li:hover ul li ul {
	display:none;
}
.menu li:hover ul li:hover ul {
	display:block;
	left:100%;
	top:0;
}
.menu li:hover ul li a:hover,.menu li li.current_page_item a {
	color:#5FB7C5;
	background:#F4F4F4 url(images/narrow_circle_blue.gif) no-repeat 4px 8px;
}
/***********************/
#img_bg_bg{background-color:#E6E3DA; border-bottom: solid 1px #DBD7CA; padding:10px 0; float:left; width:100%;}
#img_bg{ width:960px; margin:0 auto;}

/***********************/

.wrap {
	width:960px;
	margin:15px auto;
	clear:both;
}

/***********************/
#left{ width:700px; float:left; background-color:#fff;	-moz-border-radius:0 15px 15px 0;
	border-radius:0 15px 15px 0;
	border-right:solid 1px #DFDCD0;
	 border-bottom:solid 1px #DFDCD0;
}



#left .post,#left .page{ border-bottom:solid 1px #DFDCD0;}
#left .leftinfo{ width:82px; margin-right:-1px; border-right:solid 1px #DFDCD0; float:left; text-align:right; padding-right:8px; line-height:20px;}
#left .leftinfo p{ margin:15px 0;}
#left .leftinfo a{ font-size:11px; color:#777370;}
#left .leftinfo a:hover{ color:#1E9AB0; text-decoration:underline;}
#left .leftinfo .date a{ color:#1E9AB0; font-size:20px; font-weight:bold; font-family:"Microsoft Sans Serif";}
#left .righttext{ width:589px; float:right; margin-left:0; border-left:solid 1px #DFDCD0; padding:15px 10px 20px;}
#left .righttext .entry{ font-size:12px; line-height:20px;}

.entry-meta a{ color:#1E9AB0;}
.entry a:hover{ text-decoration:underline;}

#left .post{
	background:url(http://wkb.0583.jp/wp/wp-content/uploads/2012/04/stamp_xs.png)no-repeat right bottom;
}

#left .post h2.title a, #left .page h2.title a {
	font-size:16px; font-family:"Microsoft Sans Serif"; 
}

/***********************/

#sidebar {
	width:220px;
	float:right;
	padding-right:25px;
}
#sidebar h3.title3 {
	height:19px;
	background: url(http://wkb.0583.jp/wp/wp-content/uploads/2012/04/fish_xs.png)no-repeat;
	color:#555;
	font-size:14px;
	font-family:"Microsoft Sans Serif";
	margin-top:20px;
	padding:5px 0 0 12px;
}
#sidebar ul ul, #sidebar ul div {
	padding:10px 0;
}
#sidebar ul ul ul{
	padding:0 10px;
}

#sidebar li, #sidebar ul {
	list-style:none;
	margin:0;
	padding:0;
}
#sidebar li li {
	line-height:2em;
	border-bottom:dashed 1px #AEADA9;
}
#sidebar li li li{ border-bottom:none;}
#sidebar ul li a {
	background:url(images/narrow_circle_gray.gif) no-repeat left 5px;
	padding-left:15px;
}
#sidebar li.widget_recent_comments li {
	background:url(images/narrow_circle_gray.gif) no-repeat left 12px;
	padding-left:15px;
}
#sidebar li.widget_recent_comments li a, #sidebar li.widget_recent_comments li a:hover, #sidebar li.widget_calendar a, #sidebar li.widget_calendar a:hover, #sidebar li.widget_tag_cloud a, #sidebar li.widget_tag_cloud a:hover {
	background:none;
}
#sidebar ul li a:hover {
	background:url(images/narrow_circle_blue.gif) no-repeat left 5px;
}
#wp-calendar {
	width:200px;
	text-align:center;
	line-height:25px;
}
#sidebar li.widget_calendar #wp-calendar a {
	color:#5FB7C5;
	padding:0;
	margin:0;
}
#sidebar li.widget_calendar #wp-calendar a:hover {
	text-decoration:underline;
}
#wp-calendar caption {
	font-weight:bold;
}
#sidebar li.widget_tag_cloud a {
	padding:0;
	margin:0;
	line-height:25px;
	margin:0 3px;
}
#s {width:120px;}

.navigation {
	width:96%;
	padding:5px 2%;
	float:left;
}
.navigation .alignleft a{ background:url(images/narrow.gif) no-repeat left top; padding:6px 30px;	color:#5FB7C5; display:inline-block;
}
.navigation .alignright a{ background:url(images/narrow.gif) no-repeat right bottom; padding:6px 30px;	color:#5FB7C5; display:inline-block;
}
a {
	text-decoration:none;
	color:#555555;
}
a:hover, a.more, .postinfo a:hover,.entry a{
	color:#5FB7C5;
}

/************************/

h1.pagetitle{ text-align:center; border-bottom:solid 1px #DFDCD0; margin-bottom:0;} 
/************************/
img.size-auto, img.size-full, img.size-large, img.size-medium, .attachment img {
	max-width: 577px; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
}
.alignleft, img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
.alignright, img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
.aligncenter, img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft, img.alignright, img.aligncenter {
	margin-bottom: 12px;
}
.wp-caption {
	background: #f1f1f1;
	line-height: 18px;
	margin-bottom: 20px;
	max-width:585px !important; /* prevent too-wide images from breaking layout */
	padding: 4px;
	text-align: center;
}
.wp-caption img {
	margin: 5px 5px 0;
}
.wp-caption p.wp-caption-text {
	color: #888;
	font-size: 12px;
	margin: 5px;
	float:none;
}
.wp-smiley {
	margin: 0;
}
.gallery {
	margin: 0 auto 18px;
}
#gallery-1 a:hover img,#gallery-2 a:hover img,#gallery-3 a:hover img,#gallery-4 a:hover img{ border:solid 2px #666;}
.gallery .gallery-item {
	float: left;
	margin-top: 0;
	text-align: center;
	width: 33%;
}
.gallery-columns-2 .gallery-item {
	width: 50%;
}
.gallery-columns-4 .gallery-item {
	width: 25%;
}
.gallery-columns-2 .attachment-medium {
	max-width: 92%;
	height: auto;
}
.gallery-columns-4 .attachment-thumbnail {
	max-width: 84%;
	height: auto;
}
.gallery .gallery-caption {
	color: #888;
	font-size: 12px;
	margin: 0 0 12px;
}
.gallery dl {
	margin: 0;
}
.gallery br+br {
	display: none;
}
.sticky {
}
.gallery .gallery-caption {
	color: #888;
	font-size: 12px;
	margin: 0 0 12px;
}
/************************/
.commentlist{ margin:0; padding:0;}
.commentlist ul{ padding:0; margin:0;}
.commentlist ul li{padding:0 0 15px 15px; margin:0 0 0 15px;}
li.depth-1{padding:1px 0; border-top: solid 2px #fff;}
li.depth-1{ background-color:#F8F6F4;}
li.depth-2{ background-color:#eee;}
li.depth-3{ background-color:#F8F6F4;}
li.depth-4{ background-color:#eee;}
li.depth-5{ background-color:#F8F6F4;}
li.depth-6{ background-color:#eee;}
li.depth-7{ background-color:#F8F6F4;}
li.depth-8{ background-color:#eee;}
li.depth-9{ background-color:#F8F6F4;}
li.depth-10{ background-color:#eee;}
li.depth-11{ background-color:#F8F6F4;}
li.depth-12{ background-color:#eee;}
li.depth-13{ background-color:#F8F6F4;}
li.depth-14{ background-color:#eee;}
li.depth-15{ background-color:#F8F6F4;}
li.depth-16{ background-color:#eee;}

li.comment,li.trackback,li.pingback{list-style:none;}
li.trackback .commentmetadata,li.pingback .commentmetadata{ left:25px; top:55px;}
.comment-body{ position:relative; padding:12px 25px;}
.comment-author,.fn,.comment-author a{
	padding:0;
	margin:0;
	font-size:14px;
	font-weight:bold;
	color:#000;
	font-style: normal;
}
.comment-author{
	height:40px;
	vertical-align: bottom;
	margin-top:25px;
}
.reply{ margin-left:25px; margin-bottom:0; font-size:11px; font-weight:bold;}
.reply a{ color:#24BAD5;}
blockquote{padding:10px; border-left:solid 3px #736969;}
img.avatar{ border:solid 1px #e8e8e8; padding:2px; background-color:#fff;}
.required{ color:#f00;}
#commentform{ padding:0 20px;}
#commentform #author, #commentform #email, #commentform #url {
	position:absolute;
	width:300px;
	height:25px;
	color:#999;
	display:block;
	left:60px;
	top:0;border:solid 1px #DAD3CB;}
p.comment-form-url,p.comment-form-email,p.comment-form-author{ position:relative; padding:5px 0;}
#comment{ width:584px; height:120px; border:solid 1px #DAD3CB;	color:#999; margin-left:6px;}
#submit{
	border:none;
	padding:8px 10px;
	color:#ffffff;
	background-color:#D2C4BB;
	font-size:16px;
}
.commentlist .bypostauthor {
}
table {/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
h3.commenttitle{ background:url(images/arrow.gif) no-repeat left top; margin:15px 10px; padding-left:35px; color: #24BAD5; font-size:16px; font-family:"Microsoft Sans Serif";}
h3.commenttitle a{ color: #24BAD5;}
h3#reply-title{
	border-top: solid 1px #DFDCD0;
	clear:both;
	font-size:20px;
	font-weight:bold;
	text-transform: uppercase;
	font-weight:normal;
	padding:30px 0 10px 15px;
}
.nocomments,.page-header{ font-size:16px; font-family:"Microsoft Sans Serif"; text-align:center;}
.page-title{	border-bottom: solid 1px #DFDCD0;
}
.page-link {
	clear: both;
	display: block;
	margin: 0 0 1.625em;
}
/***********************/
.SearchResults{ padding:0 25px 25px;}


table{	border-collapse: separate;}

.entry table,.commentlist table{
	border-spacing: 0;	border-bottom: 1px solid #ddd;
	margin: 0 0 1.625em;
	width: 100%;

}
.entry th,
.commentlist th {
	color: #666;
	font-size: 10px;
	font-weight: 500;
	letter-spacing: 0.1em;
	line-height: 2.6em;
	text-transform: uppercase;
}
.entry td,
.commentlist td {
	border-top: 1px solid #ddd;
	padding: 6px 10px 6px 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
dl {
	margin: 0 1.625em;
}
dt {
	font-weight: bold;
}
dd {
	margin-bottom: 1.625em;
}


.snsButtonO {height:30px;}
.snsButton {width:120px; height:25px; float:right;}