/* ------------------------------------------------------------------------ BASIC CONSTRUCTION */

/* Sticky Footer by Ryan Fait http://ryanfait.com/ */

* {
margin: 0;
padding: 0;
}

html, body {
height: 100%;
}

body {
width: 960px;
margin-left: auto;
margin-right: auto;
}

#container {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -81px;
}

#footer, #push {
    clear: both;
height: 60px;
}

#header {
height: 180px;
}

#nav_global {
height: 30px;
margin-bottom: 5px;
}

#ad_main {
margin: 0px 0px 40px 0px;
float:right;
width:160px;
}

#sidebar {
margin: 0px 0px 20px 40px;
float:left;
width:160px;
}

#nav_breadcrumbs {
margin: 0px 0px 20px 0px;
}

#contents {
width: 560px;
margin-bottom: 30px;
float: left;
}

#error {
width: 570px;
margin-left: auto;
margin-right: auto;
}

/* ------------------------------------------------------------------------ BASIC COLOR */

html, body {
color: #777;
background-color: #fff;
font: 11px/20px "Zurich BT","Universe","メイリオ","ヒラギノ丸ゴ Pro W4";
}

strong {
  color: #FF5B53; /* R/B ローズ */
  font-weight: normal;
}

h1 ,
h2 ,
h3 ,
h4 ,
h5 {
color: #2478c6;
}

a {
color: #000;
text-decoration: none;
}

a:visited {
color: #666;
}

a:hover {
color: #2478c6;
}

#footer {
border-top: 1px solid #ccc;
padding-top: 20px;
text-align: center;
background: center right url(res4/ccl.jpg) no-repeat;
}


#footer .ccl {
display: none;
}


/* ------------------------------------------------------------------------ 共通のドロップシャドウ */

div.photoindex > div > h3 ,
div.photoindex > div img ,
div.slidegrid > div > h3 ,
div.slidegrid > div img ,
div.pageindex > div img ,
div.comments-content div.comment ,
div.comments-open ,
div.trackbacks-info ,
div.trackback ,
div.exceprtindex > div.entry-index-body > a > img ,
#contact_form table.contacttable ,
#error {
-webkit-box-shadow: 5px 5px 5px #e8e8e8;
-moz-box-shadow: 5px 5px 5px #e8e8e8;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}

/* ------------------------------------------------------------------------ PHOTO INDEX */

div#photoindexcontainer {
width: 800px;
height: auto;
position: relative;
}

div.photoindex {
width: 200px;
height: auto;
float: left;
}

#contents div.photoindex {
width: 600px;
height: 195px;
float: none;
}

div.photoindex > div{
width:  170px;
margin-right: 30px;
min-height: 144px;
height: auto;
margin-bottom: 20px;
overflow: hidden;
}

#contents div.photoindex > div {
width:  170px;
margin-right: 30px;
min-height: 144px;
height: auto;
margin-bottom: 22px;
overflow: hidden;
float: left;
}


div.photoindex > div.headline,
#contents div.photoindex > div.headline {
width:  170px;
height: 144px;
padding: 0px;
}

div.slidegrid > div.photoindex > div.headline {
width:  170px;
height: 160px;
padding: 0px;
}

div.photoindex > div > h3,
div.slidegrid > div > h3 {
width: 160px;
height: 134px;
display:table-cell;
font-size: 20px;
line-height: 20px;
color: #fff;
vertical-align: bottom;
letter-spacing: -1px;
overflow: hidden;
background: #444444 url(/res4/bg_bias.gif);
}

div.photoindex > div > h3 > a,
div.slidegrid > div > h3 > a {
width: 360px;
height: 120px;
color: #fff;
overflow: hidden;
}

div.photoindex > div > h3:before,
div.slidegrid > div > h3:before {
content: "▼";
}

div.photoindex > div > h3 p,
div.slidegrid > div > h3 p {
font-size:10px;
font-weight: normal;
letter-spacing: 0px;
border-top: 1px solid #aaa;
line-height: 14px;
color: #aaa;
padding-left: 6px;
padding-bottom: 2px;
}

div.photoindex > div img,
div.slidegrid > div img {
width: 160px;
height: 100px;
margin-bottom: 3px;
border: 0px;
}

div.photoindex > div > h4,
div.slidegrid > div > h4{
font-size: 10px;
line-height: 9px;
margin-bottom: 3px;
}

div.photoindex > div > p,
div.slidegrid > div > p {
width: 160px;
font-size: 9px;
line-height: 14px;
}

div.photoindex > div > p.date,
div.slidegrid > div > p.date {
display: none;
}


/* ------------------------------------------------------------------------ PAGE INDEX */

div.pageindex > div {
clear: left;
height: 40px;
margin-bottom: 20px;
}

div.pageindex > div.headline {
width:  760px;
height: 20px;
border-bottom: 1px solid #2478c6;
}

#contents div.pageindex > div.headline {
width:  560px;
height: 20px;
border-bottom: 1px solid #2478c6;
}

div.pageindex > div > h3 {
font-size: 12px;
}

div.pageindex > div img {
width: 64px;
height: 40px;
overflow: hidden;
margin-right: 15px;
float: left;
border: 0px;
}

div.pageindex > div > h4 {
font-size: 10px;
line-height: 9px;
margin-bottom: 3px;
}

div.pageindex > div > p {
display: inline-block;
font-size: 10px;
line-height: 12px;
}

div.pageindex > div > p.date {
color: #2478c6;
width: 60px;
}


/* ------------------------------------------------------------------------ MINIMUM INDEX */

div.minimumindex > div {
width: 160px;
height: auto;
margin-bottom: 12px;
}

div.minimumindex > div.headline {
width:  760px;
border-bottom: 1px solid #2478c6;
}

#contents div.minimumindex > div.headline {
width:  560px;
border-bottom: 1px solid #2478c6;
}

div.minimumindex > div > h3 {
font-size: 12px;
}

div.minimumindex > div img {
display: none;
}

div.minimumindex > div > h4 {
font-size: 10px;
line-height: 12px;
margin-bottom: 4px;
}


div.minimumindex > div > p {
display: block;
overflow: hidden;
font-size: 9px;
line-height: 14px;
}

div.minimumindex > div > p.date {
display: none;
}


/* ------------------------------------------------------------------------ HEADER */
#header {
background: #ffffff url(/res4/header_bg.jpg);
}

#site_id a{
display: block;
float: left;
width:  320px;
height: 90px;

text-indent:-9999px;
background: #ffffff url(/res4/header_bg.jpg);
}

#nav_courtesy {
float: right;
width:  300px;
height: 40px;
}

#nav_courtesy form {
width:  300px;
height:  40px;
padding: 10px;
}


#nav_courtesy input[type=text]{
width:  210px;
height: 18px;
border: 0px;
background-color: #fff;
color: #222;
margin-right: 10px;
float:left;
}

#nav_courtesy input[type=submit]{
width:  60px;
height: 18px;
border: 0px;
background-color: #444;
color: #fff;
float:left;
font: 10px/10px "Zurich BT","Universe";
}

#nav_courtesy input[type=submit]:hover{
background-color: #2478c6;
color: #fff;
}


/* ------------------------------------------------------------------------ GLOBAL NAVIGATION */

#nav_global {
height: 30px;
background: #cdc;
margin-bottom: 5px;
background: #ffffff url(/res4/header_bg.jpg);
background-position: 0px -180px;
}

#nav_global > ul {
list-style: none;
}

#nav_global > ul > li {
height: 30px;
width: 240px;
float: left;

background-color: #000;
color: #fff;

filter: alpha(opacity=30);
opacity:0.6;
}


#nav_global > ul > li.nav_global_selected {
background-color: none;
}

#nav_global > ul > li a {
position: relative;
padding: 5px 10px;
height: 20px;
width: 220px;
display: block;
text-align: center;
color: #fff;
}


#nav_global > ul > li:hover{
background-color: #2478c6;
filter: alpha(opacity=80);
opacity:0.80;
}

/* ------------------------------------------------------------------------ BREAD CRUMBS */

#nav_breadcrumbs {
margin-bottom: 40px;
}

#nav_breadcrumbs li{
display: inline;
list-style-type: circle;
}

#nav_breadcrumbs li:before{
content: ">";
margin-left:  10px;
margin-right: 10px;
}

#nav_breadcrumbs li:first-child:before {
content: " ";
margin-left:  0px;
margin-right: 0px;
}


/* ------------------------------------------------------------------------ SIDEBAR  */

#sidebar {
padding: 0px;
}

#sidebar > div {
font-size: 10px;
line-height: 18px;
margin: 0px 0px 40px;
}

#sidebar > div h3 {
font-size: 10px;
font-weight: normal;
margin-bottom: 10px;
border-bottom: 1px solid #ccc;
}

#sidebar > div#sidebar_categories ul li {
list-style: none;
}

#sidebar > div#sidebar_categories ul li.maincategory {
background-color: #eee;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}

#sidebar > div#sidebar_categories ul > li {
margin-left: 0px;
}

#sidebar > div#sidebar_categories ul > li li {
margin-left: 15px;
}

#sidebar > div#sidebar_categories ul > li > a{
color: #222;
}

#sidebar > div#sidebar_tagcloud li {
list-style: none;
display: inline;
margin-right:5px;
}

#sidebar div#sidebar_tagcloud li.rank-1 a { color: #222; font-size: 16px; line-height: 24px; }
#sidebar div#sidebar_tagcloud li.rank-2 a { color: #222; font-size: 14px; line-height: 22px; }
#sidebar div#sidebar_tagcloud li.rank-3 a { color: #222; font-size: 12px; line-height: 21px; }
#sidebar div#sidebar_tagcloud li.rank-4 a { color: #222; font-size: 11px; line-height: 20px; }
#sidebar div#sidebar_tagcloud li.rank-5 a { color: #222; font-size: 10px; line-height: 20px; }
#sidebar div#sidebar_tagcloud li.rank-6 a { color: #444; font-size: 10px; line-height: 20px; }
#sidebar div#sidebar_tagcloud li.rank-7 a { color: #666; font-size: 10px; line-height: 20px; }
#sidebar div#sidebar_tagcloud li.rank-8 a { color: #666; font-size:  9px; line-height: 20px; }



/* ------------------------------------------------------------------------ CONTENTS */

#contents a {
text-decoration: underline;
}

#contents > p {
margin-bottom: 20px;
text-justify: distribute;
}

#contents > h3 {
margin-bottom: 5px;
}

#contents > h4 {
font: 13px/13px "Zurich BT","Universe","メイリオ","ヒラギノ丸ゴ Pro W4";
font-weight: normal;
margin-top: 40px;
margin-bottom: 20px;
color: #000;
}

#contents p.article_spec {
height: 20px;
line-height: 20px;
margin-bottom: 5px;
}
#contents p.sns_buttons {
height: 22px;
line-height: 22px;
margin-top: 5px;
}

#contents p.article_spec > abbr,
#contents p.article_spec > a {
display: inline;
height: 15px;
line-height: 13px;
border: 0px;
overflow: hidden;
text-decoration: none;
}

#contents blockquote{
margin: 0px 0px 20px;
padding: 0px 25px;
color: #AAA; /* BG/B ターコイズ */
}

#contents object.img_center ,
#contents img.img_center ,
#contents table.img_center img {
border: 1px solid #dedede;
padding: 6px;
margin: 0px 3px 00px;
}

#contents img.img_right {
border: 1px solid #dedede;
padding: 6px;
margin: 0px 0px 20px 20px;
float: right;
}

#contents img.img_left {
border: 1px solid #dedede;
padding: 6px;
margin: 0px 20px 20px 0px;
float: left;
}


#contents hr {
height: 1px;
margin: 30px 0px;
padding: 0px;
border-top: solid 1px #cccccc;
border-left: 0px;
border-right: 0px;
border-bottom: 0px;

}

#contents img.left   { float:  left; margin: 3px 24px 20px  0px; }
#contents img.right  { float: right; margin: 3px 0px  20px 24px; }
#contents img.center { margin-right: auto; margin-left: auto; margin-top: 30px; margin-bottom: 30px; display: block; }
#contents img.jacket {               margin: 0px 0px 10px 15px; border: 1px solid #000000; }
#contents table.img_left   { float:  left; margin: 3px 24px 20px  0px; border-collapse: collapse; }
#contents table.img_right  { float: right; margin: 3px 0px  20px 24px; border-collapse: collapse; }
#contents table.img_center { margin: 30px auto; border-collapse: collapse; }
#contents table.img_left   td ,
#contents table.img_right  td ,
#contents table.img_center td { font-size: 9px; color: #666; text-align: right; }

#contents table.jacket { margin: 0px 0px 30px 0px; border-collapse: collapse; }
#contents table.jacket td { padding-left: 20px; font-size: 9px; color: #000000; vertical-align: bottom; }
#contents table.jacket img { border: 1px solid #000000; }

#contents table.center { margin-right: auto; margin-left: auto; margin-top: 30px;　margin-bottom: 30px; border-collapse: collapse; }

#contents table.personal {
    width: 540px;
    margin-bottom: 20px;
    border-top: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 10px;
}

#contents table.personal th {
    width: 180px;
    padding: 12px 4px;
    border-bottom: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
}

#contents table.personal td {
    padding: 5px;
    border-bottom: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    text-align: left;
}

/* ------------------------------------------------------------------------ CONTENTS GADGET*/

#contents > div > h3 {
font: 13px/13px;
font-weight: normal;
margin-top: 60px;
margin-bottom: 10px;
}

#contents > div.asset-footer {
margin-top: 30px;
border-top: 1px solid #ccc;
font-size: 10px;
}

#contents > div.asset-footer h4 {
margin-top: 5px;
color: #666;
clear: left;
}

#contents > div.asset-footer ul li {
list-style: none;
display: inline-block;
margin-right: 9px;
}

#share > div {
    margin-top:10px;
    font-size: 9px;
    }

#share > ul {
width: 570px;
height: 32px;
}

#share > ul > li {
display: inline-block;
margin-left: 12px;
list-style: none;
}

#share > ul > li:first-child {
margin-left: 0px;
}

#share > ul > li > a > img {
border: 0px;
}


/* ------------------------------------------------------------------------ ERROR  */

#error {
background-color: #fcfcfc;
padding: 30px;
text-align: center;
}

#error > h2 {
color: #000;
margin-bottom: 15px;
}

#error > h3 {
color: #999;
margin-bottom: 5px;
}

#error > p {
margin-bottom: 20px;
}



/* ------------------------------------------------------------------------ COMMENTS & TRACKBACKS */

div.comments h3.comments-open-header ,
div.trackbacks-info p.trackbacks-info-header {
font-size: 10px;
margin-top: 0px;
margin-bottom: 0px;
color: #444;
font-weight: bold;
}

div.comments h3.comments-open-header {
margin-bottom: 10px;
}

div.trackbacks-info p { /* トラックバックURL */
display: inline-block;
margin-right: 10px;
}

div#comments-open-data > div > label {
margin: 0px 0px 5px 20px;
width: 50px;

display: inline-block;
font-size: 10px;
color: #444;
}

div#comment-greeting {
margin: 0px 0px 10px 20px;
font-size: 9px;
}

div#comments-open-data > div > input {
width: 450px;
background-color:#f9f9f9;
display: inline-block;
border: 0px;
border-bottom: 1px solid #999;
}

div#comments-open-data > div#comment-form-remember-me > label {
margin: 10px 0px 15px 10px;
width: 300px;
}

div#comments-open-data > div#comment-form-remember-me > input {
margin: 10px 0px 15px 90px;
width: 10px;
background-color:#ccc;
}


div#comments-open-text > textarea {
margin: 0px 25px;
padding: 5px;
width: 480px;
height: 155px;
border: 0px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
}

div#comments-open-footer {
margin: 15px 0px 5px;
text-align: right;

}

div#comments-open-footer input {
margin: 0px 5px;
width:  120px;
height: 18px;
border: 0px;
background-color: #aaa;
color: #fff;
font: 10px/10px "Zurich BT","Universe";
}


div.comments-content {

}

/* 枠 */
div.comments-content div.comment ,
div.comments-open ,
div.trackbacks-info,
div.trackback {
width: 540px;
margin: 20px 0px;
padding: 10px;
background-color: #f9f9f9;
}

div.comments-content div.entry-author-comment {
background-color: #f1f3f8;
}

div.comments-content div.comment-header {
margin-bottom: 10px;
}

div.comments-content div.comment-content,
div.trackback-content {
margin-left: 20px;
}

div.asset-meta {
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
}

span.byline img {
border: 0px;
margin-right: 5px;
height: 16px;
width:  16px;
display: inline-block;
}

span.byline p {
width: 346px;
height: 16px;
line-height: 16px;
display: inline-block;
overflow: hidden;
}

span.byline p.date {
width: 160px;
text-align: right;
}

span.byline abbr {
text-decoration: none;
border: 0px;
}

.vcard ,
.vcard a {
color: #2478c6;
}



/* ------------------------------------------------------------------------ ARCHIVE / EXCERPT */

div.exceprtindex h3 {
margin-bottom: 60px;
}

div.exceprtindex > h3 {
display: none;
}

div.exceprtindex div.entry-index-body {
clear: left;
min-height: 100px;
margin-bottom: 60px;
}

div.exceprtindex div.entry-index-body > a > img {
width: 160px;
height: 100px;
margin: 0px 20px 10px 0px;
border: 0px;
float: left;
}

div.exceprtindex p.article_spec {
margin-bottom: 5px;
}

/* ------------------------------------------------------------------------ SEARCH RESULT */

div#search-results .hidden {
    display: none;
}