@charset "utf-8";


/*
Theme Name: yc_blog
Theme URI: http://www.y-create.co.jp/blog/
Description:優クリエイトのブログ
Author: YU-Create Co.,Ltd
Author URI: http://www.y-create.co.jp
Version: 1.0
*/


/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
:focus {/* remember to define focus styles! */
	outline: 0;
}
body {
	background: #fff;
	line-height: 1;
}
ol, ul {
	list-style: none;
}
table {/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}


/* =Structure
----------------------------------------------- */

body {
	padding: 0;
	width:100%;
}

*html body{
text-align: center;
}

#page {
	margin:0;
	width: 100%;
}


#main,
.pankuzu{
	width:856px;
}

#primary {
	float: right;
	margin-right: 10px;
	width: 583px;
	
}

#secondary {
	float: left;
	margin:0 8px 20px;
	width: 234px;
	
}

#page_footer{
clear:both;
width:856px;
margin:auto;
}

/* =Global
----------------------------------------------- */

body, input, textarea {
	color: #373737;
	background: #fff;
	font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
	line-height: 1.5;
}


/* Headings */
h1,h2,h3,h4,h5,h6 {
	clear: both;
}

a{
color:#0294d4;
}

/* =Header
----------------------------------------------- */
#page {
	height:234px;
	background:#4cbdf4 url(images/header_bg.jpg) top center no-repeat;
	z-index:0;
}

#branding hgroup{
	position: relative;
	padding-top:11px;
	margin:auto;
	width:856px;
	height:223px;
	background:url(images/head_bg.png) bottom center no-repeat !important;
	z-index:1;
	clear:both;
	text-align: left;
}


#branding .lead{
	margin:auto;
	padding:0;
	width:480px;
	float:left;
	font-size:14px;
}
#branding .lead a{
	display:flex;
	align-items:center;
}
#branding .lead a:link,
#branding .lead a:visited{
	color:#fff;
	text-decoration:none;
}
#branding .lead img{
	margin-right:3px;
}

#site-title img{
	position: relative;
	margin:56px 0 5px 28px;
}

#site-description {
	position: relative;
	color: #FFFFFF;
	font-size: 12px;
	margin: 0 340px 0 28px;
}

.pankuzu{
	margin:5px auto;
}

#footer{
position:relative;
clear:both;
margin:0 auto;
padding:17px 0 20px;
width:856px;
}

/* =main
----------------------------------------------- */
#main{
	clear: both;
	margin:13px auto 0;
	background:#FFF url(images/container_bg.gif) left top repeat-y;
	z-index:0;
	overflow:hidden;
}

#primary #content{
padding-bottom: 20px;}

#primary #content article{
margin: 0 0 15px 10px;
}

#primary #content p{
margin-left:8px;
}
#primary #content .entry-meta{
position: relative;
margin-left:0;
padding:6px 9px;
font-weight:bold;
background:url(images/metadata_bg.gif) top repeat-y;
border:1px solid #02a9e9;
color:#fff;
z-index:1;
}

#primary #content header .entry-meta a{
color:#fff;
text-decoration: none;
}

.comments-link .leave-reply{
text-decoration: underline;
}

#primary #content header .entry-meta .edit-link,
#primary #content header .entry-meta .comments-link{
float: right;
}

#primary #content h1{
padding:10px 0 5px 8px;
margin-bottom:10px;
border-bottom:2px dotted #02A9E9;
font-size:18px;
font-weight: bold;
}


#primary #content h2{
font-weight:bold;
background:#C2E9FA;
padding:3px;
font-size:14px;
border:1px solid #BCE8FF;
}

#primary #content .entry-content{
margin-left: 8px;
}

#primary #content .entry-content p{
margin-bottom: 1em;
}

#primary #content .entry-footer{
padding: 3px;
margin: 10px 5px 20px 8px;
background: #EFEFEF;
}

#primary #content .pagetop img{
float:right;
padding:10px 8px 15px;
}

#note{
padding:20px;
background:#EFEFEF;}


/* =nav
----------------------------------------------- */
.page-title{
margin-right: -8px;
border:2px dotted #02A9E9;
}

.assistive-text{
display:none;}

#nav-above,
#nav-below{
margin: 0 15px 20px;
}



/* =widget
----------------------------------------------- */
.widget a {
	font-weight: bold;
	text-decoration: none;
}
.widget a:hover,
.widget a:focus,
.widget a:active {
	text-decoration: underline;
}


#secondary .widget_recent_entries,
#secondary .widget_calendar,
#secondary .widget_archive,
#secondary .widget_categories,
#secondary .widget_tags{
	padding:10px;
	margin:0 auto;  
	background:#FFFFFF;
	position: relative;
	z-index:2;
}

#secondary .widget_search{
	padding:10px;
	margin:10px auto;  
	background:#02a9e9;
	position: relative;
	z-index:2;
	border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 3px;   /* Firefox用 */  
	}

#secondary .widget_search .field{
width:200px;}


#secondary .widget_recent_entries{
-moz-border-radius-topright: 3px;
-moz-border-radius-topleft: 3px;
-webkit-border-top-right-radius: 3px;
-webkit-border-top-left-radius: 3px;
}

#secondary .widget_categories{
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
-webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
}

.widget-title{
	padding:3px 5px;
	color:#333;
	background: #EFEFEF;
	font-weight:bold;  
}

/* list-type Widget */

.widget_categories ul,
.widget_recent_entries ul {
	padding:3px 0 10px 20px;
	margin:auto;
	width:85%;
	color:#0294d4;}

.widget_categories ul li,
.widget_recent_entries ul li
{
list-style-type:square;}


.widget_text{
margin-top: 10px;
}


/* Calendar Widget */

.widget_calendar #wp-calendar {
	color: #555;
	width: 90%;
	text-align: center;
	margin:auto;
}

.widget_calendar #wp-calendar table{
	border:none;
}

.widget_calendar #wp-calendar caption,
.widget_calendar #wp-calendar td,
.widget_calendar #wp-calendar th {
	text-align: center;
}
.widget_calendar #wp-calendar caption {
	font-size: 11px;
	font-weight: 500;
	padding: 5px 0 3px 0;
	text-transform: uppercase;
}
.widget_calendar #wp-calendar th {
	background: #f4f4f4;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	font-weight: bold;
}
.widget_calendar #wp-calendar tfoot td {
	background: #f4f4f4;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
/* archive Widget */
.widget_archive h3{
display:none;}

.widget_archive {
margin: 20px 5%;
}



/* =footer
----------------------------------------------- */
#footer{
background:#FFF url(images/footer_bg.gif) left top no-repeat;
}

#footer .pagetop{
position:absolute;
top: -33px;
right:0;
margin:0;
padding:0;
}
#footer #footnav{
float:left;
width:50em;
margin:0;
padding:0;
text-align:left;
font-size:84%;
}
#footer #footnav li{
display:inline;
margin:0 1em 0 0;
padding:0;
line-height:1.7;
}
#footer #copyright{
float:right;
margin:3px 8px 0 0;
padding:0;
width:269px;
display:inline;
}



/* 140828 山岸追記：サイドの固定ボタン*/
/* FREE ENTRY BTN */
.free_online-add-btn01 {
	position: fixed;
	width: 124px;
	top: 370px;
	right: 0;
	z-index: 100;
}
.free_online-add-btn01 a {
	position: relative;
	display: block;
	z-index: 2;
}
.free_online-add-btn01 a:hover {
	opacity:0.7;
}
/*
@media only screen and (max-width: 767px) {
	.free_online-add-btn01 {
		position: fixed;
		width: 62px;
		top: 198px;
		right: 0;
		z-index: 100;
	}
	.free_online-add-btn01 a {
		position: relative;
		display: block;
		z-index: 2;
	}
	.free_online-add-btn01 .shadow {
		position: absolute;
		top: 39px;
		left: 0px;
		z-index: 1;
	}
	.free_online-add-btn01 .shadow img {
		width: 62px;
	}

}*/