@charset"utf-8";

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

 File name:      content.css
 Author:         replan_tk
 Style Info:     コンテンツ関連
----------------------------------------- */


/*  body
----------------------------------------------------*/



div#page {
	width:950px;
	padding:0;
	margin:0 auto;
	text-align: left;
}

span#navSkip {
	display:none;
	position: absolute;
	top: 0;
	left: 0;
}

#contents .pageTop {
	clear: both;
	text-align: right;
}


div#contents div#main{
	float: left;
	width: 680px;
	margin-top:10px;
}

/*--- #main（旧ファイル用）	
----------------------------------------------------*/

div#contents_main div#main  {
	padding:0.5em 1em 1em 1em;
	border:1px solid #e6e6dc;
	background-color:#fafafa;
	border-top:3px solid #e6e6dc;
}

/*---- 北海道の建築家　#main（旧ファイル用）	
----------------------------------------------------*/

div#contents_main div#ha_main  {
	padding:15px 5px 15px 5px;
	border:1px solid #e6e6dc;
	background-color:#fafafa;
	border-top:3px solid #e6e6dc;
}

/*---- #contens_background
----------------------------------------------------*/

div#contens_background {
	padding:0.5em 1em 1em 1em;
	border:1px solid #e6e6dc;
	background-color:#fafafa;
	border-top:3px solid #e6e6dc;
}

/*----------------------------------------------------
	#contents_sub
----------------------------------------------------*/

div#contents_sub {
	float: right;
	width: 250px;
	margin-top:10px;
}

/*--- *サイドバーレイアウト

----------------------------------------------------*/

.side_titles{
	margin: 10px;
}

#side-menu{
	margin: 10px 10px 10px 15px;
}

.sub_box {
	margin: 0 0 20px 0;
}

h3.sub-title{
	margin: 0 0 10px 0;
}

ul.side-btm li{
	margin: 0 0 5px 0;
}

div.keyword-search {
	
}

.sr-box{
	width:170px;
	height: 18px;
}

.sr-btn{
	border: 0px;
	width: 62px;
	height: 24px;
	vertical-align: middle;
	background: url(../img/b-search.gif) left top no-repeat;
}

.info-list-side{
	width: 180px;
	padding: 0 0 0 15px;
}

.side-cate li{
	margin: 0 0 0 10px;
}

.side-cate li.catetitle2{
	margin:0;
}

/*----------------------------------------------------
汎用class
----------------------------------------------------*/

.left {
	float: left;
}

.right {
	float: right;	
}

.tleft{
	text-align:left;
}

.tright{
	text-align:right;
}

.imgR {
	float: right;
	margin: 0 0 10px 10px;
}

.imgL {
	float: left;
	margin: 0 10px 10px 0;
}

.btn {
	text-align: center;
	vertical-align:bottom;
}

.clear{
	clear:both;
}


/*--- #header
----------------------------------------------------*/

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

#header h1 {
	width:300px;
	height:60px;
	float:left;
}

#header-nav {
	width: 950px;
	margin:0 auto;
}

.navbar {
	height:17px;
	background: url(../img/headline.gif) repeat-x bottom;
}

/*--- #nav_sub
----------------------------------------------------*/

#nav_sub {
	position:absolute;
	z-index:2000;
	overflow:auto;
	text-align:right;
}

ul#nav_sub {
	padding:15px 0 2px 3px;
	width:390px;
	float:right;
	z-index:5000;
	position:relative;
}

#nav_sub li {
	display:inline;
	padding:0 0 0 3px;
}

ul#nav_sub li a { 
	padding:0 5px 1px 0;
	color:#333;
	font-size:11px;
}

ul#nav_sub li a:hover { 
	text-decoration: underline;
}


/*--- #nav
----------------------------------------------------*/

#nav, #nav ul {
	float: left;
	background: url(../img/headmenu.gif) repeat-x left top;
	font-size: 0.95em;
	width: 680px;
	height: 32px;
	list-style: none;
	line-height: 2;
	padding: 0;
	margin: 0 0 1em 0;
	z-index: 2000;
}

#nav li.t_nav li a{
	color: #4f4f4f; 
}

#nav li.t_nav a {
	display: block;
	color: #666;
	text-decoration: none;
	padding: 0.25em 10px;
}

/* #nav a.daddy { */
/*	background: url(../img/header/rightarrow2.gif) center right no-repeat; */
/* } */

#nav li {
	float: left;
	padding: 0;
}

#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	font-weight: normal;
	border: solid #ccc;
	border-width: 0.25em;
	margin: 0;
}


#nav li ul ul {
	margin: -1.75em 0 0 14em;
}

.nav-btn {
	width:250px;
}

.nav-btn li{
	float:left;
}

.nav-btn li.sou-btn{
	width:111px;
}

.nav-btn li.shin-btn{
	width:130px;
	margin: 0 0 0 8px;
}


/*--- #footer
----------------------------------------------------*/

#footer{
	clear: both;
	padding: 10px;
	height: 40px;
}

.pagetopLink{
	border-bottom: 1px solid #ccc;
	text-align: right;
	font-size: 0.8em;
	padding: 3px 0px 3px 0px;
}

#footer ul, #footer li{
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#footer li{
	float: right;
	margin: 5px 5px 0px 0px;
	padding: 0px 0px 10px 0px;
	font-size: 0.9em;
}

#footer a, #footer a:link, #footer a:visited{
	text-decoration: none;
	color: #333;
	padding: 0px 5px 0px 0px;
}

#footer a:hover{
	text-decoration: underline;
	}

#footer p.copy{
	float: left;
	font-size: 0.9em;
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	}
	
#footer-line {
	height:17px;
	background: url(../img/footline.gif) repeat-x left bottom;
}


/*--- ライン ------------------------------ */

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


/*----------------------------------------------------*/
/* トップ */
/*----------------------------------------------------*/

.sq-box{
	margin: 10px 0 30px 0;
}

.sn-box{
	margin: 10px 0 10px 0;
}

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

.info-list{
	width: 590px;
	padding: 0 0 0 15px;
}

.list-t{
	font-size:0.9em;
	line-height: 1.4;
}

.top-cate-list{
	margin: 10px 0 0 0;
}

ul.top-cate {
	width:660px;
}

.top-cate li{
	display: block;
	padding:5px 10px;
	margin: 0 5px 5px 0;
	float: left;
	background: #effcff;
	border: dotted 1px #ccc;
}

.catetitle1{
	margin: 0 0 5px 0;
}

.replancol{width:200px; margin: 0 0 10px 0;}
.replancol .left{width:190px;}
.isuucol{margin: 0 0 0 50px;}

.replancol .info-list{
	width:200px;
}

.repnewscol{
	width:390px;
	margin: 0 0 10px 0;	
}

.repnewscol .info-list{
	width:380px;
}

.repnewscol li{
	font-size:0.9em;
}

.main_slide{
	margin: 0 0 20px 0;
}

/*----------------------------------------------------*/
/*	会員登録 */
/*----------------------------------------------------*/

.teamTable{
	text-align: center;
}

.termsArea{
	width:650px;
	height:150px;
	margin: 10px 0;
	padding:5px;
}

textarea.termsArea{
	font-weight: normal;
	line-height: 1.6;
	border: dotted 1px #999;
	color: #444;
}


/*----------------------------------------------------*/
/*	アドバイザページ */
/*----------------------------------------------------*/

/*	アドバイザリスト */

.navi-result-box{
	margin: 10px 0 0 0;
	height:34px;
	background: url(../img/headmenu2.gif) repeat-x left top;
	border-bottom: dotted 1px #999;
}

.navi-result{
	padding:8px 0 8px 10px;
}

.info-list-ad{
	padding: 0 0 0 15px;
	width:150px;
}

.avt-info{
	width:250px;
}

.pr-info .info-list {
	width:340px;	
}

.btn-info {
	width:70px;
}

.btn-info .btn-info-a{
	margin: 10px 0 0 0;
}


/*	アドバイザ個別 */

.info-list-ad2{
	width: 510px;
	padding: 0 0 0 15px;
}

h4.advice-h{
	font-size:1.3em;
	margin: 0 0 6px 0;
}

.advice-t{
	margin: 0 0 6px 0;
}

.pv-caution{
	display: block;
	width: 300px;
	padding: 9px 0 0 10px;
	color: #f18468;
	font-size:0.8em;
}

.ad-intro{
	padding: 0 0 10px 0;
	margin: 0 0 15px 0;
	border-bottom: dotted 1px #999;
}

.ad-prof-box{
	padding: 0 0 10px 0;
	margin: 0 0 15px 0;
	border-bottom: dotted 1px #999;
}

.ad-prof{
	width:330px;
}

.ad-pr{
	width:330px;
	padding: 0 0 0 15px;
}

.ad-prof-txt{
	margin: 10px 0 0 0;
}

.previewImg{
	margin:10px 0;
}

.kenchikushi{
	width:320px;
	height:110px;
	font-size:12px;
	margin: 0 20px 10px 0;
}

.kenchikushi-l{
	width:110px;
}

.kenchikushi-r{
	width:210px;
}


/* アドバイザランク */

.numrank{
}

.avt-info-rank{
	width:320px;
}

/*----------------------------------------------------*/
/*	相談ページ */
/*----------------------------------------------------*/

/*	相談リスト */

.soudan-list-cate{
	border: dotted 1px #999;
}

td.soudan-list-cate-l{
	padding: 10px;
}

td.soudan-list-cate-r{
	padding: 10px;
}

.select-cate{
	color:#666 !important;
	background: #bde5e0 !important;
}

.soudan-list-cate-l{
	font-weight:bold;
	width:130px;
	vertical-align: middle;
}

.soudan-list-cate-r{
	width:530px;
	padding: 0 0 0 20px;
}

td.soudan-list-cate-r{
	border-left: dotted 1px #999;
}

.sub-cate-list{
	font-size:0.8em;	
}

.sub-cate li{
	display: block;
	padding:5px 10px;
	margin: 0 5px 5px 0;
	float: left;
	background: #effcff;
	border: dotted 1px #ccc;
}

/*	相談個別 */

.sodancol{
	margin: 0 0 30px 0;
}

.sodancol2{
	margin: 0 0 30px 0;
}

.goikencol2{
	margin: 0 0 30px 30px;
}

.sodan-box {
	margin: 10px 0 0 0;
	padding:15px;
	font-size: 12px;
	line-height: 2;
	border: dotted 1px #999;
	text-align: justify;
}

.sodan-back-ad-box{
	background: url(../img/soudan-back.gif) repeat-y left top;
}

.sodan-back-ip-box{
	background: url(../img/soudan-back1.gif) repeat-y left top;
}

.sodan-back-nusi-box{
	background: url(../img/soudan-back2.gif) repeat-y left top;
}

.sodan-ph-box{
	margin: 10px 0 10px 0;
	padding: 10px 0 2px 0;
	border-top: dotted 1px #999;
}

.sodan-sub{
	margin: 0 0 0 7px;
}

.sodan-sub sodan-box{
	background: #f9f9f9;
}

.sodan-sub .info-list-ad{
	line-height:1.5;
	padding: 0 0 0 15px;
	width:100px;
}

.sodan-sub .avt-info{
	width:200px;
}

.sodan-sub .pr-info .info-list {
	width:300px;
}

.sodan-sub .pr-info .btn-info{
	width:63px;
}

table td.ph-img li{
	float:left;
	display:block;
}

table td.ph-img img{
	border: dotted 1px #999 !important;
	padding:5px;
	margin: 0 0 0 5px;
}

table td.ph-img{
	width: 400px;
}

table td.ph-txt{
	width: 70px;
	text-align:center;
	vertical-align:middle;
}

.sodan-btn{
	border-top: dotted 1px #999;
	padding:15px 10px 10px 10px;
	text-align:center;
}

.search-res-sodan{
	width: 300px;
}

.search-res-sodan span{
	color:#f18468;
}

.geninfo img{
	vertical-align: -0.3em;
}

.kaitou-title-head {
	margin: 0 0 20px 0;
}

.kaitou-title{
	margin: 0 0 20px 0;
	border-bottom: dotted 1px #999;
}

.goiken-title{
	margin: 60px 0 20px 30px;
	border-bottom: dotted 1px #999;
	color: darkgray;
}

.goiken-content {
	margin: 0 0 20px 30px;
}

.user-ad{
	font-size:9px;
	background: #bde5e0;
	color:#666;
}

.user-ip{
	font-size:9px;
	background: #ffeab2;
	color:#666;
}


/*	相談投稿フォーム */

.sodan-form{
	margin: 10px 0;
}

.sodan-form table{
	border: dotted 1px #999;
	border-collapse: collapse;
}


.sodan-form th{
	padding:10px;
	width:150px;
	border: dotted 1px #999;
	background: url(../img/headmenu2.gif) left top;
}

.sodan-form td{
	padding:10px;
	width:530px;
	border: dotted 1px #999;
	vertical-align: middle;
}

.toukou-back{
	text-align:center;
	background: url(../img/headmenu2.gif) left top;
}

.indi-o{
	font-size: 0.9em;
	color:#f18468;
}

.note{
	font-size:0.9em;
	color:#666;
	margin:7px 0;
}

.indinote{
	font-size:0.9em;
	color:#666;
	margin:7px 0;
}

.kako-sodan{
	text-align:center;
	margin:20px 0;
}

.kako-sodan a{
	color:#fff;
	padding:2px 10px;
	background: #666;
}

.kako-sodan a:hover, .kako-sodan a:visited{
	color:#fff;
}


/*----------------------------------------------------*/
/*	ユーザーページ */
/*----------------------------------------------------*/

.edit-box{
	padding: 0 0 10px 0;
	border-bottom: dotted 1px #999;
}

.edit-btn{
	padding:10px;
	text-align:center;
	background: url(../img/headmenu2.gif) left top;
}

/*----------------------------------------------------*/
/*	検索 */
/*----------------------------------------------------*/

.search-form td{
	padding:10px;
	width:680px;
	border: dotted 1px #999;
	vertical-align: middle;
}

.search-form td .sr-btn{
	vertical-align: middle;
}

#search-key{
	width:550px !important;	
}

/*----------------------------------------------------*/
/*	プライバシーポリシー */
/*----------------------------------------------------*/

.polTitle{
	margin: 20px 0 10px 0;
	padding: 5px 5px 5px 10px;
	background: url(../img/headmenu2.gif) left top;
}

.polText{
	margin: 5px 10px 10px 10px;
	text-align: justify;
}

.polList{
	list-style: disc;
	margin: 0 0 0 23px;
}

.polText h5{
	font-size:1em;
	margin:9px 0 0 0;
}


/*----------------------------------------------------*/
/*	使い方とお願い */
/*----------------------------------------------------*/

.howTitle{
	margin: 20px 0 10px 0;
	padding: 5px 5px 5px 10px;
	background: url(../img/howber.gif) left top;
}

.how_cap{
	margin: 20px 0 10px 0;
	padding: 5px 5px 5px 10px;
	background: url(../img/headmenu2.gif) left top;
}

.howList{
	list-style: none;
	margin: 0 0 10px 13px;
}


.polTitlex{
	margin: 20px 0 0 0;
}


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

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%;
}




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

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


/*----------------------------------------------------

 *キッチンアラカルト 

----------------------------------------------------*/

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



/* -- 共通 -- */

.passRm{
	margin: 20px 0 0 0;
}

.sub_cap{
	
}

.main_cap{
	height:23px;
	background: url(../img/headline.gif) repeat;
	margin: 0 0 20px 0;
}

.foot_cap{
	height:23px;
	background: url(../img/headline.gif) repeat;
	margin: 0 0 20px 0;
}

.foot-navi{
	float:right;
	text-align :center;
	margin: 0 0 10px 0;
	background-color: #fff;
}

.foot-top{
	float: right;
	height:22px;
	width: 128px;
	margin:0 0 0 10px;
	border-bottom: dotted 1px #999;
	background: url(../img/headmenu2.gif) repeat;
}

.foot-top span{
	display:block;
	padding: 4px 0 0 0;
}

h2.main_cap .foot-top{
	font-weight:normal;
	font-size: 11px;
}

.foot_cap .foot-top{
	font-weight:normal;
	font-size: 11px;
}

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

.search-res{
	margin: 0 0 5px 0;
}

.book_read{
	line-height:1.5;	
}

blockquote.quote{
	margin:10px;
	padding:15px;
	background-color: #f0f0f0;
	border:double 3px #bde5e0;
}


/* ボタン */

.awesome, .awesome:visited {
	background: #222 url(../img/alert-overlay.png) repeat-x; 
	display: inline-block; 
	padding: 5px 10px 6px; 
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
}

	.awesome:hover							{ background-color: #111; color: #fff; }
	.awesome:active							{ top: 1px; }
	.small.awesome, .small.awesome:visited 			{ font-size: 11px; padding: ; }
	.awesome, .awesome:visited,
	.medium.awesome, .medium.awesome:visited 		{ font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
	.large.awesome, .large.awesome:visited 			{ font-size: 14px; padding: 8px 14px 9px; }
	
	.green.awesome, .green.awesome:visited		{ background-color: #91bd09; }
	.green.awesome:hover						{ background-color: #749a02; }
	.blue.awesome, .blue.awesome:visited		{ background-color: #2daebf; }
	.blue.awesome:hover							{ background-color: #007d9a; }
	.red.awesome, .red.awesome:visited			{ background-color: #e33100; }
	.red.awesome:hover							{ background-color: #872300; }
	.magenta.awesome, .magenta.awesome:visited		{ background-color: #a9014b; }
	.magenta.awesome:hover							{ background-color: #630030; }
	.orange.awesome, .orange.awesome:visited		{ background-color: #ff5c00; }
	.orange.awesome:hover							{ background-color: #d45500; }
	.yellow.awesome, .yellow.awesome:visited		{ background-color: #ffb515; }
	.yellow.awesome:hover							{ background-color: #fc9200; }



/* タブもの */


ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px; /*--Set height of tabs--*/
	border-bottom: 1px dotted #999;
	border-left: 1px dotted #999;
	width: 100%;
}

ul.tabs li {
	float: left;
	margin: 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 dotted #999;
	border-left: none;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background: #e0e0e0;
}

ul.tabs li a {
	text-decoration: none;
	color: #333;
	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.tabs li a:hover {
	background: #ccc;
}

html ul.tabs li.active, html ul.tabs 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--*/
}

.tab_container {
	border:1px dotted #999;
	border-top: none;
	overflow: hidden;
	clear: both;
	float: left; width: 100%;
	background: #fff;
}

.tab_content {padding: 20px 10px 10px 10px;}
.tokutei-btn{float:right;}
.sodan-info-box{padding:10px; margin: 0 0 20px 0; border: dotted 1px #999;}
.sodan-info-box2{margin: 10px 0;}
.sodan-info-box2 img {vertical-align:middle;}
.sodan-info-box h4{font-size: 1.1em; color:#e33100;}