/*
Theme Name: Exception Code.
Theme URI: http://hawk-a.com/exception_code/
Description: 自作WordPressテーマ
Version: 1.0
Author: HawkA
Author URI: http://hawk-a.com/exception_code/
*/


/* ページ全体 */
div#container {
	width: 930px;
	margin: auto;
	background-color: #ffffff;
	/*-moz-box-shadow: 0px 0px 5px #333;
	-webkit-box-shadow: 0px 0px 5px #333;
	box-shadow: 0px 0px 5px #333*/

}

body{
		background-color: #ffffff;	
	/*background: url(images/background_img.jpg);*/
    font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

img { border-style:none; }

a img { border-style:none; }

/* コンテンツ */
div#content {
	margin: 0 0 0 25px;
	width: 525px;
	float: left;
}

#content h1 {
	font-size: 20px;
	padding-bottom: 5px;
	margin: 3px 0 0 0;
	background: url(http://hawk-a.com/images/title_line.gif) repeat-x left bottom;
}

#content h2 {
	font-size: 20px;
	padding-bottom: 5px;
	margin: 3px 0 0 0;
	background: url(http://hawk-a.com/images/title_line.gif) repeat-x left bottom;
}

#content h3 {
  margin: 20px 0 25px 0;
  font-weight: normal;
  font-size: 18px;
  padding: 0 0 2px 12px;
  border-left: 5px solid #cd3f46;
  border-bottom: 1px solid #cd3f46;
  color: #cd3f46;
}

div#content p {
	font-size: 11.0pt;
	color: #464646;
	line-height: 1.6;
	margin-top: 10px
}

pre {
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow: auto;
}

a {color:#0070c5;}



/* 記事 */
div.post {
	width: 525px;
	float: left;
}

div.post h2 {
	font-size: 1.4em;
	padding-bottom: 5px;
	margin: 3px 0 0 0;
	background: url(http://hawk-a.com/images/title_line.gif) repeat-x left bottom;
}

div.post h3 {
  margin: 20px 0 25px 0;
  font-weight: normal;
  font-size: 18px;
  border-left: 5px solid #cd3f46;
  border-bottom: 1px solid #cd3f46;
  color: #cd3f46;
  padding: 0 0 2px 12px;
}​

div.post p {
	font-size: 12.0pt;
	color: #464646;
	line-height: 1.6;
	margin-top: 10px;
}

div.post h1 a {
	text-decoration: none;
	color: #333333;
}

p.pagelink {
	overflow: hidden;
	width: 100%;
}

p.postinfo {
	font-size: 0.75em !important;
	background-color: #eaeaea;
	padding: 3px 8px 3px 8px;
	margin: 0;
  border-radius: 5px;        /* CSS3草案 */  
  -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
  -moz-border-radius: 5px;   /* Firefox用 */  
}

p.postinfo a {
	text-decoration: none;
	color: #464646;
}


blockquote {
    position: relative;
    padding: 20px 50px;
    min-height: 20px;
    background: url(http://hawk-a.com/images/blockquote_start.png) no-repeat 10px 10px #eeeeee;
}

blockquote:after {
    position: absolute;
    bottom: 10px; right: 10px;
    content: url(http://hawk-a.com/images/blockquote_end.png);
}

/* ▼ 次のページ・前のページ ▼ */
div.navigation {
    border-top: 1px dotted #ccc;
    margin:0px 10px 40px 0;
    padding:20px 0;
    font-size:0.75em;
    font-weight:bold;
}
 
span.previous {
    float: left;
    width: 47%;
}
 
span.next {
    float: right;
    width: 47%;
    text-align:right;
}
/* ▲ 次のページ・前のページ ▲ */

/* サイドバー */
div#sidebar {
	margin: 10px 25px 25px 0;
	width: 300px;
	float: right;
	font-size: 0.8em;
	color: #464646;
}

div#sidebar h2{
	font-size: 12px;
	color: #ffffff;
	background-color: #929292;
	padding: 3px 8px 3px 8px;
	margin: 20px 0 20px 0;
  border-radius: 5px;        /* CSS3草案 */  
  -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
  -moz-border-radius: 5px;   /* Firefox用 */  

}

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

#sidebar li {
  margin: 0 0 10px 0;
  padding: 0 0 10px 0;
  border-bottom: 1px dotted;
}

/* PopularPosts */
#sidebar .wp-post-image { 
  border:solid 1px #ccc; 
  padding: 4px; 
  float: left; 
  margin: 0 6px 0 0;
  width: 60px;
  height: 60px;
/*      vertical-align: text-top; */ 
}

/*
.popular_posts {

}
*/

.popular_posts_title { 
	height: 70px;
}



/*
img.wpp-thumbnail {
  margin: 0 6px 0 0;
  float:left;
}
img.wpp-thumbnail {
  clear: both;
}
*/
img.facelogo{
	margin: 0 10px 10px 0;
	border: 1px solid #999999;
/* 	float: left; */
}
/* ヘッダー */
div#header {
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 20px;
}

img#logo {
	margin: 30px 0 10px -5px;
}

div#header p#image {
	margin: 8px 0 0;
}

p#desc {
	margin: -25px 15px 15px 15px;
	font-size: 0.9em;
}

p#social_button {
	float: right;
	margin: -75px 10px 0 0;
}

/* ナビゲーションバー */
div#header {
	margin-bottom: 0;
}

div#nav {
    margin-bottom: 30px;
    height:38px;
    background: #cd3f46;
    font-size:0.75em;
}

div#nav ul {
    margin: 0;
    padding: 0;
	/*background-color: #cd3f46;
	padding: 8px 0;
	margin: 0 0 20px;
	clear: both*/
/*	-moz-box-shadow: 0px 0px 1px #333;
	-webkit-box-shadow: 0px 0px 1px #333;
	box-shadow: 0px 0px 1px #333 */
}

div#nav li {
    list-style: none;
    float: left;
    width: 155px;
}

div#nav li a {
    width: 155px;
    line-height: 35px;
    color: #ffffff;
    text-align: center;
    display: block;
    padding-top: 3px;
    text-decoration: none;
	/*font-size: 0.75em;
    font-weight: bold;
	color: #ffffff;
	text-decoration: none;*/
}

div#nav li a:hover {
	background: #c55c5f;
}

/* フッター */
div#footer {
	clear: both;
	border-top: solid 1px #000000;
	padding: 6px 10px;
	text-align: right;
	font-size: 0.75em;
	color: #464646;
}


/* SNSボタン */

.sns_button {
margin: 0px 0px 0px 0px;
padding:0px;
float:right;
}

.sns_button .twitter { 
margin: 0px 0px 10px 0px; 
padding: 0px; 
width: 80px; 
}

.sns_button .hatena { 

margin: 0px 10px 10px 0px; 
padding: 0px; 
width: 50px; 
}

.sns_button .facebook { 
margin: 0px 0px 10px 0px; 
padding: 0px;
width: 50px; 
}

.sns_button .gplus { 

margin: 0px 0px 10px 0px; 
padding: 0px;
width: 60px; 
}

.sns_button .evernote { 
margin: 0px 0px 10px 0px; 
padding: 0px;  
width: 40px; 
}


/* 広告 */
.content_top {
    margin-top:15px;
}

.content_social_box {
    width:100%;
    height:300px;
    display: block;
    margin: 0px 0 0px 0;
    /*border-bottom: 1px dotted;*/
}

.ad_top {
    float:left;
}


.under_navi{
	height:15px;
    float:left;
	display:block;
    margin: 10px 0 0 25px;
}

div#ad_content {
	text-align:left;
    margin-bottom:10px;
    /*float:left;
    display:block;
    margin-left:25px;*/
}

/*div#head_ad{
    float:left;
	display:block;
	margin-left:25px;
	margin-right:45px;
}*/

/* YARPP */
.related-post {
  height:100%;
}
.related-post {
  width:525px;
  overflow:hidden;
  margin: 10px 0 10px 0;
}
.related-entry {
  vertical-align: top;
  float: left;
  width:150px;
  font-size: 12px;
  min-height: 150px;
  margin: 0;
  padding-right: 20px;
}
.related-entry img{
  width:150px;
}

/* コンテンツの終わり */
.fb_page {
 margin:5px 0 10px 0 ;
 font-size:10pt; 
}

/* フォロー等お願いボタン */
.bottom_twbtn {
    margin-bottom:10px;
}

.bottom_fbbtn {
    margin-bottom:10px;
}

.bottom_rsbtn {
    margin-bottom:10px;
}

/* Zenback風関連記事 */
.related{
margin-bottom:10px;
}

#entry_foot{
clear:both;
}

.related-post{
	margin-left: -20px;
}

.related-list{
list-style-type:none;
margin:0;
}
 
.related-item{
float:left;
margin:0 5px 10px 5px;
width:110px;
height:220px;
overflow:hidden;
}
 
.related-item-thumbnail{
width:110px;
height:110px;
position:relative;
}
 
.related-item-title{
font-size:13px;
margin-top:5px;
}