@charset "utf-8";
/*
Theme Name: Test Thelonious
Theme URI: http://maxpress.jp/
Description: MaxPress のテーマ「Thelonious」は、スタイリッシュで、カスタマイズ可能で、簡潔で、読みやすく -- カスタムメニュー、ヘッダー画像、背景でサイトを>
作れます。Thelonious は6つのウィジェットエリア (サイドバーに2つ、フッターに4つ) と、アイキャッチ画像 (ギャラリー投稿のサムネイルと、投稿やページのカスタム>
ヘッダー画像) に対応しています。印刷用、管理のビジュアルエディター用、"Asides" と "Gallery" カテゴリー用のスタイルシートが用意されています。また、サイドバ>
ーを取り去った1カラムのページのテンプレートもあります。
Author: the MaxPress team
Version: 1.1
Tags: black, blue, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-
language-support, editor-style
*/

/*bodyのスタイル*/

* {
margin: 0;
padding: 0;}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,p,
form,fieldset,input,textarea,
th,td {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
img{vertical-align:text-bottom;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}
br {letter-spacing:normal;}

a:active {outline: none;}
a:focus {-moz-outline-style: none;}
a img{ border:0px;}

/** 20140616追加 **/
#main .text {
	line-height: 180%;
	font-size: 11pt;
}

#main a:hover img{
opacity: 0.5;
filter: alpha(opacity=60);}

#side-nav a:hover img{
opacity: 0.5;
filter: alpha(opacity=60);}

/*header,side,main,footerのスタイル*/

#container {
	margin: 0 auto;
}

#header {
	width:950px;
	margin: 0px auto 10px auto;
	padding:0;
}

#wrapper { 
	margin:0 auto;
	padding:10px 0 0 0;
	width:950px;
}

#content { 
	margin:0 auto;
	padding:0px;
}


#side-nav { 
	float : left;
	width : 213px;
	padding:0;
	margin:0;
}

/*clearfixのスタイル*/

.clearfix:after {
	content: "."; 
	display: block; 
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

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

.clr {
	clear:both;
	margin:0;
	padding:0;
	line-height:0;
	visibility:hidden;
	height:0;
}

.right_btn{
	text-align:right;
}

/*ヘッダーのスタイル*/
#title {
	margin:0;
	padding:0;
	display:block;
}

#container_header{
	width:950px;
	margin:0;
	padding:0;
}

/*フリースペース*/
#freespace{
	font-size:14px;
	line-height:2em;
}
#freespace ul{
	list-style-type:square;
	margin-left:2em;
}
#freespace ol{
	list-style-type:decimal;
	margin-left:2em;
}
#freespace blockquote{
	font-style:italic;
	padding:0 2em;	
}
#freespace h1{
	margin:8px 0 4px;
}
#freespace h2{
	margin:6px 0 3px;
}
#freespace h3{
	margin:4px 0 2px;
}
#freespace h4{
	margin:2px 0 1px;
}
/*
.combination_box dl.table dt{
	background: url("/wp-content/blogs.dir/76/files/2013/03/main_icon.jpg") no-repeat scroll left center transparent !important; 
}
*/
.font22_red {
	display:block;
	color:red;
	font-size: 22pt;
	line-height:125%;
	margin-top:10px;
	margin-bottom: 10px;
	font-family: ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, Osaka, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
}
/*youtube widget用 */
.youtube_side {
	margin: 0 auto 20px;
	text-align: center;
	width: 213px;
}

.energy-saving-bnr{
	text-align:center;
	margin-bottom:5px;
}

#freespace img {
max-width: 600px;
}

.blog_time {
	font-size: 14px;
	margin-left: 600px;
	margin-bottom: 15px;
	width: 81px;
	padding: 1px 11px;
	border: solid 1px;
}

/* beforeafter_even */


#common .leftright {
	width:630px;
}

#common .leftrightl {
	width:365px
}

#common .leftrightr {
	width:265px;
	padding:0 0 10px 0;
}


/* global menu */

#wrapper ul#menu_header{
	font-weight: bold;
}

#wrapper ul#menu_header li{
	width: 131px;
	padding: 13px 13px 17px;
}


/* 日付 */
.homeitem .topics_in dt{
	width:120px;
}

.homeitem .topics_in dd {
	margin-left:160px;
}

#common img {
    height: auto;
    max-width: 100%;
}

#freespace img {
    max-width: 600px;
    height: auto;
}
/*20160317ラインページ用スタイル*/
#linea{
	width:700px;
	margin:0 auto 15px;
}
#linea h2{
	margin-bottom:35px;
}

#linea .lineimg{
	text-align:center;
	margin-bottom:15px;
}
#linea .lineimg-wrapp{
	margin-bottom:45px;
}
#linea .lineimg-wrapp div.line2colum {
    width: 523px;
    margin: 0 auto 15px;
}
#linea .lineimg-wrapp div.line2colum .left{
	width:238px;
	margin-right:77px;
	float:left;
	padding-top: 43px;
}
#linea .lineimg-wrapp div.line2colum .right{
	width:198px;
	float:left;
}
#linea .lineimg-wrapp div.line2colum .right img{
	max-width:100%;
}
#linea .lineimg-wrapp div.line-friendwrapp{
	width:636px;
	margin: 0 auto;
}
#linea .lineimg-wrapp div.line-friendwrapp .left{
	width:236px;
	float:left;
	margin-right:21px;
	padding-top:117px;
}
#linea .lineimg-wrapp div.line-friendwrapp .right{
	width:376px;
	float:left;
	border:1px solid #2b6eb6;
	background:url(images/line_top11-2.png) no-repeat;
	background-position:top;
	min-height:283px;
}
#linea .lineimg-wrapp div.line-friendwrapp .right .tenponame{
    color: #004ea2;
    font-size: 22px;
    font-weight: bold;
	padding: 138px 0 0 176px;
	margin-bottom: 13px;
    width: 162px;
	word-break: break-all;
}
#linea .lineimg-wrapp div.line-friendwrapp ul{
	width:188px;
	margin: 0 auto;
}
#linea .lineimg-wrapp div.line-friendwrapp ul li{
	width:188px;
	margin-bottom:7px;
}
#linea .lineimg-wrapp div.line2colum .right img{
	max-width:100%;
}

.homeitem{
	margin-bottom:15px;
}
.leftrightl td.leftrightl_img {
	width:269px;
}
.leftright_arrow{
    width: 75px;
}

/* Add 2019.02.25 */
/* サイドバー検索 */
.search-blog {
  margin-bottom: 20px;
  border: 1px solid #ccc;
}
.search-blog h3 {
  padding: 10px;
  text-align: center;
  background: #EEE;
  color: #333;
  font-weight: bold;
}
.search-blog .search-box {
  padding: 5%;
}
.search-blog input[type="text"] {
  appearance: none;
  -webkit-appearance: none;
  width: 94%;
  padding: 3%;
  border: 1px solid #999;
  display: block;
  margin-bottom: 10px;
}
.search-blog input[type="submit"] {
  appearance: none;
  -webkit-appearance: none;
  width: 100%;
  padding: 1%;
  border: none;
  display: block;
  background: #999;
  color: #fff;
  font-size: 1rem;
  cursor: pointer;
}
.search-blog input[type="submit"]:hover {
  background: #666;
}

/* 検索結果 */
ul.blog-search {
  border-top: 1px solid #ccc;
  margin-bottom: 3rem;
}
ul.blog-search li {
  padding: 0.5rem;
  border-bottom: 1px solid #ccc;
}
ul.blog-search li a {
  color: #000;
}
ul.blog-search li span.title {
  font-weight: bold;
  font-size: 16px;
  display: block;
}
div#page-navigation div.navi .current{
	color: #ffffff;
	font-size: 12px;
	background-color: #65441B;
	padding: 5px 8px;
	border-width: 1px;
	border-color: #65441B;
	border-style: solid;
	display: inline-block;
}