@charset "utf-8";
/*
Theme Name: theme292
Theme URI: http://theme.o2gp.com/
Description: theme292
Version: 1.0
Author: o2 Group
Author URI: http://theme.o2gp.com/
Tags: Consulting

o2 Group v1.0
http://theme.o2gp.com/

This theme was designed and built by o2 Group,
whose blog you will find at http://theme.o2gp.com/

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php

*/

*{margin:0;padding:0;}

body{
font: 12px/1.2 "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
color:#333333;
background: #ffffff url();
}


a{color:#248dc8;text-decoration:none;}
a:hover{color:#6bcaf2;}
a:active, a:focus {outline: 0;}
img{border:0;}
.clear{clear:both;}

/*************
メインビジュアル
*************/
#main_img{
width: 100%;
padding: 0 0;
border-bottom: 1px solid #8d8c8c;
}

/*************
全体
*************/
#wrapper{
width: 100%;
}

#wrapper2{
width: 100%;
background-color: #2FA8E1;
}

#wrapper_top{
background-position-x: 50%;
background-position-y: 50%;
width: 100%;
}

#wrapper3{
width: 100%;

}

#content{
margin: 0 auto;
padding-top: 20px;
width: 980px;
}

#content2{
margin: 0 auto;
padding-top: 20px;
width: 820px;
}

/*************
/* ヘッダー
*************/
#header{
background: url() no-repeat 100% 20px;
height: 145px;
margin: 0 auto;
margin-top:-20px;
width: 100%;
float:right;
}

#header  .inner {
width: 980px;
height: 100px;
margin: 0 auto;
position: relative;
}

#header  .inner #lead-text {
position: absolute;
top: 14px;
left: 3px;
        display:none;
}

#header_top {
width:100%;
height:5px;
background-color:#000000;
}


#header  .inner #logo {
position: absolute;
top: 60px;
left: 3px;
}

#header .inner ul#gnavi {
position: absolute;
top: 75px;
right: 0px;
        width:540px;
}

#header .inner ul#gnavi li{
        float:left;
list-style:none;
}


/*************
/* トップナビゲーション
*************/
div#nav{
width:100%;
background: #ffffff url() repeat-x center top;
text-align:center;
border: 1px #ffffff solid;
}
div#nav2{
width:100%;
background: #ffffff url() repeat-x center top;
text-align:center;
margin-top: -1px;
}
ul#topnav{
margin: 0 auto;
width: 910px;
height: 45px;
background:url(images/topnav.png) no-repeat 0 0;
}

ul#topnav li{float:left;list-style:none;width:130px;}

ul#topnav a{
text-indent: -9999px;
text-decoration: none;
display: block;
width: 130px;
height: 45px;
background:url(images/topnav.png) no-repeat;
}

ul#topnav a#nav_01{background-position:0 0;}
ul#topnav a#nav_02{background-position:-130px 0;}
ul#topnav a#nav_03{background-position:-260px 0;}
ul#topnav a#nav_04{background-position:-390px 0;}
ul#topnav a#nav_05{background-position:-520px 0;}
ul#topnav a#nav_06{background-position:-650px 0;}
ul#topnav a#nav_07{background-position:-780px 0;}

ul#topnav a#nav_01:hover, ul#topnav li.active a#nav_01{background-position:0 -45px;}
ul#topnav a#nav_02:hover, ul#topnav li.active a#nav_02{background-position:-130px -45px;}
ul#topnav a#nav_03:hover, ul#topnav li.active a#nav_03{background-position:-260px -45px;}
ul#topnav a#nav_04:hover, ul#topnav li.active a#nav_04{background-position:-390px -45px;}
ul#topnav a#nav_05:hover, ul#topnav li.active a#nav_05{background-position:-520px -45px;}
ul#topnav a#nav_06:hover, ul#topnav li.active a#nav_06{background-position:-650px -45px;}
ul#topnav a#nav_07:hover, ul#topnav li.active a#nav_07{background-position:-780px -45px;}


/*************
メイン（右側）コンテンツ
*************/
#main {
width: 820px;
display: inline;
margin:0 auto;
}

#main .bannerM img{
padding-right: 10px;
padding-bottom: 15px;
}
#main .bannerM img.last{padding-right:0;}

#main h2{
display: block;
margin: 0 auto;
margin-bottom:20px;
line-height: 36px;
height: 34px;
font-size: 18px;
font-weight: normal;
color: #666666;
background: #ffffff url() no-repeat bottom;
}

#main h3 {
    display: block;
    font-size: 12px;
    font-weight: normal;
    color: #323334;
    padding-left:80px;
    margin-top:30px;
}

#main p {
font-size: 12px;
line-height: 1.8;
color: #888888;
font-family: Helvetica,Arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

#main table.type1  {
    margin: 0px;
    padding: 0px;
font-size: 12px;
line-height: 1.8;
color: #888888;
font-family: Helvetica,Arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
width:100%;
}

#main table.type1 th {
    font-weight: normal;
    text-align: left;
    vertical-align: top;
    width:90px;
    background-color: #FFF;
    color:#777;
}

#main table.type1 td {
}

/* 画像を右に回りこみ */
#main p.withImage{
width: 598px;
margin: 20px 0 10px 10px;
padding: 5px 0;
}

#main p.withImage img{
float: right;
margin-left: .5em;
}

#date {
text-align: right;
padding-right: 80px;
font-weight:bold;
color:#248DC8;
margin-top:-15px;
}

#next {
text-align: center;
padding-top: 30px;
padding-bottom: 30px;
}

/* フッター共通 */
.box{
float: left;
width: 195px;
margin: 20px 16px 10px 0;
line-height: 1.2;
}

.box_img{
padding: 0px 0px 10px 0px;
}

.last{margin-right:0;}

/* メインとフッターのリスト位置調節 */
#main ul, #mainlist ul{margin-left: 20px;}
#main li, #mainlist li{margin-bottom: 3px;}
#mainlist li{
margin: 0 10px 10px 0px;
list-style: none;
border-bottom: 1px dotted #cccccc;
line-height: 140%;
}
#footer li{
margin: 0 10px 10px 0px;
list-style: none;
line-height: 140%;
}
#mainlist li a {
background: url() no-repeat 0 50%;
display: block;
padding-left:15px;
}
#mainlist ul {
padding-bottom:15px;
}


/*************
サイド（左側）コンテンツ
*************/
#sidebar {
float: left;
width: 0px;
padding: 0 0 15px;
}

#sidebar p{margin-bottom: 20px;}

#sidebar h3 {
display: block;
height: 36px;
padding: 7px 10px 0 35px;
line-height: 160%;
font-size: 14px;
font-weight: normal;
color: #666666;
background: #ffffff url(images/heading2.png) no-repeat;
}

#sidebar ul{
margin-left: 5px;
padding: 10px 0;
}

#sidebar li{
margin: 0 10px 10px 5px;
list-style: none;
border-bottom: 1px dotted #cccccc;
line-height: 140%;
}

#sidebar li a{
background: url() no-repeat 0 50%;
display: block;
padding-left:15px;
}



/*************
/* フッター
*************/

#footerLinkWrapper {
margin-top:40px;
padding:30px 20px 30px 20px;
background:#f1f1f1;
height:150px;
}

#footerLink {
margin:0 auto;
width:980px;
}

#footerLink h2,
#footerLink li,
#footerLink p {
font-size:14px;
-webkit-text-shadow:0 1px 1px #FFF;
-moz-text-shadow:0 1px 1px #FFF;
-o-text-shadow:0 1px 1px #FFF;
-ms-text-shadow:0 1px 1px #FFF;
text-shadow:0 1px 1px #FFF;
line-height:1.8;
font-size:13px;
}

#footerLink h2,
#footerLink h2 a {
color:#666;
}

#footerLink li,
#footerLink p,
#footerLink a {
color:#888;
}

#footerLink ul,
#footerLink p {
margin-bottom:21px;
}

#footerLink a:hover {
text-decoration:underline;
}

#footerLink .list1 {
margin-right:10px;
width:120px;
float:left;
}

#footerLink .list2 {
margin-right:10px;
width:120px;
float:left;
}

#footerLink .list3 {
margin-right:10px;
width:120px;
float:left;
}

#footerLink .list4 {
margin-right:10px;
width:120px;
float:left;
}

#footerLink .about {
float:right;
width:415px;
margin-top:30px;
}

#footerLink .about h2 {
margin:0 0 15px 32px;
padding-left:72px;
background:url(images/logomark.png) left 5px no-repeat;
font-weight:100;
font-size:13px;
line-height:1.62;
letter-spacing:5px;
text-transform:uppercase;
color:#888;
}

#footerLink .about p {
text-align:center;
}

#footerLink .about p.tel {
text-align:center;
font-size:22px;
margin-top:25px;
margin-bottom:0px;
line-height:1.6;
white-space:nowrap;
color:#666;
        float:left;
}

#footerLink .about .bnr {
padding-top:5px;
}

#footerLink .about .bnr li img {
vertical-align:middle;
}

#footerLink .about .bnr li {
margin-bottom:10px;
text-align:center;
line-height:1;
height:40px;
}

#footerLink .about .bnr li a {
padding:6px 0 2px 0;
background:#eee;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-o-border-radius:3px;
-ms-border-radius:3px;
border-radius:3px;
-webkit-box-shadow:0 1px 2px rgba(255,255,255,1.0) inset, 0 1px 2px rgba(0,0,0,0.15);
-moz-box-shadow:0 1px 2px rgba(255,255,255,1.0) inset, 0 1px 2px rgba(0,0,0,0.15);
-o-box-shadow:0 1px 2px rgba(255,255,255,1.0) inset, 0 1px 2px rgba(0,0,0,0.15);
-ms-box-shadow:0 1px 2px rgba(255,255,255,1.0) inset, 0 1px 2px rgba(0,0,0,0.15);
box-shadow:0 1px 2px rgba(255,255,255,1.0) inset, 0 1px 2px rgba(0,0,0,0.15);
behavior:url(//www.ldhomes.jp/wp/wp-content/themes/ldhomes/PIE.htc);
display:block;
}

#footerLink .about .bnr li a:hover {
background:#ddd;
-webkit-box-shadow:0 1px 2px rgba(255,255,255,1.0), 0 1px 2px rgba(0,0,0,0.15) inset;
-moz-box-shadow:0 1px 2px rgba(255,255,255,1.0), 0 1px 2px rgba(0,0,0,0.15) inset;
-o-box-shadow:0 1px 2px rgba(255,255,255,1.0), 0 1px 2px rgba(0,0,0,0.15) inset;
-ms-box-shadow:0 1px 2px rgba(255,255,255,1.0), 0 1px 2px rgba(0,0,0,0.15) inset;
box-shadow:0 1px 2px rgba(255,255,255,1.0), 0 1px 2px rgba(0,0,0,0.15) inset;
behavior:url(//www.ldhomes.jp/wp/wp-content/themes/ldhomes/PIE.htc);
display:block;
}

#footerLink .about .bnr li a:link img,
#footerLink .about .bnr li a:hover img {
opacity:1.0;
filter: alpha(opacity=100);
}

#footerlast {
background:#323334;
color:#ffffff;
width:100%;
}

#footerla {
margin:0 auto;
width:960px;
color:#ffffff;
}

#footerla a {
color:#ffffff;
}

#footerla a:hover {
text-decoration:underline;
}

/* remarks
************************************/
#remarks {
margin:0 auto 40px auto;
width:960px;
}

.slogan {
text-align:right;
}

/* footer navi
************************************/
#footerWrapper {
padding:0 20px;
}

#footer {
margin:0 auto;
width:960px;
position:relative;
}

#footerNavi {
margin-bottom:32px;
}

#footerNavi li {
margin-right:20px;
font-size:13px;
font-weight:bold;
letter-spacing:5px;
text-transform:uppercase;
display:inline;
}

#otherNavi li {
margin-right:4px;
padding-right:6px;
border-right:1px solid #ddd;
font-size:11px;
display:inline;
}

#otherNavi li:first-child {
padding-left:6px;
border-left:1px solid #ddd;
}

#otherNavi a {
color:#999;
}

#otherNavi a:hover {
text-decoration:underline;
}

#socialNavi {
text-align:right;
position:absolute;
top:0px;
right:0;
}

#socialNavi li {
margin-left:10px;
display:inline;
}

.twitter-share-button {
width:100px !important;
}

#copyright {
padding-left:15px;
background:url(http://www.ldhomes.jp/images/logomark-icn.png) left 5px no-repeat;
text-align:right;
font-size:11px;
color:#999;
position:absolute;
top:60px;
right:0;
}

<link rel="stylesheet" href="default.css" type="text/css" media="all"> <!-- スタイルをリセットするCSS -->
<link rel="stylesheet" href="scroll.css" type="text/css" media="all">

textarea {
font-size: 16px;
border: 1px solid #ccc;
padding: 10px 5px;
border-radius: 5px;
}

td, th {
}

table {
border-collapse: collapse;
}

td {
background-color: #ffffff;
text-align: left;
}

th {
background-color: #696969;
text-align: center;
color: #ffffff;
font-weight: normal;
}

table.type01 {
border-collapse:separate;
border-spacing:8px;
background-color: #323334;
font-size:10px;
}

table.type01 td {
background-color: #323334;
}

table.type02 {
border-collapse:separate;
border-spacing:20px;
background-color: #ffffff;
}

table.type02 th {
    width: 100px;
    border-style: solid;
    border-color: #E6E6E6;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    border-width: 0px 0px 1px;
    padding: 14px 0px 14px 20px;
    font-size: 100%;
    font-weight: normal;
    background-color: #FFF;
    color:#777;
}

table.type02 td {
    border-style: solid;
    border-color: #E6E6E6;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    border-width: 0px 0px 1px;
    padding: 14px 0px 14px 20px;
    font-size: 100%;
    font-weight: normal;
    color:#777;
}

table.type03 {
border-collapse:separate;
border-spacing:30px;
background-color: #ffffff;
}

table.type03 th {
    width: 150px;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    font-size: 100%;
    font-weight: normal;
    background-color: #FFF;
    color:#777;
    vertical-align: top;
    text-align: left;
}

table.type03 td {
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    font-size: 100%;
    font-weight: normal;
    color:#777;
}

#mainImgWrapper {
margin-bottom:20px;
width:100%;
}

#mainImg {
margin:0 auto;
width:1000px;
height:370px;
position:relative;
}

#mainImg h1 {
font-size:29px;
font-weight:100;
line-height:1;
letter-spacing:10px;
color:#FFF;
}

#mainImg h1 span {
font-weight:bold;
}

#mainImg h2 {
font-size:13px;
font-weight:100;
line-height:1;
letter-spacing:5px;
color:#FFF;
}

#mainBnr {
margin-bottom:60px;
width:980px;
margin:0 auto;
padding-top:30px;
}

#mainBnr .works,
#mainBnr .aboutus {
width:280px;
float:left;
}

#mainBnr .blog {
width:278px;
float:left;
}

#mainBnr .works,
#mainBnr .aboutus {
margin-right:35px;
padding-right:35px;
}

#mainBnr .gallery {
padding-top:70px;
width:980px;
float:left;
}

#mainBnr h1 {
display: block;
margin: 0 auto;
height: 34px;
font-size: 18px;
font-weight: normal;
color: #666666;
background: #ffffff url() no-repeat bottom;
}

#mainBnr .works h1 {
}

#mainBnr .aboutus h1 {
}

#mainBnr .blog h1 {
}

#mainBnr .gallery h1 {
}

#mainBnr a {
display:block;
}

#mainBnr a h1 {
color:#000000;
}

#mainBnr a:hover h1 {
color:#8fccff;
}

#mainBnr a p {
color:#666;
}

#mainBnr a:hover p {
color:#999;
}

#mainBnr div {
margin-bottom:3px;
}

#page_left {
width:300px;
float:left;
padding-right:20px;
}


ul#icon {
margin:0 auto;
width:980px;
height:140px;
padding-bottom:80px;
}

ul#icon2 {
margin:0 auto;
width:980px;
height:140px;
}

ul#icon li{
width:230px;
height:140px;
float:left;
list-style:none;
overflow:hidden;
}

ul#icon2 li{
width:230px;
height:140px;
float:left;
list-style:none;
overflow:hidden;
}

li.teduka{
background-image:url(http://www.casa-plus.jp/wp-content/uploads/2015/03/casaplus21.png);
}

li.jurinji{
background-image:url(http://www.casa-plus.jp/wp-content/uploads/2015/03/casaplus23.png);
margin-left:20px;
}

li.awaji{
background-image:url(http://www.casa-plus.jp/wp-content/uploads/2015/03/casaplus25.png);
margin-left:20px;
}

li.kitayama{
background-image:url(http://www.casa-plus.jp/wp-content/uploads/2015/03/casaplus27.png);
margin-left:20px;
}

li.ashiya{
background-image:url(http://www.casa-plus.jp/wp-content/uploads/2015/03/casaplus29.png);
}

li.kobe{
background-image:url(http://www.casa-plus.jp/wp-content/uploads/2015/03/casaplus31.png);
margin-left:20px;
}

li.sakai{
background-image:url(http://www.casa-plus.jp/wp-content/uploads/2015/03/casaplus33.png);
margin-left:20px;
}

li.tennoji{
background-image:url(http://www.casa-plus.jp/wp-content/uploads/2015/03/casaplus35.png);
margin-left:20px;
}

li.takasago{
background-image:url(http://www.casa-plus.jp/wp-content/uploads/2015/03/casaplus37.png);
}

li.kyoto{
background-image:url(http://www.casa-plus.jp/wp-content/uploads/2015/03/casaplus39.png);
margin-left:20px;
}

li.toyonaka{
background-image:url(http://www.casa-plus.jp/wp-content/uploads/2015/03/casaplus41.png);
margin-left:20px;
}

li.kakogawa{
background-image:url(http://www.casa-plus.jp/wp-content/uploads/2015/03/casaplus43.png);
margin-left:20px;
}

li.akashi{
background-image:url(http://www.casa-plus.jp/wp-content/uploads/2015/03/casaplus45.png);
}

li.kakogawa1{
background-image:url(http://www.casa-plus.jp/wp-content/uploads/2015/03/casaplus47.png);
margin-left:20px;
}

li.none{
margin-left:20px;
}

ul {
list-style:none;
}

hr {
height: 1px;
border: none;
border-top: 1px #cccccc solid;
}

table.contact {
color:#333;
}

table.contact th{
background: #f3f3f3;
border-bottom: 16px solid #fff;
width: 300px;
padding-left: 14px;
font-size: 12px;
font-weight: normal;
color:#333;
}

table.contact td{
border: 0px;
padding: 10px 30px;
font-size: 12px;
}

input[type="text"] , input[type="email"] , input[type="tel"] , input[type="text"] , textarea{
width:100%;
}


input.wpcf7-form-control.wpcf7-submit {
width: 260px;
background: #555;
color: #fff;
padding: 10px;
font-size: 14px;
letter-spacing: 3px;
}