@charset "utf-8";

/* -----------------------------------------------------------
CSS Information

 File name:      content.css
 Author:         replan_tk
 Style Info:     コンテンツ関連
 CSSはまだまとめ中です。
----------------------------------------------------------- */




/*--- #main
----------------------------------------------------*/

#main {
	float: left;
	width: 680px;
}

#slider{
	z-index:0 !important;	
}

/* Replanslide */
div.main_slide{
	padding: 5px 5px 0 5px;
	margin: 0 0 10px 0;
	background: #e6e6dc;
}

/* ad */
.ad {
	margin-bottom: 10px;
	background: #e6e6dc url('/img/top/title_pr.gif') no-repeat top left;
}

.ad ul {
	margin: 0 0 0 110px;
	padding: 5px;
	background-color: #fff;
	border: 3px solid #e6e6dc;
}
.ad li {font-size: 90%;}

/* n-ad */
.n-ad {
	margin-bottom: 10px;
	background: #e6e6dc url('/img/top/title_news.gif') no-repeat top left;
}

.n-ad ul {
	margin: 0 0 0 110px;
	padding: 5px;
	background-color: #fff;
	border: 3px solid #e6e6dc;
}

.n-ad li {font-size: 90%;}

#topCol{
	margin: 20px 0 0 0;
}

h2.top-title{
	margin: 0 0 10px 0;
}

.top-bana li{
	margin: 0 0 5px 0;
}

/*--- #ニュース
----------------------------------------------------*/

.newsTab dt{
	margin:3px 0 2px 0;
}

dt span.newsCate{
	padding:0 4px;
	margin: 0 10px 0 0;
	border: 1px dotted #ccc;
	background: #fef58f;
}

.newsTab dd{
	margin:0 0 5px 0;
	padding: 0 0 3px 0;
	border-bottom: dotted 1px #999;
}

#home ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	width: 330px;
}
#home ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px;
	line-height: 31px;
	border: 1px solid #999;
	border-left: none;
	margin-bottom: -1px;
	background: #e0e0e0;
	overflow: hidden;
	position: relative;
}
#home ul.tabs li a {
	text-decoration: none;
	color: #000;
	display: block;
	font-size: 12px;
	padding: 0 10px;
	border: 1px solid #fff;
	outline: none;
}
ul.tabs li a:hover {
	background: #ccc;
}	
html ul.tabs li.active, html ul.tabs li.active a:hover  {
	background: #fff;
	border-bottom: 1px solid #fff;
}
#home .tab_container {
	border: 1px solid #999;
	border-top: none;
	clear: both;
	float: left; 
	width: 330px;
	background: #fff;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	margin:0 0 10px 0;
}
#home .tab_content {
	padding: 10px;
	font-size: 12px;
}
#home .tab_content h2 {
	font-weight: normal;
	padding-bottom: 10px;
	border-bottom: 1px dashed #ddd;
	font-size: 12px;
}
.tab_content h3 a{
	color: #254588;
}
#home .tab_content img {
	float: left;
	margin: 0 20px 20px 0;
	border: 1px solid #ddd;
	padding: 5px;
}

/*-- 特集
----------------------------------------------------*/
#rep_content ul.tabs {
	margin: 10px 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	width:650px;
}
#rep_content ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px;
	line-height: 31px;
	border: 1px solid #999;
	border-left: none;
	margin-bottom: -1px;
	background: #e0e0e0;
	overflow: hidden;
	position: relative;
}
#rep_content ul.tabs li a {
	text-decoration: none;
	color: #000;
	display: block;
	font-size: 14px;
	padding: 0 10px;
	border: 1px solid #fff;
	outline: none;
}
#rep_content .tab_container {
	border-top: none;
	clear: both;
	float: left;
	background: #fff;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	margin:0 0 10px 0;
}
#rep_content .tab_content {
	padding: 10px 0 0 0;
}
#rep_content .tab_content h2 {
	font-weight: normal;
	padding-bottom: 10px;
	border-bottom: 1px dashed #ddd;
	font-size: 15px;
}

#rep_content ul.tabs li a:hover {
	background: #ccc;
}	
#rep_content ul.tabs li.active, #replan-content ul.tabs li.active a:hover  {
	background: #fff;
	border-bottom: 1px solid #fff;
}

#topColright{width: 330px;}
.featBox{margin: 5px 0 0 0;}
.featList{
	padding: 2px 0 5px 0;
	border-bottom:1px dotted #999;
	margin: 0 0 5px 0;
}
.featListImg{width:80px;	}
.featListTxt{width:250px;}

span.featListCate{
	font-weight:bold;
	font-size:11px;
	display:block;
}

h4.featListTitle{font-size: 1em;}
p.featListInfo{font-size:11px;}

/*-- 最新の相談
----------------------------------------------------*/

.npoTopbox{
	border: 1px dotted #999;
	width:308px;
	padding:10px;
	font-size: 0.9em;
	background:#fff;
}

.npoTopbox li{
	padding:2px 0 4px 0;
	margin: 0 0 5px 0;
	border-bottom: 1px dotted #999;
}

/*-- 最新の発行物
----------------------------------------------------*/

#centerCol{
	margin:20px 0;
	padding:10px;
	border: 1px dotted #999;
	background:#f3f2ef;
}

.topRep{
	margin:30px 10px 0 0;
	width:180px;
	text-align:center;
	height:80px;
}

.topRepisuu img{
	border: 1px dotted #999;
}

/*--- #リプラン関連ブログ
----------------------------------------------------*/

ul.tabs2 {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	width: 330px;
}
ul.tabs2 li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px;
	line-height: 31px;
	border: 1px solid #999;
	border-left: none;
	margin-bottom: -1px;
	background: #e0e0e0;
	overflow: hidden;
	position: relative;
}
ul.tabs2 li a {
	text-decoration: none;
	color: #000;
	display: block;
	font-size: 12px;
	padding: 0 10px;
	border: 1px solid #fff;
	outline: none;
}
ul.tabs2 li a:hover {
	background: #ccc;
}	
html ul.tabs2 li.active2, html ul.tabs2 li.active2 a:hover  {
	background: #fff;
	border-bottom: 1px solid #fff;
}
.tab_container2 {
	border: 1px solid #999;
	border-top: none;
	clear: both;
	float: left; 
	width: 330px;
	background: #fff;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	margin:0 0 10px 0;
}
.tab_content2 {
	padding: 10px;
	font-size: 12px;
}
.tab_content2 h2 {
	font-weight: normal;
	padding-bottom: 10px;
	border-bottom: 1px dashed #ddd;
	font-size: 12px;
}
.tab_content2 h3 a{
	color: #254588;
}
.tab_content2 img {
	float: left;
	margin: 0 20px 20px 0;
	border: 1px solid #ddd;
	padding: 5px;
}


div.top_news{
	margin: 0;
	padding: 0;
	font-size: 0.9em;
	background-color: #fafafa;
}

div.top_news dt{
	margin: 10px 0 3px 0;
}

div.top_news dd a{
	display:block;
	padding:0 2px 2px 0;
	border: none;
	border-bottom: dotted 1px #ccc;
}


/*--- 家づくり参考コンテンツ
----------------------------------------------------*/

.btmleft{
	width:330px;
}

.btmright{
	text-align:left;
	width:330px;
}

/*-- #sub
----------------------------------------------------*/

#contents_sub p.sub_box{
	line-height: 0;
}

#contents_sub .top-title{
	line-height: 0;
}

.sub_top{
	margin: 0 0 10px 0;
}

p.sub_box{
	margin: 3px 0 10px 0;
	background-color: #fff;
	background: rgba(255,255,255,0.7);/*t'll look nice semi-transparent */
}

div.sub_box{
	border: 1px dotted #999;
	margin: 3px 0 10px 0;
	background-color: #fff;
	background: rgba(255,255,255,0.7);/*t'll look nice semi-transparent */
}

.side_imgL{
	float: left;
	margin: 0 3px 0 0;	
}

div.sub_box3{
	border: 3px solid #e6e6dc;
	background-color:#fafafa;
}

#sub .sub_box2{
	margin: 3px 0 10px 0;
}

div.top_news2{
	width:248px;
	margin: 0;
	padding: 0;
	font-size: 0.9em;
	border: 1px dotted #999;
	background:#fff;
}


div.top_news2 dt{
	margin: 5px 0 1px 0;
	padding:0 0 0 10px;
}

div.top_news2 dd a{
	display:block;
	padding:0 2px 2px 10px;
	border: none;
	border-bottom: dotted 1px #ccc;
}


div.top_news2 dd.twitxt {
	display:block;
	padding:0 10px 2px 10px;
	border-bottom: dotted 1px #ccc;
}

div.top_news2 dd.twitxt a{
	display:inline !important;
	padding:0;
	border: none;
}

div.top_news3{
	width:200px;
	margin: 0;
	padding: 0;
	font-size: 0.9em;
	border: 1px dotted #999;
	background:#fff;
}

div.top_news3 dt{
	margin: 5px 0 1px 0;
	padding:0 0 0 10px;
}

div.top_news3 dd a{
	display:block;
	padding:0 2px 2px 10px;
	border: none;
	border-bottom: dotted 1px #ccc;
}


div.top_news3 dd.twitxt {
	display:block;
	padding:0 10px 2px 10px;
	border-bottom: dotted 1px #ccc;
}

div.top_news3 dd.twitxt a{
	display:inline !important;
	padding:0;
	border: none;
}

p.rep_news_all2 a{
	border: none;
}

p.rep_news_all2{
	text-align:right;
	border: none;
	margin: 3px 0 0 0;
}

/* sub h2 題名 */
#sub h2{
	font-size:1.2em;
	font-weight: normal;
	padding-left: 25px;
}

/* TOPアンケート */

h4.oneclick{
	margin: 5px;
	padding: 8px 0 8px 23px;
	background: url(/img/share/qmark.gif) no-repeat left center;
}

.q_data{
	margin: 0 0 0 10px;
	
}
.q_data span{
	color: #448e0c;
	font-weight:bold;	
}

h4.oneclick{
	padding: 8px 0 8px 23px;
	background: url(/img/share/qmark.gif) no-repeat left center;
}

.top_q_box{
	margin: 10px;
}

p.top_q_box textarea{
	width:220px;
	height:70px;
}



/*--------------------------------------------------*/
/*	ニュース一覧 */
/*--------------------------------------------------*/



div.news_all{
	margin: 0;
	padding: 10px 30px 0 30px;
	background-color: #fafafa;
}

div.news_all dt{
	margin: 10px 0 3px 0;
}

div.news_all dd a{
	display:block;
	padding:0 2px 2px 0;
	border: none;
	border-bottom: dotted 1px #ccc;
}

/* replanNews */

dt.rep_news{
	display:block;
	margin-top: 8px;
}

#process dd{
	display:block;
	padding:2px;
	background:url(/img/bookcart/line_l.gif) no-repeat bottom left;
}


dt.rep_news img{
	vertical-align: middle;
}

/*----------------------------------------------------*/
/*	ニュース個別 */
/*----------------------------------------------------*/

h3.rep_news{
	margin: 20px 0 0px 0;
}

.news_date{
	display:block;
	padding:2px 0 10px 0;
	margin-bottom: 10px;
	border-bottom: dotted 1px #ccc;
}

.news_date img{
	vertical-align: sub;
}

div.news_all p.news_next{
	text-align:center;
	padding: 5px;
	margin: 10px 0;
	border: dotted 1px #ccc;
	font-size: 0.9em;
}


/*----------------------------------------------------*/
/*	アンケート周り */
/*----------------------------------------------------*/

h4.oneclick{
	padding: 8px 0 8px 23px;
	background: url(/img/share/qmark.gif) no-repeat left center;
}

h4.page_titles_top{
	font-size:1.3em;
	margin: 8px 0 10px 0;
}

h4.page_titles_m{
	font-size:1.2em;
	margin: 8px 0 10px 0;
	padding-left: 25px;
	color: #4D7343;
	background: url(/img/top/i_pr.gif) no-repeat left ;
}

h4.page_titles_come{
	font-size:1.2em;
	margin: 8px 0 10px 0;
	padding-left: 25px;
	color: #4D7343;
	background: url(/img/top/i_com.gif) no-repeat left ;
}

h4.page_titles_sub{
	font-size:1.1em;
	text-align:center;
	margin: 8px 8px 5px 8px;
	padding:5px;
	background: #f6ffdd;
	border:solid 1px #e6e6dc;
}

div.enq_comments{
	margin: 10px 0 10px 3px;
}

div.enq_comments span.answer{
	display: block;
	color: #4D7343;
	font-weight: bold;
}

.enq_comments p{
	padding: 2px 0 5px 0px;
	background:url(/img/bookcart/line_l.gif) no-repeat bottom left;
}

.so-box{
	margin: 10px 0 0 0;
	padding: 10px;
	border: solid 1px #e6e6dc;
	background: #fff;
}

.r_enq{
	font-size: 1.2em;
	margin: 0 0 5px 0;
	color:#4D7343;
	padding-left: 25px;
	background: url(/img/top/i_replan.gif) no-repeat left ;	
}

/*----------------------------------------------------*/
/*	サブアンケート */
/*----------------------------------------------------*/

#contents_sub h5.oneclick{
	font-size: 1.0em;
	padding: 8px 8px 8px 23px;
	background: url(/img/share/qmark.gif) no-repeat left center;
}

#contents_sub .q_data{
	font-size: 0.9em;
}

#contents_sub .q_data span{
	color: #4D7343;
}

p.kako_enq_a a{
    display:block;
    width:220px;
    height:60px;
    text-indent:-600px;
    overflow:hidden;	
}

a.kako-enq-img{
	background: url(/img/enq/kako-enq.gif) no-repeat left top;
}

a:hover.kako-enq-img{
	background-position:0px -60px;
}


#sub_q_box{
	padding: 10px;
}

#sub_q_box textarea{
	width:200px;
	height:70px;
}

/*----------------------------------------------------*/
/*	アンケートテーブル*/
/*----------------------------------------------------*/

table.oneclick_tables {
	border: 1px solid #CCCCCC;
	border-collapse: separate;
	border-spacing: 1px;
	width: 650px;
	margin-top: 10px;
	margin-bottom: 20px;
	font-size: 1em;
	color: #666666;
}
.oneclick_tables th {
	padding: 5px;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	background-color: #E1E2E6;
}
.oneclick_tables td {
	padding: 5px;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	background-color: #EFF2F3;
}



/*----------------------------------------------------*/
/* 会社選びDATA */
/*----------------------------------------------------*/

ul#simple-menu{list-style-type:none;width:680px;position:relative;height:27px;font-family:"Trebuchet MS",Arial,sans-serif;font-size:13px;font-weight:bold;margin:20px 0 0 0;padding:0 0 0 0;}

ul#simple-menu li{
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	display:block;float:left;margin:0 0 0 3px;height:27px;}

ul#simple-menu li.left{margin:0;}

ul#simple-menu li a{display:block;float:left;color:#fff;background:#4A6867;line-height:27px;text-decoration:none;padding:0 10px 0 11px;height:27px;}

ul#simple-menu li a.right{padding-right:19px;}

ul#simple-menu li a:hover{background:#2E4560;}

ul#simple-menu li a.current{color:#2E4560;background:#fff;}

ul#simple-menu li a.current:hover{color:#2E4560;background:#fff;}

.tabContainer {
	width: 680px;
	border:1px solid #ccc;
	background: #fafafa;
}


/* 本リスト */
.tabContainer dl {
	width: 650px;
	padding: 25px 15px 15px 15px;
	/*background: url(../img/qa/bg_qa.gif) no-repeat;*/
}

/* 本１０件 */
.tabContainer dl dt {
	padding: 10px;
	/*background: url(../img/qa/q.gif) no-repeat;*/
	width: 615px;
	background-color: #ABE2FF;
	font-weight: bold;
}

.tabContainer dl dt:hover {
	background-color: #ABFF98;
	font-weight: bold;
}

/* 本詳細 */
.tabContainer dl dd {
	margin-bottom: 15px;
	padding: 10px;
	/*background: url(../img/qa/a.gif) no-repeat 0px 0px;*/
	border-bottom: 1px dotted #CCC;
	width: 615px;
}

.tabContainer div.list_s{
	padding: 20px;
}

.tabContainer div.list_t{
	width: 640px;
	padding: 10px;
}

div.list_t textarea{
	width: 500px;
}

div.list_t p{ margin: 0 0 10px 0;}

div#main div.list_t {
	width: 650px;
	padding: 15px;
	text-align:justify;
	text-justify:inter-ideograph;
	background-color: #fff;
	background: rgba(255,255,255,0.7); /*t'll look nice semi-transparent */
}

p.c_link_box{margin: 0 0 15px 0;}
.c_link_box img{float:left;}
.c_link_box span{display:block; margin-left:260px; margin-top:5px;}


/*----------------------------------------------------*/
/*	会社選び*/
/*----------------------------------------------------*/

table.datapage_tables {
	border: 1px solid #CCCCCC;
	border-collapse: separate;
	border-spacing: 1px;
	width: 680px;
	margin-top: 10px;
	margin-bottom: 20px;
	font-size: 1em;
	color: #666666;
}

.datapage_tables th {
	padding: 5px;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	background-color: #E1E2E6;
}

.datapage_tables textarea{
	width: 400px;
}

.datapage_tables td {
	padding: 5px;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	background-color: #EFF2F3;
}

ul.databs {
	margin: 8px 0 0 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px; /*--Set height of tabs--*/
	width: 100%;
}
ul.databs li {
	float: left;
	margin: 0 10px 0 0;
	padding: 0;
	height: 31px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 31px; /*--Vertically aligns the text within the tab--*/
	border: 1px solid #999;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background: #e0e0e0;
}
ul.databs li a {
	text-decoration: none;
	color: #333;
	display: block;
	font-size: 1.1em;
	padding: 0 15px;
	border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
}
ul.databs li a:hover {
	background: #ccc;
}
html ul.databs li.active, html ul.databs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #fff;
	border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
}

ul.databs li.selectA a {
	text-decoration: none;
	color: #fff;
	display: block;
	font-size: 1.1em;
	padding: 0 20px;
	border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
}

ul.databs li.selectA a:hover {
	background: #c4cd26;
}

html ul.databs li.active, html ul.databs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #fff;
	border: 1px solid #999; /*--Makes the active tab look like it's connected with its content--*/
}

.da-s-pre{
	padding: 0 20px 0 0;
}

.da-s-bra{
	padding: 0 20px 0 0;	
}

.da-s-btm input{
	height:25px;
}

#data_main{
	margin: 20px 0 10px 0;
}

.h3-title{
	padding: 0 0 0 10px;
	border-left: solid 8px #c4cd26;	
}

#data_main .h3-title{
	margin: 0 0 15px 0;
}

.data-search-table{
	margin: 8px 0 0 0;
}

.data-search{
	margin: 0 0 10px 0;
}

.data-cate{
	margin: 0 0 30px 0;
}

.data-select-btm p.txt-left{
	width:200px;
}

.data-select-btm p.txt-right{
	width:300px;
}

table.data-rslt-table{
	margin:10px 0 10px 0;
	width:680px;
	border-collapse:collapse;
	background: #fcfcfc;
	vertical-align: middle;
}

.data-rslt-table tr.da-company {
	border:dotted 1px #999;
	border-collapse:collapse;
	padding: 0 0 10px 0;
}

.da-select{
	padding: 8px 0;
	text-align: center;
	vertical-align: middle;
	width:20px;
}

.da-img{
	padding: 8px 0;
	width:72px;
	vertical-align:middle;
	text-align: center;
}

td.da-img img{
	vertical-align:middle;
	text-align: center;
}

.da-name{
	padding: 8px 0;
	width:150px;
	border-right:dotted 1px #999;
	border-collapse:collapse;
	text-align: center;
}

.da-add{
	padding: 8px 0;
	width:150px;
	border-right:dotted 1px #999;
	border-collapse:collapse;
	text-align: center;
}

.da-tel{
	padding: 8px 0;
	width:150px;
	border-right:dotted 1px #999;
	border-collapse:collapse;
	text-align: center;
}

.da-btm{
	padding: 8px 0;
	width:51px;
	vertical-align: middle;
	text-align: center;
}

.da-btm img{
	width:47px !important;
}

.noSelect{
	display:none;
}

/*-- 会社選び個別ページ
/*----------------------------------------------------*/

.bkt-left{
	width: 220px;
}

.bkt-right{
	width: 440px;
	text-align: justify;
}

.bkt-right .txt-box{
	margin: 0 0 10px 0;
}

.h4-title{
	margin: 2px 0 10px 0;
	padding: 0 0 0 10px;
	border-left: solid 8px #ccc;	
}

.data-k-top{
	margin: 0 0 20px 0;
}

.data-k-news{
	margin: 0 0 20px 0;
}

.da-work-ph img{
	margin: 0 10px 0 0;
}

.data-k-work{
	margin: 0 0 20px 0;
}

.da-iti-work{
	margin: 20px 0 0 0;
}

.data-foot-btm iLeft{
	width: 275px;
}

.data-foot-btm iRight{
	width: 385px;
}

.data-k-detail{
	margin: 10px 0 0 0;
}

.dateDay{
	clear: left;
	float: left;
	width: 130px;
}

.dataLink{
	margin-left: 7em;
	margin-bottom: 10px;
	zoom: 1;
}

/*----------------------------------------------------*/
/*	お問い合わせ関連 */
/*----------------------------------------------------*/

.toiawase_list{list-style: inside;}

.form_sample{font-size:1.1em; color: #c33f3c;}

#con_main{margin: 10px 0 10px 0;}

.con_pin{margin:10px 0 25px 0 !important; background: #f4f3f1; padding:10px; border:1px dotted #f1f1f1;}
.con_block{margin:0 0 25px 0; padding:0 0 10px 0; border-bottom:dotted 1px #ccc;}
.con_blos{width: 540px;}

.pan{margin: 0 0 10px 0;}
.cont_title{margin: 10px 0 0 0;}

/* contactTable ____________ */

#con_main table{margin:15px 0 0 0;}

#con_main table.ctd_style th { width:180px; color: #656666; background: #e5e5e5; font-weight:bold; border-bottom:2px #fff solid;}

#con_main table.ctd_style th span { display: block; padding: 10px; padding-top: 12px; }

#con_main table.ctd_style th span.must { background-image: none; display: inline; padding: 0px; color: #FF9791; }

#con_main table.ctd_style td { padding-left:10px; vertical-align: top; padding-top: 7px; padding-bottom: 2px; }

#con_main table.ctd_style.shopList { border-collapse: collapse; margin-right: 10px; margin-left: 5px; }

#con_main table.ctd_style.shopList th, #con_main table.ctd_style.shopList td { border: 1px solid #D8D8D8; padding: 5px 10px; text-align: center; background-image:none; }

#con_main table.ctd_style.shopList th { background-color: #DADCCE; color:#666; }

#con_main table.ctd_style.shopList th.shortTh { width:20px; }

#con_main table.ctd_style.shopList td { background-color:#F9F8F5; }

#con_main .ctd_style input, #con_main .ctd_style textarea, #con_main .ctd_style select { border: 1px solid #D8D8D8; padding:5px; margin-left:5px; margin-right:5px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; background-color: #fafcfc; background-repeat: no-repeat; }

#con_main .ctd_style input.yubinbtm{width: 180px;}

#con_main .ctd_style input { width: 370px ; margin-bottom:5px; }

#con_main .ctd_style input.rdobtm { width: 20px ; margin-bottom:5px; }

#con_main .ctd_style input.formShort { width: 140px !important; }

#con_main .ctd_style input.formShort02 { width: 300px !important; }

#con_main .ctd_style textarea { width: 370px !important; height:100px !important; }

#con_main .ctd_style #check input, #con_main .ctd_style .agreement input { width:auto; border:none; background:none; }

#con_main .question_submit { margin: 20px 0 0 200px; }

#con_main .question_submit input { background-color:#FAF9F5; background-repeat: no-repeat; width:100px; }

#con_main .ctd_style .question_submit input.disabled { filter: alpha(opacity=25); -moz-opacity:0.25; opacity:0.25; }

#con_main .selectbox{ }
.tipped { color: #bbb; }

#con_main .ctd_style p.tips { font-size:12px; color:#666; margin:0 0 0 10px; }

span.paund {font-size: 1.0em; color: #999999; display: block; }

#con_main p{margin:15px 0 0 0;}

/*----------------------------------------------------*/
/*	プライバシー	*/
/*----------------------------------------------------*/
.privacy_contents{
	margin: 20px 0; 
}

.privacy_midashi{
	font-size: 1.1em;
	color: #333;
}

.privacy_kaitei ul{
	text-align: right;
}

/*----------------------------------------------------*/
/*	会社概要 */
/*----------------------------------------------------*/

table.about_tables {
	border: 1px solid #CCCCCC;
	border-collapse: separate;
	border-spacing: 1px;
	width: 600px;
	margin-top: 10px;
	margin-bottom: 20px;
	font-size: 1em;
	color: #666666;
}

.about_tables th {
	padding: 5px;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	background-color: #E1E2E6;
	width: 30%;
}

.about_tables td {
	padding: 5px;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	background-color: #EFF2F3;
	width: 70%;
}



/* --------------------------------------------------------*/
/*	プロが教えるここだけの話*/
/* -------------------------------------------------------- */

ul#simple-menux{list-style-type:none;width:680px;position:relative;height:27px;font-family:"Trebuchet MS",Arial,sans-serif;font-size:13px;font-weight:bold;margin:0 0 0 0;padding:0 0 0 0;}

ul#simple-menux li{
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	display:block;float:left;margin:0 0 0 3px;height:27px;}

ul#simple-menux li.left{margin:0;}

ul#simple-menux li a{display:block;float:left;color:#fff;background:#4A6867;line-height:27px;text-decoration:none;padding:0 10px 0 11px;height:27px;}

ul#simple-menux li a.right{padding-right:19px;}

ul#simple-menux li a:hover{background:#2E4560;}

ul#simple-menux li a.current{color:#2E4560;background:#fff;}

ul#simple-menux li a.current:hover{color:#2E4560;background:#fff;}

.pro_title{
	text-align:left;
	margin:10px 10px 10px 0px;
	padding:0px 0px 0px 0px;
	}
	
.pro_setumei{
	margin:20px;
	}

.pro_area{
	width:340px;
	margin:10px 0px 20px 0px;
	padding:5px 5px 5px 5px;
	border:0px solid #cccccc;
	}

.kojin_area{
	width:300px;
	margin:10px 0px 20px 10px;
	padding:5px 5px 5px 5px;
	border:0px solid #cccccc;
	}

.pro_ichiran ul{
	list-style-type: disc;
	font-size:0.9em;
	padding:0em 1.5em;
	list-style-image:url(../img/caption_blue.gif);
	}

.pro_ichiran li{
	padding:0.3em 0.5em;
	}

.sesyu_sakusya{
	color:#000000;
	}
	
.dummy{
	clear:both;
	margin:30px 0px 30px 0px;
	}

.dummy_2{
	clear:both;
	}

.menber{
	/* メンバー枠全体の高さ */
	clear:right;
	margin:0px 0px 20px 0;
	padding:10px;
	border:3px solid #cccccc;
	 }
 
 .men_title{
	height:20px;
	padding:5px 0px 5px 5px;
	font-size:1.2em;
	 }
 
.men_title_l{
	/* 高さ、幅 */
	height:20px;
	width:50%;
	float:left;
	 }
 
 .men_title_r{
	/* 高さ、幅 */
	height:20px;
	padding:0px 5px 0px 0px;
	/* 文字色 */
	color:#aaa;
	/* 文字の大きさ */
	font-size:1.2em;
	text-align:right;
	float:right;
	 }
 
 
  .men_middle{
	/* 高さ、幅 */
	padding:0px 0px 0px 0px;
	margin:5px 0px 0px 5px;
	border:0px solid #ff0000;
	width:650px;
	border:0px solid #ff0000;
	clear:both;
	 }
	 
.men_photo{
	/* 高さ、幅 */
	height:125px;
	padding-right:20px;
	/* 文字色 */
	color:#eee;
	/* 背景色 */
	background-color:#ffffff;
	float:left;
	border:0px solid #ff0000;
	 }
	 
.men_prof{
	width:450px;
	float:left;
	font-size:1em;
	 }	 
	 
.men_history{
	padding:5px 15px 3px 15px;
	margin:6px 0px 0px 0px;
	/* 背景色 */
	/* 文字サイズ固定 */
	font-size:0.9em;
	 }
	 
#sesyu_link{
	margin:10px 10px 10px 10px;
	padding:0px 0px 0px 15px;
	/* 仮枠 */	
	border:0px solid #ff0000;
	}
	
#sesyu_link ul{
	list-style-type: disc;
	font-size:1.1em;
	list-style-image:url(../img/caption_blue.gif);
	padding:1.0em 0.5em;
	}

.sesyu_setumei{
	font-size:0.9em;
	color:#6c6a6a;
	}

.sesyu_sakusya{
	font-size:1em;
	color:#000000;
	}	 
	

/* -------------------------------------------------------- */
/*	ニュース	*/
/* -------------------------------------------------------- */

.news{
	margin:0px 0px 30px 0px;
	padding:10px;
	border:1px solid #cccccc;
	}

.news_top{
	margin:0px 0px 5px 0px;
	padding:5px 30px 5px 0px;
	/* 背景画像 */	
	}

.link_contents{
	margin:0px 0px 5px 0px;
	padding:5px 5px 0px 5px;
	}

.link_title{
	width:22%;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	float:left;
	}

.link_title p{
	font-size:1.0em;
	color:#000000;
	}
	
.link_text{
	width:75%;
	margin:0px 0px 5px 0px;
	padding:0px 5px 0px 5px;
	float:right;
	}

.link_text p{
	font-size:0.8em;
	color:#000000;
	}

.dummy{
	clear:both;
	}
	
/* -------------------------------------------------------- */
/*	最新設備機器	*/
/* -------------------------------------------------------- */

div.left_box{
	background: #f1f1f1;
	height:205px;
	text-align: center;
}

div.left_box img{
	margin-top: 25px;
}

div.saishin_box div.left_box{
	width:150px;
	float:left;
}

div.saishin_box div.right_box{
	width:480px;
	margin: 0 0 0 10px;
	float:right;
	line-height: inherit;
}

p.saishin_text{
	margin-top: 10px;
}

p.saishin_corp{
	margin-top: 10px;
	font-size: 0.9em;
}

/* -------------------------------------------------------- */
/*	家づくり安心知識 know	*/
/* -------------------------------------------------------- */


#process{
	margin: 10px 0;
}

#process dd.mi{
	color: #ccc;
}

#process dt{
	display:block;
	font-size: 1.1em;
	color: #333;
	padding:10px;
	border: solid 1px #e6e6dc;
	margin: 10px 0 ;
	background: #EDF3DA;
}

#process dd{
	margin: 4px 0 4px 10px;
}

#process p{
	margin-bottom:20px;
}

#process_h3{
	font-size: 1.2em;
	color:#4D7343;
}

#process h4{
	font-size: 1.1em;
	margin: 8px 0 10px 0;
	color:#4D7343;
	padding-left: 25px;
	background: url(/img/top/i_pr.gif) no-repeat left ;
}

.process_navi{
	text-align: center;
	padding: 10px;
	margin: 20px 0;
	border: dotted 1px #e6e6dc;
	background: #EDF3DA;
}

#process div.p_column{
	margin: 20px 10px;
	padding:10px;
	background: #fdf2e2;
	border: dotted 1px #e6e6dc;
}

#process h5.sub_column{
	font-size: 1.1em;
	color:#4D7343;
	margin: 0 0 15px 0;
	padding-left: 25px;
	background: url(/img/top/i_blog.gif) no-repeat left ;
}

.process_b{
	font-weight: bold;
}

.process_red{
	color: #e9635a;
}

.knowh5{
	font-size:1em;
	color: #57a938;
	}
	
.know-left{
	width:250px;
	float:left;
}

.know-right{
	width:350px;
	float:right;
}

.know-box{
	padding: 10px;
	background: #f5f7ee;
	border: solid #bfdf96 1px;
}

/*----------------------------------------------------*/
/*	会社概要 */
/*----------------------------------------------------*/

table.know_tables {
	border: 1px solid #CCCCCC;
	border-collapse: separate;
	border-spacing: 1px;
	width: 630px;
	margin-top: 10px;
	margin-bottom: 20px;
	font-size: 1em;
	color: #666666;
}

.know_tables th {
	padding: 5px;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	background-color: #E1E2E6;
	width: 30%;
}

.know_tables td {
	padding: 5px;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	background-color: #EFF2F3;
}



/* -------------------------------------------------------- */
/*	読者の声	*/
/* -------------------------------------------------------- */

.voice_col{
	margin: 10px 0 5px 0;
	padding: 20px;
	border: solid 1px #e6e6dc;
}

h4.u_voice{
	font-size: 1.1em;
	margin: 10px 0 10px 0;
	color:#4D7343;
	padding-left: 25px;
	background: url(/img/top/i_man.gif) no-repeat left ;
}

.u_voice span{
	font-size: 0.9em;
	color:#aaa;
}

.u_voice_txt{
	line-height: 1.6;
}

.u_info{
	font-weight: bold;
}

.r_voice{
	font-size: 1.1em;
	margin: 15px 0 5px 0;
	color:#4D7343;
	padding-left: 25px;
	background: url(/img/top/i_replan.gif) no-repeat left ;	
}

.r_voice_txt{
	line-height: 1.5;
}

h4.r_from{
	font-size: 1.1em;
	margin: 15px 0 5px 0;
	color:#4D7343;
	padding-left: 25px;
	background: url(/img/top/i_pr.gif) no-repeat left ;
}

.voice_form h4{
	font-size: 1.1em;
	margin: 15px 0 5px 0;
	color:#4D7343;
	padding-left: 25px;
	background: url(/img/top/i_blog.gif) no-repeat left ;
}

.voice_form p{
	margin: 8px 0 8px 0;
}

.v_form_b{
	font-weight: bold;
}



/* ---- 子供の絵 from kids
------------------------------------------- */


div#child_pics{
	margin: 15px 0 10px 0;
	padding: 10px;
	background: #eee;
}

div#child_pics:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

div#child_pics div.child_box{
	text-align: center;
}

div.child_box{
	float: left;
	background: #fff;
	margin: 5px 5px;
	padding-top: 5px;
	width:140px;
	height:200px;
}

.child_box p{
	font-size: 11px;
}

h4.light_pic{
	font-size: 1.1em;
	margin: 8px 0 10px 0;
	color:#4D7343;
	padding-left: 25px;
	background: url(/img/top/i_pr.gif) no-repeat left ;
}

/*--- 北海道の建築家
----------------------------------------------------*/

#archi-head{
	
}

#archi-head-siryou{
	height: 40px;
}

.arch-prof{
	float: left;
	text-align:center;
	width: 120px;
}

.arch-prof-img{
	padding: 10px;
	background: #ccc;
}

.arch-prof-txt{
	float:left;
	padding: 0 10px;
	width: 410px;
}

.arch-prof-siryou h2{
	font-size: 20px;
}

.arch-prof-siryou{
	float:left;
	padding: 5px 0 0 0;
	width: 350px;
}

#archi-head-siryou .arch-prof-right{
	margin: 0 20px 0 0;
	width: 200px;
	float:right;
	text-align:center;
}

.arch-prof-txt p{
	margin-bottom: 5px;
}

.arch-prof-txt2 {
	float: left;
	width: 490px;
	text-align:justify;
	text-justify:inter-ideograph; 
	margin: 0 0 0 10px;
}

.arch-info{
	font-size: 11px;
	font-weight: bold !important;
	color:#829f29;
}

.arch-prof-right{
	float:right;
	text-align:center;
}

.a_itiran{
	padding: 7px;
	margin-bottom: 3px;
	font-size: 0.9em;
	background: #76c7d4;
	color: #fff;
}

.a_itiran a{
	background: #76c7d4;
	color: #fff;
}

.a_itiran a:visited{
	background: #76c7d4;
	color: #fff;
}

.a_itiran a:hover{
	background: #83e1f0;
	color: #fff;
}

.a_sakuhinn{
	padding: 7px;
	margin-top: 3px;
	font-size: 0.9em;
	margin-bottom: 3px;
	background: #b1d64b;
	color: #fff;
}

.a_sakuhinn a{
	background: #b1d64b;
	color: #fff;
}

.a_sakuhinn a:visited{
	background: #b1d64b;
	color: #fff;
}

.a_sakuhinn a:hover{
	background: #c7ef56;
	color: #fff;
}

.a_shiryou{
	padding: 7px;
	background: #d78ea6;
	color: #fff;
}

.a_shiryou a{
	background: #d78ea6;
	color: #fff;
}

.a_shiryou a:visited{
	background: #d78ea6;
	color: #fff;
}

.a_shiryou a:hover{
	background: #f7a3bf;
	color: #fff;
}

#harchi h3{
	font-weight: normal;
	color: #829f29;
}

.ha_line{
	padding: 0 0 0 80px;
	background: url(/img/bookcart/line_l.gif) no-repeat left bottom;
}

.ha_name{
	background:url(/img/other/hokkaidoarch/1name.gif) no-repeat center left;
}

.ha_company{
	background:url(/img/other/hokkaidoarch/2company.gif) no-repeat center left;
}

.ha_url{
	background:url(/img/other/hokkaidoarch/3url.gif) no-repeat center left;
}

.ha_address{
	background:url(/img/other/hokkaidoarch/4address.gif) no-repeat center left;
}

.ha_tel{
	background:url(/img/other/hokkaidoarch/5tel.gif) no-repeat center left;
}

.ha_concept{
	margin: 5px 0 20px 0;
}

.ha_keireki{
	width:310px;
	float:left;
}

.ha_tokui{
	width:310px;
	float:right;
}

.ha_takui2{
	margin: 10px 0 0 0;
}

table.ha_nen{
	margin: 10px 0 0 0;
}

td.ha_gou{
	width:20%;
	font-size: 0.9em;
	vertical-align: top;
}

td.ha_syou{
	padding: 0 0 3px 13px;
	vertical-align: top;
}

#ha_ph {margin: 20px 0px 0px 5px;}
.ha_photo {float: left; margin: 0 13px 15px 3px;}
.ha_photo a img {margin: -3px; border: 3px solid #d8d9d3; overflow: hidden;}
.ha_photo a:hover {background: none;}
.ha_photo a:hover img {margin: -6px; border: 6px solid #9dcc22;}

#archi-list h3{
	margin:0 0 0 12px;
	padding:0 0 0 14px; 
	border-left:solid 7px #8cc63e;
}

#archi-list:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

.ha-read{
	text-align: center;
}

.arch-prof-img-list{
	padding: 5px;
	background: #ccc;
}

.ha_lists{
	float: left;
	width:120px;
	height:170px;
	background: #fff;
	margin: 0 5px 10px 5px;
}

div.ha_lists:hover{
	background: #e7ffde;
}

.ha_list_left{
	text-align: center;
}

p.ha_list_right{
	width: 120px;
	text-align: center;
}

.ha_kname{
	color: #3b3b3b;
}

.ha_comname{
	display: block;
	font-size: 11px;
	line-height: 1.1em;
}

.ha-siryou img{
	margin-right:10px;
	float:left ;
}

.ha-siryou li{
	margin:0 0 10px 0;
}

.ha-siryou li span{
	vertical-align: middle;
}

table#cart-table{
	width: 600px;
}

/* ---- サイトマップ
----------------------------------------------- */

#sitemap dt{
	display:block;
	font-size:1.2em;
	font-weight: normal;
	padding-left: 25px;
	margin: 10px 0 10px 0;
}

#sitemap dd{
	display:block;
	padding: 0 0 5px 0;
	margin: 0 0 0 30px;
	background: none;
	/* background: url(../img/share/list_site1.gif) no-repeat left center; */
}

.sitemap_left{
	display: block;
	width:300px;
	float: left;
}

.sitemap_right{
	display: block;
	width:300px;
	float: left;
}

#sitemap h4.sub_m {
	font-size: 1.2em;
	font-weight:normal;
	margin: 8px 0 10px 0;
	padding-left: 25px;
	background: url(/img/top/i_chart.gif) no-repeat left ;
}

#sitemap dt.sub_a {
	background: url(../img/top/i_man.gif) no-repeat left ;
}

#sitemap dt.sub_b {
	background: url(../img/top/i_kaisya.gif) no-repeat left ;
}

#sitemap dt.sub_c {
	background: url(../img/top/i_anq.gif) no-repeat left ;
}

#sitemap dt.sub_d {
	background: url(../img/top/i_book.gif) no-repeat left ;
}

#sitemap dt.sub_e {
	background: url(../img/top/i_mob.gif) no-repeat left ;
}

#sitemap dt.sub_f {
	background: url(../img/top/i_q.gif) no-repeat left ;
}

#sitemap dt.sub_g {
	background: url(../img/top/i_pr.gif) no-repeat left ;
}

#sitemap dt.sub_h {
	background: url(../img/top/i_news.gif) no-repeat left ;
}

#sitemap dt.sub_i {
	background: url(../img/top/i_blog.gif) no-repeat left ;
}

#sitemap dt.sub_j {
	background: url(../img/top/i_info.gif) no-repeat left ;
}

#sitemap dt.sub_k {
	background: url(../img/top/i_info.gif) no-repeat left ;
}

#sitemap dt.sub_l {
	background: url(../img/top/i_exc.gif) no-repeat left ;
}

#sitemap dt.sub_m {
	background: url(../img/top/i_monitor.gif) no-repeat left ;
}


/*---- *キッチンアラカルト 
----------------------------------------------------*/

#kitchen-body{
	background: #fcfcfc;
}

#kitchen-body #kitchen-contents{
	width: 650px;
	margin: 10px auto 0 auto;
}

#kitchen-img-box{
	width:700px;
	background: #f3f3f3;
	padding: 0 0 20px 0;
}

#kitchen-img-box img{
	border: solid  5px #ccc;
}

#kitchen-info h2{
	font-size: 1.3em;
}

#kitchen-info{
	background: #f3f3f3;
	width: 100%;
	padding: 20px 0 0 0;
	margin: 10px 0 10px 0;
}

.kitchen-box-box {
	display: block;
}

#kitchen-box {margin: 10px 0px 0px 40px;}
.ki_lists {float: left; margin: 0 13px 15px 3px;}
.ki_lists a img {margin: -3px; border: 3px solid #ccc; overflow: hidden;}
.ki_lists a:hover {background: none;}
.ki_lists a:hover img {margin: -6px; border: 6px solid #be5142;}

#issuu-bottom{
	width:600px;
	border: 1px solid #ccc;
	padding: 10px;
	margin: 0 auto;
}

#issuu-bottom p{
	margin-left: 90px;
}

/* --- 住まいの用語辞典
----------------------------------------------- */

#page-wrap	{ width: 600px; margin:20px 0 0 0;}

.faq-title{
	margin: 10px 0 5px 0;
	padding: 0 0 0 10px;
	font-size: 1.2em;
	border-left: 5px solid #99cd5a;
}

dl.faq				{ clear: both; margin: 0 0 40px 0;  background: url(../img/bookcart/line_l.gif) no-repeat 0 bottom; }

dt.faq-q			{ border: 3px solid #ddd; padding: 10px; background: white; 
					  position: relative; 
					  display: block; width: 100%; height: auto;
	font-weight: bold;
}
					
dd.answer			{ background: white; 
					  position: relative; width: 90%; float: right; }
					  
dd.answer div		{ padding: 10px; border-left: 3px solid #dedede;
                      border-right: 3px solid #dedede; border-bottom: 3px solid #dedede;
                      margin: 0 0 10px 0; }

.answer-tab		    { background: url(../img/other/kaisetu1.gif) no-repeat; display: block; 
                      text-indent: -9999px; width: 45px; height: 30px; cursor: pointer;
                      position: absolute; bottom: -32px; left: 5px;}

/*--- *ページネイション（ページ送り） 
----------------------------------------------------*/
/*
Plugin Name: WP-Digg Style Paginator
Plugin URI: http://www.mis-algoritmos.com/2007/09/09/wp-digg-style-pagination-plugin-v-10/
Author: Victor De la Rocha
Author URI: http://www.mis-algoritmos.com
*/
/*Scott*/
div.pagination {
	padding:3px;
	margin:3px;
	text-align:center;
}

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #ddd;
	
	text-decoration: none; 
	color: #88AF3F;
}

div.pagination a:hover, div.pagination a:active {
	border:1px solid #85BD1E;
	color: #638425;
	background-color: #F1FFD6;
}

div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #B2E05D;
	font-weight: bold;
	background-color: #B2E05D;
	color: #FFF;
}

div.pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #f3f3f3;
	color: #ccc;
}

/*--- *Wii風味ボタン
----------------------------------------------------*/

a.button {
    /* Sliding right image */
    background: transparent url('../img/share/button_right_04.png') no-repeat scroll top right; 
    display: block;
    float: left;
    height: 35px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
    margin-right: 6px;
    padding-right: 20px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
    /* FONT PROPERTIES */
    text-decoration: none;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-size:12px;
    font-weight:bold;
}

a.button span {
    /* Background left image */ 
    background: transparent url('../img/share/button_left_04.png') no-repeat; 
    display: block;
    line-height: 22px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
    padding: 7px 0 5px 18px;
} 

a.button:hover span{
    text-decoration:underline;
}


/* -- エコ住宅Q1.0企業 
----------------------------------------------------*/

.wslide-menu{
	padding-top: 5px;
}

#workphoto li{
}

#workphoto-menu a{
	padding: 0 3px;
	background: #eeeeee;
}

#workphoto-menu a:hover, #workphoto-menu a.wactive{
	background: #5c5c5c;
	color: #eeeeee;
}

/*-- Replanとは
----------------------------------------------------*/

.moji{
	display:block;
	font-size:1.2em;
	padding: 0 0 0 10px;
	margin: 0 0 7px 0
}
.b_pink{ border-left: 5px solid #f19bae; }
.b_red{ border-left: 5px solid #ea5541; }
.b_blue{ border-left: 5px solid #9ad1de; }
.b_green{ border-left: 5px solid #a0c23a; }
.b_org{	border-left: 5px solid #f4a352;	}

/*-- Wordpressモノ
----------------------------------------------------*/

.memo-title{
	font-size: 1.2em;
}

.info{
	color:#aaa;
	font-size:0.9em;
	margin: 0 0 10px 0;
}

.memo-box-list{
	margin: 0 0 15px 0;
	border-bottom: dotted 1px #999;
}


.memo-content img{
	max-width:650px;
	max-height:650px;
	border: 1px dotted #999;	
}

.memo-content{
	margin: 0 0 10px 0;
	text-align:justify;
	text-justify:inter-ideograph;
	line-height:1.6;
}


li.comment{
	border-bottom: dotted 1px #999;
	margin: 0 0 10px 0;
}

.comments{
	font-weight: bold;
}

.comment-title{
	padding: 0 0 5px 0;
}

.comment-mainbody{
	margin: 0 0 10px 0;
}

.comment-author{
	width:50px;
	float:left;
}

.comment-meta{
	width: 500px;
	padding: 8px 0 0 0;
	float:left;
}

.comment-p{
	padding: 7px 0 7px 0;
}

#respond textarea{
	width:650px;
	height:150px;
	border: none;
	background-color: #e6e7e1;
}

#respond input#author{
	height:20px;
	border: none;
	background-color: #e6e7e1;	
}

#respond input#email{
	height:20px;
	border: none;
	background-color: #e6e7e1;	
}

#respond input#url{
	height:20px;
	border: none;
	background-color: #e6e7e1;	
}

#respond p{
	margin: 0 0 5px 0;
}

.navigation-foot {
	display: block;
	border-top: dotted 1px #999;
	padding:5px 0;
	margin: 10px 0 10px 0;
	}

.navigation-foot div.alignleft{
	width:320px
}

.navigation-foot div.alignright{
	width:320px
}

/*-- ReplanTV
----------------------------------------------------*/

#tv_single #footer{
	width:680px;
	text-align:left;
	margin: 0 auto 0 auto;
}

#tv_single #footer p.copy{
	float:none;
}

#tv_single #footer ul{
	float:left;
}

#tv #tv_contents{
	text-align:left;
	width:680px;
	margin: 20px auto 0 auto;
}

#tv_main{
	width:680px;
	height:385px;
	background: url(/img/tv/mainback.gif) no-repeat left;
	margin: 0 0 10px 0;
}

.tv_list{
	
}

.tv_mov{
	padding: 15px 8px 15px 15px;
	width:380px;
}

.tv_mov h3{
	padding: 10px 0 10px 30px;
	background: url(/img/tv/newlogo.gif) no-repeat left;
}

.reco_listbox{
	padding: 5px;
	margin: 25px 10px 0 0;
	width:250px;
	border: #ddd solid 1px;
}

.reco_title{
	margin: 10px 0 15px 0;
}

.reco_list{
	margin:0 0 13px 0;
}

.reco_img{
	margin: 0 10px 0 0;
}

.reco_txt span{
	font-size: 11px;
}

.reco_txt h5{
	font-size: 12px;
}

.tvline_0{
	padding:0 0 0 19px;
	background: url(/img/tv/st-d.gif) no-repeat left;
}


.tvline_1{
	padding:0 0 0 19px;
	background: url(/img/tv/st-e.gif) no-repeat left;
}

.tvline_2{
	padding:0 0 0 19px;
	background: url(/img/tv/st-a.gif) no-repeat left;
}

.tvline_3{
	padding:0 0 0 19px;
	background: url(/img/tv/st-c.gif) no-repeat left;
}

.tvline_4{
	padding:0 0 0 19px;
	background: url(/img/tv/st-b.gif) no-repeat left;
}

.tvline_5{
	padding:0 0 0 19px;
	background: url(/img/tv/st-f.gif) no-repeat left;
}

.tvline_list{
	display:block;
	padding:15px;
	border: dotted #999 1px;
	margin: 0 0 10px 0;
}

.reco_line{
	width:680px;
	height:41px;
	background: url(/img/tv/reptv-line.gif) no-repeat left;
	margin: 0 0 20px 0;
	color:#fff;
}

.reco_line p{
	padding:13px 0 0 13px
}

#tv_lineup{
	width:220px;
	height:250px;
	padding: 0 5px 0 0;
}

.lineup_txt{
	width:205px;
	font-size: 11px;
	margin: 0 3px;
	text-align: justify;
}

.tv_date{
	font-size:10px;
}

.ch_title{
	padding: 10px;
	margin: 0 0 15px 0;
	border: dotted 1px #ccc;
}

.ch_title_1{
	height:18px;
	padding: 0 0 0 20px;
	margin: 0 0 10px 0;
	background: url(/img/tv/st-e.gif) no-repeat left;
}

.ch_title_2{
	height:18px;
	padding: 0 0 0 20px;
	margin: 0 0 10px 0;
	background: url(/img/tv/st-a.gif) no-repeat left;
}

.ch_title_3{
	height:18px;
	padding: 0 0 0 20px;
	margin: 0 0 10px 0;
	background: url(/img/tv/st-c.gif) no-repeat left;
}

.ch_title_4{
	height:18px;
	padding: 0 0 0 20px;
	margin: 0 0 10px 0;
	background: url(/img/tv/st-b.gif) no-repeat left;
}

.ch_title_5{
	height:18px;
	padding: 0 0 0 20px;
	margin: 0 0 10px 0;
	background: url(/img/tv/st-f.gif) no-repeat left;
}

.tv_lineup_title_1{
	height:16px;
	padding: 0 0 0 18px;
	margin: 0 0 8px 0;
	background: url(/img/tv/st-e.gif) no-repeat left;
}

.tv_lineup_title_2{
	height:16px;
	padding: 0 0 0 18px;
	margin: 0 0 8px 0;
	background: url(/img/tv/st-a.gif) no-repeat left;
}

.tv_lineup_title_3{
	height:16px;
	padding: 0 0 0 18px;
	margin: 0 0 8px 0;
	background: url(/img/tv/st-c.gif) no-repeat left;
}

.tv_lineup_title_4{
	height:16px;
	padding: 0 0 0 18px;
	margin: 0 0 8px 0;
	background: url(/img/tv/st-b.gif) no-repeat left;
}

.tv_lineup_title_5{
	height:16px;
	padding: 0 0 0 18px;
	margin: 0 0 8px 0;
	background: url(/img/tv/st-f.gif) no-repeat left;
}

.tv_box{
	margin: 0 auto;
}

.tv_box h5{
	font-size: 13px;
	margin: 4px 3px 0 3px;
}

.mov_title{
	height:17px;
	border-left: 15px solid #5db4e8;
	padding: 0 0 0 20px;
	margin: 0 0 10px 0;
}

.mov_it{
	width: 660px;
	padding:10px;
	text-align: center;
	margin: 0 auto 15px auto;
	background-color: #f1f1f1;
}

.foot-top{
	float:left;
	padding: 3px 10px 3px 10px;
	font-size:11px;
	margin:0 10px 0 0;
	background-color: #666;
}

.foot-top a, .foot-top a:visited{
	color: #fff;
	text-decoration: none;
}

.foot-top a:hover{
	color: #fff;
	text-decoration: underline;
}

.tv_title_toha{
	text-align:center;
	color: #fff;
	background: #5db4e8;
	padding: 5px;
	margin: 10px 0;
}

.tv_list_toha{
	font-size:14px;
	font-weight: bold;
	margin: 0 0 15px 10px;
}

.tv_list_toha dd{
	font-weight: normal;
	font-size:12px;
	margin-bottom: 8px;
}

.memo_content p{
	margin: 2px 0 10px 0;
}

/* -- ブログ用 
----------------------------------------------------*/

div.rep_cmt{
	margin: 20px 0 0 0;
	padding: 20px 0;
	background-color: #f4f5e6;}

.rep_cmt p{
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	border: 3px solid #e5e7e8;
	background-color: #fff;
	margin: 0 20px 10px 20px !important;
	padding-top:10px;
	padding-right: 10px;
	padding-bottom: 10px;
}

.web1_rep{
	background: url(http://www.replan.ne.jp/img/blog/rep.jpg) no-repeat 10px 10px;
	padding-left:90px;
	min-height: 60px;
}

.web1_sudo{
	background: url(http://www.replan.ne.jp/img/blog/sudo.jpg) no-repeat 10px 10px;
	padding-left:90px; 
	min-height: 60px;
}

.web1_kura{
	background: url(http://www.replan.ne.jp/img/blog/kura.jpg) no-repeat 10px 10px;
	padding-left:90px; 
	min-height: 60px;
}

.web1_horio1{
	background: url(http://www.replan.ne.jp/img/blog/horiosan1.jpg) no-repeat 10px 10px;
	padding-left:90px; 
	min-height: 60px;
}

.web1_horio2{
	background: url(http://www.replan.ne.jp/img/blog/horiosan2.jpg) no-repeat 10px 10px;
	padding-left:90px; 
	min-height: 60px;
}

.web1_kura1{
	background: url(http://www.replan.ne.jp/img/blog/kura2.jpg) no-repeat 10px 10px;
	padding-left:90px; 
	min-height: 60px;
}


.page_titles_dc {padding:0 0 0 15px; border-left:10px solid #638314; font-size:1.1em; margin: 0 0 10px 0;}

.entry_dc h2{font-weight: normal; font-size:1em;}

.list_t_dc{
	width: 650px;
	padding: 15px;
	text-align:justify;
	text-justify:inter-ideograph;
	background-color: #fff;
}

/* -- 共通 
----------------------------------------------------*/

.brd{
	border:	dotted 1px #999 !important;
}

.book_read{
	line-height:1.5;	
}

div.bookline{
	background:url(/img/bookcart/line_l.gif) no-repeat top left;
	height:2px;
}

.youtubel{
	padding: 8px;
	border: solid 1px #e6e6dc;
	margin-right: 10px;
}

.youtube{
	padding: 8px;
	border: solid 1px #e6e6dc;
}

.head-navi{
	margin-bottom: 20px;
	text-align: center !important;
}

div.foot-navi{
	width:100%;
	margin:20px 0 20px 0;
	text-align: center !important;
}

/*汎用テーブル*/
table.free_tables{ width:650px; border:dotted 1px #ccc;}
.free_tables th{font-weight:bold; padding: 10px 10px; border:dotted 1px #ccc;}
.free_tables td{padding: 10px 10px; border:dotted 1px #ccc;}

/*Addition*/
.accordion h5,.mouseover h5{background:#CCC; padding:10px; font-size:18px; margin: 20px 0 10px 0;}
.accordion h5 a,.mouseover h5 a{color:#000; }
h6.risai2{ font-size:15px; margin: 20px 0 3px 0; color:#018942; border-left: solid 5px #018942; border-bottom:dotted 1px #ccc; padding:0 0 5px 10px; }
.accordion p,.mouseover p{padding:5px; margin:0;}
.accordion img{margin: 15px 0 0 0;}
ul.risai{list-style:disc !important; margin: 0 5px 0 20px;}
strong.risai_h1{display:block; font-size:15px; font-weight: bold; margin:10px 0 5px 0;}
strong.risai_h2{display:block; font-weight:bold; font-size:14px; color:#018942; margin: 0 0 0 -10px;}
strong.risai_h3{font-weight:bold;}
p.risai_red{background: #ea5834; padding:10px!important; color:#fff; margin: 10px 0 30px 0 !important;}
.risai_red span{ display:block; color:#fff; font-size:16px; text-align:center;}
.accordion dt {padding:10px; font-size:18px; margin: 20px 0 10px 0; font-weight:bold; cursor:pointer; background-color: #aab0ab; background-image:url(../js/accordion/images/arrow_down.gif); background-position: 620px center; background-repeat:no-repeat;}
.accordion dt:hover {background-color: #959793}
.accordion .open {background-color: #959793; background-image:url(../js/accordion/images/arrow_up.gif)}
.accordion dd {overflow:hidden; background:#fff}
.accordion dt a{ color:#fff !important;}

h6.risaiq1{ font-size:15px; margin: 20px 0 3px 0; color: #1a6a8b; border-left: solid 5px #1a6a8b; border-bottom:dotted 1px #ccc; padding:0 0 5px 10px; }
h6.risaiq1 .q1q{color: #1a6a8b; font-weight:bold;}
p.risaiq2 .q2a{color: #a83c0d; font-size:15px; font-weight:bold;}

/* web特集トップ*/
#webtokusyu{width:650px;}
.webtokusyuBox{margin: 5px 0 0 0;}
.webtokusyuList{padding: 2px 0 5px 0;border-bottom:1px dotted #ccc;margin: 0 0 5px 0;}
.webtokusyuListTxt{width:550px;}
.webtokusyuListImg{width:80px;}
span.webtokusyuListCate{font-weight:bold;font-size:11px;display:block;}
h4.webtokusyuListTitle{font-size: 1em;}
p.webtokusyuListInfo{font-size:11px;}
.second_title{margin-top:40px !important;}


.ml10{margin-left:10px;}
.mt3{margin-top:3px;}
.mt5{margin-top:5px;}
.mt8{margin-top:8px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt80{margin-top:80px;}
.mb3{margin-bottom:3px;}
.mb5{margin-bottom:5px;}
.mb8{margin-bottom:8px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb25{margin-bottom:25px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb80{margin-bottom:80px;}