@charset 'UTF-8';
/*
Theme Name: Makoto-Saito
Theme URI: http://www.dosanite.co.jp
Description: Coded by Akn , Produced by dosanite.
*/
/*--------------------
    clearfix
--------------------*/
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/*--------------------
    WordPress default
--------------------*/
.aligncenter {
    display: block;
    margin-left: auto;
    margin-bottom: auto;
}
.alignleft ,
.alignright {
    margin: 3px 5px;
}
.alignleft {
    float: left;
}
.alignright {
    float: right;
}
.wp-caption {
    border: 1px solid #666666;
    text-align: center;
    padding-top: 5px;
}
.wp-caption-text {
    padding: 3px 0;
}
.clear {
    clear: both;
}

/*--------------------
    html basic element
--------------------*/
a:link ,
a:visited ,
a:active ,
a:hover {
    text-decoration: none;
}
a:link {
    color: #090;
}
a:visited {
    color: #090;
}
a:hover {
    
}

strong {
    font-weight: bold;
}
em {
    font-style: italic;
}

/*--------------------
    layouts
--------------------*/
.wrapper {
    width: 900px;
    margin: 0 auto;
}
#banner {
    background: #008030;
}
#articles {
    width: 760px;
}


/*--------------------
    banner
--------------------*/
#logo {
    float: left;
    height: 80px;
    margin: 6px 4px 2px;
}
#banner h1 {
    padding-top: 6px;
}
#banner h1 a ,
#banner h2 {
    color: #fff;
    font-family: "ヒラギノ明朝 ProN W6","HiraMinProN-W6","ＭＳ Ｐ明朝","MS PMincho",serif;
}
#banner h1 a {
    font-size: 197%;
    font-weight: bold:
}
#banner h2 {
    font-size: 100%;
}
#pageList {
    float: right;
    margin-right: 2px;
    margin-top: -1.6em;
}
#pageList li {
    display: inline;
    margin-right: 0.6em;
}
#pageList li a {
    color: #f8ba00;
    font-family: serif;
    font-size: 138.5%;
    letter-spacing: .1em;
}
/*--------------------
    contents
--------------------*/

#contents {
    margin-bottom: 50px;
    background: url('background.png') repeat-y;
}
.individual #contents {
    background: url('background2.png') repeat-y;
}

#articles ,
#widgetWrapper {
    float: right;
}
#contents .introduction {
    margin: 5px 10px;
}

/*--------------------
    articles
--------------------*/
#pageTitle {
    padding-right: 10px;
    background: #f7bd0b url('pageTitle-bg.png') left top repeat-x;
    text-align: right;
    line-height: 28px;
    font-weight: bold;
}
#pageTitle h3 {
    font-size: 116%;
    letter-spacing: .2em;
}
#pageTitle h3 .label {
    font-size: 72%;
    letter-spacing: .1em;
}
#pageTitle h3 ul ,
#pageTitle h3 ul li {
    display: inline;
}
#pageTitle h3 ul li {
    font-size: 86.2%;
}
#pageTitle h3 ul li a {
    color: #000;
}
#pageTitle h3 ul li a:hover {
    color: #f00;
}
#articles .main #trackback ,
#articles .main #comments ,
#articles .main #postcomment {
    margin-top: .5em;
    margin-bottom: .5em;
    padding-left: 1em;
    background: url(entryHeader-bg.png) bottom;
    border-left: none;
    line-height: 1.4em;
    color: #fff;
    font-weight: bold;
}

/* gadgetItem*/
.gadgetItem {
    margin-top: 6px;
    margin-left: 10px;
    width: 240px;
    height: 160px;
    float: left;
    overflow: hidden;
    border-bottom: 1px solid #999;
}
.gadgetItem h5 {
    background: #126335 url('gadgetHeader-bg.png') no-repeat;
    line-height: 1.8em;
    padding: 0 14px;
    font-weight: bold;
    letter-spacing: .02em;
}
.gadgetItem h5 a {
    color: #fff;
}
.gadgetItem h5 a:hover {
    color: #f7bd0b;
}
.gadgetItem .contents {
    border-left: 1px solid #999;
    border-right: 1px solid #999;
    height: 240px;
}
.gadgetItem .date {
    margin-right: 5px;
    line-height: 1.4em;
    text-align: right;
}
.gadgetItem .body {
    margin: 4px 10px 8px;
}
.gadgetItem .body a {
    color: #000;
}
.gadgetItem .body a:hover ,
.gadgetItem .body a:hover p {
    text-decoration: underline !important;
}
/* entry & main */
.individual .main {
    width: 600px;
    overflow: hidden;
    float: left;
}

#articles .main .header ,
#articles .entry .header {
    line-height: 1.6em;
    padding-left: 1.2em;
    font-weight: bold;
    font-size: 123.1%;
}
.entry .date {
    text-align: right;
    font-size: 108%;
}
.entry .content {
    margin: 4px 1em;
}
.entry .header a {
}
.entry h4 {
    margin-top: 5px;
    font-size: 123.1%;
    border-left: #27894e 5px solid;
    padding-left: 5px;
    line-height: 1.6em;
}
.entry h5 {
    margin-top: 10px;
    border-left: #27894e 2px solid;
    padding-left: 3px;
    line-height: 1.6em;
}

#interactive .comment-post {
	padding-bottom: .2em;
	margin-bottom: .8em;
	border-bottom: 1px solid #000;
}
#interactive .comment-post-info {
	margin-top: .5em;
}
.comment-form textarea {
    width: 560px;
}

/* prev & next link*/
.pageprev ,
.pagenext {
    margin-top: 10px;
    padding: 0 10px;
}
.pageprev ,
.pagesprev {
    float: left;
}
.pagenext ,
.pagesnext {
    float: right;
}

/*--------------------
    widget
--------------------*/
.widget {
    margin: 6px;
}
.widget .header {
    font-size: 123.1%;
}
/*--------------------
    subWidgetWrapper
--------------------*/
#subWidgetWrapper {
    float: left;
    width: 160px;
}
#subWidgetWrapper .header {
    border-left: 5px solid #000;
    padding-left: 5px;
}
#subWidgetWrapper a {
    color: #000;
}
#subWidgetWrapper a:hover {
    text-decoration: underline;
}
#subWidgetWrapper ul li {
    list-style-position: inside;
    list-style-type: disc;
    margin-left: 1em;
}
/*--------------------
    widgetWrapper
--------------------*/
#widgetWrapper {
    width: 140px;
    color: #fff;
}
#widgetWrapper .widget a:link ,
#widgetWrapper .widget a:visited {
    color: #fff;
    text-decoration: underline;
}
#widgetWrapper .widget a:visited {
    color: #ccc;
    font-style: italic;
}
#widgetWrapper .widget a:hover {
    color: #f7bd0b;
}
#widgetWrapper .widget li {
    margin-bottom: 4px;
}
#widgetWrapper .widget li a:link ,
#widgetWrapper .widget li a:visited {
    padding-left: 20px;
    background-image: url('widgetWrapper-marker.png');
    background-position: left;
    background-repeat: no-repeat;
    line-height: 20px;
    text-decoration: none;
}
#widgetWrapper .widget li a:hover {
    color: #f7bd0b;
    background-image: url('widgetWrapper-marker-hover.png');
}
#widgetWrapper .widget li ul {
    list-style-type: disc;
}
#widgetWrapper .widget li li a {
    border-left: none;
    padding-left: 32px;
    background-image: none !important;
    font-size: 87%;
    line-height: 1.1em;
}
.widget #s {
    width: 120px;
}

/* calendar */
.calendar {
    padding: 5px 8px 10px;
}
#wp-calendar {
    width: 100%;
}
#wp-calendar th ,
#wp-calendar td {
    text-align: center;
    font-size: 108%;
}
#wp-calendar th {
    font-weight: bold;
}
#wp-calendar caption {
    margin-bottom: 3px;
    padding: 3px 0 3px 26px;
    border-bottom: 1px solid #fff;
}

/*--------------------
    pickups
--------------------*/
#pickups {
    position: fixed;
    bottom: 0;
    left: 50%;
    width: 900px;
    margin-left: -450px;
    background: #444;
    line-height: 160%;
    /* opacity */
    opacity:0.8;
    filter: alpha(opacity=80);
    -moz-opacity:0.8;
}
#pickups .header ,
#pickups ul {
    margin-left: 8px;
    color: #fff;
    /* shadow */
    text-shadow: #000 1px 1px 0px;
    filter:progid:DXImageTransform.Microsoft.DropShadow(Strength=2, Direction=135, Color='#000');
}
#pickups .header {
    margin-top: 4px;
    font-weight: bold;
}
#pickups ul {
    margin-bottom: 4px;
}
#pickups li {
    margin-left: 1em;
    display: inline;
}
#pickups li a {
    color: #fff;
}
#pickups li a:hover {
    font-weight: bold;
}
* html #pickups {
    position: relative;
    top: 0;
    left:0;
    margin: -50px auto 0;
    filter: alpha(opacity=100);
}