@charset "UTF-8";

/* -------------------------------------------------
Sidebar・WidgetAREA
--------------------------------------------------- */
/* -- 2column -- */
#main { float:left; width:680px;}
#sidebar { float:right; width:200px; margin-top:-9px;}

/* -- WidgetAREA -- */
#sidebar .widget { margin-bottom:20px; overflow:hidden;}
#sidebar .widget img { margin-bottom:2px; vertical-align: bottom;}

.widget-area { margin:10px 0;}
.widget h2 {
font-size:1.05em;
font-weight: bold;
color:#fff;
text-align:center;
margin-bottom:10px;
background:#5a3d1b;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border:none;
}


.blog-widget ul { margin:0 0 0 12px; padding:0; font-size:0.92em; color:#ff9b00; line-height:1.4;}
.blog-widget li { margin: 0 0 6px 4px; padding:0 0 0 0;}
.blog-widget li a { color:#231815; text-decoration: none;}
.blog-widget li a:hover { color:#231815; text-decoration: none; background:#FF0;}


/* ---------------------------------------------------
04_News・Staffblog・Works（blog）
--------------------------------------------------- */
.blog-description p { margin: 0 0 27px 20px;}

#main h2 {
color:#fff;
padding: 16px 0 15px 20px;
margin:0 0 22px 0;
border: none;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
}
#News #main h2 { background:#0095ec;}
#Staffblog #main h2 { background:#af00aa;}
#Works #main h2 { background:#ff0000;}


/* --- blog index --- */
.post {
margin: 0 20px 13px 20px;
padding-bottom:13px;
border-bottom:2px dotted #231815;
}
.days {
float:right;
width:110px;
font-weight: normal;
color:#231815;
padding-left:10px;
text-align: right;
}

#main h4.index_ttl {
	font-size:1em;
	font-weight: normal;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #FF0000;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}
#main h4.index_ttl a { color:#231815; font-weight:bold; text-decoration: none;}
#main h4.index_ttl a:hover { color:#231815; text-decoration: none; background:#FF0;}


/* --- blog archives --- */
#main h3.archives_ttl {
color:#231815;
padding: 11px 0 10px 20px;
margin: -10px 0 22px 0;
border:2px dotted #231815;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
}
#main h4.archiv_listttl { /* archives list h4 */
font-size:1.1em;
padding: 10px 0 10px 33px;
margin:0 10px 10px;
}


/* --- blog single --- */
.metaArea ul { list-style-type:none; margin: -5px 0 0 10px; padding:0; font-size:0.9em;}
.metaArea li { color: #333; display:inline; margin: 0 10px 0 0;}
.metaArea a { color: #333; text-decoration: none;}
.metaArea a:hover { color: #333; text-decoration: underline;}

#main h3.contents-head {
font-size:1.2em;
font-weight:bold;
color:#231815;
padding: 11px 0 10px 20px;
margin: 3px 0 22px 0;
border:2px dotted #231815;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
}

/* ----------------------------------- */




/* ------- 記事内table ------- */
table {
border-collapse: collapse;
table-layout: fixed;/* 1行目の幅で固定 */
margin: 24px 0;
}
table th {
width: auto;
border: solid 1px #ccc;
padding: 8px;
}
table td {
border: solid 1px #ccc;
padding: 8px;
}
/*----------------------------*/


/* .pagination
---------------------------------------------------
.pagination { margin: 60px 0 60px 10px; font-size:0.8em;}
.pagination span.disabled {
display:none;
}
.pagination span.current{
color: #4d4d4d;
display: inline-block;
border:1px solid #e2e2e2;
padding: 2px 8px;
background-color: #eee;
}
.pagination span.number { margin:0 2px;}
.pagination a {
display: inline-block;
border:1px solid #e2e2e2;
padding: 2px 8px;
color: #fff;
text-decoration: none;
}
.pagination a:hover {
color: #fff;
text-decoration: none;
background-color: #444;
} */


/* ---- fade ---- */
.pagination a {
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.pagination a:hover {
    opacity: 0.5;
    filter: alpha(opacity=60);
}
/* ------------- */



/* calendar
----------------------------------------------- */
table.blog-calendar { color:#231815; background:#fff;}
table.blog-calendar a {
color:#231815;
font-weight:bold;
text-decoration: underline;
display:block;
}
table.blog-calendar a:hover {
color:#231815;
font-weight:bold;
text-decoration: none;
background:#FF0;
}

table.blog-calendar td:first-child a {
color:#231815;
text-decoration: underline;
display:inline;
font-weight:bold;
}
table.blog-calendar td:first-child a:hover {
color:#231815;
font-weight:bold;
text-decoration: none;
background:#FF0;
}

.widget-blog-calendar table {
    margin:0 auto;
width:100%;
}
.widget-blog-calendar th,
.widget-blog-calendar td {
    padding:3px 3px;
    font-size:13px;
    text-align: center;
border:1px solid #5a3d1b;
}
.widget-blog-calendar th { border-bottom:3px double #5a3d1b;}
.widget-blog-calendar tr:first-child {
color:#5a3d1b;
font-weight:bold;
border:none;
}
.widget-blog-calendar .sunday { color:#ff0000;}
.widget-blog-calendar .saturday { color:#0095ec;}
.widget-blog-calendar .today { background:#eee;}



/* blog & news
----------------------------------------------- */
.display-none { display:none;}



/* no-data
----------------------------------------------- */
.no-data { text-align:center;}



/* meta
---------------------------------------------------*/
.meta {
color:#666;
font-size:0.85em;
text-align:right;
padding: 5px 10px 5px 0;
margin: 0 4px 30px 10px;
background-color:#fff;
background-color: rgba(255,255,255, 0.6) !important;
}
.meta a { color:#666; text-decoration: underline;}
.meta a:hover { color:#666; text-decoration: none;}


/* tag
---------------------------------------------------*/
.tag {
padding-bottom:5px;
padding-right:10px;
padding-top:5px;
}


/* BlogComment
----------------------------------------------- */
#BlogComment {
font-size:0.91em;
line-height:1.6;
margin: 40px 0 18px 20px;
padding:20px 7px 0;
background:#fff;
background-color: rgba(255,255,255, 0.6) !important;
border-radius: 6px; 
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
}
#BlogComment h4 {
color:#444;
line-height:1;
margin: 0 0 0 20px;
padding:0 0 0 20px;
background-image:url(../img/common/list_img_s.png);
background-repeat:no-repeat;
background-position: left center;
}

#BlogCommentList {
padding:10px 20px;
margin-top:20px;
}
#BlogCommentAddForm {
padding:10px 20px;
}
#BlogCommentList .comment {
padding-bottom:8px;
border-bottom:1px dashed #CCCCCC;
margin-bottom:20px;
}
table.row-table-01 th {
background:#fff;
border-bottom:1px solid #eee;
}



/* contentsNavi
----------------------------------------------- */
#contentsNavi {
margin: 80px 0 100px;
text-align: center;
}
.prev-link,
.next-link {
border: 1px solid #ccc;
padding:8px 20px;
}
#contentsNavi .prev-link,
#contentsNavi .next-link {
border: 1px solid #ccc;
padding:8px 20px;
}

#contentsNavi a { color: #666; text-decoration: none;}
#contentsNavi a:hover { color: #fff; text-decoration: none; background:#666;}


table#TableBlogPosts span.tag {
border:1px solid #e2e2e2;
background-color: #efefef;
font-size: 10px;
padding:1px 2px;
margin-left:5px;
}