/*------全体-------*/

body{
  margin:0px;
  padding:0px;
  background:#f5f5f5 url(http://www.mokusousya.sakura.ne.jp/mdiary/grey.png);
  font-size:13px;
  text-align:center;
  color:#3e474f;
}

/* ================================================================== */

/* a. Common Styles

/* ================================================================== */

.section-head h2 { font: 30px/42px montserrat-bold, sans-serif; }
.desc { font: 16px/24px opensans-regular, sans-serif; }
.niya { font: 18px/24px opensans-regular, sans-serif; }
.intro { font: 20px/36px opensans-light, sans-serif; }

/* Left clearing for flexible columns - columns that changes width in
different screen sizes. Makes columns with different heights align
properly.
--------------------------------------------------------------------- */
.first { clear: left; }   /* first column in default screen */
.m-first { clear: none; } /* first column in medium size screens */

/* Flex Slider
/* ------------------------------------------------------------------ */

/* Reset */
.flexslider a:active,
.flexslider a:focus  { outline: none; }
.slides, .flex-control-nav,
.flex-direction-nav { margin: 0; padding: 0; list-style: none; }
.slides li { margin: 0; }

/* Necessary Styles */
.flexslider {
   position: relative;
   zoom: 1;
   margin: 0;
   padding: 0;
}
.flexslider .slides { zoom: 1; }
.flexslider .slides > li { position: relative; }

/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; }
/* Suggested container for slide animation setups. Can replace this with your own */
.flex-container { zoom: 1; position: relative; }

/* Clearfix for .slides */
.slides:before,
.slides:after {
    content: " ";
    display: table;
}
.slides:after {
    clear: both;
}

/* ================================================================== */

/* b. Header Styles

/* ================================================================== */

header {
   height: 54px;
   width: 100%;
   z-index: 99999;
   background: #41474c url(http://www.mokusousya.sakura.ne.jp/mdiary/k-opacity-70.png);

   position: fixed;
   top: 0;
   left: 0;
}
header.static {
   background: #1e2023;
   position: static;
}

/* header logo */
header .logo {
   position: relative;
   height: 54px;
   width: 200px;
   float: left;
}
header .logo a {
   display: block;
   padding: 0;
   margin: 0;
   height: 54px;
   width: 135px;
   line-height: 18px;

   position: absolute;
   left: 12px;
   top: 16px;
}


/* primary navigation
--------------------------------------------------------------------- */
#nav-wrap ul, #nav-wrap li, #nav-wrap a {
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
}

/* nav-wrap */
#nav-wrap {
	position: relative;
   font: 13px opensans-regular, sans-serif;
   float: left;
}

/* hide toggle button */
#nav-wrap > a { display: none; }

ul#nav {
   min-height: 54px;
   width: auto;

   /* left align the menu */
   text-align: left;
}
ul#nav li {
	position: relative;
	list-style: none;
   height: 54px;

   display: inline-block;
}
ul#nav > li.active a {
   background: #7f968d;
   color: #fff !important;
}

/* Links */
ul#nav li a {
   display: block;
   padding: 0 14px;
   line-height: 54px;
	text-decoration: none;
   text-align: left;
   color: #fff;

	-webkit-transition: color .2s ease-in-out;
	-moz-transition: color .2s ease-in-out;
	-o-transition: color .2s ease-in-out;
	-ms-transition: color .2s ease-in-out;
	transition: color .2s ease-in-out;
}

ul#nav li a:active { background-color: transparent !important; }
ul#nav li:hover > a,
ul#nav li.active a { color: #11ABB0; }


#main{
  text-align:center;
}

#main_left{
  width:204px;
  padding:20px 18px;
  float: left;
  text-align:left;
}

#main_right{
  width:430px;
  padding:25px 22px 10px 18px;
  float: left;
  text-align:left;
}

#footer{

}

/*------カレンダー-------*/

#cal{
  width:175px;
  margin-bottom:10px;
}

#cal td{
  text-align:center;
  font-size:11px;
  font-family:"Verdana","ＭＳ Ｐゴシック";
}

#cal .w{
  width:25px;
  font-weight:bold;
  font-family:"Verdana","ＭＳ Ｐゴシック";
}

/*------アーカイブ等-------*/

#news,#comment,#category,#archive{
  width:100%;
  margin-bottom:20px;
}

#news{
  margin-top:20px;
}

.mi{
  font-weight:bold;
  margin-bottom:4px;
}

.lines{
  margin-bottom:4px;
  font-size:11px;
  font-family:"Verdana","ＭＳ Ｐゴシック";

}

/*------部分-------*/

#midasi{
  font-size:15px;
  font-family:Arial;
  padding:0px;
  margin-top:50px;
}


#mlink_last,#mlink_next{
  font-size:8px;
  font-weight:bold;
  position:relative;
  bottom:2px;
  
}

#mlink{
  font-size:11px;
  font-weight:bold;
}

#navi{
  text-align:center;
  width:100%;
  margin-bottom:8px;
}
#navi_prev{
  padding:0px;
  float:left;
  width:45%;
  text-align:right;
}
#navi_main{
  padding:0px;
  float:left;
  width:10%;
  font-size:11px;
  font-family:"Verdana","ＭＳ Ｐゴシック";
}
#navi_next{
  padding:0px;
  float:left;
  width:45%;
  text-align:left;
}

.cl:after {
  content: ".";
  display: block;
  height: 0;
  clear: both; 
  visibility: hidden;
}
.cl{
  display: inline-table;
  min-height: 1%;
}

#pdf{
  font-size:11px;
  font-weight:bold;
}

#comkaku{
  font-size:11px;
  font-weight:bold;
  margin-bottom:4px;
}

#konotb{
  font-size:11px;
  margin-top:10px;
  font-weight:bold;
}

#kono{
  font-size:11px;
  font-weight:bold;
  margin-bottom:10px;
}

#iconwin{
  position:absolute;
  top:0px;
  left:0px;
  border-style:solid;
  border-width:1px;
  width:156px;
  height:auto;
  border-color:#999999;
  background-color:#ffffff;
}

#result{
  position:absolute;
  top:0px;
  left:0px;
  border-style:solid;
  border-width:1px;
  width:250px;
  height:150px;
  border-color:#999999;
  background-color:#ffffff;
  word-break:break-all;
  visibility:hidden;
  padding-top:10px;
}

#count{
  margin-top:10px;
}

/*------記事-------*/

.subject h3{
  font-size:13px;
}

.kiji .date{
  text-align:left;
  font-size:10px;
  font-family:"Verdana","ＭＳ Ｐゴシック";
  margin-bottom:10px;
}
.kiji .toukou{
  text-align:right;
  font-size:10px;
  margin-bottom:6px;
  font-family:"Arial","ＭＳ Ｐゴシック";
}

.kiji .message{
  line-height:140%;
  margin-top:14px;
  margin-bottom:6px;
}

.kiji{
  border-bottom-width:1px;
  border-bottom-style:dashed;
  border-bottom-color:#cccccc;
  margin-bottom:10px;
}

.res{
  margin-bottom:20px;
}

.res .toukou{
  text-align:right;
  font-size:11px;
}

.res .message{
  line-height:130%;
}

#page{
  text-align:center;
  font-size:11px;
  font-family:"Verdana","ＭＳ Ｐゴシック";
}

.tb{
  margin-bottom:10px;
}

/*------フォント-------*/

.s{
  font-size:11px
}

.s2{
  font-size:11px;
  font-weight:bold
}

.b{
  font-weight:bold
}

.in{
  border-style:dotted;
  border-color:#999999;
  border-width:1px;
  margin-bottom:4px;
}

h1,h3{
  margin:0px;
  padding:0px;
}

/* ================================================================== */

/* l. Blog Entries

/* ================================================================== */


#blog-entries {
   background: #f5f5f5 url(grey.png);
   padding-bottom: 48px;
}
#blog-entries .post {
   padding-bottom: 53px;
   border-bottom: 1px solid #E0E0E0;
}
#blog-entries .post .entry-header h1 a,
#blog-entries .post .entry-header h1 a:visited { color: #313131; }
#blog-entries .post .entry-header h1 a:hover,
#blog-entries .post .entry-header h1 a:focus { color: #11ABB0; }

#blog-entries .post .post-content p {
  font: 20px/36px opensans-light, sans-serif;
}

/* more link */
#blog-entries .post-content a.more-link {
   font: 14px/30px opensans-bold, sans-serif;
   margin-top: 18px;
   padding: 6px 18px;
   background: #838A91;
   color: #fff;
   display: inline-block;

   -webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;

   -moz-border-radius: 2px;
   -webkit-border-radius: 2px;
   -khtml-border-radius: 2px;
	border-radius: 2px;
}
#blog-entries .post-content a.more-link:hover { background: #11ABB0; }
#blog-entries .post-content a.more-link i { margin-left: 10px; }

/* Pagination */
.pagination { margin: 36px auto 12px auto; }
.pagination ul li {
   display: inline-block;
   margin: 0;
   padding: 0;
}

/* bottom-block */
#bottom-block {
   background: #303030 url(http://www.mokusousya.sakura.ne.jp/mdiary/k-opacity-70.png);
   padding-top: 13px;
   padding-bottom: 13px;
   border-top: 1px solid #E0E0E0;
}
#bottom-block .blog-categories {
   font: 13px/13px opensans-semibold, sans-serif;
   margin: 0;
   padding: 0;
}
#bottom-block .blog-categories li {
   display: inline;
   margin-right: 15px;
}
#bottom-block .blog-categories li.current a { color: #11ABB0; }
#bottom-block .blog-categories a { color: #A0A6AB; }
#bottom-block .blog-categories a:hover { color: #5B6167; }

#bottom-block .back-to-top { text-align: right; }
#bottom-block .back-to-top a i { margin-left: 6px; }
#bottom-block .back-to-top a {
   font: 13px/13px opensans-bold, sans-serif;
   color: #11ABB0;
}



 /* ================================================================== */

/* m. footer

/* ================================================================== */

footer {
   margin-top: 30px;
   margin-bottom: 30px;
   color: #303030 url(http://www.mokusousya.sakura.ne.jp/mdiary/k-opacity-70.png);
   font-size: 14px;
}
footer a, footer a:visited { color: #0B686B; }
footer a:hover, footer a:focus { color: #fff; }

/* copyright */
footer .copyright {
    margin: 0;
    padding: 0;
 }
footer .copyright li {
    display: inline-block;
    margin: 0;
    padding: 0;
    line-height: 24px;
}
.ie footer .copyright li {
   display: inline;
}

footer .copyright li:before {
    content: "|";
    padding-left: 10px;
    padding-right: 10px;
    color: #095153;
}
footer .copyright  li:first-child:before {
    display: none;
}

/* social links */
footer .social-links {
   margin: 0;
   padding: 0;
   font-size: 18px;
   margin-top: -3px;
   float: right;
}
footer .social-links li {
    display: inline-block;
    margin: 0;
    padding: 0;
    margin-left: 24px;
}
footer .social-links li:first-child { margin-left: 0; }