@import "reset.css";
@import "common.css";
@import "slider-pro.css";

/* トップページ */

#index {
padding:0px 2% 0px 2%;
/* max-width:1500px; */
width:96%;
margin:0 auto;
}

#index .sp-slides img {
margin:0px 0px 0px 0px;
height:auto;
}

#index .sp-thumbnails-container {
background-color:#ededed;
border-bottom:solid 10px #0e2c68;
width:100% !important;
padding:20px 0px 20px 0px;
}

.thumb_box {
background-color:#ededed;
border-bottom:solid 10px #0e2c68;
width:100%;
}


#index .sp-thumbnails {
max-width:1200px;
margin:0 auto;
}


/* #index .sp-thumbnails img{
width:22%;
float:left;
margin:0px 0px 0px 2%;
} */

#index .item_01 {
background-color:#ededed;
border-bottom:solid 10px #0e2c68;
padding:20px 0px 20px 0px;
}

#index .item_01 ul {
margin:0px 0px 0px 2%;
}

#index .item_01 ul li {
float:left;
width:22%;
margin:0px 0px 0px 2%;
}

#index .item_02 {
padding:40px 0px 0px 0px;
}

#index .item_02 h2 {
text-align:center;
font-size:40px;
font-weight:bold;
padding:0px 0px 30px 0px;
}

#index .item_02 ul li {
border:solid 2px #ff8181;
background-color:#f5f2ec;
border-radius:25px;
float:left;
width:18%;
font-size:18px;
font-weight:bold;
padding:10px 0px 10px 0px;
text-align:center;
margin:0px 2% 10px 0px;
}

#index .item_02 ul li:last-child {
margin:0 0px 10px 0px;
}

#index .item_03 {
background-color:#012572;
margin:40px 0px 0px 0px;
padding:0px 1% 20px 1%;
}

#index .item_03 h2 {
font-size:50px;
color:#FFF;
font-weight:bold;
text-align:center;
padding:23px 0px 20px 0px;
}

#index .item_03 ul li {
float:left;
width:24.9%;
border-right:1px solid #7b8db5;
height:38em;
}

#index .item_03 ul li:last-child {
border-right:0;
}

#index .item_03 ul li h3 {
color:#FFF;
font-size:1.5em;
padding:0px 3% 0px 3%;
height:75px;
}

/* #index .item_03 ul li:nth-child(1) h3,
#index .item_03 ul li:nth-child(3) h3 {
padding:30px 3% 0px 3%;
height:65px;
}

#index .item_03 ul li:nth-child(2) h3,
#index .item_03 ul li:nth-child(4) h3 {
padding:20px 3% 0px 3%;
height:75px;
} */


#index .item_03 ul li .txt {
color:#FFF;
font-size:16px;
padding:0px 3% 0px 3%;
}

#index .item_03 ul li .image {
padding:0px 13% 10px 13%;
text-align:center;
}

#index .item_04 {
margin:0px 0px 30px 0px;
}

#index .item_04 .image {
width:50%;
float:left;
}

#index .item_04 .item_area {
width:50%;
float:left;
}

#index .item_04 .item_area h2 {
border-bottom:2px solid #e1a005;
padding:4% 0px 3% 0px;
margin:0px 0px 3% 0px;
}

#index .item_04 .item_area ul {
width:100%;
}

#index .item_04 .item_area ul li {
background-color:#e1a005;
text-align:center;
color:#FFF;
font-size:20px;
float:left;
width:32.65%;
}

#index .item_04 .item_area ul li p {
display: table-cell;
vertical-align: middle;
height:60px;
width:32.65%;
text-align:center;
}

#index .item_04 .item_area ul li:nth-child(1) p {
width:29%;
}

#index .item_04 .item_area ul li:nth-child(1) {
margin:0px 1% 1% 0px;
}

#index .item_04 .item_area ul li:nth-child(2) {
margin:0px 1% 1% 0px;
}

#index .item_04 .item_area ul li:nth-child(3) {
margin:0px 0px 1% 0px;
}

#index .item_04 .item_area ul li:nth-child(4) {
width:100%;
margin:0px 0px 0px 0px;
}

#index .item_04 .item_area .txt_01 {
font-size:18px;
padding:20px 0px 10px 0px;
line-height:1.8;
}

#index .item_04 .item_area .txt_02 {
font-size:14px;
line-height:1.8;
}

#index .item_05 {
margin:0px 0px 30px 0px;
}

#index .item_05 th {
background-color:#72b10e;
width:33%;
padding:0px 0px 0px 0px;
}

#index .item_05 th h2 {
font-size:30px;
text-align:center;
padding:0px 0px 15px 0px;
}

#index .item_05 th p {
font-size:18px;
text-align:center;
line-height:1.8;
}

#index .item_05 td {
width:66%;
padding:0px 0px 0px 1%;
}

#index .item_05 td li {
float:left;
position:relative;
margin:0px 1% 2% 0px;
width:32%;
}

#index .item_05 td li img {
width:291px;
height:178px;
}

/* #index .item_05 td li:nth-child(1) {
margin:0px 1% 2% 0px;
width:49%;
}

#index .item_05 td li:nth-child(2) {
margin:0px 0px 2% 1%;
width:49%;
} */

#index .item_05 td li:nth-child(3) {
margin:0px 0px 2% 0px;
width:32%;
}

#index .item_05 td li:nth-child(4) {
margin:0px 1% 0px 0px;
width:32%;
}

#index .item_05 td li:nth-child(5) {
margin:0px 1% 0px 0px;
width:32%;
}

#index .item_05 td li:nth-child(6) {
margin:0px 0px 0px 0px;
width:32%;
}


#index .item_05 td li .txt {
position:absolute;
bottom:0;
background-color:rgba(0,0,0,0.7);
color:#FFF;
font-size:14px;
padding:2%;
}

#index .item_06 {
margin:0px 0px 30px 0px;
}

#index .item_06_01 h2 {
font-size:40px;
border-left:40px solid #72b10e;
float:left;
padding:0px 0px 0px 20px;
}

#index .item_06_01 p {
float:left;
font-size:18px;
padding:0px 0px 0px 20px;
margin:10px 0px 30px 0px;
}

#index .item_06 li {
float:left;
border-top:solid 2px #e1e1e1;
border-left:solid 2px #e1e1e1;
border-right:solid 2px #e1e1e1;
border-bottom:solid 10px #72b10e;
width:31.5%;
margin:0px 2% 0px 0px;
}

#index .item_06 li:nth-child(3) {
margin:0;
}

#index .item_06 li h3 {
font-size:22px;
font-weight:bold;
padding:15px 0px 12px 3%;
}

#index .item_06 li .txt_01 {
font-size:16px;
line-height:2.0;
padding:5px 3% 5px 3%;
}

#index .item_06 li .image {
padding:0px 3% 15px 3%;
text-align:center;
}

#index .item_06 li .txt_02 {
background-image:url(images/con05_ico01.png);
background-repeat:no-repeat;
background-position:10px 0px;
padding:7px 0px 3px 55px;
height:40px;
font-size:16px;
}

#index .item_06 li .txt_03 {
background-image:url(images/con05_ico02.png);
background-repeat:no-repeat;
background-position:10px 0px;
padding:6px 0px 0px 55px;
height:40px;
font-size:16px;
}

#index .tab {
margin:50px 0px 0px 0px;
box-sizing:border-box;
}

#index.tab, #index .tab li {
    float: left;
	width:50%;
	border-left:solid 1px #c7c7c7;
	border-right:solid 1px #c7c7c7;
	border-top:solid 1px #c7c7c7;
	text-align:center;
	padding:10px 0px 10px 0px;
	cursor:pointer;
	box-sizing:border-box;
}

#index.tab, #index .tab li:nth-child(1) {

}

#index.tab, #index .tab li:nth-child(2) {
border-left:0;
}

#index .tab li a {
color:#000;
font-size:20px;
cursor:pointer;
}

#index .content {
    clear: both;
    overflow: hidden;
    border:1px solid #c7c7c7;
	margin:0px 0px 50px 0px;
}

#index .content table {
margin:5px 3% 5px 3%;
width:94%;
border-collapse: collapse;
table-layout: fixed;
}

#index .content table th {
padding:0px 2% 0px 0px;
border-bottom:1px solid #c7c7c7;
width:20%;
}

#index .content table td {
padding:0px 0px 0px 0px;
border-bottom:1px solid #c7c7c7;
font-size:16px;
}

#index .area {
    display: none;
}
#index .tab li.active {
    background: #eee;
}

#index .tab li.active a{
}

#index .item_07 {
margin:0px 0px 20px 0px;
}

#index .item_07 .image {
float:left;
width:22%;
}

#index .item_07 .txt {
float:left;
width:78%;
font-size:40px;
font-weight:bold;
padding:10px 0px 0px 0px;
}

#index .item_08 {
margin:0px 0px 50px 0px;
}

#index .item_08 .item_left {
float:left;
width:70%;
}

#index .item_08 .item_left p {
font-size:18px;
line-height:2.0;
margin:0px 0px 20px 0px;
}

#index .item_08 .item_left p em {
font-weight:bold;
}

#index .item_08 .item_right {
float:left;
width:30%;
}

/* ページ共通 */

.h_style01 {
width:1000px;
margin:0 auto;
}

.h_style01 h1,
.h_style01 h2 {
font-size:40px;
padding:20px 0px 20px 0px;
}

.h_style02 {
width:100%;
}

.h_style02 h1,
.h_style02 h2 {
width:1000px;
margin:0 auto;
font-size:46px;
padding:15px 0px 15px 0px;
}

.breadcrumbs {
background-color:#edf3ff;
border-top:solid 5px #0e2c68;
width:100%;
/* max-width:1500px; */
margin:0 auto;
font-size:16px;
padding:10px 0px 10px 0px;
}

.breadcrumbs p {
width:1000px;
margin:0 auto;
}

.breadcrumbs a {
color:#000;
}

#page {
margin:0 auto;
width:1000px;
}

.search_navi {
background-color: #72b10e;
margin: 0px 0px 30px 0px;
}

.search_navi .item_left {
float:left;
width:220px;
margin:15px 0px 15px 10px;
}

.search_navi .item_left p {
float:left;
width:59px;
}

.search_navi .item_left h2 {
font-size:27px;
color:#FFF;
float:left;
width:150px;
padding:20px 0px 0px 10px;
}

.search_navi .item_left h2 a {
color:#FFF;
}

.search_navi .item_right {
float:left;
width:720px;
margin:15px 0px 15px 0px;
padding:0px 0px 0px 15px;
border-left:1px solid #FFF;
}

.search_navi .item_right select {
height: 30px;
width:500px;
float: left;
margin: 0px 0px 0px 0px;
font-size:15px;
}

.search_navi .btn {
margin: 0px 0px 0px 15px;
float: left;
}

.search_navi .btn input {
    background-color: #eeffd3;
    background-image: url(images/s_ico_search.png);
    background-repeat: no-repeat;
    background-position: 100px 2px;
    padding: 7px 0px 7px 30px;
    font-size: 14px;
    border-radius: 25px;
    width: 300px;
    border: none;
    cursor: pointer;
}

.search_navi .btn input:hover {
background-image:url(images/s_ico_search_on.png);
}

.search_navi .item_right .txt_01 {
color:#FFF;
padding:0px 0px 10px 0px;
}

.contents_area {
width:1000px;
margin:0 auto;
}

.item_voice h2 {
text-align:center;
padding:30px 0px 30px 0px;
}

.item_voice01 {
position:relative;
border:solid #012572 10px;
}

.item_voice01 .mark {
position:absolute;
top:65px;
left:-35px;
}

.item_voice01 table {
margin:20px 0px 20px 50px;
}

.item_voice01 table th {
width:165px;
vertical-align:top;
padding:0px 30px 0px 0px;
}

.item_voice01 table td h3 {
background-color:#eef4ff;
display:inline-block;
text-align:center;
padding:5px 10px 5px 5px;
margin:0px 0px 15px 0px;
}

.item_voice01 table td h4 {
font-size:16px;
color:#012572;
font-weight:bold;
}

.item_voice01 table td p {
font-size:16px;
line-height:2.0;
}

.item_voice .more {
width:400px;
text-align:center;
margin:30px auto 30px auto;
font-size:22px;
background-color:#edf3ff;
}

.item_voice .more a {
display:block;
color:#000;
padding:15px 0px 15px 0px;
}

.bottom_navi {
padding:0px 0px 30px 0px;
}

.bottom_navi li {
float:left;
margin:0px 25px 0px 0px;
}

.bottom_navi li:nth-child(1) {
width:300px;
background-color:#edf3ff;
padding:10px 0px 10px 0px;
}

.bottom_navi li:nth-child(1) p {
font-size:18px;
font-weight:bold;
padding:0px 0px 0px 25px;
line-height:0.9;
}

.bottom_navi li:nth-child(1) p span {
font-size:10px;
font-weight:normal;
}

.bottom_navi li:nth-child(3) {
margin:0;
}

/* ページ共通end */

/* 駐車場検索詳細 */

.single_parking {
margin:0 auto;
width:1000px;
padding:30px 0px 0px 0px;
}

.single_parking h1 {
clear:both;
font-size:38px;
padding:10px 0px 20px 0px;
}

.single_parking .item_01 li {
background-color:#012572;
color:#FFF;
text-align:center;
padding:7px 15px 7px 15px;
font-size:20px;
margin:0px 15px 0px 0px;
float:left;
}

.single_parking .item_02 {
clear:both;
padding:0px 0px 50px 0px;
}

.single_parking .item_02 h2,
.single_parking .item_03 h2,
.single_parking .item_04 h2 {
font-size:25px;
border-left:10px solid #72b10e;
padding:5px 0px 5px 12px;
margin:0px 0px 15px 0px;
}

.single_parking .item_02 .item_left {
float:left;
width:365px;
}

.single_parking .main_image {
margin:0px 0px 20px 0px;
}

.single_parking .sub_image li {
float:left;
margin:0px 10px 0px 0px;
}

.single_parking .sub_image li:nth-child(4) {
margin:0;
}

.single_parking .item_02 .item_right {
float:right;
width:600px;
}

.single_parking .item_02 .item_right table {
width:100%;
}

.single_parking .item_02 .item_right table th {
background-color:#edf3ff;
text-align:center;
padding:10px 0px 10px 0px;
width:135px;
font-size:16px;
border-left:solid 1px #c7c7c7;
border-bottom:solid 1px #c7c7c7;
border-top:solid 1px #c7c7c7;
}

.single_parking .item_02 .item_right table td {
padding:10px 0px 10px 10px;
font-size:16px;
border-right:solid 1px #c7c7c7;
border-bottom:solid 1px #c7c7c7;
border-top:solid 1px #c7c7c7;
}

.single_parking .item_03 {
margin:0px 0px 50px 0px;
}

.single_parking .item_03 table {
width:100%;
}

.single_parking .item_03 table th {
background-color:#edf3ff;
text-align:center;
padding:10px 0px 10px 0px;
width:135px;
font-size:16px;
border-left:solid 1px #c7c7c7;
border-bottom:solid 1px #c7c7c7;
border-top:solid 1px #c7c7c7;
}

.single_parking .item_03 table td {
padding:10px 10px 10px 15px;
font-size:16px;
border-right:solid 1px #c7c7c7;
border-bottom:solid 1px #c7c7c7;
border-top:solid 1px #c7c7c7;
}


.single_parking .item_03_01 li {
float:left;
margin:0px 30px 0px 0px;
}

.single_parking .item_03_01 li:nth-child(2) {
margin:0;
}

.single_parking .item_03_02 li {
float:left;
background-color:#edf3ff;
background-repeat:no-repeat;
background-position:5px 17px;
margin:0px 10px 10px 0px;
width:100px;
border-radius:5px;
}

.single_parking .item_03_02 li:nrh-child(6n) {
margin:0px 0px 10px 0px;
}

.single_parking .item_03_02 .style_01 {
background-image:url(images/ico_maru.png);
padding:15px 0px 15px 28px;
height:20px;
}

.single_parking .item_03_02 .style_02 {
background-image:url(images/ico_maru.png);
padding:7px 0px 7px 28px;
height:36px;
line-height:1.2;
}

.single_parking .item_03_02 .style_03 {
background-image:url(images/ico_bastu.png);
padding:15px 0px 15px 28px;
height:20px;
}

.single_parking .item_03_02 .style_04 {
background-image:url(images/ico_bastu.png);
padding:7px 0px 7px 28px;
height:36px;
line-height:1.2;
}

.single_parking .item_04 {
padding:0px 0px 20px 0px;
}

/* 駐車場検索詳細end */

/* 駐車場検索 */

.parking {
padding:30px 0px 0px 0px;
}

.parking .item_01 {
background-color:#72b10e;
margin:0px 0px 30px 0px;
}

.parking .item_01 .item_left {
float:left;
width:300px;
padding:15px 0px 15px 0px;
}

.parking .item_01 .item_left p {
float:left;
width:59px;
}

.parking .item_01 .item_left h2 {
font-size:27px;
color:#FFF;
float:left;
width:150px;
padding:20px 0px 0px 10px;
}

.parking .item_01 .item_right {
float:left;
width:500px;
}

.parking .item_02 .item_left {
float:left;
width:477px;
padding:0px 10px 0px 0px;
}

.parking .item_02 .item_right {
float:left;
width:513px;
}

.parking .item_02 .item_right h3 {
border-bottom:solid 2px #e8e8e8;
padding:0px 0px 7px 0px;
margin:0px 0px 15px 0px;
}

.parking .item_02 .item_right h3 a {
color:#000;
font-size:18px;
display:block;
}

.parking .item_02 .item_right ul li {
border:solid 2px #e8e8e8;
width:247px;
float:left;
margin:0px 10px 10px 0px;
font-size:16px;
}

.parking .item_02 .item_right ul li:nth-child(2n) {
margin:0px 0px 10px 0px;
}

.parking .item_02 .item_right ul li a {
color:#000;
padding:7px 0px 7px 10px;
display:block;
background-image:url(images/ico_02.png);
background-repeat:no-repeat;
background-position:217px 10px;
}

.parking .item_03 {
margin:0px 0px 50px 0px;
}

.parking .item_03 h2 {
font-size:25px;
border-left:10px solid #72b10e;
padding:5px 0px 5px 12px;
margin:0px 0px 15px 0px;
}

.parking .item_03 li {
border-left:1px solid #c6c6c6;
border-right:1px solid #c6c6c6;
border-top:1px solid #c6c6c6;
font-size:16px;
}

.parking .item_03 li:last-child {
border-bottom:1px solid #c6c6c6;
}

.parking .item_03 li .item_left {
float:left;
width:300px;
margin:15px 0px 15px 10px;
padding:5px 0px 5px 0px;
border-right:1px solid #c6c6c6;
}

.parking .item_03 li .item_left a {
color:#000;
}

.parking .item_03 li .item_center {
float:left;
margin:15px 0px 15px 10px;
padding:5px 0px 5px 0px;
}

.parking .item_03 li .item_right{
float:right;
width:134px;
margin:15px 0px 15px 0px;
padding:5px 0px 5px 10px;
border-left:1px solid #c6c6c6;
}

.parking .item_03 li .item_right a {
background-image:url(images/ico_02.png);
background-repeat:no-repeat;
background-position:5px 0px;
padding:0px 0px 0px 30px;
color:#000;
display:block;
}

.parking .item_03 .to_top {
text-align:right;
font-size:16px;
padding:10px 0px 0px 0px;
}

.parking .item_03 .to_top a {
color:#000;
}

/* 駐車場検索end */

/* 事例紹介 */

.cases {
width:1000px;
margin:0 auto;
padding:50px 0px 50px 0px;
}

.cases h2 {
font-size: 30px;
border-left: 8px solid #0e2c68;
padding: 0px 0px 0px 20px;
margin: 0px 0px 20px 0px;
}

.cases .navi li {
    background-color: #eef4ff;
    text-align: center;
    margin: 15px 20px 30px 0px;
    float: left;
    text-align: center;
    color: #FFF;
    font-size: 17px;
}

.cases .navi li a {
    padding: 15px;
	display:block;
	color:#000;
}

.cases .item_01 {
padding:0px 0px 50px 0px;
}

.cases .item_01 li {
border:solid 2px #e1e1e1;
margin:0px 8px 15px 0px;
width:324px;
float:left;
}

.cases .item_01 li:nth-child(3n) {
margin:0px 0px 15px 0px;
}

.cases .item_01 li .image {
text-align:center;
padding:15px 0px 12px 0px;
}

.cases .item_01 .coment {
font-size:19px;
padding:0px 15px 7px 15px;
min-height:70px;
}

.cases .item_01 li div {
background-color:#f7f7f7;
}

.cases .item_01 li .txt_01 {
background-image:url(images/ico01.png);
background-repeat:no-repeat;
background-position:10px 7px;
font-size:16px;
padding:7px 0px 5px 40px;
}

.cases .item_01 li .txt_02{
background-image:url(images/ico02.png);
background-repeat:no-repeat;
background-position:7px 3px;
font-size:16px;
padding:0px 0px 7px 40px;
}

.cases .item_01 li .more {
text-align:center;
font-size:16px;
padding:15px 0px 15px 0px;
background-image:url(images/ico03.png);
background-repeat:no-repeat;
background-position:88px 12px;
}

.cases .item_01 li .more a {
color:#000;
}

/* 事例紹介end */

/* お客様の声 */

.item_voicepage {
margin:0 auto;
width:1000px;
padding:50px 0px 50px 0px;
}

.item_voicepage h1 {
font-size:30px;
border-left:8px solid #0e2c68;
padding:0px 0px 0px 20px;
margin:0px 0px 20px 0px;
}

.item_voicepage .item {
border:solid 2px #e1e1e1;
margin:0px 0px 30px 0px;
}

.item_voicepage .item_01 {
padding:0px 0px 30px 0px;
}

.item_voicepage .item_01 .item_left {
float:left;
width:365px;
padding:20px 20px 0px 20px;
}

.item_voicepage .item_01 .item_right {
float:left;
width:570px;
padding:20px 20px 0px 0px;
}

.item_voicepage .item_01 .item_right h2 {
font-size:26px;
}

.item_voicepage .item_01 .item_right h2 a {
color:#000;
}

.item_voicepage .item_01 .item_right table {
border-collapse: separate;
border-spacing: 0px 10px;
width:100%;
}

.item_voicepage .item_01 .item_right table th {
background-color:#edf3ff;
font-size:16px;
width:135px;
padding:10px 0px 10px 0px;
border-left:solid 1px #cbcbcb;
border-top:solid 1px #cbcbcb;
border-bottom:solid 1px #cbcbcb;
text-align:center;
}

.item_voicepage .item_01 .item_right table td {
font-size:16px;
padding:10px 0px 10px 15px;
border-right:solid 1px #cbcbcb;
border-top:solid 1px #cbcbcb;
border-bottom:solid 1px #cbcbcb;
}

.item_voicepage .item_02 {
padding:0px 20px 0px 20px;
}

.item_voicepage .item_02 h3 {
font-weight:bold;
font-size:16px;
}

.item_voicepage .item_02 p {
font-size:16px;
padding:0px 0px 20px 0px;
}

/* お客様の声end */

/* コインパーキング事例（ビフォア・アフター） */

.item_cases {
margin:0 auto;
width:1000px;
padding:50px 0px 50px 0px;
}

.item_cases h1 {
font-size:30px;
border-left:8px solid #0e2c68;
padding:0px 0px 0px 20px;
margin:0px 0px 20px 0px;
}

.item_cases .item {
border:solid 2px #e1e1e1;
padding:20px;
margin:0px 0px 30px 0px;
}

.item_cases .item h2 {
font-size:33px;
padding:0px 0px 15px 0px;
}

.item_cases .item h2 a {
color:#000;
display:block;
}

.item_cases .item_image {
padding:0px 0px 30px 0px;
}

.item_cases .item_image h3 {
padding:0px 0px 7px 0px;
}

.item_cases .item_image .item_left {
float:left;
width:426px;
}

.item_cases .item_image .item_center {
float:left;
width:40px;
padding:120px 25px 0px 38px;
}

.item_cases .item_image .item_right {
float:left;
width:426px;
}

.item_cases .item .image {
text-align:center;
margin:0px 0px 20px 0px;
}

.item_cases .item .style_01 {
width:100%;
margin:0px 0px 10px 0px;
}

.item_cases .item .style_02 {
width:100%;
margin:0px 0px 10px 0px;
}

.item_cases .item .style_01 th {
background-color:#edf3ff;
font-size:16px;
width:140px;
padding:10px 0px 10px 0px;
border-left:solid 1px #cbcbcb;
border-top:solid 1px #cbcbcb;
border-bottom:solid 1px #cbcbcb;
text-align:center;
}

.item_cases .item .style_01 td {
font-size:16px;
padding:10px 0px 10px 15px;
border-right:solid 1px #cbcbcb;
border-top:solid 1px #cbcbcb;
border-bottom:solid 1px #cbcbcb;
}

.item_cases .item .style_02 th {
background-color:#edf3ff;
font-size:16px;
width:140px;
padding:10px 0px 10px 0px;
border-left:solid 1px #cbcbcb;
border-top:solid 1px #cbcbcb;
border-bottom:solid 1px #cbcbcb;
text-align:center;
}

.item_cases .item .style_02 td {
font-size:16px;
padding:10px 0px 10px 15px;
width:320px;
border-right:solid 1px #cbcbcb;
border-top:solid 1px #cbcbcb;
border-bottom:solid 1px #cbcbcb;
}

.item_cases .item .txt {
font-size:16px;
line-height:1.8;
padding:15px 0px 0px 0px;
}


/* コインパーキング事例（ビフォア・アフター）end */

/* カノープスが選ばれる理由 */

.reason .hstyle_01 {
width:100%;
background-color:#0e2c68;
}

.reason .hstyle_01 div {
width:1000px;
margin:0 auto;
}

.reason .hstyle_01 div h1 {
float:left;
width:305px;
padding:25px 20px 25px 0px;
}

.reason .hstyle_01 div p {
float:left;
color:#FFF;
font-size:25px;
padding:25px 0px 25px 0px;
line-height:2.0;
width:675px;
}

.reason .item_01 {
text-align:center;
padding:20px 0px 20px 0px;
}

.reason .item_01 h2 {
position: relative;
display: inline-block;
padding: 0 190px;
font-size:37px;
text-align:center;
}

.reason .item_01 h2:before, .reason .item_01 h2:after{
content: '';
position: absolute;
top: 50%;
display: inline-block;
width: 180px;
height: 3px;
background-color:#012572;
}

.reason .item_01 h2:before {left:0;}
.reason .item_01 h2:after {right: 0;}

.reason .item_02 {
margin:0 auto;
width:1000px;
}

.reason .item_03 {
border:solid 2px #efefef;
margin:20px auto 20px auto;
width:1100px;
}

.reason .item_03_01 {
margin:30px 0px 0px 60px;
}

.reason .item_03_01 h3 {
float:left;
width:416px;
}

.reason .item_03_01 p {
float:left;
font-size:18px;
padding:15px 0px 0px 15px;
width:600px;
}

.reason .item_03_02 {
margin:40px 0px 0px 60px;
}

.reason .item_03_02 li {
float:left;
margin:0px 30px 0px 0px;
}

.reason .item_03_02 li:nth-child(3) {
margin:0;
}

.reason .item_03 .image {
text-align:center;
margin:40px 0px 30px 0px;
}

.reason .item_05 .item_left {
width:283px;
float:left;
}

.reason .item_05 .item_right {
width:700px;
float:right;
}

.reason .item_05 .item_right h3 {
font-size:26px;
font-weight:bold;
}

.reason .item_05 .item_right p {
font-size:18px;
line-height:2.0;
}

.reason .item_05 .item_right p strong {
color:#ff0000;
}

.reason .item_06 {
margin:30px 0px 0px 0px;
}

.reason .item_06 .image {
width:1001px;
}

.reason .item_06 .txt_01 {
text-align:center;
font-size:28px;
border:solid 2px #ebebeb;
margin:50px 20px 20px 20px;
padding:15px 0px 15px 0px;
}

.reason .item_06 .txt_02 {
font-size:37px;
}

.reason .item_06 .txt_02 em {
font-weight:bold;
}

.reason .item_06 .txt_03 {
font-size:18px;
line-height:2.0;
}

.reason .item_07 {
margin:30px 0px 50px 0px;
}

.reason .item_07 h2 {
margin:0px 0px 20px 0px;
}

.reason .item_07_01 {
border:solid 2px #f2f2f2;
}

.reason .item_07_01 .item_left {
width:417px;
float:left;
}

.reason .item_07_01 .item_right {
width:560px;
float:right;
padding:10px 10px 0px 0px;
}

.reason .item_07_01 .item_right h3 {
font-size:23px;
font-weight:bold;
}

.reason .item_07_01 .item_right p {
font-size:18px;
line-height:2.0;
}

.reason .item_07_01 .item_right p strong {
color:#FF0000;
}

.reason .item_08 h2 {
font-size:56px;
text-align:center;
margin:0px 0px 50px 0px;
line-height:1.3;
color:#FF0000;
border:solid #FF0000 3px;
padding:15px 0px 15px 0px;
}

.reason .item_08 h2 span {
font-size:43px;
}

.reason .item_08 ul li {
float:left;
width:318px;
min-height:520px;
margin:0px 20px 30px 0px;
}

.reason .item_08 ul li:nth-child(5) {
margin:0px 0px 30px 0px;
width:636px;
}

.reason .item_08 ul li:nth-child(5) .image {
text-align:center;
}

.reason .item_08 ul li:nth-child(6) {
margin:0px 20px 30px 0px;
}

.reason .item_08 ul li:nth-child(5) h3 {
width:560px;
}

.reason .item_08 ul li:nth-child(3) {
margin:0px 0px 30px 0px;
}

.reason .item_08 h3 {
position: relative;
display: inline-block;
padding: 0 20px;
font-size:26px;
font-weight:bold;
text-align:center;
width:280px;
color:#0E2C68;
}

.reason .item_08  ul li:nth-child(5) h3:before, .reason .item_08  ul li:nth-child(5) h3:after{
content: '';
position: absolute;
top: 50%;
display: inline-block;
width: 200px;
height: 3px;
background-color:#0E2C68;
}

.reason .item_08 h3:before, .reason .item_08 h3:after{
content: '';
position: absolute;
top: 50%;
display: inline-block;
width: 60px;
height: 3px;
background-color:#0E2C68;
}

.reason .item_08 h3:before {left:0;}
.reason .item_08 h3:after {right: 0;}


.reason .item_08 ul li:nth-child(3) {
position:relative;
}

.reason .item_08 ul li:nth-child(3) .s_txt {
position:absolute;
top:-18px;
left:40px;
font-size:14px;
color:#0E2C68;
}

.reason .item_08 ul li .txt {
font-size:16px;
line-height:2.0;
min-height:220px;
word-break: break-all;
}

.reason .item_08 ul li:nth-child(7) .txt {
min-height:auto;
}

.reason .item_09_01 {
background-color:#f9f9f9;
margin:20px 0px 30px 0px;
}

.reason .item_09_01 .item_left {
float:left;
width:760px;
padding:15px 0px 15px 15px;
}

.reason .item_09_01 .item_left h3 {
font-size:20px;
}

.reason .item_09_01 .item_left p {
font-size:15px;
line-height:2.0;
}

.reason .item_09_01 .item_right {
width:186px;
float:right;
padding:15px 15px 0px 0px;
}

.reason .item_09_01 .item_right .txt {
font-size:15px;
text-align:right;
padding:7px 0px 0px 0px;
}

/* カノープスが選ばれる理由end */

/* 土地オーナー様 */

.owner .item_01 {
background-color:#012572;
padding:30px 0px 40px 0px;
}

.owner .item_01 h1 {
margin:0 auto;
width:1010px;
}

.owner .item_02 {
background-color:#edf3ff;
padding:20px 0px 20px 0px;
}

.owner .item_02 p {
margin:0 auto;
width:1000px;
}

.owner .item_03 {
padding:30px 0px 30px 0px;
}

.owner .item_03 .item_left {
width:357px;
float:left;
margin:0px 20px 0px 0px;
}

.owner .item_03 .item_right {
width:620px;
float:left;
}

.owner .item_03 .item_right th {
padding:0px 10px 0px 0px;
}

.owner .item_03 .item_right td {
font-size:19px;
font-weight:bold;
}

.owner .item_03 .item_right h2 {
font-size:34px;
font-weight:bold;
padding:15px 0px 0px 0px;
}

.owner .item_03 .item_right h2 span {
color:#012572;
}

.owner .item_03 .item_right p {
font-size:17px;
line-height:2.0;
padding:15px 0px 0px 0px;
}

.owner .item_04 {
border:solid 5px #012572;
border-radius:5px;
margin:0px 0px 30px 0px;
}

.owner .item_04 p {
text-align:center;
padding:15px 0px 0px 0px;
font-size:33px;
color:#FF7A03;
}

.owner .item_04 ul li {
background-color:#012572;
text-align:center;
padding:15px;
margin:15px 0px 15px 10px;
float:left;
/* width:180px; */
text-align:center;
color:#FFF;
font-size:17px;
}


.owner .item_05 h2 {
text-align:center;
padding:0px 0px 15px 0px;
}

.owner .item_05 .txt_01 {
font-size:16px;
text-align:center;
padding:0px 0px 20px 0px;
}

.owner .item_05 ul li {
width:478px;
float:left;
position:relative;
box-shadow: 0px 0px 4px rgba(0,0,0,0.4);
border:1px solid #efefef;
margin:0px 30px 20px 0px;
}

.owner .item_05 ul li:nth-child(2n) {
margin:0px 0px 20px 0px;
}

.owner .item_05 ul li .number {
position:absolute;
left:-37px;
top:10px;
}

.owner .item_05 ul li table {
margin:30px 0px 0px 30px;
}

.owner .item_05 ul li th {
width:179px;
padding:0px 15px 0px 0px;
}

.owner .item_05 ul li td h3 {
font-size:22px;
font-weight:bold;
}

.owner .item_05 ul li .txt_02 {
font-size:16px;
line-height:2.0;
margin:10px 10px 0px 30px;
min-height:200px;
}

.owner .item_06 {
border-bottom:solid 7px #012572;
border-top:solid 7px #012572;
padding:20px 0px 20px 0px;
margin:50px 0px 50px 0px;
}

.owner .item_06 h2 {
float:left;
width:375px;
padding:30px 20px 0px 20px;
}

.owner .item_06 .image {
float:left;
width:511px;
}

.owner .item_06 .txt {
font-size:19px;
padding:20px 0px 0px 0px;
}

.owner .item_07 {
margin:0px 0px 30px 0px;
}

.owner .item_07 h2 {
text-align:center;
}

.owner .item_07 p {
text-align:center;
font-size:16px;
padding:15px 0px 20px 0px;
}

.owner .item_08 {
position:relative;
border:solid #35518f 4px;
}

.owner .item_08 h3 {
position:absolute;
top:-30px;
left:320px;
}

.owner .item_08 ul {
margin:70px 0px 0px 40px;
}

.owner .item_08 li {
width:278px;
float:left;
background-color:#eef4ff;
padding:15px 0px 15px 0px;
margin:0px 37px 20px 0px;
text-align:center;
font-size:16px;
}

.owner .item_08 li:nth-child(3n) {
margin:0px 0px 20px 0px;
}

.owner .item_09 {
text-align:center;
margin:10px 0px 10px 0px;
}

.owner .item_10 {
position:relative;
border:solid #ff7a03 4px;
margin:35px 0px 30px 0px;
padding:80px 0px 0px 0px;
background-image:url(http://www.canopus-p.com/canopus/wp-content/uploads/2017/06/c04_04.png);
background-repeat:no-repeat;
background-position:580px 150px;
}

.owner .item_10 h3 {
position:absolute;
top:-30px;
left:320px;
}

.owner .item_10 h4 {
color:#ff7a03;
font-size:20px;
background-image:url(http://www.canopus-p.com/canopus/wp-content/uploads/2017/06/c04_05.png);
background-repeat:no-repeat;
margin:0px 0px 0px 20px;
padding:0px 0px 0px 30px;
}

.owner .item_10 p {
font-size:16px;
line-height:2.0;
margin:0px 0px 25px 30px;
width:550px;
}

.owner .item_10 p:nth-of-type(1) {
width:auto;
}

.owner .item_11 {
background-color:#f8f7ec;
margin:0px 0px 30px 0px;
padding:0px 0px 10px 20px;
}

.owner .item_11 h2 {
text-align:center;
font-size:30px;
padding:30px 0px 30px 0px;
}

.owner .item_11 table {
margin:0px 0px 0px 0px;
}

.owner .item_11 table th {
width:143px;
text-align:center;
line-height:3.0;
vertical-align:top;
padding:0px 0px 10px 0px;
}

.owner .item_11 table td {
padding:0px 0px 0px 15px;
vertical-align:top;
}

.owner .item_11 table td h3 {
font-size:19px;
font-weight:bold;
}

.owner .item_11 table td p {
font-size:16px;
}

.owner .item_12 th {
width:122px;
text-align:center;
background-color:#012572;
}

.owner .item_12 td {
padding:0px 0px 0px 20px;
}

.owner .item_12 td li {
box-shadow: 0px 0px 4px rgba(0,0,0,0.4);
border: 1px solid #efefef;
float:left;
margin:0px 30px 0px 0px;
padding:0px 0px 20px 20px;
width:390px;
}

.owner .item_12 td li:nth-child(2) {
margin:0;
}

.owner .item_12 td li .txt {
font-size:24px;
padding:20px 0px 20px 0px;
}

.owner .item_13 h2 {
text-align:center;
padding:30px 0px 30px 0px;
}

.owner .item_13_01 {
position:relative;
border:solid #012572 10px;
}

.owner .item_13_01 .mark {
position:absolute;
top:30px;
left:30px;
}

.owner .item_13_01 table th {
width:165px;
vertical-align:top;
padding:0px 30px 0px 0px;
}

.owner .item_13_01 table td h3 {
background-color:#eef4ff;
display:inline-block;
text-align:center;
padding:5px 10px 5px 5px;
margin:0px 0px 15px 0px;
}

.owner .item_13_01 table td h4 {
font-size:16px;
color:#012572;
font-weight:bold;
}

.owner .item_13_01 table td p {
font-size:16px;
line-height:2.0;
}

/* 土地オーナー様end */

/* 不動産会社様 */

.real_estate {
}

.real_estate .item_01 {
background-color:#012572;
padding:30px 0px 40px 0px;
}

.real_estate .item_01 h1 {
margin:0 auto;
width:1009px;
}

.real_estate .item_02 {
background-color:#edf3ff;
padding:20px 0px 20px 0px;
}

.real_estate .item_02 p {
margin:0 auto;
width:1000px;
}

.real_estate .item_03 {
padding:30px 0px 30px 0px;
}

.real_estate .item_03 .item_left {
width:357px;
float:left;
margin:0px 20px 0px 0px;
}
.real_estate .item_03 .item_right {
width:620px;
float:left;
}

.real_estate .item_03 .item_right th {
padding:0px 10px 0px 0px;
}

.real_estate .item_03 .item_right td {
font-size:19px;
font-weight:bold;
}

.real_estate .item_03 .item_right h2 {
font-size:34px;
font-weight:bold;
padding:15px 0px 0px 0px;
}

.real_estate .item_03 .item_right p {
font-size:17px;
line-height:2.0;
}

.real_estate .item_04 h2 {
text-align:center;
padding:0px 0px 20px 0px;
}

.real_estate .item_04 .txt_01 {
font-size:17px;
line-height:2.0;
text-align:center;
padding:0px 0px 30px 0px;
}

.real_estate .item_04 ul li {
box-shadow: 0px 0px 4px rgba(0,0,0,0.4);
border: 1px solid #efefef;
width:310px;
float:left;
margin:0px 30px 20px 0px;
}

.real_estate .item_04 ul li:nth-child(3) {
margin:0px 0px 30px 0px;
}

.real_estate .item_04 ul li:nth-child(4) {
margin:0px 30px 20px 160px;
}

.real_estate .item_04 ul li .mark {
float:left;
width:56px;
padding:5px 0px 0px 5px;
}

.real_estate .item_04 ul li h3 {
font-size:21px;
font-weight:bold;
line-height:1.3;
float:left;
padding:12px 0px 0px 5px;
}

.real_estate .item_04 ul li .image {
text-align:center;
padding:10px 0px 20px 0px;
}

.real_estate .item_04 ul li .txt {
font-size:16px;
line-height:2.0;
padding:0px 17px 0px 17px;
min-height:100px;
}

.real_estate .item_05 {
margin:30px 0px 0px 0px;
}

.real_estate .item_05_01 {
position:relative;
border:solid #35518f 4px;
margin:30px 0px 0px 0px;
}

.real_estate .item_05 h2 {
text-align:center;
}

.real_estate .item_05 p {
text-align:center;
font-size:16px;
padding:15px 0px 15px 0px;
}

.real_estate .item_05_01 h3 {
position:absolute;
top:-30px;
left:320px;
}

.real_estate .item_05_01 ul {
margin:70px 0px 0px 40px;
}

.real_estate .item_05_01 li {
width:278px;
float:left;
background-color:#eef4ff;
padding:15px 0px 15px 0px;
margin:0px 37px 20px 0px;
text-align:center;
font-size:16px;
}

.real_estate .item_05_01 li:nth-child(3n) {
margin:0px 0px 20px 0px;
}

.real_estate .item_06 {
text-align:center;
margin:10px 0px 10px 0px;
}

.real_estate .item_07 {
position:relative;
border:solid #ff7a03 4px;
margin:35px 0px 30px 0px;
padding:80px 0px 0px 0px;
background-image:url(http://www.canopus-p.com/canopus/wp-content/uploads/2017/06/c04_04-1.png);
background-repeat:no-repeat;
background-position:750px 30px;
}

.real_estate .item_07 h2 {
position:absolute;
top:-30px;
left:320px;
}

.real_estate .item_07 ul li {
font-size:18px;
background-image:url(http://www.canopus-p.com/canopus/wp-content/uploads/2017/06/c04_05.png);
background-repeat:no-repeat;
margin:0px 0px 20px 20px;
padding:0px 0px 0px 30px;
}

.real_estate .item_07 ul li strong {
color:#ea5656;
}

.real_estate .item_07 .txt_01 {
text-align:center;
font-size:16px;
line-height:2.0;
padding:0px 0px 20px 0px;
}

/* 不動産会社様end */

/* 会社案内 */

.about_us {
padding:50px 0px 30px 0px;
}

.about_us .item_01 {
border-bottom:solid 5px #dadada;
padding:0px 0px 30px 0px;
margin:0px 0px 40px 0px;
}

.about_us .item_01 .item_left {
width:200px;
float:left;
text-align:center;
}

.about_us .item_01 .item_right {
float:left;
width:800px;
}

.about_us .item_01 .item_right h2 {
font-size:30px;
padding:0px 0px 15px 0px;
}

.about_us .item_01 .item_right h2 a {
color:#000;
display:block;
}

.about_us .item_01 .item_right .txt {
font-size:16px;
line-height:2.0;
}

.about_us .item_01 .item_right .more {
text-align:right;
font-size:16px;
padding:20px 0px 0px 0px;
}

.about_us .item_01 .item_right .more a {
color:#000;
}

/* 会社案内end */

/* ご挨拶・企業理念 */

.greeting {
padding:50px 0px 50px 0px;
}

.greeting h2 {
border-left:solid #0e2c68 6px;
font-size:25px;
padding:5px 0px 5px 15px;
margin:0px 0px 30px 0px;
}

.greeting .item_01 {
padding:0px 0px 50px 0px;
}

.greeting .item_01 .item_left {
width:382px;
float:left;
}

.greeting .item_01 .item_right {
float:right;
width:595px;
}

.greeting .item_01 .item_right .txt {
font-size:16px;
line-height:2.0;
}

.greeting .item_01 .item_right .name {
text-align:right;
padding:20px 0px 0px 0px;
}

.greeting .item_02 li {
width:310px;
float:left;
margin:0px 35px 0px 0px;
}

.greeting .item_02 li:nth-child(3) {
margin:0;
}

.greeting .item_02 li h3 {
font-size:19px;
font-weight:bold;
padding:0px 0px 10px 0px;
}

.greeting .item_02 li .image {
text-align:center;
background-color:#edf3ff;
padding:30px 0px 30px 0px;
}

.greeting .item_02 li .txt {
font-size:16px;
line-height:2.0;
padding:10px 0px 0px 0px;
}

/* ご挨拶・企業理念end */

/* 沿革 */

.history {
padding:50px 0px 50px 0px;
}

.history h2 {
border-left:solid #0e2c68 6px;
font-size:25px;
padding:5px 0px 5px 15px;
margin:0px 0px 30px 0px;
}

.history table {
width:100%;
border-top:solid 1px #c7c7c7;
}

.history table th{
font-size:16px;
width:180px;
border-bottom:solid 1px #c7c7c7;
border-left:solid 1px #c7c7c7;
padding:15px 0px 15px 15px;
height:30px;
}

.history table th p {
border-right:1px solid #c7c7c7;
padding:0px 15px 0px 0px;
height:40px;
display:table-cell;
vertical-align:middle;
width:160px;
}

.history td {
font-size:16px;
border-bottom:solid 1px #c7c7c7;
border-right:solid 1px #c7c7c7;
padding:15px 0px 15px 15px;
}

.history td span {
color:#FF0000;
}

/* 沿革end */

/* 会社概要 */

.outline {
padding:50px 0px 50px 0px;
}

.outline h2 {
border-left:solid #0e2c68 6px;
font-size:25px;
padding:5px 0px 5px 15px;
margin:0px 0px 30px 0px;
}

.outline h3 {
font-size:21px;
font-weight:bold;
padding:0px 0px 15px 0px;
}

.outline .item_01 {
width:100%;
border-spacing:0 15px;
border-collapse: separate;
margin:0px 0px 40px 0px;
}

.outline .item_01 th{
font-size:16px;
width:160px;
border-top:solid 1px #c7c7c7;
border-bottom:solid 1px #c7c7c7;
border-left:solid 1px #c7c7c7;
padding:7px 0px 7px 0px;
/* height:30px; */
text-align:center;
}

.outline .item_01 th p {
/* border-right:1px solid #c7c7c7; */
/* padding:0px 15px 0px 0px; */
/* height:40px; */
/* display:table-cell;
vertical-align:middle;
text-align:center; */
}

.outline .item_01 td {
font-size:16px;
border-top:solid 1px #c7c7c7;
border-bottom:solid 1px #c7c7c7;
border-right:solid 1px #c7c7c7;
padding:7px 0px 7px 0px;
}

.outline .item_01 td p {
border-left:1px solid #c7c7c7;
padding:0px 0px 0px 15px;
}

.outline .item_01 td ul li {
float:left;
width:180px;
}

.outline .item_02 {
width:100%;
margin:0px 0px 40px 0px;
border-top:solid 1px #c7c7c7;
}

.outline .item_02 th{
font-size:16px;
width:160px;
border-bottom:solid 1px #c7c7c7;
border-left:solid 1px #c7c7c7;
padding:15px 0px 15px 15px;
height:30px;
}

.outline .item_02 th p {
border-right:1px solid #c7c7c7;
padding:0px 15px 0px 0px;
height:40px;
display:table-cell;
vertical-align:middle;
text-align:center;
width:140px;
}

.outline .item_02 tr:nth-child(2) th p {
height:80px;
}

.outline .item_02 td {
font-size:16px;
border-bottom:solid 1px #c7c7c7;
border-right:solid 1px #c7c7c7;
padding:15px 0px 15px 15px;
}

.outline .item_02 dt {
float:left;
width:150px;
}

.outline .item_02 dd {
float:left;
}

.outline .item_03 {
width:100%;
margin:0px 0px 40px 0px;
}

.outline .item_03 th{
font-size:21px;
width:120px;
border-right:solid 1px #c7c7c7;
text-align:center;
}

.outline .item_03 td {
padding:0px 0px 0px 15px;
}

.outline .item_03_01 li {
float:left;
width:280px;
margin:0px 12px 20px 0px;
background-color:#edf3ff;
}

.outline .item_03_01 li:nth-child(3),
.outline .item_03_01 li:nth-child(5) {
margin:0px 0px 0px 0px;
}

.outline .item_03_01 li:nth-child(4) {
margin:0px 12px 0px 0px;
}

.outline .item_03_01 li p {
display:table-cell;
width:280px;
height:80px;
text-align:center;
vertical-align:middle;
font-size:16px;
}

.outline .item_03_02 li {
float:left;
width:426px;
margin:0px 12px 0px 0px;
background-color:#edf3ff;
}

.outline .item_03_02 li:nth-child(2) {
margin:0;
}

.outline .item_03_02 li p {
display:table-cell;
width:426px;
height:80px;
text-align:center;
vertical-align:middle;
font-size:16px;
}

/* 会社概要end */

/* 事業案内 */

.our_business {
padding:50px 0px 50px 0px;
}

.our_business .item_01 {
padding:0px 0px 50px 0px;
}

.our_business .item_01 .item_left {
float:left;
width:580px;
}

.our_business .item_01 .item_left h2 {
font-size:25px;
padding:7px 0px 7px 15px;
border-left:#0e2c68 7px solid;
}

.our_business .item_01 .item_left .txt {
font-size:16px;
line-height:2.0;
padding:15px 0px 15px 0px;
}

.our_business .item_01 .item_left ul li {
width:223px;
border:solid 3px #0e2c68;
float:left;
text-align:center;
margin:0px 30px 0px 0px;
}

.our_business .item_01 .item_left ul li a {
color:#000;
font-size:16px;
padding:10px 0px 8px 0px;
display:block;
}

.our_business .item_01 .item_right {
float:right;
width:382px;
}

.our_business .item_02 li {
float:left;
width:224px;
margin:0px 34px 0px 0px;
}

.our_business .item_02 li:nth-child(4) {
margin:0;
}

.our_business .item_02 li h3 {
border-bottom:solid 1px #0e2c68;
padding:0px 0px 10px 0px;
font-size:20px;
text-align:center;
}

.our_business .item_02 li .image {
display:table-cell;
width:224px;
height:190px;
vertical-align:middle;
text-align:center;
}

.our_business .item_02 li .txt {
font-size:16px;
line-height:2.0;
}

/* 事業案内end */

/* 個人情報の取扱についての姿勢 */

.privacy {
padding:50px 0px 0px 0px;
}

.privacy p {
font-size:16px;
line-height:2.0;
padding:0px 0px 50px 0px;
letter-spacing:-1.1px;
}

.privacy p span {
padding:0px 0px 0px 20px;
}

/* 個人情報の取扱についての姿勢end */

/* サイトマップ */

.sitemap {
padding:50px 0px 50px 0px;
}

.sitemap h2 {
font-size:20px;
padding:0px 0px 10px 0px;
margin:0px 0px 20px 0px;
border-bottom:1px solid #0e2c68;
}

.sitemap ul {
margin:0px 0px 40px 0px;
}

.sitemap ul li {
border:solid #c6c6c6 1px;
background-color:#f7f7f7;
width:236px;
margin:0px 15px 15px 0px;
float:left;
}

.sitemap ul li:nth-child(4n) {
margin:0px 0px 15px 0px;
}

.sitemap ul li a {
background-image:url(http://www.canopus-p.com/canopus/wp-content/uploads/2017/06/ico.png);
background-repeat:no-repeat;
background-position:8px 10px;
padding:10px 0px 10px 43px;
color:#000;
font-size:16px;
display:block;
}

/* サイトマップend */

/* ニュース */

.news {
width:1000px;
margin:0 auto;
padding:50px 0px 0px 0px;
}

.news .item {
border-bottom:#ececec 2px solid;
margin:0px 0px 30px 0px;
}

.news .item dt {
background-color:#ececec;
width:133px;
text-align:center;
font-size:16px;
font-weight:bold;
padding:10px 0px 10px 0px;
margin:0px 15px 0px 0px;
float:left;
}

.news .item dd {
width:850px;
font-size:20px;
float:left;
padding:7px 0px 0px 0px;
}

.news .item dd a {
color:#000;
}

.news .item div {
font-size:16px;
line-height:2.0;
padding:20px 0px 20px 0px;
clear:both;
}

/*Pagenation*/

.pagenation {
    margin: 1em 0;
}
.pagenation:after, .pagenation ul:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.pagenation ul {
    margin: 0;
}
.pagenation li {
    float: left;
    list-style: none outside none;
    margin-left: 3px;
}
.pagenation li:first-child {
    margin-left: 0;
}
.pagenation li.active {
    background-color: #999999;
    border-radius: 3px;
    color: #FFFFFF;
    cursor: not-allowed;
    padding: 10px 20px;
}
.pagenation li a {
    background: none repeat scroll 0 0 #CCCCCC;
    border-radius: 3px;
    color: #FFFFFF;
    display: block;
    padding: 10px 20px;
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}
.pagenation li a:hover {
    background-color: #444444;
    color: #FFFFFF;
    opacity: 0.8;
    transition-duration: 500ms;
    transition-property: all;
    transition-timing-function: ease;
}

/* ニュースend */

/* お問い合わせ */

.inq .item_01 {
padding:30px 0px 40px 0px;
}

.inq .item_01 .txt {
float:left;
width:640px;
font-size:16px;
}

.inq .item_01 .image {
float:right;
width:343px;
}

.inq .item_01 .image p {
font-size:17px;
padding:10px 0px 0px 0px;
}

.inq h2 {
border-left:solid #0e2c68 6px;
font-size:25px;
padding:5px 0px 5px 15px;
}

.inq table {
width:100%;
border-collapse: separate;
border-spacing: 0px 20px;
margin:0px 0px 50px 0px;
}

.inq table th {
font-size:16px;
text-align:center;
background-color:#efefef;
min-height:98px;
width:203px;
}

.inq table td {
padding:0px 0px 0px 15px;
}

.inq table .style_01 {
padding:15px 0px 15px 0px;
}

.inq table .style_01 select {
width:300px;
height:33px;
font-size:16px;
float:left;
}

.inq table .style_01 input {
width:300px;
height:33px;
font-size:16px;
float:left;
}

.inq table .hissu {
background-color:#f7f7f7;
width:77px;
padding:7px 0px 7px 0px;
color:#e06a12;
text-align:center;
float:left;
margin:0px 15px 0px 0px;
}

.inq table .ninni {
background-color:#f7f7f7;
width:77px;
padding:7px 0px 7px 0px;
color:#005bac;
text-align:center;
float:left;
margin:0px 15px 0px 0px;
}

.inq table .sample_txt {
font-size:16px;
padding:7px 0px 0px 10px;
float:left;
width:200px;
}

.inq table .style_02 {
margin:0px 0px 20px 0px;
}

.inq table .style_02 input {
width:100px;
height:33px;
font-size:16px;
}

.inq table .style_02_01 {
font-size:16px;
float:left;
margin:0px 10px 0px 0px;
}

.inq table .style_02 .txt_01 {
text-align:center;
padding:7px 0px 7px 0px;
background-color:#f3f3f3;
width:180px;
float:left;
}

.inq table .style_03 p {
margin:0px 0px 15px 0px;
font-size:16px;
}

.inq table .style_03 input {
width:400px;
height:33px;
font-size:16px;
}

.inq table .style_04_01 {
float:left;
width:500px;
font-size:16px;
}

.inq table .style_04_01 p {
padding:0px 0px 7px 0px;
}

.inq table .style_04_01 textarea {
width:500px;
height:200px;
}

.inq table .style_04 .hissu {
background-color:#f7f7f7;
width:77px;
padding:7px 0px 7px 0px;
color:#e06a12;
text-align:center;
float:left;
margin:0px 10px 15px 0px;
}

.inq .item_privacy h3 {
text-align:center;
font-size:21px;
padding:0px 0px 7px 0px;
}

.inq .item_privacy div {
border:solid 1px #e0e0e0;
padding:10px;
height:200px;
overflow:auto;
}

.inq .item_privacy div p {
font-size: 15px;
    line-height: 2.0;
    padding: 0px 0px 50px 0px;
    letter-spacing: -1.1px;
}

.inq .item_privacy div p span {
    padding: 0px 0px 0px 20px;
}

.entry_form_btn_box {
    text-align: center;
}

.entry_form_back {
    padding: 50px 0px 70px 0px;
    float: left;
    margin: 0px 0px 0px 0px;
}

.entry_form_btn {
    padding: 50px 0px 70px 0px;
}

.entry_form_btn input {
    background-color: #012572;
    color: #FFF;
    font-size: 24px;
    padding: 50px 0px 50px 0px;
    width: 462px;
    border: none;
    cursor: pointer;
    text-align: center;
}

.entry_form_back input {
    background-color: #CCC;
    color: #FFF;
    font-size: 24px;
    padding: 50px 0px 50px 0px;
    width: 362px;
    border: none;
    cursor: pointer;
    text-align: center;
}

.inq .mw_wp_form_preview .item_01 {
display:none;
}

.inq .mw_wp_form_preview .sample_txt {
display:none;
}

.inq .mw_wp_form_preview .style_03 span {
display:none;
}

.inq .mw_wp_form_preview .style_04_01 p {
display:none;
}

.inq .mw_wp_form_preview .item_privacy {
display:none;
}

.inq .mw_wp_form_preview .ninni,
.inq .mw_wp_form_preview .hissu {
display:none;
}

.inq .mw_wp_form_preview .style_02 .txt_01 {
display:none;
}

.inq .mw_wp_form_preview td {
font-size:16px;
}

.inq .comp_txt {
font-size:16px;
line-height:2.0;
padding:30px 0px 100px 0px;
}

/* お問い合わせend */

/* オンライン決済 */

.online .item_01 {
margin:30px 0px 60px 0px;
}

.online .item_01 .txt {
font-size: 18px;
line-height: 2.0;
padding:15px 0px 0px 0px;
}

/* オンライン決済end */

/* 404 */

.page_404 {
width:1000px;
margin:30px auto 150px auto;
}

/* 404end */

/* ブログ */

.blog {
padding:0px 0px 50px 0px;
}

#header_blog {
background-image:url(images/blog_main.png);
background-repeat:no-repeat;
background-size:contain;
padding-top: 31.2%;
height:0;
position:relative;
}

#header_blog #logo {
position:absolute;
top:10px;
left:10px;
}

#header_blog #logo img {
width:60%;
}

#header_blog .head_left {
position:absolute;
top:25px;
right:10px;
}

#header_blog .head_inq {
float:left;
text-align:right;
padding:0px 0px 5px 0px;
}

#header_blog  .head_inq li {
float:left;
}

#header_blog  .head_inq li:nth-child(1) {
text-align:left;
}

#header_blog  .head_inq li:nth-child(1) p {
text-align:left;
font-size:15px;
padding:5px 0px 0px 0px;
}

#header_blog .side_inq {
background-color:#012572;
margin:0px 10px 15px 20px;
}

#header_blog .side_inq a {
font-size:19px;
color:#FFF;
padding:18px 10px 18px 60px;
background-image:url(images/ico_mail.png);
background-repeat:no-repeat;
background-position:10px 20px;
display:block;
}

#blog_main {
    float: left;
    width: 70%;
	margin:50px 0px 0px 0px;
}

#blog_main .post {
border:solid #000 1px;
padding:15px;
margin:0px 0px 30px 0px;
}

#blog_main .entry_header {
    font-size: 16px;
    background-color: #e7e7e7;
    color: #000;
    padding: 5px 0px 5px 30px;
    margin: 0px 0px 20px 0px;
    background-image: url(images/ico_day.jpg);
    background-repeat: no-repeat;
    background-position: 10px 12px;
    width: 100px;
}

#blog_main .post h1 {
font-size:24px;
font-weight:bold;
margin:0px 0px 20px 0px;
}

#blog_main .post h1 a {
color:#000;
display:block;
}

#blog_main .entry_content {
font-size:16px;
line-height:2.0;
padding:15px 0px 0px 0px;
}

#blog_main .entry_content .more {
    text-align: right;
    padding: 20px 0px 0px 0px;
    background-image: url(images/ico_more.jpg);
    background-repeat: no-repeat;
    background-position: 40px 28px;
    width: 140px;
    margin-left: auto;
}

#blog_main .entry_content .more a {
color:#000;
}

#blog_side {
    float: left;
    width: 27%;
    margin: 50px 0px 0px 3%;
}

#blog_side .side_item {
margin:0px 0px 30px 0px;
background-color:#f4f4f4;
padding:10px;
line-height:1.8;
}

#blog_side .side_item h3 {
font-size:15px;
padding:0px 0px 10px 0px;
font-weight:bold;
}

#blog_side .side_new li {
border-bottom:solid 1px #000;
padding:0px 0px 10px 0px;
margin:0px 0px 15px 0px;
}

#blog_side .side_item a {
color:#000;
display:block;
}

.blog .to_top {
text-align:right;
}

.blog .to_top a {
color:#000;
}

/* ブログend */

/* コメント欄 */

/* コラム */

.column {
width:1000px;
margin:30px auto 150px auto;
}


/* コラムend */

#respond {
	margin:15px 0px 0px 0px;
}

#commentform {
	margin:0px 0px 30px 0px;
}

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

#comments {
	margin:15px 0px 15px 0px;
}

.commentlist p {
	margin:15px 0px 15px 0px;
}

.comment{
	margin:15px 0px 15px 0px;
}

.reply a {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f2f5f6), color-stop(0.00, #c8d7dc));
	background: -webkit-linear-gradient(top, #c8d7dc 0%, #f2f5f6 100%);
	background: -moz-linear-gradient(top, #c8d7dc 0%, #f2f5f6 100%);
	background: -o-linear-gradient(top, #c8d7dc 0%, #f2f5f6 100%);
	background: -ms-linear-gradient(top, #c8d7dc 0%, #f2f5f6 100%);
	background: linear-gradient(top, #c8d7dc 0%, #f2f5f6 100%);
        background-color:#c8d7dc;
	color:#333;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	padding:1px 5px 1px 5px;
	border:solid 1px #CCC;
	margin:15px 0px 0px 0px;
}

.depth-1 {
	border:dotted 1px #666;
	padding:10px;
}

.commentlist .children {
	margin:0px 0px 0px 30px;
}

/* コメント欄end */


/* 投稿画像等設定 */

img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img {
	max-width: 100%; 
	height: auto;
}

.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 15px;
	margin-top: 4px;
}

.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 15px;
	margin-top: 4px;
}

.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 12px;
}

.wp-caption {
	background: #f1f1f1;
	line-height: 18px;
	margin-bottom: 20px;
	max-width: 632px !important;
	padding: 4px;
	text-align: center;
}

.wp-caption img {
	margin: 5px 5px 0;
}

.wp-caption p.wp-caption-text {
	color: #888;
	font-size: 12px;
	margin: 5px;
}

.wp-smiley {
	margin: 0;
}

.gallery {
	margin: 0 auto 18px;
}

.gallery .gallery-item {
	float: left;
	margin-top: 0;
	text-align: center;
	width: 33%;
}

.gallery-columns-2 .gallery-item {
	width: 50%;
}

.gallery-columns-4 .gallery-item {
	width: 25%;
}

.gallery img {
	border: 2px solid #cfcfcf;
}

.gallery-columns-2 .attachment-medium {
	max-width: 92%;
	height: auto;
}

.gallery-columns-4 .attachment-thumbnail {
	max-width: 84%;
	height: auto;
}

.gallery .gallery-caption {
	color: #888;
	font-size: 12px;
	margin: 0 0 12px;
}

.gallery dl {
	margin: 0;
}

.gallery img {
	border: 10px solid #f1f1f1;
}

.gallery br+br {
	display: none;
}

#content .attachment img {
	display: block;
	margin: 0 auto;
}

/* 投稿画像等設定end */

/* シングルページ,固定ページend */