@charset "utf-8";

/*
------------------------------------------------------------
 RESET
------------------------------------------------------------*/

/* HTML5
-------------------------------------------------- */
section, nav, article, aside, hgroup, header, footer, figure, figcaption, details { display: block; }

video, audio, canvas {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

audio:not([controls]) { display: none; }

[hidden] { display: none; }


/* RESET margin and padding
-------------------------------------------------- */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, p, blockquote, th, td {
margin: 0;
padding: 0;
}


/* HTML, BODY
-------------------------------------------------- */
html {
height: 100%;
font-size: 100%;
background-color: #f6f6f5;
color: #333;
overflow-y: scroll;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}

body {
font: 75%/1.5 'Lucida Grande', Arial, Helvetica;
overflow: visible;
}

/* for Win */
.win body { font-family:'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック'; }

/* for IE6 */
* html.win body { font-family:'ＭＳ Ｐゴシック'; }

/* for Mac firefox2 */
.mac body.firefox2 { font-size:12px; }


/* LINK
-------------------------------------------------- */
a, a:link {
color: #333;
overflow: hidden;
text-decoration: underline;
cursor: pointer;
}
a:visited { color: #666; }

a:hover, a:active {
color: #999;
text-decoration: none;
}

a img, img {
border: 0;

max-width: 100%;
height: auto;
width /***/:auto; /* for ie8 */
}


/* HEADING
-------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
font-size: 100%;
font-weight: normal;
}


/* LIST
-------------------------------------------------- */
ol, ul { list-style: none; }


/* TABLE
-------------------------------------------------- */
table {
border-collapse: collapse;
border-spacing: 0;
font-size: 100%;
}

caption {
text-align: left;
padding: 0;
}

th, td {
font-weight:normal;
text-align: left;
vertical-align: baseline;
padding: 0;
}

table {
border-collapse: collapse;
border-spacing: 0;
font-size: 100%;
font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", "Lucida Grande", Helvetica, sans-serif;;
}

table.tbnonbor { border:0; }

table.tbnonbor th, table.tbnonbor td {
border: 0;
text-align: left;
color: #333;
background: none;
}


/* FORM
-------------------------------------------------- */
button, fieldset, form, input, label, legend, select, textarea {
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
vertical-align: baseline;
margin: 0;
padding: 0;
border: none;
}

/* for IE6 */
* html input, * html textarea { font-family: 'ＭＳ Ｐゴシック'; }

/* for IE7 */
*+html input, *+html textarea { font-family: 'メイリオ', 'ＭＳ Ｐゴシック'; }

/* for IE8 */
.msie8 select { font-family: sans-serif; }

/* for Chrome1 */
.chrome1 select { font-family: 'Lucida Grande', Arial, Helvetica; }


/* OTHERs
-------------------------------------------------- */
hr {
color: inherit;
display: none;
height: auto;
-moz-box-sizing: content-box;
box-sizing: content-box;
}

object {
vertical-align: middle;
outline: none;
}

em, strong, address, caption, cite, code, dfn, var {
font-weight: normal;
font-style: normal;
}

abbr, acronym {
border: none;
font-variant: normal;
}

q:before, q:after { content: ''; }

code, kbd, pre, samp, tt {
font-family: monospace;
line-height: 100%;
}

/* for IE7 */
*+html code, *+html kbd, *+html pre, *+html samp, *+html tt { font-size: 108%; }

sup { vertical-align: text-top; }

sub { vertical-align: text-bottom; }

/* for IE7 */
.ie7 img, .ie7 object/ { width : 100%; }

/* for IE8 */
.ie8 img, .ie8 object { width: auto\9 }


/* clearfix
-------------------------------------------------- */
.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
font-size: .01em;
height: 0;
overflow: hidden;
}

/* for IE6 */
* html .clearfix { display: inline-block; }

/* for IE7 */
*+html .clearfix { display: inline-block; }


/* FLOAT CLEAR
-------------------------------------------------- */
.clear { clear: both; }

.hidden { display: none; }



/*
------------------------------------------------------------
 COMMON
------------------------------------------------------------*/
body { font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; }
body .gothic { font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", "Lucida Grande", Helvetica, sans-serif; }



/*
------------------------------------------------------------
 INDEX PAGE
------------------------------------------------------------*/
#top_page #top_container {
width: 100%;
background-color: #f6f6f5;
}

#top_page #contents_body {
width: 100%;
height: 432px;
position: relative;
}


/* クロスフェーダ
------------------------------------------------------------*/
#top_page #slider {
width: 100%;
height: 224px;
background-color: #f7f4ef;
position: relative;
z-index: 500;
overflow: hidden;
text-align: center;
}

#top_page #header_shadow {
height: 20px;
background: url(../images/bg_header_shadow.png) repeat-x center bottom;
position: relative;
bottom: 20px;
z-index: 1000;
}

#top_page .slider {
width: 1200px;
height: 222px;
position: absolute;
left: 50%;
margin-left: -600px;
}


/* BGの円
------------------------------------------------------------*/
#circles {
width: 840px;
height: 432px;
position: absolute;
top: -100px;
left: 50%;
margin-left: -420px;
}

.maru {
width: 840px;
height:604px;
position: absolute;
}

.circle1 { background: url(../images/bg_circle1.png) no-repeat center center; }
.circle2 { background: url(../images/bg_circle2.png) no-repeat center center; }
.circle3 { background: url(../images/bg_circle3.png) no-repeat center center; }
.circle4 { background: url(../images/bg_circle4.png) no-repeat center center; }


/* ナビゲーション
------------------------------------------------------------*/
#top_navi {
margin-top: 36px;
text-align: center;
}

#tsuneo, #mieko {
width: 284px;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
position: relative;
z-index: 100;
display: inline-block;
/display: inline;/*for ie*/
/zoom: 1;/*for ie*/
}

#mieko {
margin: 0 0 0 -120px;
z-index: 10;
}

#tsuneo:hover, #mieko:hover {
z-index: 999;
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}



/*
------------------------------------------------------------
 CONTENTS PAGE
------------------------------------------------------------*/
#container {
width: 100%;
background: #f6f6f5 url(../images/bg_title.png) no-repeat -30px -126px;
padding-top: 32px;
}

#contents_wrap {
width: 900px;
position: relative;
margin: 0 auto;
}

#contents_wrap h1 {
width: 284px;
height: 284px;
position: absolute;
left: -54px;
}


/* sidebar
------------------------------------------------------------*/
#sidebar {
width: 220px;
float: left;
margin: 346px 0 44px;
font-size: 14px;
}

#sidebar a {
text-decoration: none;
}

#sidebar h3 {
display: inline-block;
background-color: #fff;
border-left: 6px solid #437f95;
margin-bottom: 8px;
padding: 6px 24px 6px 12px;
font-size: 16px;
font-weight: bold;
line-height: 1em;
box-shadow: 1px 1px 0 #c2c0be;
-webkit-box-shadow: 1px 1px 0 #c2c0be;
-moz-box-shadow: 1px 1px 0 #c2c0be;
}

#sidebar .side_menu {
margin-bottom: 36px;
}

#sidebar .cat_tab li {
float: left;
margin: 0 8px 8px 0;
}

#sidebar .cat_tab li a, #sidebar .archive_year_name span {
display: block;
background-color: #666;
padding: 6px 8px;
line-height: 1em;
color: #fff;
text-shadow: 0 1px 0 #666;
-webkit-text-shadow: 0 1px 0 #666;
-moz-text-shadow: 0 1px 0 #666;
box-shadow: 0 1px 0 #fff;
-webkit-box-shadow: 0 1px 0 #fff;
-moz-box-shadow: 0 1px 0 #fff;
transition: 0.3s;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
}

#sidebar .cat_tab li a:hover, #sidebar .archive_year_name span:hover {
background-color: #999;
box-shadow: 0 0 6px #333 inset;
-webkit-box-shadow: 0 0 6px #333 inset;
-moz-box-shadow: 0 0 6px #333 inset;
}

#sidebar .archive_year_name span {
margin-bottom: 8px;
padding: 6px 7px;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}

#sidebar .archive_year_name ul {
margin-bottom: 10px;
}

#sidebar .tree li a {
display: block;
color: #1579a2;
padding: 4px 0;
transition: 0.3s;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
}

#sidebar .tree li a:hover {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.8);
padding-left: 8px;
}

#sidebar .profile { line-height: 1.6em; }

#sidebar .profile p.prf_name { margin: 5px 0 32px; }


/* main_contents
------------------------------------------------------------*/
#main_contents {
width: 650px;
float: right;
margin-top: 20px;
}

#blog_tab li {
width: 313px;
height: 30px;
background-color: #3d261f;
text-align: center;
border-radius: 4px 4px 0px 0px;
}

#blog_tab li.tab_tsuneo { float:left; }

#blog_tab li.tab_mieko { float: right; }

#blog_tab li.tab_selected { background-color: #d91212; }

#blog_tab li a {
display: block;
font-size: 20px;
line-height: 30px;
color: #fff;
text-decoration: none;
}

#main_contents h2.archive-title {
background-color: #d91212;
font-size: 16px;
font-weight: bold;
text-align: center;
padding-top: 5px;
}

#main_contents h2.archive-title span {
display: block;
width: 640px;
background-color: #fff;
margin: 0 auto;
padding: 2px 0px;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
}

#main_contents .blog_item_wrap {
background-color: #fff;
font-size: 14px;
border-top: 5px solid #d91212;
margin-bottom: 25px;
padding: 20px 25px 15px;
}

.blog_item_wrap .blog_date {
background: url(../images/bg_blog_date.jpg) repeat-x center center;
font-size: 16px;
text-align: center;
line-height: 16px;
margin-bottom: 20px;
}

.blog_item_wrap .blog_date span {
background-color: #fff;
padding: 0 10px;
}

.blog_item_wrap .blog_img {
text-align: center;
margin-bottom: 15px;
}

.blog_item_wrap .blog_img img {
width: 100%;
height: auto;
}

.blog_item_wrap h2.work_title {
font-size: 24px;
line-height: 1.2em;
margin-bottom: 10px;
}

.blog_item_wrap h2.work_title a {
text-decoration: none;
color: #333;
}

.blog_item_wrap p.work_type {
font-size: 12px;
margin-bottom: 38px;
}

.blog_item_wrap .work_memo div.txt { margin-bottom: 20px; }

.blog_item_wrap .work_memo p {
line-height: 1.8em;
margin-bottom: 20px;
}

.blog_item_wrap .work_tag {
margin-bottom: 10px;
}

.blog_item_wrap .work_tag li {
float: left;
margin-right: 10px;
}

.blog_item_wrap .work_tag li a {
text-decoration: none;
padding: 6px;
background-color: #f6f6f5;
}

.blog_item_wrap .author p {
font-size: 10px;
text-align: right;
margin-top: 15px;
}




/* pagination
------------------------------------------------------------*/
#main_contents #pagination {
text-align: center;
margin-bottom: 44px;
}

#pagination li {
display: inline-block;
/display: inline;/*for ie*/
/zoom: 1;/*for ie*/
font-size: 14px;
margin-right: 8px;
}

#pagination li a {
display: inline-block;
/display: inline;/*for ie*/
/zoom: 1; /*for ie*/
background-color: #fff;
border: 1px solid #d3d2d1;
padding: 4px 6px;
text-decoration: none;
}

#pagination li a:hover, #pagination li span.current_page a {
background-color: #d91212;
border-color: #d91212;
color: #fff;
}


#pagination li.pg_position a {
display: block;
background: none;
border: none;
font-size: 16px;
cursor: default;
}

#pagination li.pg_position a:hover {
background: none;
border: none;
color: #333;
}

#pagination li.pg_next { 
height: 30px;
}

#pagination li.pg_prev { background: #d91212 url(../images/arrow_lon.gif) no-repeat center center; }
#pagination li.pg_next { background: #d91212 url(../images/arrow_ron.gif) no-repeat center center; }

#pagination li.pg_prev a, #pagination li.pg_next a {
padding: 4px 22px;
text-indent: -9999px;
}

#pagination li.pg_prev a { background: #fff url(../images/arrow_l.gif) no-repeat center center; }
#pagination li.pg_next a { background: #fff url(../images/arrow_r.gif) no-repeat center center; }

#pagination li.pg_prev a:hover, #pagination li.pg_next a:hover { background: transparent; }


/* footer
------------------------------------------------------------*/
#footer {
width: 100%;
position: relative;
z-index: 600;
height: 122px;
background: url(../images/bg_footer.png) repeat-x center bottom;
}
#footer p{
text-align:center;
padding:75px 0 5px 0;
}
#footer address {
color: #fff;
text-align: center;
padding:0;
font-size:10px;
}


/*
------------------------------------------------------------
TRACKBACK, COMMENT
------------------------------------------------------------*/
#trackbacks {
width: 600px;
background-color: #fff;
margin-bottom: 25px;
padding: 10px 25px 5px;
}

#trackbacks h2 {
font-weight: bold;
margin-bottom: 2px;
}

#trackbacks .trackbacks-info {
margin-bottom: 5px;
}

#trackbacks .trackbacks-content {
border: 1px solid #999;
margin-bottom: 5px;
padding: 10px;
}

#trackbacks .trackback-content p {
text-align: right;
margin-top: 5px;
}

#trackbacks .trackback-content p a {
background-color: #f6f6f5;
padding: 4px;
text-decoration: none;
}


/* comment
------------------------------------------------------------*/
#comments {
width: 600px;
background-color: #fff;
margin-bottom: 20px;
padding: 5px 25px;
}

#comments h2 {
width: 600px;
font-weight: bold;
margin: 5px auto;
}

#comments ul {text-align: right;}

#comments ul#top-comment-nav li, #comments ul#comment-nav li {
display: inline;
margin-left: 5px;
}

#comments ul#top-comment-nav li a, #comments ul#comment-nav li a {
background-color: #f6f6f5;
padding: 4px;
text-decoration: none;
}

#comments .entry-author-comment {
border: 1px solid #999;
margin-bottom: 10px;
padding: 10px;
}

#comments #comments-open-data { margin-top: 10px; }

#comments #comments-open-data div { margin: 10px 0; }

#comments #comments-open-data #comment-bake-cookie { margin-right: 4px; }

#comments #comments-open-data input, #comments #comments-open-text textarea {
padding: 4px;
background-color: #f6f6f5;
border: 1px solid #ccc;
border-radius: 4px;
}

#comments #comments-open-data input:focus, #comments #comments-open-text textarea:focus { background-color: #fff; }

#comments #comments-open-text { margin-bottom: 10px; }

#comments #comments-open-text span { display: block; }

#comments #comments-open-text textarea {
width: 591px;
resize: none;
overflow: auto;
margin-top: 5px;
}

#comments #comments-open-footer {
text-align: right;
margin-bottom: 10px;
}

#comments #comments-open-footer input {
background-color: #f6f6f5;
margin-left: 5px;
padding: 4px 10px;
text-decoration: none;
}

#comments #comments-open-footer input:hover { color: #999; }

.blog_item_wrap p.err_msg {
margin-bottom: 20px;
}


/*
------------------------------------------------------------
 ARCHIVES
------------------------------------------------------------*/
#main_contents h2.widget-header {
background-color: #d91212;
font-size: 16px;
font-weight: bold;
text-align: center;
padding: 5px 5px 0;
}

#main_contents h2.widget-header span {
display: block;
width: 640px;
background-color: #fff;
margin: 0px auto;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
}

.widget-content {
margin-top: 20px;
}

.widget-content li.archive_year {
font-size: 16px;
font-weight: bold;
margin-bottom: 20px;
}

.widget-content li ul li {
float: left;
font-size:12px;
font-weight: bold;
}

.widget-content li ul li a {
background-color: #f6f6f5;
margin-right: 5px;
padding: 4px 10px;
text-decoration: none;
}

.category_archives h4.cat_archives_title {
font-size: 16px;
font-weight: bold;
}

.category_archives ul.cat_tab_archives {
margin-bottom: 10px;
}

.category_archives li {
float: left;
font-size:12px;
font-weight: bold;
}

.category_archives li a {
background-color: #f6f6f5;
margin-right: 5px;
padding: 4px 10px;
text-decoration: none;
}