@charset "utf-8";
/*
Theme Name: colishlabo
Theme URI: http://lab.colish.net/
Description: colishラボのオリジナルテーマです。
Author: ikechan0201
Author URI: http://ikechan0201.com/
*/

/*-------------
base
-------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,p,blockquote,th,td {
	margin:0;
	padding:0;
	position:relative;
}
img {
	border:0;
	vertical-align: top;
}
body {
	background: url(images/bg_body.png) repeat 0 0;
	font-size:12px;
	font-family: " メイリオ",Meiryo,Osaka," ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro"," ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}
ol,
ul {
	list-style:none;
}
p a { color: #009FE9; }
p a:link { color: #009FE9; }
p a:visited { color: #009FE9; }
a{color:#009FE9;}
a:hover{color:#E4007F;}
p a:hover{color:#E4007F;}
textarea{
	overflow:auto;
}

h2{
	font-size:21px;
	font-weight:bold;
	line-height:160%;
	padding:0px 0px 10px 0px;
}

h3{
	font-size:14px;
	font-weight:bold;
	line-height:160%;
	padding:0px 0px 10px 0px;
	background:url(images/h3line.jpg);
	background-position:0px 20px;
	background-repeat: no-repeat;		
}
/*----------------------------------------------------
TOPページ(index.php)
----------------------------------------------------*/
/*--------------------------
header
--------------------------*/
#header { 
	width:100%;
	margin-bottom:25px;
}
#header-inner {
	width:1040px;
	margin:0px auto;
	position:relative;
}
#header-top {
	overflow:hidden;
}
#header-top a:hover{
	opacity:0.6;
}
#header-top h1 {
	padding-top:25px;
	float:left;
}
.description{
	float:left;
	padding:55px 0px 0px 10px;
}
.description p{
	color:#999999;
}
.recruit{
	position:absolute;
	top:0px;
	left:740px;
	overflow:hidden;
}
.recruit a img{
	float:left;
}
.recruit a img:hover{
	opacity: 0.8;
}
#header-social{
	float:right;
	margin:80px 0px 0px;
}
/* ソーシャルプラグイン */
.rss-box{
	padding:0px 0px 0px 35px;
}
ul.social-top{
   margin:5px -40px 0px 0px;
}
ul.social-top li{
   float: left;
}
.clearfix:after{
   content:".";
   display:block;
   height:0;
   clear:both;
   visibility:hidden;
} 
.clearfix{
   overflow:hidden;
}

/* search */
.search{
	float:right;
	padding-top:45px;
}
.search-form input{
	vertical-align:middle;
}
.search-form #s{
	width:222px;
	height:19px;
}

/*nav*/
.header-nav { 
	overflow: hidden;
}

.header-nav li {
	float: left;
	font-size: 1.2em;
}

.header-nav li a {
	display: block;
	width: 125px;
	height: 68px;
}

.header-nav li.topics a {
	background: url('./images/nav.png') no-repeat 0 0 transparent;
	width: 125px;
	height: 23px;
	margin-top: 45px;
	text-indent: -9999px;
}

.header-nav li.report a {
	background: url('./images/nav.png') no-repeat -125px 0 transparent;
	width: 149px;
	height: 23px;
	margin-top: 45px;
	text-indent: -9999px;
}

.header-nav li.interview a {
	background: url('./images/nav.png') no-repeat -274px 0 transparent;
	width: 164px;
	height: 23px;
	margin-top: 45px;
	text-indent: -9999px;
}

.header-nav li.column a {
	background: url('./images/nav.png') no-repeat -438px 0 transparent;
	width: 92px;
	height: 23px;
	margin-top: 45px;
	text-indent: -9999px;
}

.header-nav li.topics a:hover {
	background: url('./images/nav.png') no-repeat 0 -23px transparent;
	width: 125px;
	height: 68px;
	margin-top: 0;
}

.header-nav li.report a:hover {
	background: url('./images/nav.png') no-repeat -125px -23px transparent;
	width: 149px;
	height: 68px;
	margin-top: 0;
}

.header-nav li.interview a:hover {
	background: url('./images/nav.png') no-repeat -274px -23px transparent;
	width: 164px;
	height: 68px;
	margin-top: 0;
}

.header-nav li.column a:hover {
	background: url('./images/nav.png') no-repeat -438px -23px transparent;
	width: 92px;
	height: 68px;
	margin-top: 0;
}

.header-nav li.current-menu-item.topics a, 
.header-nav li.current-menu-parent.topics a {
	background: url('./images/nav.png') no-repeat 0 -91px transparent;
	width: 125px;
	height: 68px;
	margin-top: 0;
}

.header-nav li.current-menu-item.report a, 
.header-nav li.current-menu-parent.report a {
	background: url('./images/nav.png') no-repeat -125px -91px transparent;
	width: 149px;
	height: 68px;
	margin-top: 0;
}

.header-nav li.current-menu-item.interview a, 
.header-nav li.current-menu-parent.interview a {
	background: url('./images/nav.png') no-repeat -274px -91px transparent;
	width: 164px;
	height: 68px;
	margin-top: 0;
}

.header-nav li.current-menu-item.column a, 
.header-nav li.current-menu-parent.column a {
	background: url('./images/nav.png') no-repeat -438px -91px transparent;
	width: 92px;
	height: 68px;
	margin-top: 0;
}

/*--------------------------
contents
--------------------------*/
#container {
	width:1040px;
	margin:0px auto;
	overflow:hidden;
}

#contents { 
	float: left;
	width: 700px;
	margin-bottom:50px;
}
.box {
	margin-bottom:15px;
}
.section-header {
	margin-bottom:30px;
	position:relative;
}

/*pickup*/
#pickup{
	margin-bottom:40px;
	position:relative;
}
#pickup a:hover{
	opacity:0.8;
}
span.icon-pickup{
	position:absolute;
	bottom:10px;
	left:15px;
	z-index: 1;
}
#pickup p{
	width:560px;
	height:60px;
	background-color:black;
	color:white;
	font-size:21px;
	font-weight:500;
	padding:15px 30px 15px 110px;
}

/*news*/
#news{ 
	clear: both;
}
.article{
	overflow:hidden;
	margin-bottom:40px;
}
.article_left{
	float:left;
	padding-right:20px;
}
.article_left a:hover{
	opacity:0.8;
}
.article_right{
	float:right;
	width:460px;
}
.article_right p.news{
	font-size:12px;
	padding:5px 0px 15px 80px;
	background:url(images/icon_topics.gif);
	background-position-x: 0px;
	background-position-y: 0px;
	background-repeat: no-repeat;	
	display:inline-block;
}
.article_right p.column{
	font-size:12px;
	padding:5px 0px 15px 80px;
	background:url(images/icon_column.gif);
	background-position-x: 0px;
	background-position-y: 0px;
	background-repeat: no-repeat;	
	display:inline-block;
}
.article_right p.interview{
	font-size:12px;
	padding:5px 0px 15px 80px;
	background:url(images/icon_interview.gif);
	background-position-x: 0px;
	background-position-y: 0px;
	background-repeat: no-repeat;	
	display:inline-block;
}
.article_right p.report{
	font-size:12px;
	padding:5px 0px 15px 80px;
	background:url(images/icon_report.gif);
	background-position-x: 0px;
	background-position-y: 0px;
	background-repeat: no-repeat;	
	display:inline-block;
}
p.new-article{
	color:#E4007F;
	padding-left:5px;
	display:inline-block;
}
p.article_title{
	font-size:21px;
	height:70px;
}
p.article_title a{
	color:#333333;
	text-decoration:none;
}
.article_comment{
	overflow:hidden;
}
.article_comment img{
	float:left;
}
.article_comment a img:hover{
	opacity:0.8;
}
.article_comment p{
	padding:7px 0px 0px 90px;
	height:30px;
	background:url(images/comment_back.gif);
	background-position-x: 0px;
	background-position-y: 0px;
	background-repeat: no-repeat;	
}
.article a:hover{
	color:#E4007F;
}

/*--------------------------
sidebar
--------------------------*/
#sidebar {
	float: right;
	width: 300px;
	margin-bottom: 15px;
}
#sidebar a img:hover{
	opacity:0.8;
}
.side-box{
	margin-bottom: 40px;
}
.side-banner{
	margin-bottom: 10px;
}

.ranking-top{
	margin-bottom: 20px;
}
.free-space{
	margin-bottom: 20px;
}

/*-------------
PageTop
-------------*/
#pagetop{
	position:fixed;
	bottom:20px;
	right:50px;
	z-index: 99;
}

/*--------------------------
footer
--------------------------*/
#footer { 
	clear: both;
	padding-top: 6px;
	padding-bottom: 6px;
	border-top: 1px solid #aaa;
	background: #333333;
}
#footer a :hover{
	opacity:0.8;	
}
#footer_area{
	width: 1040px;
	margin: 0 auto;
	padding:20px 0px;
	overflow:hidden;
}	
.footer_left{
	width:370px;
	float:left;
	overflow:hidden;
}
ul.foot_navi{
	float:left;
	padding-bottom:10px;
}
ul.foot_about{
	float:right;
	padding:0px 0px 10px 20px;
}
.footer_right{
	float:right;
	padding-top:70px;
}
img.foot_concept{
	margin-top:40px;
}

/*----------------------------------------------------
投稿ページ(single.php)
----------------------------------------------------*/
.blog-page{
	overflow:hidden;
}
.blog_head{
	overflow:hidden;
}
.blog_head_inner{
	float:right;
	padding-right:40px;
}
.blog_head_inner p{
	float:left;
	font-size:14px;
	padding:8px 15px 0px 0px;
}
.blog_head_inner img{
	float:right;
}
p.blog_title{
	font-size:21px;
	font-weight:bold;
	line-height:145%;
	padding:0px 0px 20px 0px;
}
.blog_content{
	width:620px;
	padding:40px 40px;
	font-size:14px;
	line-height:160%;
}
.blog a img:hover{
	opacity:0.8;
}
/* ソーシャルプラグイン */
ul.social{
   margin: 50px -40px 20px 0px;
   float:right;
}
ul.social li{
   float: left;
}
.clearfix:after{
   content:".";
   display:block;
   height:0;
   clear:both;
   visibility:hidden;
} 
.clearfix{
   overflow:hidden;
}
/* この記事のポイント */
.article_point{
	margin-bottom:30px;
}	
.article_point img{
	margin-bottom:15px;
}
p.blog_point{
	padding:5px 0px 0px 15px;
	background:url(images/point_check.gif);
	background-position: 0px 10px;
	background-repeat: no-repeat;		
}	
/*--------------------------
reporterのボックス
--------------------------*/
#reporter_box{
	width:618px;
	border:1px solid #FBE691;
	margin:20px 0px 30px;
}
#reporter_box_inner{
	width:574px;
	padding:10px 20px 20px;
	background-color:#FDF1C4;
	margin:2px;
}
.reporter_title{
	font-size:14px;
	font-weight:600;
	padding-bottom:10px;
}
.reporter_detail{
	width:538px;
	background: url(images/bg_body.png) repeat 0 0;
	padding:20px;
}
.reporter_detail_l{
	width:110px;
	font-size:12px;
	text-align:center;
	display:inline-block;
	vertical-align:middle;
}
.reporter_detail_r{
	width:423px;
	display:inline-block;
	vertical-align:middle;
}

/*--------------------------
writerのボックス
--------------------------*/
#writer_box{
	width:618px;
	border:1px solid #FBE691;
}
#writer_box_inner{
	width:574px;
	padding:10px 20px 20px;
	background-color:#FDF1C4;
	margin:2px;
}
.writer_title{
	font-size:14px;
	font-weight:600;
	padding-bottom:10px;
}
.writer_detail{
	width:538px;
	background: url(images/bg_body.png) repeat 0 0;
	padding:20px;
}
.writer_detail_l{
	width:110px;
	text-align:center;
	display:inline-block;
	vertical-align:middle;
}
.writer_detail_l p{
	font-size:12px;
	line-height:150%;
}
.writer_detail_r{
	width:423px;
	display:inline-block;
	vertical-align:middle;
}

/* 前後の記事表示 */
#pager{
	height:100px;
	margin:40px 0px 0px 0px;
}
#pager a{
	color:#333333;
	text-decoration:none;
}
#pager a:hover{
	color:#E4007F;
}
img.pager-title{
	margin-bottom:10px;
}
.prev_post{
	float:left;
	width:260px;
	padding-right:20px;
}
.prev_post a img:hover{
	opacity: 0.8;
}
.prev_post p{
	padding:3px 0px;
}
img.small_thumbnail{
	float:left;
	margin-right:10px;	
}
.category-all{
	float:left;
	width:138px;
	height:25px;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	text-align:center;
	padding:15px 0px 20px 0px;
	margin-top:40px;
	font-weight:bold;
}
.next_post{
	float:right;
	width:260px;	
	padding-left:20px;
}
.next_post a img:hover{
	opacity: 0.8;
}
.next_post p{
	padding:3px 0px;
}

/*----------------------------------------------------
暮らしの現場ページ(sgl-report.php)
----------------------------------------------------*/
#house-data{
	margin-bottom:50px;
}
img.data-title{
	margin:20px 0px 10px;
}
.data-lr{
	margin-bottom:10px;
	overflow:hidden;	
}
.data-l{
	float:left;
	width:342px;
}
.data-r{
	float:right;
	width:278px;
}
.scroll-pane {
	overflow: auto;
	margin-bottom:20px;
	height: 100px;
	font-size:11px;
	line-height:160%;
}
.scroll-pane .jspVerticalBar {
	width: 5px;
}
.scroll-pane .jspTrack {
	background: #ccc;
}
.scroll-pane .jspDrag {
	background: #333;
}

.data-people p{
	font-size:11px;
	line-height:160%;
	margin-bottom:10px;
}

#thumbs{
	margin:30px 0px;
}
ul.thumbs noscript{
	width:355px;
}
img.house-photo{
	padding:5px 0px 5px 10px;
}

/*----------------------------------------------------
対談ページ(sgl-interview.php)
----------------------------------------------------*/
p.before-article{
	font-weight:bold;
	color:#009FE9;
}
p.after-article{
	text-align:right;
	font-weight:bold;
	color:#009FE9;	
}
#interview_box{
	width:578px;
	padding:20px;
	background-color:#FDF1C4;
	border:1px solid #FBE691;
	margin:20px 0px 30px;
}
.interview_detail{
	width:538px;
	background: url(images/bg_body.png) repeat 0 0;
	padding:20px;
	margin-bottom:3px;
}
.interview_detail_l{
	width:110px;
	display:inline-block;
	vertical-align:middle;
}
.interview_detail_r{
	width:423px;
	display:inline-block;
	vertical-align:middle;
}
p.interview-name{
	font-weight:bold;
}
p.profile{
	font-size:12px;
}
.blog_content dl{
	position:relative;
}
.blog_content dt{
	position:absolute;
	font-weight:bold;
}
.blog_content dd{
	padding-left:75px;
}
.afterword{
	font-size:12px;
	overflow:hidden;
}
p.qustion{
	font-size:16px;
	font-weight:bold;
	margin:30px 0px 15px;
	padding:20px 0px 0px 40px;
	border-top:1px dashed #CCCCCC;
	background:url(images/iv-question.jpg);
	background-position-x: 0px;
	background-position-y: 15px;
	background-repeat: no-repeat;		
}
p.think{
	font-size:16px;
	font-weight:bold;
	margin:30px 0px 15px;
	padding:20px 0px 0px 40px;
	border-top:1px dashed #CCCCCC;
	background:url(images/iv-think.jpg);
	background-position-x: 0px;
	background-position-y: 15px;
	background-repeat: no-repeat;		
}

/*----------------------------------------------------
一覧ページ(category.php)　検索結果ページ(search.php)
----------------------------------------------------*/
p.count{
	font-size:14px;
	color:#FFFFFF;
	position:absolute;
	top:10px;
	right:20px;
}
.search-title{
	width:700px;
	height:40px;
	background-color:#333333;
}
.search-title p{
	padding:10px 15px;
	color:white;
	font-size:16px;
}
.no_results{
	margin:40px 50px 0px 50px;
	font-size:12px;
	line-height:180%;
}
p.results_title{
	font-size:14px;
	color:#E4007F;
	font-weight:bold;
	padding-bottom:20px;
}
p.totop{
	color:#00A0E9;
	font-weight:bold;
	text-align:right;
	padding-top:20px;
}
p.totop a{
	color:#00A0E9;
	font-weight:bold;
	text-decoration: underline;
	text-decoration-color:#00A0E9;
}

/*PagiNavi*/
.wp-pagenavi {
	clear:both;
	margin-left:220px;
}
.wp-pagenavi a,
.pages,
.current {
	font-size:14px;
	margin-right: 6px;
	padding:4px 7px;
	color:#333;
	background: #DEDDD3;
	text-decoration: none;
	text-align:center;
}
.wp-pagenavi a:hover,
.current{
	color: #fff;
	background: #333333;
}


/*----------------------------------------------------
固定ページ
----------------------------------------------------*/
/* about */
.aboutus{
	margin:30px 0px;
	overflow:hidden;
}
.aboutus img{
	float:left;
	margin-right:20px;
}
.aboutus p{
	padding:40px 0px;
}

.reporter-line{
	overflow:hidden;
	padding:30px 0px;
	border-bottom:1px dotted #CCCCCC;
}
.reporter-noline{
	overflow:hidden;
	padding:30px 0px;
}
.line-l{
	float:left;
	width:300px;
	font-size:12px;
}
.line-r{
	float:right;
	width:300px;
	font-size:12px;
}
.line-head{
	overflow:hidden;
}
.line-head img{
	float:left;
	padding:0px 10px 5px 10px;
}
p.reporter-name{
	font-size:14px;
	font-weight:bold;
}
p.reporter-link{
	font-size:12px;
	font-weight:bold;
	padding:5px 0px;
}
/* recruit */
.blog_content_page{
	width:620px;
	padding:10px 40px 40px 40px;
	font-size:14px;
	line-height:160%;
}