
@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;
	font-family: "Meiryo", "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
}
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:954px;
	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:15px 0 0 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;
}


/* Original専用 */
#global-nav {} 

#global-nav ul {
	list-style: none;
}

#global-nav ul li {
	float: left;
	margin: 0;
}

#global-nav ul li a {
	display: block;
	float: left;
}

#global-nav img {
	border: 0;
	vertical-align: top;
}

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

#header #h1home {
	padding-right:15px;
	line-height:18px;
}



#slider{
	width:700px;
	margin:10px auto 0px auto;

}

#main .topics_in dt{
	width:112px;
}

#wrapper #header strong{
	letter-spacing: 0px;
}

#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.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;
}