/*
Theme Name: Edu Dev
Description: Edu Dev.netのテーマです(※無限スクロールに挑戦)。
Version: 1.0
Author: Kaito MIWA
Author URI: http://edu-dev.net
*/

/****************************************
		1. 基本設定 
*****************************************/

html{background-color: #f5f5f5}

body	{font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', Century Gothic, Arial, Helvetica, sans-serif}

a	{text-decoration: none;
	color: #50988f}

a:hover{text-decoration: underline;
        color: #0075c0}

a img	{border: none}


/****************************************
		2. 基本のレイアウト
*****************************************/

/* コンテナ */
div#container	{width: 960px;
	margin: auto}



/****************************************
		3.  ヘッダー
*****************************************/

/* 固定バー */
#topMenu {
	background-color: #555555;
	position:fixed;
	top:0;
	left: 0;
	right: 0;
	width:100%;
	z-index:100;
}
#topMenu ul {
    width:956px;
    margin:0 0 0 0px;
	height:29px;
	padding-bottom:8px;
	list-style-type: none;
}
#topMenu ul li {
	float:left;
	padding-right:10px;
}
#topMenu ul li.sns {
	padding:5px 0 0 0;
	float:right;
}
#topMenu ul li.rss {
	float:right;
}
#topMenu ul li a {
	padding:6px 0 5px 12px;
	display:block;
	color:#ccc;
	text-decoration:none;
	font-size:14px;
}


#topMenu ul li a:hover {color: #fff;}

/* ヘッダー（タイトル） */
#logo {
	width:960px;
	margin:0 auto;
	padding:10px 0 20px 0;
}
h1 {
	float:left;
	width:230px;
	padding:2px 0;
}
#banner {
	float:right;
	width:728px;
}

/* ヘッダー（タイトル） */
div#header	{font-family: 'Arial', sans-serif;
	margin-top: 40px;
	margin-bottom: 10px}

div#header h1	{
　　 float:left;
	margin: 0px 0px 0px 0px}

div#header h1 a	{
    display:block;
    height:90px;}
div#header h1 a:hover { background:url(image/title2.png);}
div#header h1 a:hover img { visibility:hidden;}



/* ヘッダー（検索フォーム） */


#searchform, #searchform div	{display: inline}

#searchform label	{display: none}

#s	{border: solid 1px #aaaaaa;
	border-radius: 3px;
	padding: 6px 8px 4px 8px}

#s:hover, #s:focus	{background-color: #eeeeee}

#searchsubmit	{background-color: #666666;
	border-radius: 3px;
	color: #ffffff;
	border: solid 1px #aaaaaa;
	padding: 4px 8px 2px 8px;
	}

#searchsubmit:hover	{background-color: #50988f}

/* ナビゲーションバー ＆　Google広告 */

div#nav {
    font-size: 16px;
	height: 30px;
	border-top: solid 5px #50988f;
	border-left: solid 1px #555555;
    border-right: solid 1px #555555;
	background-color: #555555;
	margin-top: 80px;
	margin-bottom: 0px}

div#nav ul	{margin: 0;
	padding: 0}

div#nav li	{list-style-type: none;
	float: left}

div#nav li a	{display: block;
	width: 119px;
	line-height: 30px;
	text-decoration: none !important;
	color: #ffffff;
	text-align: center}

div#nav li a:hover	{background-color: #50988f;}

div#ggad4 {
    font-size: 14px;
    text-align: center;
    padding: 5px 0px 5px 0px;
    border-top: solid 5px #50988f;
    border-left: solid 1px #555555;
    border-right: solid 1px #555555;
    border-bottom: solid 5px #50988f;
    margin-bottom: 10px;
    }

/* 新着記事を上に４つ表示 */

.thumbnailtop {
position: absolute;
bottom: 7px;
left: 5px;
width: 230px;
text-align: left;
background: #50988f;
opacity: 0;
color: #ffffff;
border: 5px solid #50988f;
}
 
.thumbnailtop a {
color: #ffffff;
font-size: 12px;
line-height: 10%;
font-weight:bold;
}
 
.thumbnailtop p {
color: #dddddd;
font-size: 12px;
line-height: 10%;
font-weight:normal;
}
 
.thumbnailtopimg:hover .thumbnailtop {
position: absolute;
bottom: 5px;
left: 5px;
width: 220px;
text-align: left;
background: #50988f;
opacity: 0.9;
color: #ffffff;
font-weight:bold; 
border: 5px solid #50988f;
}
 
.thumbnailtopimg:hover img {
border: 5px solid #50988f; 
}
 
.thumbnailtopimg {
position: relative;
float: left;
display: block;
}
 
.thumbnailtopimg img {
border: 5px solid #f5f5f5;
height: 172px;
margin: 0.5px;
}
 
#thumbnailheader {
width: 960px;
height: 182px;
margin: 10px 0 10px 0;
}

/* パンくずリスト */
.breadcrumbs {
    margin:0 0 0 0px;
    font-size: 12px;
    color: gray;
}

/* 関連記事 */

#related {
	width: 568px;
        float: left;
        border: solid 1px #dddddd;
        background-color: #f7f7f7;}

#related h3 {
	font-size: 16px;
        color: #ffffff;
        background-color: #555555;
        border-top: solid 2px #50988f;
        border-bottom: solid 3px #50988f;
	margin-bottom: 5px;
	padding-left: 10px;
        padding: 5px 10px;
	margin: 10px 0px 0 0px}

/* LinkWithin風ありがとうOZPAさん */
.related-post{
     height:100%;
}
.related-post{
     width:550px;
     overflow:hidden;
     margin-top:5px;
}
.related-entry {
    vertical-align: top;
    float: left;
    width:162px;
    font-size: 12px;
    min-height: 150px;
    margin: 0;
    padding-right: 10px;
    padding-left: 10px;
    }
 
 .related-entry img{
      padding:2px;
      border: #ccc 1px solid;
      width:156px;
}

.related{
      margin-top:20px;
}


/****************************************
		4.  メイン
*****************************************/


/* コンテンツ */
div#content	{width: 590px;
	float: left;
	background-color: #f5f5f5;
    margin: 0px 0px }

/* ５記事目の広告 */

.hentry {width: 550px;
        float: left;
        background-color: #f5f5f5;
        padding: 10px 10px;
        border: solid 1px #dddddd;
        margin-bottom: 20px; }

/* 10記事目最後の広告 */

.hentry2 {width: 550px;
        float: left;
        background-color: #f5f5f5;
        padding: 10px 10px;
        border: solid 1px #dddddd;
        margin-bottom: 20px; }

/****************************************
		5. 記事の投稿
*****************************************/

/* 記事 */
div.post	{color: #555555;
             background-color: #ffffff;
             border: solid 1px #dddddd;
             padding: 0px 20px 10px 20px;
             margin-bottom: 20px;
	         overflow: hidden}

div.post h2	{
	font-size: 160%;
	padding: 0px 0px;
    }

div.post h2 a	{color: #555555;
                 text-decoration: none !important;}

div.post h2 a:hover {color: #0c8bcd}

.post h2, .post h3, .post h4, .post h5{margin: 30px 0 10px}
.post h3{font-size:140%; 
         padding:10px 10px;
         color:#50988f;
         border-color:#50988f;
         border-width:0 0 1px 7px;
         border-style:solid}
.post h3.key{font-size:140%;
         color: #50988f !important;
         padding:10px 10px;
         background-image:url(http://edu-dev.net/wp-content/uploads/2012/09/key.png);
         background-repeat: no-repeat; 
         padding-left: 60px;
         border-color:#50988f;
         border-width:0 0 1px 0px;
         border-style:solid}
.post h4{font-size:120%;
         padding:5px 10px;
         border-color:#50988f;
         border-width:0 0 0px 7px;
         border-style:solid}
.post h4.key{font-size:120%;
         padding:5px 10px;
         border-color:#50988f;
         border-width:0 0 0px 7px;
         border-style:solid}
.post h5{font-size:100%;
         color: #50988f !important;
         margin:10px 10px;
         padding:10px 10px;
         border-color:#50988f;
         border-width:1px 1px 1px 1px;
         border-style:dashed;
         background:#f2fdf2;
         }
.post h5.key{font-size:100%;
         color: #50988f !important;
         margin:10px 10px;
         padding:10px 10px;
         border-color:#50988f;
         border-width:1px 1px 1px 1px;
         border-style:dashed;
         background:#f2fdf2;
         }

.post p{margin-bottom:20px;}
.post em{font-style: italic;}
.post code{color: #06c; font-family:'Courier New',Courier,monospace;}
.post img{
	background: #fff;
	margin:0px 0;
	}
	.post img.wp-smiley{border:none;padding:0;background:none;margin:0;}
.post blockquote{
	border-left:5px solid #ddd;
	background: #eee;
	padding: 10px;
	margin:20px 0;
	}
.post blockquote p{margin:0;}

.post div.wp-caption{margin: 20px 0;}
	.post div.wp-caption img{ margin: 0;}
	.post div.wp-caption p{ font-size:85%;}
.post ul, .post ol{margin:20px 0;}
	.post ul li{
		list-style: url(images/arrow_list.png);
		margin-left:20px;
		}
	.post ol li{list-style: decimal outside;margin-left:20px;}


/* タイトルの下の部分 (投稿日時＆カテゴリー)*/

div.postinfo {
    width: 590px;
    height: 40px;
    font-size: 14px;
    color: #aaaaaa;
    padding: 0px 0px 0px 10px;
    background-color: #555555;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#20000000,endColorstr=#20000000); /* IE */
	zoom: 1; /* IE */
    border-top: solid 3px #50988f;
    border-bottom: solid 3px #50988f;
    margin:0 0px 10px -20px !important;}

div.postinfo p.cal {padding-left: 30px;
                    background: url(image/icon_cal.png) no-repeat 0 2px;}
div.postinfo p.cat {margin: -41px 200px 0px 0px;
                    padding-left: 180px;
                    background: url(image/icon_cat.png) no-repeat 150px 0px;}	

/* ページネーション（次の記事／前の記事）*/

p.pagenation	{font-size: 12px;
	overflow: hidden}

span.oldpage	{border-radius: 2px;
                 color:#555555;
	         background-color: #dddddd;
	         text-decoration: none !important;
                 display:block;
                 float: left;
                 padding: 10px 10px 10px 10px;
                 width: 45%;}

span.newpage	{border-radius: 2px;
                 color:#555555;
	         background-color: #dddddd;
	         text-decoration: none !important;
                 display:block;
                 float: right;
                 padding: 10px 10px 10px 10px;
                 width: 45%;}

/* 続きを読む*/

div.post p.more   {margin: 0;
                   font-size: 14px}
                 
div.post p.more a {border-radius: 2px;
                   color:#555555;
	               background-color: #dddddd;
	               text-decoration: none !important;
                   padding:10px 10px 10px 10px;
	               text-align:right;
	               margin-left:430px;
	               display:block}

div.post p.more a:hover {color: #ffffff;
                         background-color: #50988f}
                         
/* サムネイルの画像 */
div.post p.thumb {float: left;
                  margin: 0 10px 10px 0}


/* 記事内の画像 */
.aligncenter	{display: block;
	margin-left: auto;
	margin-right: auto}

.alignleft	{float: left;
	margin-right: 10px;
	margin-bottom: 10px}

.alignright	{float: right;
	margin-left: 10px;
	margin-bottom: 10px}

.wp-caption	{border: dotted 1px #aaaaaa;
	text-align: center;
	padding-top: 5px}
	
/* ページ番号リンク */
p.pagenum	{font-size:18px;
             text-align: center}

p.pagenum a, p.pagenum span
	{padding: 15px 15px;
	text-decoration: none !important;}

p.pagenum a	{color: #555555;
             background-color: #dddddd}
             
p.pagenum a:hover{color: #ffffff;
                  background-color: #50988f}

p.pagenum span	{color: #ffffff;
                 background-color: #50988f}


/* リストづくり(MobTagGen) */
table.table-01 {
    width: 100%;
    border: 1px solid;
    border-collapse: collapse;
    border-spacing: 0;
    font-size:80%;
}
 
table.table-01 th {
    padding: 5px;
    border: 1px solid;
    border-width: 0 1px 1px 1px;
    background: #eee;
    font-weight: bold;
    line-height: 130%;
}
 
table.table-01 td {
    padding: 5px;
    border: 1px solid;
    border-width: 0 0 1px 1px;
    background: #ffffff;
}

/* ブックマークレット関連---------------------------- */

/* ShareHTMLのスタイル */
.shareHtmlFrame{
margin:10px;
border:1px dashed #cccccc;
padding:5px;
}

.shareThumb img {
box-shadow: 5px 5px 5px rgba(0,0,0,0.4);
-moz-box-shadow: 5px 5px 5px rgba(0,0,0,0.4); /* firefox */
-webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.4); /* chrome, safari */
-ms-box-shadow: 5px 3px 5px rgba(0,0,0,0.4); /* ie */
-o-box-shadow: 5px 5px 5px rgba(0,0,0,0.4); /* opera */
margin-bottom:5px;
margin-right:10px;
}

/* AppHTMLのスタイル */

.appDownloadButton{
    clear:both;
    margin:0 auto;
}
 
.appDownloadButton a{
        transition: 0.6s ease-out;
-webkit-transition: 0.6s ease-out; /* chrome, safari */
   -moz-transition: 0.6s ease-out; /* firefox */
    -ms-transition: 0.6s ease-out; /* ie */
     -o-transition: 0.6s ease-out; /* opera */
}
.appDownloadButton a:hover{
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}

/* カエレバ．ヨメレバ　*/

.kaerebalink-box,
.booklink-box {
  background: #eee;
  border: 1px solid #ddd;
  padding: 10px 20px;
  margin: 5px 0px 10px 0px;
}

.kaerebalink-info,
.booklink-info {
  font-size:medium;
  line-height: 200%;
  overflow: hidden;
}

.kaerebalink-image,
.booklink-image {
  float: left;
  margin: 0 15px 10px 0;
}

a:hover img {
  opacity:0.6;
  filter: alpha(opacity=80);
}

.kaerebalink-name,
.booklink-name {
  font-weight: bold; 
}

.kaerebalink-powered-date,
.booklink-powered-date {
  font-size: 8pt;
  font-weight: normal;
  margin-top: 5px;
  line-height: 120%;
}

.kaereba-link1,
.booklink-link2 {
  background-position:left;
  background-repeat:no-repeat;
}

.kaerebalink-detail,
.booklink-detail {
  font-size: small;
}

.shoplinkamazon {
  display: inline-block;
  margin-right: 5px;
  padding: 1px 100px 2px 0px;
  cursor: pointer;
}

.shoplinkamazon a {
  content: url(image/buybutton_amazon.png) no-repeat;
  width: 140px;
}

.shoplinkamazon a:hover{
  position:relative;
  bottom:2px;
  left:2px;
}

.shoplinkrakuten {
  display: inline-block;
  margin-right: 5px;
  padding: 1px 100px 2px 0px;
  cursor: pointer;
}

.shoplinkrakuten a {
  content: url(image/buybutton_rakuten.png) no-repeat;
  width: 140px;
}

.shoplinkrakuten a:hover{
  position:relative;
  bottom:2px;
  left:2px;
}

.shoplinkkindle {
  display: inline-block;
  margin-right: 5px;
  padding: 1px 100px 2px 0px;
  cursor: pointer;
}

.shoplinkkindle a {
  content: url(image/buybutton_kindle.png) no-repeat;
  width: 140px;
}

.shoplinkkindle a:hover{
  position:relative;
  bottom:2px;
  left:2px;
}

.shoplinkbk1 {
  display: inline-block;
  margin-right: 5px;
  padding: 1px 100px 2px 0px;
  cursor: pointer;
}

.shoplinkbk1 a {
  content: url(image/buybutton_honto.png) no-repeat;
  width: 140px;
}

.shoplinkbk1 a:hover{
  position:relative;
  bottom:2px;
  left:2px;
}

.shoplinkyahooAuc {
  display: inline-block;
  margin-right: 5px;
  padding: 1px 100px 2px 0px;
  cursor: pointer;
}

.shoplinkyahooAuc a {
  content: url(image/buybutton_yahooauc.png) no-repeat;
  width: 140px;
}

.shoplinkyahooAuc a:hover{
  position:relative;
  bottom:2px;
  left:2px;
}

.booklink-footer {
  clear: left;
}


/****************************************
		7.  ウィジェット
*****************************************/


/* サイドバー */
div#sidebar	{width: 340px;
    margin: 0px 0px 10px 0px;
    float: right;
    background-color: #f5f5f5;}

div#sidebar ul	{margin: 0;
	padding: 0;
	list-style-type: none}

div#sidebar .widget	{
     border: solid 1px #dddddd;
     background-color: #ffffff;
     margin-bottom: 20px}

div#sidebar h2	{font-size: 16px;
    color: #ffffff;
    background-color: #555555;
	border-top: solid 3px #50988f;
    border-bottom: solid 3px #50988f;
	padding: 5px 10px;
	margin: 20px 0px 0 0px}


div#sidebar li li	{font-size: 14px;
	margin: 0}

div#sidebar li li a	{color: #50988f;
    text-decoration: none !important;
	display: block;
	padding: 5px 20px}

div#sidebar li li a:hover	{color: #0075c0;
    margin: 0px 0px 0 0px}

/* 人気記事にサムネイル */

.wp-post-image {
        border:solid 1px #f5f5f5;
        padding: 0px;
        float: left;
        margin-left: -80px;
        margin-bottom: 10px;
/*      vertical-align: text-top; */
}
.popular_posts {
        padding: 10px;
        margin-top: 3px;
        margin-left: 80px;
 
}
.popular_posts_title {
        padding-left: 10px;
        margin:2px auto;
        font-size: 90%;
}
.popular_posts_snippet {
        margin:2px auto;
        font-size: 75%;
        color: #A0A0A0;
}

/* SNSボタン */

.snsb {
padding: 5px 10px 0px 10px;
float:left;
}

/* Linkedwithin */

.linkwithin_hook {
  padding-left: 25px;
}

/****************************************
		8.  タブメニュー
*****************************************/

div#sidebar ul.tabmenu{
    margin: 5px 10px 0px 10px; 
}
  
div#sidebar ul.tabmenu li{  
    float: left;
    margin-right: 5px;  
    margin-bottom: -1px;  
}  
div#sidebar ul.tabmenu li{  
    font-weight: 700;  
    display: block;  
    padding: 5px 10px 5px 10px;  
    background: #555555;  
    margin-bottom: -1px;  
    border: 1px solid #d0ccc9;  
    border-width: 1px 1px 1px 1px;  
    position: relative;  
    color: #ffffff;  
    cursor: pointer;  
}  
div#sidebar ul.tabmenu li.active{  
    background: #50988f;  
    top: 1px;  
    border-bottom: 0;  
    color: #ffffff;  
}  
/******* /MENU *******/  
/******* CONTENT *******/  
.sidebar{  
    margin: 0px 10px 0px 10px;  
    background: #efefef;  
    background: #fff;  
    border: 1px solid #d0ccc9;  
    text-align: left;  
    padding: 10px;  
    padding-bottom: 20px;
    font-size: 14px;   
}

/******* カテゴリーをいじる。 *******/

.sidebar.category{  
    display: block; 
}
.sidebar.category li{
    margin: 5px 5px 5px 5px;
	padding: 0px;
	list-style-type: none
}
	

/******* タグをいじる。 *******/

.sidebar.tag{  
    display: none; 
}
.sidebar.tag li{
    margin: 5px 5px 5px 5px;
	padding: 0px;
	list-style-type: none
}

/******* 月別アーカイブをいじる。 *******/

.sidebar.month{  
    display: none; 
}
.sidebar.month li{
    margin: 5px 5px 5px 5px;
	padding: 0px;
	list-style-type: none
}

/******* Clearというクラス *******/

.clear{  
    clear: both;  
    height: 0;  
    visibility: hidden;  
    display: block;  
}


/****************************************
		9.  フッター
*****************************************/

/* 記事の下 */
div.underbar {width: 590px;
    margin: 0px 0px 10px 0px;
    float: right;
    border: solid 1px #dddddd;
    background-color: #ffffff;}

div.underbar ul	{margin: 0;
	padding: 0;
	list-style-type: none}

div.underbar h2	{font-size: 18px;
    color: #ffffff;
    background-color: #555555;
	border-top: solid 3px #50988f;
    border-bottom: solid 3px #50988f;
	padding: 5px 10px;
	margin: 20px 0px 0 0px}

div.underbar p {font-size: 16px;
    color: #555555;
	padding: 10px 10px;
	margin: 0px 0px 0px 0px}


div.fb-like {
	padding: 0px 10px;
	margin: 0px 0px 10px 0px}

/* フッター */
div#footer {
    width: 960px;
	margin: auto;
    background-color: #555555;
	border-top: solid 5px #50988f;
	clear: both}

div#footer p {
    color: #ffffff;
    font-size: 14px;
	font-style: normal;
	font-family: Verdana, sans-serif;
	text-align: center;
	padding: 0px 0px 10px 0px}