@charset "utf-8";
/*
Theme Name: 福岡ビル開発
Theme URI: http://www.ycomps.co.jp/
Author: YPS
Version: 0.9
-------------------------------------------------------------- */

@import "reset.css"; /* Reset CSS */
@import "common.css"; /* 基本CSS */


/*------ トップページ index ---------------- */
#main_img{
	position:relative;
	margin-left:-226px;
}

.service-office{
	position:relative;
	margin-left:-226px;
	margin-top:30px;
	float:left;
	margin-right:30px;
	margin-bottom:30px;
	z-index:3;
}


.service-hospital{
	position:relative;
	margin-top:30px;
	float:left;
	z-index:3;
}

.service-mansion{
	position:relative;
	margin-top:30px;
	float:right;
	z-index:3;
}

.service-tyosuisou{
	position:relative;
	margin-left:-226px;
	margin-top:30px;
}

.box_about{
	margin-top:30px;
	background-color:#E9F5FF;
	width:895px;
	margin-bottom:30px;
	height:890px;
}

#about ul{
	background-color:#F0F0ED;
}

#about ul li{
    width:395px;
	margin-top:15px;
	margin-left:22px;
	float:left;
	background:#FFF;
	-moz-box-shadow:0px 0.5px 2px 0px rgba(0, 0, 0, 0.57);
	-webkit-box-shadow:0px 0.5px 2px 0px rgba(0, 0, 0, 0.57);
	box-shadow:0px 0.5px 2px 0px rgba(0, 0, 0, 0.57);
	z-index:10;
	padding:10px;
}

.about-p {
	font-size:15px;
	line-height:1.7em;
	margin-top:6px;
	width:340px;
	margin-left:27px;
}

.spacer_about{
	margin-bottom:3px;
	margin-left:29px;
}

.spacer_price{
	margin-bottom:30px;
	margin-right:13px;
}

.box_voice{
	margin-top:30px;
	background-color:#F0F0ED;
	width:895px;
	margin-bottom:0px;
	height:822px;
}

#voice ul{
	background-color:#F0F0ED;
}

#voice ul li{
    width:250px;
	margin-top:15px;
	margin-left:22px;
	float:left;
	background:#FFF;
	-moz-box-shadow:0px 0.5px 2px 0px rgba(0, 0, 0, 0.57);
	-webkit-box-shadow:0px 0.5px 2px 0px rgba(0, 0, 0, 0.57);
	box-shadow:0px 0.5px 2px 0px rgba(0, 0, 0, 0.57);
	z-index:10;
	padding:10px;
}

.voice-img{
	max-width:100%;
}

.summary {
	font-size:15px;
	line-height:1.7em;
	margin-top:6px;
}

.more-link {
	font-size:15px;
	font-weight:600;
	float:right;
	margin-top:-15px;
}

.more-link2 {
	font-size:15px;
	font-weight:600;
	float:right;
	margin-top:-40px;
	margin-bottom:-3px;
}

.access{
	position:relative;
	margin:-140px 40px 0px 785px;
	float:left;
	z-index:4;
}



#news{
    width:517px;
	margin-bottom:15px;
	z-index:0 !important;
	margin-left:1px;
}

#news dl{
    width: 496px;
	height:172px;
	border:solid 1px #DEDEDE;
	padding:10px 10px 5px;
	overflow:auto;
	border-top:none;
}

#news dl dt{
	width:110px;
	padding-left:7px;
	float:left;
	font-weight:600;
	border-bottom:1px dotted #999999;
	margin-bottom:8px;
	padding-bottom:5px;
}

#news dl dd{
	width:350px;
	float:left;
	margin-bottom:8px;
	padding-bottom:5px;
	border-bottom:1px dotted #999999;
}

.box_blog{
	background-color:#EFF7FA;
	width:893px;
	margin-bottom:10px;
	border:solid 1px #DCDCDC;
	border-top-style:none;
	height:350px;
}

.spacer_blog01{
	margin-top:15px;
	margin-left:37px;
	width:390px;
	float:left;
}

.spacer_blog02{
	margin-top:15px;
	margin-bottom:15px;
	margin-left:37px;
	width:390px;
	float:left;
}

.fullbox{
	width:710px;
	margin:10px 0;
	clear:both;
}

.fullbox p{
	padding:5px;
}


.box1{
	position:relative;
	padding:10px;
	width:428px;
	height:147px;
	border:1px solid #ABE0D9;
	border-top:none;
	margin:0;
	background:url(images/index/bg_box1.gif) bottom left repeat-x;
}
.box1 .btn01{
	position:absolute;
	bottom:20px;
	right:20px;
}


.box1 ul{
	margin-left:3px;
}

.box1 ul li{
	margin-bottom:9px;
}

.box2{
	position:relative;
	padding:10px;
	width:428px;
	height:0px;
	margin-top:22px;
}

.box2 .btn01{
	position:absolute;
	bottom:20px;
	right:10px;
}

.box3{
	position:relative;
	padding:20px;
	width:873px;
	border:1px solid #BED0EB;
	margin:0;
	background:#F7FDFE;
	margin-top:7px;
	margin-bottom:10px;
}

.box3 .btn01{
	position:absolute;
	margin-top:20px;
}

.box4{
	position:relative;
	padding:20px;
	width:873px;
	border:1px solid #BED0EB;
	margin-top:7px;
	background:#F7FDFE;
	margin-bottom:10px;
}

.box4_inner{
	width:435px;
}

.box4_inner dl{
	float:right;
	width:235px;
}

.box4_inner dl dt{
	margin-bottom:4px;
	padding-left:8px;
}

.box4_inner dl dt02{
	float:right;
}


.box4_inner dl dd{
	margin-left:7px;
}


.box5{
	position:relative;
	padding:16px;
	width:413px;
	border:1px solid #BED0EB;
	margin-top:7px;
	background:#F7FDFE;
	padding-bottom:43px;
	margin-bottom:10px;
}

.box5 .btn01{
	position:absolute;
	right:10px;
}

.box5 .btn02{
	position:absolute;
	right:10px;
}

.box5_02{
	position:relative;
	padding:16px;
	width:413px;
	border:1px solid #BED0EB;
	margin-top:7px;
	background:#F7FDFE;
	padding-bottom:10px;
}

.box5_02 .btn04{
	position:absolute;
	top:-35px;
	right:0px;
}

.box6{
	position:relative;
	padding:20px;
	width:873px;
	border:1px solid #BED0EB;
	margin:0;
	background:#F7FDFE;
	margin-top:7px;
	margin-bottom:10px;
	padding-bottom:370px;
}

.box6_inner{
	width:260px;
	padding:12px;
	margin-right:7px;
	margin-bottom:7px;
	 -moz-border-radius: 20px;    /* Firefox */
   -webkit-border-radius: 20px; /* Safari,Chrome */
   border-radius: 20px;         /* CSS3 */

   border: 1px #C7C7B6 solid;     /* 枠線の装飾 */
   background-color: #FFFFFF;   /* 背景色 */
}

.box6_inner02{
	width:260px;
	padding:12px;
	 -moz-border-radius: 20px;    /* Firefox */
   -webkit-border-radius: 20px; /* Safari,Chrome */
   border-radius: 20px;         /* CSS3 */

   border: 1px #C7C7B6 solid;     /* 枠線の装飾 */
   background-color: #FFFFFF;   /* 背景色 */
	
}

.box6 .btn01{
	position:absolute;
	left:176px;
}

.box6 .btn02{
	position:absolute;
	right:326px;
}

.box6 .btn03{
	position:absolute;
	right:33px;
}

.box6 .btn04{
	position:absolute;
	left:176px;
}

.box6 .btn05{
	position:absolute;
	right:326px;
}

.box6 .btn06{
	position:absolute;
	right:33px;
}

.box7{
	position:relative;
	padding:10px;
	width:428px;
	margin:0;
}

.box7 .btn01{
	position:absolute;
	bottom:20px;
	right:10px;
}

.box8{
	position:relative;
	padding:0 10px 10px;
	width:428px;
	height:135px;
	border:1px solid #FFD998;
	border-top:none;
	margin:0;
	background:url(images/index/bg_box8.gif) bottom left repeat-x;
}

.box8 .btn01{
	position:absolute;
	bottom:10px;
	right:10px;
}


.img-box_350{
	width:350px;
}

.img-box_310{
	width:310px;
}

.img-box_300{
	width:300px;
}

.img-box_275{
	width:275px;
}

.img-box_250{
	width:250px;
}

.img-box_183{
	width:275px;
	height:183px;
}

.img-box_200{
	width:200px;
}


div[class^="img-box"] img{
	width:100%;
	height:auto;
	display:block;
}

div[class^="img-box"] span{
	display:block;
	width:98%;
	margin:4px auto 7px;
	font-size:12px;
	padding-bottom:7px;
}

.img-box_300_h{
	width:300px;
}

.img-box_300_h img{
	height:300px !important;
	width:auto !important;
	margin:0 auto;
}

.img-box_183 img{
	margin:0 auto;
	width:auto !important;
	height:183px !important;
	border:1px solid #ccc;
}

.border1{
	border:1px solid #CCC;
}


.s-btn{
	margin-top:5px;
}


#privacy-box{
	margin:15px auto;
	width:650px;
	border: 2px solid #006fD6;
	padding:20px;
	background-color: #DDEBF9;
}

#privacy-box ol li{
	list-style:outside decimal;
	margin-bottom:20px;
	margin-left:20px;
}

/*---------- 貯水槽 cyosuisou ----------------*/
#tb1_cost{
	border:solid 1px #CCC;
	padding:10px 15px;
	width:894px;
}

#tb1_cost th{
	border:solid 1px #CCC;
	font-weight:bold;
	background:none repeat scroll 0% 0% #3D833E;
	padding:5px 5px;
	color:#FFF;
}

#tb1_cost td{
	border:solid 1px #CCC;
	padding:10px 15px;
}

#tb2_cost{
	border:solid 1px #CCC;
	padding:10px 15px;
	width:894px;
}

#tb2_cost th{
	border:solid 1px #CCC;
	font-weight:bold;
	background:none repeat scroll 0% 0% #1360A7;
	padding:5px 5px;
	color:#FFF;
}

#tb2_cost td{
	border:solid 1px #CCC;
	padding:10px 15px;
}



/*---------- お問い合わせ inquir ----------------*/
.entry_form{
	font-family: "Yu Gothic";
}

.inquiry_table {
	width:800px;
	margin:25px auto;
	border-bottom:solid 1px #CCC;
}

.inquiry_table .inquiry-tr{
	clear:both;
	display:table;
	height:auto;
}

.inquiry_table .inquiry-th {
	min-width:280px;
	height:auto;
	text-align:left;
	background:#f7f7f7;
	border:solid 1px #CCC;
	border-bottom-style:none;
	vertical-align:middle;
	padding:15px 10px;
	display:table-cell;
	font-size:1.1em;
	font-weight:bold;
}


.inquiry_table .inquiry-td {
	width:470px;
	height:auto;
	padding:15px;
	border:solid 1px #CCC;
	border-left-style:none;
	border-bottom-style:none;
	display:table-cell;
}

.inquiry_table .inquiry-col{
	width:670px;
	height:auto;
	padding:15px;
	border:solid 1px #CCC;
	border-bottom-style:none;
	display:table-cell;
}

.inquiry_table .inquiry-td input{
	max-width:400px;
}

.inquiry_table .inquiry-td label {
	display:block;
}

.inquiry_table .inquiry-td p{
	margin-top:5px;
}

.inquiry-caption {
	font-size:1.4em;
	font-weight:bold;
	text-align:left;
	color:#00F;
}

#inquiry-submit{
	text-align:center;
	margin:0 auto;
}

#inquiry-submit input{
	
}



/*------ 家族の未来のために main ---------------- */

#tb1_main{
	border:solid 1px #CCC;
	margin:10px auto;
	font-size:1em;
	padding:10px 15px;
	width:680px;
}


#tb1_main th{
	border:solid 1px #CCC;
	font-weight:bold;
	background:none repeat scroll 0% 0% #F0F8D8;
	font-size:1em;
	padding:10px 15px;
	width:100px;
}

#tb1_main li{
	font-size:1em;
	padding:8px 10px 1px 10px;
}


#tb3_main{
	border:solid 1px #CCC;
	margin:-11px auto;
	font-size:1em;
	padding:10px 15px;
	width:680px;
}


#tb3_main th{
	border:solid 1px #CCC;
	background:none repeat scroll 0% 0% #FFF;
	font-size:1em;
	padding:10px 15px;
	width:100px;
}

#tb3_main li{
	font-size:1em;
	padding:8px 10px 1px 10px;
}

#tb3_main td{
	border:solid 1px #CCC;
	padding:10px 15px;
}




/*------ 社長略歴 introduction ---------------- */

#tb1_intro{
	border:solid 1px #CCC;
	font-size:1em;
	padding:10px 15px;
	width:680px;
	margin:10px 0px;
}

#tb1_intro th{
	border:solid 1px #CCC;
	font-weight:bold;
	background:none repeat scroll 0% 0% #F0F8D8;
	font-size:0.95em;
	padding:10px 15px;
}

#tb1_intro td{
	border:solid 1px #CCC;
	font-size:0.95em;
	padding:10px 15px;
}

#intro ul li{
	margin-bottom:8px;
	font-weight:bold;
	background: url('images/common/bg_int.gif') no-repeat scroll left top transparent;
	padding-left:17px;
}




/*------ 事務所案内 office ---------------- */

#tb1_office{
	border:solid 1px #CCC;
	font-size:1em;
	padding:10px 15px;
	width:894px;
}

#tb1_office th{
	border:solid 1px #CCC;
	font-weight:bold;
	background:none repeat scroll 0% 0% #F0F8D8;
	font-size:1em;
	padding:10px 15px;
}

#tb1_office td{
	border:solid 1px #CCC;
	font-size:1em;
	padding:10px 15px;
}


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


#privacy-box{
	width:666px;
	 border: 2px solid #006fD6;
	 padding:20px;
	 background-color: #DDEBF9;
}

#privacy-box ol li{
	list-style:outside decimal;
	margin-bottom:20px;
	margin-left:20px;
}

/*------ サービス内容 service ---------------- */

.service-other li{
	float:left;
	margin-right:30px;
}

#tb1_main2{
	border:solid 1px #CCC;
	font-size:1em;
	padding:10px 15px;
	width:270px;
	margin:10px 0;
}


#tb1_main2 th{
	border:solid 1px #CCC;
	font-weight:bold;
	background:none repeat scroll 0% 0% #F0F8D8;
	font-size:1em;
	padding:10px 15px;
	width:100px;
}

#tb1_main2 li{
	font-size:1em;
	padding:8px 10px 1px 10px;
}



/*------ 費用について cost ---------------- */


/*------ 専門家ネットワーク expert-network ---------------- */
#tbl_expert{
	margin:0 0 15px;
	width:600px;
}

#tbl_expert th,#tbl_expert td{
	padding:10px 15px;
	border:1px solid #AAA;
}

#tbl_expert th{
	background:#FDF5DF;
	font-weight:normal;
	vertical-align:top;
	text-align:left;
}

/*----------- セミナーお申込み ----------------------------*/

#seminar-box p{
	margin:5px 0;
	line-height:2;
}

#seminar-box ul{
	margin:25px 0;
}

#seminar-box ul li{
	margin:7px 0 7px 10px;
	border-bottom:1px dotted #999;
	padding:5px 0;
}