Skip to content

sora / keio-dentetsu

Go to a project
Commit 7f6ef750 by Orine Matsui
Options

本番最新をDL

parent 5dc2630a
Inline Side-by-side
Showing with 1414 additions and 1414 deletions
common/css/base.css
@charset "UTF-8";
/* /common/css/base.css */
html {
min-width: 1080px;
}
body, p, h1, h2, h3, h4, h5, h6, strong, em, ul, ol {
margin: 0;
padding: 0;
font-weight: normal;
font-size: 100%;
}
ul, ol {
list-style: none;
}
img {
border: none;
}
a {
text-decoration: none;
color: #e473b7;
}
a:hover {
text-decoration: underline;
}
body {
font-size: 14px;
font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Osaka,sans-serif;
line-height: 1.6;
background: url(/common/img/bg_header.jpg) no-repeat top right;
color: #666;
}
.mb_10 {
margin-bottom: 10px;
}
.mb_20 {
margin-bottom: 20px;
}
.mb_30 {
margin-bottom: 30px;
}
.mb_40 {
margin-bottom: 40px;
}
.mb_50 {
margin-bottom: 50px;
}
.mb_80 {
margin-bottom: 80px;
}
.mt_10 {
margin-top: 10px;
}
.mt_20 {
margin-top: 20px;
}
.mt_30 {
margin-top: 30px;
}
.mt_40 {
margin-top: 40px;
}
.mt_50 {
margin-top: 50px;
}
.mt_80 {
margin-top: 80px;
}
.pb_10 {
padding-bottom: 10px;
}
.pb_20 {
padding-bottom: 20px;
}
.pb_30 {
padding-bottom: 30px;
}
.taC{
text-align: center;
}
.wrapper {
width: 1080px;
margin: 0 auto;
position: relative;
}
.wrapper:after, #head_menu:after, #head_contact:after, #global_nav:after {
content: "";
display: block;
clear: both;
height: 0;
}
h3 {
text-align: center;
}
/* header ********************************************************************** */
header {
line-height: 1.0;
}
#head_logo {
display: block;
float: left;
padding: 32px 0;
}
#head_menu {
position: absolute;
top: 0;
right: 0;
}
#head_contact {
position: absolute;
top: 35px;
right: 0;
display: table;
padding: 20px 0;
}
#head_contact li {
display: table-cell;
padding: 0 0 0 20px;
vertical-align: top;
}
#head_contact li > img {
padding-top: 9px;
}
#head_contact li:first-child + * {
width: 175px;
}
#head_contact li:nth-child(2) {
width: 175px;
}
#head_contact li:first-child + * img {
width: 175px;
padding-top: 12px;
}
#head_contact li:nth-child(2) img {
width: 175px;
padding-top: 11px;
}
/* 電話番号拡大 */
li#head_contact_tel img {
width: 175px;
left: 69px;
top: 181px;
opacity: 1;
transition-property: width, height, left, top, opacity;
}
li#head_contact_tel {
overflow: hidden;
transition-duration: 0.15s;
transition-property: width, height, margin-top, margin-left;
}
li#head_contact_tel img:hover {
width: 309px;
left: 70px;
top: 10px;
opacity: 1;
z-index: 10000;
position: absolute;
}
#head_menu ul {
display: table;
}
#head_menu li {
display: table-cell;
vertical-align: middle;
}
#head_menu li > a {
display: block;
color: #000;
padding: 10px;
font-size: 86%;
}
#head_menu li > a:before {
content: "";
display: inline-block;
width: 3px;
height: 5px;
margin: 0 5px 0 0;
background: url(/common/img/pt_list_blk.png) no-repeat left center;
}
/* サイト内検索 */
#head_menu table {
border-top: none;
border-left: none;
}
#head_menu table td {
padding: inherit;
border-bottom: none;
border-right: none;
}
.gsc-search-box-tools .gsc-search-box .gsc-input,
input.gsc-search-button {
padding-right: 0 !important;
}
input.gsc-search-button {
margin-left: 0 !important;
border: none !important;
}
input.gsc-search-button-v2 {
padding: 6px !important;
margin-top: 1px !important;
}
input.gsc-search-button, input.gsc-search-button:hover, input.gsc-search-button:focus {
border-radius: 0 !important;
background-color: #f196cc !important;
background: -moz-linear-gradient(top, #f1bfdd, #e892c5) !important;
background: -webkit-gradient(linear, left top, left bottom, from(#f1bfdd), to(#e892c5)) !important;
background: linear-gradient(to bottom, #f1bfdd, #e892c5) !important;
}
table.gsc-search-box,
form.gsc-search-box {
margin-bottom: 0 !important;
}
input.gsc-input {
font-size: inherit !important;
}
.gsst_a {
padding-top: 6px !important;
}
::-ms-clear {
display: none;
}
#head_menu li form {
width: 196px;
}
#head_menu li input[type=text] {
height: 20px;
border: solid 1px #ddd;
background-image: none !important;
}
#head_menu li input[type=image] {
vertical-align: bottom;
}
#global_nav {
clear: both;
border-top: solid 1px #ddd;
line-height: 0;
}
#global_nav li {
float: left;
}
/* main contents ********************************************************************** */
.main {
float: left;
width: 760px;
padding: 20px 0 0;
}
/* showcase ********************************************************** */
#mainvisual {
float: left;
width: 810px;
margin-top: 12px;
border: none;
-moz-box-shadow: 0 3px 4px -1px #ccc;
-webkit-box-shadow: 0 3px 4px -1px #ccc;
box-shadow: 0 3px 4px -1px #ccc;
}
#mainvisual img {
display: block;
}
#showcase {
padding: 0;
height: 190px;
background: url(/common/img/bg_showcase.jpg) repeat-x center bottom;
}
#kaji #showcase {
padding: 0;
height: 604px;
background: url(/common/img/bg_showcase.jpg) repeat-x center 84px;
}
#sumai #showcase {
padding: 0;
height: 604px;
background: url(/common/img/bg_showcase.jpg) repeat-x center 84px;
}
#patrol #showcase {
padding: 0;
height: 262px;
background: url(/common/img/bg_showcase.jpg) repeat-x center bottom;
}
#faq #showcase {
padding: 0;
height: 262px;
background: url(/common/img/bg_showcase.jpg) repeat-x center bottom;
}
#flow #showcase {
padding: 0;
height: 324px;
background: url(/common/img/bg_showcase.jpg) repeat-x center bottom;
}
#rental #showcase {
padding: 0;
height: 510px;
background: url(/common/img/bg_showcase2.jpg) repeat-x center bottom;
}
#form #showcase {
height: 94px;
background: none;
}
#form #showcase .breadcrumb {
display: none;
}
#showcase .contact {
width: 269px;
height: 242px;
float: left;
padding-top: 40px;
background: url(/common/img/bg_contact.png) no-repeat top left;
text-align: center;
overflow: hidden;
-moz-box-shadow: 0 3px 4px -1px #ccc;
-webkit-box-shadow: 0 3px 4px -1px #ccc;
box-shadow: 0 3px 4px -1px #ccc;
}
#showcase .top {
margin: 0 0 4px;
}
#showcase .bottom {
height: 100px;
padding: 18px 0 4px;
margin: 0 2px 0 0;
/*background-color: rgba(187,187,187,0.3);*/
}
#showcase h1,
#showcase div.ttl {
padding: 30px 0 23px;
margin: 0 0 10px;
height: 33px;
background: url(/common/img/bg_cat_common.jpg) repeat-x top center;
text-align: center;
border-bottom: dashed 1px #b6b4ad;
}
#showcase .kaji {
background: url(/common/img/bg_cat_kaji.jpg) repeat-x top center !important;
}
#showcase .sumai {
background: url(/common/img/bg_cat_sumai.jpg) repeat-x top center !important;
}
#showcase .guide {
background: url(/common/img/bg_cat_guide.jpg) repeat-x top center !important;
}
#showcase .faq {
background: url(/common/img/bg_cat_faq.jpg) repeat-x top center !important;
}
#showcase .patrol {
background: url(/common/img/bg_cat_patrol.jpg) repeat-x top center !important;
}
#showcase .shopping {
background: url(/common/img/bg_cat_shopping.jpg) repeat-x top center !important;
}
#showcase .rental {
background: url(/common/img/bg_cat_rental.jpg) repeat-x top center !important;
}
#showcase .other {
background: url(/common/img/bg_cat_other.jpg) repeat-x top center !important;
}
/* パンくず ********************************************************** */
.breadcrumb {
font-size: 85%;
}
.breadcrumb a {
margin-right: 2px;
}
.breadcrumb a:after {
content: "";
display: inline-block;
width: 3px;
height: 5px;
margin: 0 0 1px 5px;
background: url(/common/img/pt_list_blk.png) no-repeat left center;
}
/* button ****************************************************** */
.btn_link a {
display: inline-block;
padding: 2px 20px;
background-color: #f196cc;
font-size: 88%;
color: #fff;
text-align: center;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}
.btn_link a:before {
content: "";
display: inline-block;
width: 3px;
height: 5px;
margin: 0 5px 1px 0;
background: url(/common/img/pt_list_wht.png) no-repeat left center;
}
.btn_link.external a:after {
content: "";
display: inline-block;
width: 12px;
height: 10px;
margin: 0 -8px 0 8px;
background: url(/common/img/pt_external.png) no-repeat right center;
}
#sumai .btn_link a {
background-color: #a2d595;
}
.btn {
text-align: center;
}
/* local navi **************************************************** */
#localnav {
margin-top: 30px;
border-top: dashed 1px #bab7b0;
}
#patrol #localnav,
#faq #localnav {
margin-top: 10px;
}
#localnav ul {
margin-top: 16px;
}
#localnav li {
display: inline-block;
margin: 5px 3px;
}
#localnav li a {
display: block;
padding: 5px 15px;
border: solid 1px #d3d1ca;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
background: #f8f7f4;
background: -moz-linear-gradient(top, #fff, #f1f0e9);
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f1f0e9));
background: linear-gradient(to bottom, #fff, #f1f0e9);
}
#localnav li a:before {
content: "";
display: inline-block;
width: 4px;
height: 7px;
margin: 0 5px 1px 0;
}
#localnav li a:hover {
color: #fff;
text-decoration: none;
}
#localnav li a:hover:before {
content: "";
display: inline-block;
width: 4px;
height: 7px;
margin: 0 5px 1px 0;
background: url(/common/img/pt_list_wht2.png) no-repeat left center !important;
}
#localnav li span:before {
content: "";
display: inline-block;
width: 4px;
height: 7px;
margin: 0 5px 1px 0;
background: url(/common/img/pt_list_wht2.png) no-repeat left center;
}
#localnav li span {
display: block;
padding: 5px 15px;
border: solid 1px #d3d1ca;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
color: #fff;
}
#kaji #localnav li a:before {
background: url(/common/img/pt_list_pink.png) no-repeat left center;
}
#sumai #localnav li a:before {
background: url(/common/img/pt_list_green.png) no-repeat left center;
}
#patrol #localnav li a:before {
background: url(/common/img/pt_list_blue.png) no-repeat left center;
}
#faq #localnav li a:before {
background: url(/common/img/pt_list_blue.png) no-repeat left center;
}
#rental #localnav li a:before {
background: url(/common/img/pt_list_brown.png) no-repeat left center;
}
#flow #localnav li a:before {
background: url(/common/img/pt_list_pink.png) no-repeat left center;
}
#kaji #localnav li a:hover {
background: #e98bc3;
background: -moz-linear-gradient(top, #efa2d0, #e474b7);
background: -webkit-gradient(linear, left top, left bottom, from(#efa2d0), to(#e474b7));
background: linear-gradient(to bottom, #efa2d0, #e474b7);
}
#kaji #localnav li span {
background: #e98bc3;
background: -moz-linear-gradient(top, #efa2d0, #e474b7);
background: -webkit-gradient(linear, left top, left bottom, from(#efa2d0), to(#e474b7));
background: linear-gradient(to bottom, #efa2d0, #e474b7);
}
#sumai #localnav li a {
color: #68ac3f;
}
#sumai #localnav li a:hover {
background: #82d46c;
background: -moz-linear-gradient(top, #abdf9d, #61cb44);
background: -webkit-gradient(linear, left top, left bottom, from(#abdf9d), to(#61cb44));
background: linear-gradient(to bottom, #abdf9d, #61cb44);
color: #fff;
}
#sumai #localnav li span {
background: #82d46c;
background: -moz-linear-gradient(top, #abdf9d, #61cb44);
background: -webkit-gradient(linear, left top, left bottom, from(#abdf9d), to(#61cb44));
background: linear-gradient(to bottom, #abdf9d, #61cb44);
}
#patrol #localnav li a {
color: #71a1e2;
}
#patrol #localnav li a:hover {
background: #8cbcfe;
background: -moz-linear-gradient(top, #afd0fe, #63a6fe);
background: -webkit-gradient(linear, left top, left bottom, from(#afd0fe), to(#63a6fe));
background: linear-gradient(to bottom, #afd0fe, #63a6fe);
color: #fff;
}
#patrol #localnav li span {
background: #8cbcfe;
background: -moz-linear-gradient(top, #afd0fe, #63a6fe);
background: -webkit-gradient(linear, left top, left bottom, from(#afd0fe), to(#63a6fe));
background: linear-gradient(to bottom, #afd0fe, #63a6fe);
}
#faq #localnav li a {
color: #49aec7;
}
#faq #localnav li a:hover {
background: #6cbed3;
background: -moz-linear-gradient(top, #95C9D6, #4bb9d5);
background: -webkit-gradient(linear, left top, left bottom, from(#95C9D6), to(#4bb9d5));
background: linear-gradient(to bottom, #95C9D6, #4bb9d5);
color: #fff;
}
#faq #localnav li span {
background: #6cbed3;
background: -moz-linear-gradient(top, #95C9D6, #4bb9d5);
background: -webkit-gradient(linear, left top, left bottom, from(#95C9D6), to(#4bb9d5));
background: linear-gradient(to bottom, #95C9D6, #4bb9d5);
}
#rental #localnav li a {
color: #b37b59;
}
#rental #localnav li a:hover {
background: #84624e;
background: -moz-linear-gradient(top, #a38673, #694835);
background: -webkit-gradient(linear, left top, left bottom, from(#a38673), to(#694835));
background: linear-gradient(to bottom, #a38673, #694835);
color: #fff;
}
#rental #localnav li span {
background: #84624e;
background: -moz-linear-gradient(top, #a38673, #694835);
background: -webkit-gradient(linear, left top, left bottom, from(#a38673), to(#694835));
background: linear-gradient(to bottom, #a38673, #694835);
}
#flow #localnav li a {
color: #e98bc3;
}
#flow #localnav li a:hover {
background: #e98bc3;
background: -moz-linear-gradient(top, #efa2d0, #e474b7);
background: -webkit-gradient(linear, left top, left bottom, from(#efa2d0), to(#e474b7));
background: linear-gradient(to bottom, #efa2d0, #e474b7);
color: #fff;
}
#flow #localnav li span {
background: #e98bc3;
background: -moz-linear-gradient(top, #efa2d0, #e474b7);
background: -webkit-gradient(linear, left top, left bottom, from(#efa2d0), to(#e474b7));
background: linear-gradient(to bottom, #efa2d0, #e474b7);
}
/* news ********************************************************** */
#news {
position: relative;
margin: 0 0 60px;
}
#news h2 {
/*width: 595px;*//* widthは「お知らせ一覧へ」ボタン表示時の設定 */
margin: 0;
background: url(/common/img/pt_line.png) repeat-x center right;
text-align: left;
}
#news .btn_link {
position: absolute;
top: 11px;
right: 0;
}
#kaji #news .btn_link,
#sumai #news .btn_link,
#rental #news .btn_link {
display: none;/* 「お知らせ一覧へ」ボタン非表示 */
}
#news li {
padding: 12px 0;
border-bottom: solid 1px #e5e5e5;
}
#news li:after {
content: "";
display: block;
clear: both;
}
#news li span, #news li a {
display: block;
float: left;
width: 576px;
color: #000;
}
#news .ico_white, #news .ico_pink, #news .ico_green {
width: 66px;
padding: 0 5px;
margin: 0 14px 0 0;
font-size: 74%;
text-align: center;
}
#news .ico_white {
color: #ed94c4;
border: solid 1px #ed94c4;
}
#sumai #news .ico_white {
color: #8cd07a;
border: solid 1px #a3d995;
}
#rental #news .ico_white {
color: #e5ad86;
border: solid 1px #de9868;
}
#news .ico_pink {
color: #fff;
background-color: #ed94c4;
border: solid 1px #ed94c4;
}
#news .ico_green {
color: #fff;
background-color: #a3d995;
border: solid 1px #a3d995;
}
#news .date {
width: 80px;
margin: 0 10px 0 0;
color: #acacac;
font-weight: bold;
font-size: 85%;
}
#info .newslist {
border-top: solid 1px #cbcac8;
padding: 2em 0 5em;
}
#info h1.entry-title {
padding-bottom: 1em;
border-bottom: solid 1px #cbcac8;
font-size: 26px;
color: #333;
}
#info .entry-header ul {
margin-bottom: 10px;
}
#info .entry-header li {
display: inline-block;
}
#info .entry-header .ico_pink {
width: 66px;
padding: 5px 5px 3px;
margin: 0 14px 0 0;
text-align: center;
color: #fff;
background-color: #ee74bd;
font-size: 90%;
}
#info .entry-header .date {
width: 80px;
margin: 0 10px 0 0;
color: #acacac;
}
#info dl {
margin: 2em 0;
}
#info dt {
margin: 0;
padding: 10px 20px;
background: url(/common/img/bg_a2.jpg) repeat-x top left;
font-weight: normal;
}
#info dt:after {
content: "";
display: inline-block;
width: 25px;
height: 25px;
margin-left: 10px;
vertical-align: bottom;
}
#info dt.date:after {
background: url(/common/img/icon_date.png);
}
#info dt.place:after {
background: url(/common/img/icon_place.png);
}
#info dt.fee:after {
background: url(/common/img/icon_fee.png);
}
#info dt.capacity:after {
background: url(/common/img/icon_capacity.png);
}
#info dt.detail:after {
background: url(/common/img/icon_detail.png);
}
#info dd {
margin: 0;
padding: 20px;
background: url(/common/img/bg.jpg) center top;
}
/* map ********************************************************** */
#area_map {
position: relative;
margin: 0 0 50px;
padding: 0 0 10px;
background: url(/common/img/bg_area.jpg) repeat-y left top;
}
#area_map h2 {
position: absolute;
top: 40px;
left: -20px;
}
#area_map .intro {
position: absolute;
top: 40px;
right: 20px;
width: 422px;
font-size: 90%;
}
#area_map .notice {
margin-top: 10px;
padding: 1px 10px;
border: solid 1px #e979b5;
color: #e979b5;
}
#area_map .map {
padding: 160px 0 28px;
}
#area_map .map img {
display: block;
margin: 0 auto;
}
#area_map .foot_contact {
margin: 0 auto;
width: 730px;
background: url(/common/img/bg_footer_contact.jpg) no-repeat left top;
}
#area_map .foot_contact3 {
position: relative;
margin: 0 auto 15px;
width: 746px;
height: 99px;
background: url(/common/img/bg_footer_contact3.png) no-repeat left top;
}
#area_map .foot_contact3 img {
position: absolute;
top: 0;
bottom: 0;
margin: auto;
left: 240px;
}
#area_map .foot_contact li {
display: table-cell;
width: 247px;
padding: 18px 0;
vertical-align: middle;
text-align: right;
}
#area_map .foot_contact li:first-child {
padding-top: 64px;
}
#area_map .foot_contact li:last-child {
text-align: left;
}
#area_map .foot_contact.common {
margin: 0 auto 20px;
width: 730px;
background: url(/common/img/bg_footer_contact_common.jpg) no-repeat left top;
}
#area_map .foot_contact.common ul {
width: 690px;
margin: 0 auto;
}
#area_map .foot_contact.common li {
padding-bottom: 8px;
padding-top: 0 !important;
text-align: left;
}
#area_map .foot_contact.common li:first-child {
padding-top: 0;
}
#area_map .foot_contact_tel {
margin: 0;
padding: 28px 0 10px 200px;
letter-spacing: -1em;
}
#area_map .foot_contact_tel div {
display: inline-block;
vertical-align: middle;
letter-spacing: normal;
}
#area_map .foot_contact_tel div:first-child {
margin-right: 20px;
}
#area_map .foot_contact_rental {
margin: 0 12px 30px 30px;
padding-bottom: 20px;
letter-spacing: -1em;
}
#area_map .foot_contact_rental div {
display: inline-block;
width: 50%;
vertical-align: top;
letter-spacing: normal;
}
#contact2 {
position: relative;
width: 760px;
height: 84px;
margin-bottom: 5em;
background: url(/common/img/bg_footer_contact2.jpg) no-repeat left top;
-moz-box-shadow: 0 1px 4px 0px #ddd;
-webkit-box-shadow: 0 1px 4px 0px #ddd;
box-shadow: 0 1px 4px 0px #ddd;
-ms-box-shadow: 0 1px 4px 0px #ddd;
}
#contact2 img.tel {
position: absolute;
left: 208px;
bottom: 27px;
}
#contact2 img.hotton {
position: absolute;
top: -36px;
right: 20px;
}
/* magazine ********************************************************** */
#magazine {
margin: 0 0 104px;
}
#magazine div {
min-height: 170px;
padding: 20px 180px 20px 20px;
background: url(/common/img/magazine.jpg) no-repeat 95% center;
}
#magazine .brown {
margin: 0 0 10px;
text-align: left;
font-weight: bold;
font-size: 125%;
color: #6e5a4a;
}
/* side ********************************************************************** */
.side {
float: right;
width: 270px;
padding: 20px 0 0;
}
.side strong {
display: block;
text-align: center;
}
.side #recommend {
margin-bottom: 20px;
background: #fff6fb;
}
.side #recommend strong {
padding: 10px 0;
border-top: solid 2px #ed74bc;
margin-top: -40px;
}
.side #recommend strong {
}
.side #recommend ul {
text-align: center;
}
.side #side_menu {
margin-bottom: 20px;
}
.side #side_menu li {
display: block;
padding: 10px 0;
border-bottom: dotted 1px #e5e5e5;
}
.side #side_menu .last {
margin-bottom: 10px;
}
.side #side_menu .subttl {
height: 28px;
padding: 5px 0 0;
background: url(/common/img/bg_side_menu_subttl.jpg) no-repeat left top;
text-align: center;
border-bottom: none;
color: #000;
}
.side #side_menu li a {
display: block;
color: #000;
}
.side #side_menu li a:before {
content: "";
display: inline-block;
width: 11px;
height: 11px;
margin-right: 10px;
background: url(/common/img/pt_side_menu.gif) no-repeat left center;
}
#sumai .side #side_menu li a:before {
background: url(/sumai/img/pt_side_menu.gif) no-repeat left center;
}
#rental .side #side_menu li a:before {
background: url(/rental/img/pt_side_menu.png) no-repeat left center;
}
.side #side_menu .subttl a:before {
content: none;
}
.side #voice {
margin-bottom: 20px;
text-align: center;
}
.side #voice li {
display: block;
margin-bottom: 4px;
}
.side #voice li:first-child {
margin: 0 0 10px;
padding: 0 0 30px;
border-bottom: solid 1px #e5e5e5;
}
#sumai .side #voice li:first-child {
margin: inherit;
padding: 0;
border-bottom: none;
}
.side #voice li p {
width: 210px;
margin: 10px auto;
text-align: left;
}
.side #useful {
margin-bottom: 20px;
}
.side #useful li {
display: block;
margin-bottom: 4px;
}
.side #external {
margin-bottom: 20px;
padding: 12px 0 2px;
background: #f5f5f5;
}
.side #external li {
display: block;
margin-bottom: 4px;
text-align: center;
}
/* footer ********************************************************************** */
.pagetop {
padding: 12px 0 10px;
background: #ddbccb;
text-align: center;
}
#page_footer {
padding: 50px 0 20px;
background: #bb7a98;
font-size: 90%;
}
#page_footer ul {
margin: 0 0 20px;
}
#page_footer li {
margin: 0 0 4px 10px;
}
#page_footer li:before {
content: "";
display: inline-block;
width: 3px;
height: 5px;
margin: 0 5px 0 -10px;
background: url(/common/img/pt_list_wht.png) no-repeat left center;
color: #fff;
}
#page_footer li ul {
margin: 4px 0 0;
}
#page_footer strong {
display: block;
margin: 0 0 20px;
font-weight: bold;
font-size: 110%;
border-bottom: solid 1px #cc9bb2;
color: #fff;
}
#page_footer span {
display: inline-block;
padding: 1px 10px;
margin: 0 0 10px;
background: #fff;
font-weight: bold;
color: #bb7a98;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}
#page_footer .foot_left {
float: left;
width: 632px;
}
#page_footer .foot_left .left {
float: left;
width: 380px;
}
#page_footer .foot_left .right {
float: right;
width: 220px;
}
#page_footer .foot_right {
float: right;
width: 390px;
}
#page_footer a {
color: #fff;
}
#page_footer .foot_bottom {
clear: both;
padding: 30px 0 0 0;
border-top: double 3px #cc9bb2;
}
#page_footer .foot_bottom ul {
display: table;
width: 100%;
margin-bottom: 0;
}
#page_footer .foot_bottom li {
display: table-cell;
vertical-align: middle;
text-align: center;
color: #fff;
}
#page_footer .foot_bottom li:before {
content: none;
}
#page_footer .foot_bottom li:first-child {
width: 170px;
}
#page_footer .foot_bottom li:nth-child(3) {
width: 75px
}
#page_footer .footer_box:after {
content: "";
display: block;
clear: both;
}
#page_footer .footer_box {
text-align: left;
}
/* contents ********************************************************************** */
h1.third {
border-bottom: solid 1px #cfc9c4;
}
h2.third {
border-bottom: solid 1px #cfc9c4;
}
.diagonal {
padding: 20px;
margin: 0 0 20px;
background: url(/common/img/bg_diagonal.png) left top;
}
.diagonal li {
/*padding: 0 0 0 20px;
margin: 0 0 6px;
background: url(/common/img/pt01.png) no-repeat left center;*/
padding: 0 0 0 0px;
margin: 0 0 6px 18px;
list-style-image: url(/common/img/pt01.png);
font-size: 116%;
color: #000;
}
.contents_bg {
margin: 30px 0;
padding: 20px;
background: url(/common/img/bg.jpg) center top;
}
.contents_bg_nm {
margin: 0;
padding: 20px;
background: url(/common/img/bg.jpg) center top;
}
.parts-3:after,
.parts-3_2:after,
.parts-2:after {
content: "";
display: block;
clear: both;
}
.parts-3 > li {
position: relative;
display: block;
float: left;
}
.parts-3 > li {
margin: 20px 0 10px 26px;
}
.parts-3 > li:first-child {
margin-left: 0;
}
.parts-3 > li ul,
.parts-3 > li p,
.parts-3 > li div {
max-width: 222px
}
.parts-3_2 > li {
position: relative;
display: block;
float: left;
}
.parts-3_2 > li {
margin: 20px 0 10px 20px;
}
.parts-3_2 > li:first-child {
margin-left: 0;
}
.parts-3_2 > li ul,
.parts-3_2 > li p,
.parts-3_2 > li div {
max-width: 226px
}
.parts-2 {
display: table;
margin-left: -20px;
table-layout: fixed;
border-collapse: separate;
border-spacing: 20px;
}
.parts-2 li {
position: relative;
display: table-cell;
width: 350px;
padding: 0 2px 20px;
vertical-align: top;
}
.parts_iblock li {
display: inline-block;
}
.bdr_b_d {
border-bottom: dashed 1px #ccc;
}
.bdr_b_do {
border-bottom: dotted 1px #ccc;
}
.sdw li {
background: #fff;
-moz-box-shadow: 0 1px 4px 0px #ddd;
-webkit-box-shadow: 0 1px 4px 0px #ddd;
box-shadow: 0 1px 4px 0px #ddd;
}
.chart {
text-align: center;
margin-left: 12px;
}
.chart li {
position: relative;
display: block;
float: left;
width: 314px;
height: 194px;
margin: 5px;
background: url(/common/img/bg_flow.jpg) top center;
color: #999;
}
.chart li strong {
display: block;
margin: 0 0 20px;
}
.chart li div p {
font-size: 85%;
}
.chart li p {
padding: 0 20px;
font-size: 90%;
}
.chart li:nth-child(2n+1) {
margin-right: 47px;
}
.chart li:nth-child(2n) {
margin-top: 36px;
}
.chart li:nth-child(2n+1):after {
content: "";
display: block;
position: absolute;
height: 47px;
width: 47px;
bottom: 50px;
right: -47px;
background: url(/common/img/arrow_flow1.png) top left;
}
.chart li:nth-child(2n):before {
content: "";
display: block;
position: absolute;
height: 47px;
width: 47px;
bottom: -36px;
left: -47px;
background: url(/common/img/arrow_flow2.png) top right;
}
.chart li.last:before,
.chart li.last:after {
content: none;
}
.chart:after {
content: "";
display: block;
clear: both;
}
.notice {
font-size: 90%;
}
.asterisk li {
display: block;
text-indent: -1em;
padding-left: 1em;
padding-bottom: 0;
width: 100%;
}
table {
width: 100%;
border-collapse: collapse;
border-spacing: 0;
border-top: solid 1px #ccc;
border-left: solid 1px #ccc;
}
table th {
padding: 10px;
background: #efeee5;
font-weight: bold;
text-align: center;
border-bottom: solid 1px #ccc;
border-right: solid 1px #ccc;
}
table td {
padding: 10px;
border-bottom: solid 1px #ccc;
border-right: solid 1px #ccc;
}
/* 2019.1.25 update
#global_nav li:nth-child(4),
#page_footer .foot_left .right,
.side #useful li:nth-child(2) {
display: none;
} */
/* toppage
#showcase .contact .top li:nth-child(2) {
display: none !important;
}
#showcase .contact .top li {
height: 137px !important;
padding-top: 30px !important;
box-sizing: border-box !important;
}
#showcase .contact .top li:first-child {
padding-top: 40px !important;
} */
/* /inquiry.html
#contact .sumai {
display: none !important;
} */
/* /flow.html
#flow .sumai,
#showcase .flow + .wrapper + #localnav li:nth-child(4) {
display: none !important;
} */
/* /faq.html
#question #sumai,
#question #sumai + .sumai,
#showcase .faq + .wrapper + #localnav li:nth-child(3) {
display: none !important;
}
*/
/* 2019.10.27 */
.chart li .free {
position: absolute;
right: 0;
bottom: 0;
display: inline-block;
padding: 0 1em;
background-color: #ee8631;
color: #fff;
}
/* 2020.3.30 */
#head_contact2 {
position: absolute;
top: 35px;
right: 0;
display: table;
padding: 20px 0;
width: 505px;
}
#head_contact2 li {
display: table-cell;
padding: 0 0 0 5px;
vertical-align: middle;
}
#head_contact2 li:first-child {
padding-right: 10px;
padding-left: 0;
width: 185px;
}
#head_contact2 li#head_contact_tel img:hover {
left: 0;
top: 20px;
}
@charset "UTF-8";
/* /common/css/base.css */
html {
min-width: 1080px;
}
body, p, h1, h2, h3, h4, h5, h6, strong, em, ul, ol {
margin: 0;
padding: 0;
font-weight: normal;
font-size: 100%;
}
ul, ol {
list-style: none;
}
img {
border: none;
}
a {
text-decoration: none;
color: #e473b7;
}
a:hover {
text-decoration: underline;
}
body {
font-size: 14px;
font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Osaka,sans-serif;
line-height: 1.6;
background: url(/common/img/bg_header.jpg) no-repeat top right;
color: #666;
}
.mb_10 {
margin-bottom: 10px;
}
.mb_20 {
margin-bottom: 20px;
}
.mb_30 {
margin-bottom: 30px;
}
.mb_40 {
margin-bottom: 40px;
}
.mb_50 {
margin-bottom: 50px;
}
.mb_80 {
margin-bottom: 80px;
}
.mt_10 {
margin-top: 10px;
}
.mt_20 {
margin-top: 20px;
}
.mt_30 {
margin-top: 30px;
}
.mt_40 {
margin-top: 40px;
}
.mt_50 {
margin-top: 50px;
}
.mt_80 {
margin-top: 80px;
}
.pb_10 {
padding-bottom: 10px;
}
.pb_20 {
padding-bottom: 20px;
}
.pb_30 {
padding-bottom: 30px;
}
.taC{
text-align: center;
}
.wrapper {
width: 1080px;
margin: 0 auto;
position: relative;
}
.wrapper:after, #head_menu:after, #head_contact:after, #global_nav:after {
content: "";
display: block;
clear: both;
height: 0;
}
h3 {
text-align: center;
}
/* header ********************************************************************** */
header {
line-height: 1.0;
}
#head_logo {
display: block;
float: left;
padding: 32px 0;
}
#head_menu {
position: absolute;
top: 0;
right: 0;
}
#head_contact {
position: absolute;
top: 35px;
right: 0;
display: table;
padding: 20px 0;
}
#head_contact li {
display: table-cell;
padding: 0 0 0 20px;
vertical-align: top;
}
#head_contact li > img {
padding-top: 9px;
}
#head_contact li:first-child + * {
width: 175px;
}
#head_contact li:nth-child(2) {
width: 175px;
}
#head_contact li:first-child + * img {
width: 175px;
padding-top: 12px;
}
#head_contact li:nth-child(2) img {
width: 175px;
padding-top: 11px;
}
/* 電話番号拡大 */
li#head_contact_tel img {
width: 175px;
left: 69px;
top: 181px;
opacity: 1;
transition-property: width, height, left, top, opacity;
}
li#head_contact_tel {
overflow: hidden;
transition-duration: 0.15s;
transition-property: width, height, margin-top, margin-left;
}
li#head_contact_tel img:hover {
width: 309px;
left: 70px;
top: 10px;
opacity: 1;
z-index: 10000;
position: absolute;
}
#head_menu ul {
display: table;
}
#head_menu li {
display: table-cell;
vertical-align: middle;
}
#head_menu li > a {
display: block;
color: #000;
padding: 10px;
font-size: 86%;
}
#head_menu li > a:before {
content: "";
display: inline-block;
width: 3px;
height: 5px;
margin: 0 5px 0 0;
background: url(/common/img/pt_list_blk.png) no-repeat left center;
}
/* サイト内検索 */
#head_menu table {
border-top: none;
border-left: none;
}
#head_menu table td {
padding: inherit;
border-bottom: none;
border-right: none;
}
.gsc-search-box-tools .gsc-search-box .gsc-input,
input.gsc-search-button {
padding-right: 0 !important;
}
input.gsc-search-button {
margin-left: 0 !important;
border: none !important;
}
input.gsc-search-button-v2 {
padding: 6px !important;
margin-top: 1px !important;
}
input.gsc-search-button, input.gsc-search-button:hover, input.gsc-search-button:focus {
border-radius: 0 !important;
background-color: #f196cc !important;
background: -moz-linear-gradient(top, #f1bfdd, #e892c5) !important;
background: -webkit-gradient(linear, left top, left bottom, from(#f1bfdd), to(#e892c5)) !important;
background: linear-gradient(to bottom, #f1bfdd, #e892c5) !important;
}
table.gsc-search-box,
form.gsc-search-box {
margin-bottom: 0 !important;
}
input.gsc-input {
font-size: inherit !important;
}
.gsst_a {
padding-top: 6px !important;
}
::-ms-clear {
display: none;
}
#head_menu li form {
width: 196px;
}
#head_menu li input[type=text] {
height: 20px;
border: solid 1px #ddd;
background-image: none !important;
}
#head_menu li input[type=image] {
vertical-align: bottom;
}
#global_nav {
clear: both;
border-top: solid 1px #ddd;
line-height: 0;
}
#global_nav li {
float: left;
}
/* main contents ********************************************************************** */
.main {
float: left;
width: 760px;
padding: 20px 0 0;
}
/* showcase ********************************************************** */
#mainvisual {
float: left;
width: 810px;
margin-top: 12px;
border: none;
-moz-box-shadow: 0 3px 4px -1px #ccc;
-webkit-box-shadow: 0 3px 4px -1px #ccc;
box-shadow: 0 3px 4px -1px #ccc;
}
#mainvisual img {
display: block;
}
#showcase {
padding: 0;
height: 190px;
background: url(/common/img/bg_showcase.jpg) repeat-x center bottom;
}
#kaji #showcase {
padding: 0;
height: 604px;
background: url(/common/img/bg_showcase.jpg) repeat-x center 84px;
}
#sumai #showcase {
padding: 0;
height: 604px;
background: url(/common/img/bg_showcase.jpg) repeat-x center 84px;
}
#patrol #showcase {
padding: 0;
height: 262px;
background: url(/common/img/bg_showcase.jpg) repeat-x center bottom;
}
#faq #showcase {
padding: 0;
height: 262px;
background: url(/common/img/bg_showcase.jpg) repeat-x center bottom;
}
#flow #showcase {
padding: 0;
height: 324px;
background: url(/common/img/bg_showcase.jpg) repeat-x center bottom;
}
#rental #showcase {
padding: 0;
height: 510px;
background: url(/common/img/bg_showcase2.jpg) repeat-x center bottom;
}
#form #showcase {
height: 94px;
background: none;
}
#form #showcase .breadcrumb {
display: none;
}
#showcase .contact {
width: 269px;
height: 242px;
float: left;
padding-top: 40px;
background: url(/common/img/bg_contact.png) no-repeat top left;
text-align: center;
overflow: hidden;
-moz-box-shadow: 0 3px 4px -1px #ccc;
-webkit-box-shadow: 0 3px 4px -1px #ccc;
box-shadow: 0 3px 4px -1px #ccc;
}
#showcase .top {
margin: 0 0 4px;
}
#showcase .bottom {
height: 100px;
padding: 18px 0 4px;
margin: 0 2px 0 0;
/*background-color: rgba(187,187,187,0.3);*/
}
#showcase h1,
#showcase div.ttl {
padding: 30px 0 23px;
margin: 0 0 10px;
height: 33px;
background: url(/common/img/bg_cat_common.jpg) repeat-x top center;
text-align: center;
border-bottom: dashed 1px #b6b4ad;
}
#showcase .kaji {
background: url(/common/img/bg_cat_kaji.jpg) repeat-x top center !important;
}
#showcase .sumai {
background: url(/common/img/bg_cat_sumai.jpg) repeat-x top center !important;
}
#showcase .guide {
background: url(/common/img/bg_cat_guide.jpg) repeat-x top center !important;
}
#showcase .faq {
background: url(/common/img/bg_cat_faq.jpg) repeat-x top center !important;
}
#showcase .patrol {
background: url(/common/img/bg_cat_patrol.jpg) repeat-x top center !important;
}
#showcase .shopping {
background: url(/common/img/bg_cat_shopping.jpg) repeat-x top center !important;
}
#showcase .rental {
background: url(/common/img/bg_cat_rental.jpg) repeat-x top center !important;
}
#showcase .other {
background: url(/common/img/bg_cat_other.jpg) repeat-x top center !important;
}
/* パンくず ********************************************************** */
.breadcrumb {
font-size: 85%;
}
.breadcrumb a {
margin-right: 2px;
}
.breadcrumb a:after {
content: "";
display: inline-block;
width: 3px;
height: 5px;
margin: 0 0 1px 5px;
background: url(/common/img/pt_list_blk.png) no-repeat left center;
}
/* button ****************************************************** */
.btn_link a {
display: inline-block;
padding: 2px 20px;
background-color: #f196cc;
font-size: 88%;
color: #fff;
text-align: center;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}
.btn_link a:before {
content: "";
display: inline-block;
width: 3px;
height: 5px;
margin: 0 5px 1px 0;
background: url(/common/img/pt_list_wht.png) no-repeat left center;
}
.btn_link.external a:after {
content: "";
display: inline-block;
width: 12px;
height: 10px;
margin: 0 -8px 0 8px;
background: url(/common/img/pt_external.png) no-repeat right center;
}
#sumai .btn_link a {
background-color: #a2d595;
}
.btn {
text-align: center;
}
/* local navi **************************************************** */
#localnav {
margin-top: 30px;
border-top: dashed 1px #bab7b0;
}
#patrol #localnav,
#faq #localnav {
margin-top: 10px;
}
#localnav ul {
margin-top: 16px;
}
#localnav li {
display: inline-block;
margin: 5px 3px;
}
#localnav li a {
display: block;
padding: 5px 15px;
border: solid 1px #d3d1ca;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
background: #f8f7f4;
background: -moz-linear-gradient(top, #fff, #f1f0e9);
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f1f0e9));
background: linear-gradient(to bottom, #fff, #f1f0e9);
}
#localnav li a:before {
content: "";
display: inline-block;
width: 4px;
height: 7px;
margin: 0 5px 1px 0;
}
#localnav li a:hover {
color: #fff;
text-decoration: none;
}
#localnav li a:hover:before {
content: "";
display: inline-block;
width: 4px;
height: 7px;
margin: 0 5px 1px 0;
background: url(/common/img/pt_list_wht2.png) no-repeat left center !important;
}
#localnav li span:before {
content: "";
display: inline-block;
width: 4px;
height: 7px;
margin: 0 5px 1px 0;
background: url(/common/img/pt_list_wht2.png) no-repeat left center;
}
#localnav li span {
display: block;
padding: 5px 15px;
border: solid 1px #d3d1ca;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
color: #fff;
}
#kaji #localnav li a:before {
background: url(/common/img/pt_list_pink.png) no-repeat left center;
}
#sumai #localnav li a:before {
background: url(/common/img/pt_list_green.png) no-repeat left center;
}
#patrol #localnav li a:before {
background: url(/common/img/pt_list_blue.png) no-repeat left center;
}
#faq #localnav li a:before {
background: url(/common/img/pt_list_blue.png) no-repeat left center;
}
#rental #localnav li a:before {
background: url(/common/img/pt_list_brown.png) no-repeat left center;
}
#flow #localnav li a:before {
background: url(/common/img/pt_list_pink.png) no-repeat left center;
}
#kaji #localnav li a:hover {
background: #e98bc3;
background: -moz-linear-gradient(top, #efa2d0, #e474b7);
background: -webkit-gradient(linear, left top, left bottom, from(#efa2d0), to(#e474b7));
background: linear-gradient(to bottom, #efa2d0, #e474b7);
}
#kaji #localnav li span {
background: #e98bc3;
background: -moz-linear-gradient(top, #efa2d0, #e474b7);
background: -webkit-gradient(linear, left top, left bottom, from(#efa2d0), to(#e474b7));
background: linear-gradient(to bottom, #efa2d0, #e474b7);
}
#sumai #localnav li a {
color: #68ac3f;
}
#sumai #localnav li a:hover {
background: #82d46c;
background: -moz-linear-gradient(top, #abdf9d, #61cb44);
background: -webkit-gradient(linear, left top, left bottom, from(#abdf9d), to(#61cb44));
background: linear-gradient(to bottom, #abdf9d, #61cb44);
color: #fff;
}
#sumai #localnav li span {
background: #82d46c;
background: -moz-linear-gradient(top, #abdf9d, #61cb44);
background: -webkit-gradient(linear, left top, left bottom, from(#abdf9d), to(#61cb44));
background: linear-gradient(to bottom, #abdf9d, #61cb44);
}
#patrol #localnav li a {
color: #71a1e2;
}
#patrol #localnav li a:hover {
background: #8cbcfe;
background: -moz-linear-gradient(top, #afd0fe, #63a6fe);
background: -webkit-gradient(linear, left top, left bottom, from(#afd0fe), to(#63a6fe));
background: linear-gradient(to bottom, #afd0fe, #63a6fe);
color: #fff;
}
#patrol #localnav li span {
background: #8cbcfe;
background: -moz-linear-gradient(top, #afd0fe, #63a6fe);
background: -webkit-gradient(linear, left top, left bottom, from(#afd0fe), to(#63a6fe));
background: linear-gradient(to bottom, #afd0fe, #63a6fe);
}
#faq #localnav li a {
color: #49aec7;
}
#faq #localnav li a:hover {
background: #6cbed3;
background: -moz-linear-gradient(top, #95C9D6, #4bb9d5);
background: -webkit-gradient(linear, left top, left bottom, from(#95C9D6), to(#4bb9d5));
background: linear-gradient(to bottom, #95C9D6, #4bb9d5);
color: #fff;
}
#faq #localnav li span {
background: #6cbed3;
background: -moz-linear-gradient(top, #95C9D6, #4bb9d5);
background: -webkit-gradient(linear, left top, left bottom, from(#95C9D6), to(#4bb9d5));
background: linear-gradient(to bottom, #95C9D6, #4bb9d5);
}
#rental #localnav li a {
color: #b37b59;
}
#rental #localnav li a:hover {
background: #84624e;
background: -moz-linear-gradient(top, #a38673, #694835);
background: -webkit-gradient(linear, left top, left bottom, from(#a38673), to(#694835));
background: linear-gradient(to bottom, #a38673, #694835);
color: #fff;
}
#rental #localnav li span {
background: #84624e;
background: -moz-linear-gradient(top, #a38673, #694835);
background: -webkit-gradient(linear, left top, left bottom, from(#a38673), to(#694835));
background: linear-gradient(to bottom, #a38673, #694835);
}
#flow #localnav li a {
color: #e98bc3;
}
#flow #localnav li a:hover {
background: #e98bc3;
background: -moz-linear-gradient(top, #efa2d0, #e474b7);
background: -webkit-gradient(linear, left top, left bottom, from(#efa2d0), to(#e474b7));
background: linear-gradient(to bottom, #efa2d0, #e474b7);
color: #fff;
}
#flow #localnav li span {
background: #e98bc3;
background: -moz-linear-gradient(top, #efa2d0, #e474b7);
background: -webkit-gradient(linear, left top, left bottom, from(#efa2d0), to(#e474b7));
background: linear-gradient(to bottom, #efa2d0, #e474b7);
}
/* news ********************************************************** */
#news {
position: relative;
margin: 0 0 60px;
}
#news h2 {
/*width: 595px;*//* widthは「お知らせ一覧へ」ボタン表示時の設定 */
margin: 0;
background: url(/common/img/pt_line.png) repeat-x center right;
text-align: left;
}
#news .btn_link {
position: absolute;
top: 11px;
right: 0;
}
#kaji #news .btn_link,
#sumai #news .btn_link,
#rental #news .btn_link {
display: none;/* 「お知らせ一覧へ」ボタン非表示 */
}
#news li {
padding: 12px 0;
border-bottom: solid 1px #e5e5e5;
}
#news li:after {
content: "";
display: block;
clear: both;
}
#news li span, #news li a {
display: block;
float: left;
width: 576px;
color: #000;
}
#news .ico_white, #news .ico_pink, #news .ico_green {
width: 66px;
padding: 0 5px;
margin: 0 14px 0 0;
font-size: 74%;
text-align: center;
}
#news .ico_white {
color: #ed94c4;
border: solid 1px #ed94c4;
}
#sumai #news .ico_white {
color: #8cd07a;
border: solid 1px #a3d995;
}
#rental #news .ico_white {
color: #e5ad86;
border: solid 1px #de9868;
}
#news .ico_pink {
color: #fff;
background-color: #ed94c4;
border: solid 1px #ed94c4;
}
#news .ico_green {
color: #fff;
background-color: #a3d995;
border: solid 1px #a3d995;
}
#news .date {
width: 80px;
margin: 0 10px 0 0;
color: #acacac;
font-weight: bold;
font-size: 85%;
}
#info .newslist {
border-top: solid 1px #cbcac8;
padding: 2em 0 5em;
}
#info h1.entry-title {
padding-bottom: 1em;
border-bottom: solid 1px #cbcac8;
font-size: 26px;
color: #333;
}
#info .entry-header ul {
margin-bottom: 10px;
}
#info .entry-header li {
display: inline-block;
}
#info .entry-header .ico_pink {
width: 66px;
padding: 5px 5px 3px;
margin: 0 14px 0 0;
text-align: center;
color: #fff;
background-color: #ee74bd;
font-size: 90%;
}
#info .entry-header .date {
width: 80px;
margin: 0 10px 0 0;
color: #acacac;
}
#info dl {
margin: 2em 0;
}
#info dt {
margin: 0;
padding: 10px 20px;
background: url(/common/img/bg_a2.jpg) repeat-x top left;
font-weight: normal;
}
#info dt:after {
content: "";
display: inline-block;
width: 25px;
height: 25px;
margin-left: 10px;
vertical-align: bottom;
}
#info dt.date:after {
background: url(/common/img/icon_date.png);
}
#info dt.place:after {
background: url(/common/img/icon_place.png);
}
#info dt.fee:after {
background: url(/common/img/icon_fee.png);
}
#info dt.capacity:after {
background: url(/common/img/icon_capacity.png);
}
#info dt.detail:after {
background: url(/common/img/icon_detail.png);
}
#info dd {
margin: 0;
padding: 20px;
background: url(/common/img/bg.jpg) center top;
}
/* map ********************************************************** */
#area_map {
position: relative;
margin: 0 0 50px;
padding: 0 0 10px;
background: url(/common/img/bg_area.jpg) repeat-y left top;
}
#area_map h2 {
position: absolute;
top: 40px;
left: -20px;
}
#area_map .intro {
position: absolute;
top: 40px;
right: 20px;
width: 422px;
font-size: 90%;
}
#area_map .notice {
margin-top: 10px;
padding: 1px 10px;
border: solid 1px #e979b5;
color: #e979b5;
}
#area_map .map {
padding: 160px 0 28px;
}
#area_map .map img {
display: block;
margin: 0 auto;
}
#area_map .foot_contact {
margin: 0 auto;
width: 730px;
background: url(/common/img/bg_footer_contact.jpg) no-repeat left top;
}
#area_map .foot_contact3 {
position: relative;
margin: 0 auto 15px;
width: 746px;
height: 99px;
background: url(/common/img/bg_footer_contact3.png) no-repeat left top;
}
#area_map .foot_contact3 img {
position: absolute;
top: 0;
bottom: 0;
margin: auto;
left: 240px;
}
#area_map .foot_contact li {
display: table-cell;
width: 247px;
padding: 18px 0;
vertical-align: middle;
text-align: right;
}
#area_map .foot_contact li:first-child {
padding-top: 64px;
}
#area_map .foot_contact li:last-child {
text-align: left;
}
#area_map .foot_contact.common {
margin: 0 auto 20px;
width: 730px;
background: url(/common/img/bg_footer_contact_common.jpg) no-repeat left top;
}
#area_map .foot_contact.common ul {
width: 690px;
margin: 0 auto;
}
#area_map .foot_contact.common li {
padding-bottom: 8px;
padding-top: 0 !important;
text-align: left;
}
#area_map .foot_contact.common li:first-child {
padding-top: 0;
}
#area_map .foot_contact_tel {
margin: 0;
padding: 28px 0 10px 200px;
letter-spacing: -1em;
}
#area_map .foot_contact_tel div {
display: inline-block;
vertical-align: middle;
letter-spacing: normal;
}
#area_map .foot_contact_tel div:first-child {
margin-right: 20px;
}
#area_map .foot_contact_rental {
margin: 0 12px 30px 30px;
padding-bottom: 20px;
letter-spacing: -1em;
}
#area_map .foot_contact_rental div {
display: inline-block;
width: 50%;
vertical-align: top;
letter-spacing: normal;
}
#contact2 {
position: relative;
width: 760px;
height: 84px;
margin-bottom: 5em;
background: url(/common/img/bg_footer_contact2.jpg) no-repeat left top;
-moz-box-shadow: 0 1px 4px 0px #ddd;
-webkit-box-shadow: 0 1px 4px 0px #ddd;
box-shadow: 0 1px 4px 0px #ddd;
-ms-box-shadow: 0 1px 4px 0px #ddd;
}
#contact2 img.tel {
position: absolute;
left: 208px;
bottom: 27px;
}
#contact2 img.hotton {
position: absolute;
top: -36px;
right: 20px;
}
/* magazine ********************************************************** */
#magazine {
margin: 0 0 104px;
}
#magazine div {
min-height: 170px;
padding: 20px 180px 20px 20px;
background: url(/common/img/magazine.jpg) no-repeat 95% center;
}
#magazine .brown {
margin: 0 0 10px;
text-align: left;
font-weight: bold;
font-size: 125%;
color: #6e5a4a;
}
/* side ********************************************************************** */
.side {
float: right;
width: 270px;
padding: 20px 0 0;
}
.side strong {
display: block;
text-align: center;
}
.side #recommend {
margin-bottom: 20px;
background: #fff6fb;
}
.side #recommend strong {
padding: 10px 0;
border-top: solid 2px #ed74bc;
margin-top: -40px;
}
.side #recommend strong {
}
.side #recommend ul {
text-align: center;
}
.side #side_menu {
margin-bottom: 20px;
}
.side #side_menu li {
display: block;
padding: 10px 0;
border-bottom: dotted 1px #e5e5e5;
}
.side #side_menu .last {
margin-bottom: 10px;
}
.side #side_menu .subttl {
height: 28px;
padding: 5px 0 0;
background: url(/common/img/bg_side_menu_subttl.jpg) no-repeat left top;
text-align: center;
border-bottom: none;
color: #000;
}
.side #side_menu li a {
display: block;
color: #000;
}
.side #side_menu li a:before {
content: "";
display: inline-block;
width: 11px;
height: 11px;
margin-right: 10px;
background: url(/common/img/pt_side_menu.gif) no-repeat left center;
}
#sumai .side #side_menu li a:before {
background: url(/sumai/img/pt_side_menu.gif) no-repeat left center;
}
#rental .side #side_menu li a:before {
background: url(/rental/img/pt_side_menu.png) no-repeat left center;
}
.side #side_menu .subttl a:before {
content: none;
}
.side #voice {
margin-bottom: 20px;
text-align: center;
}
.side #voice li {
display: block;
margin-bottom: 4px;
}
.side #voice li:first-child {
margin: 0 0 10px;
padding: 0 0 30px;
border-bottom: solid 1px #e5e5e5;
}
#sumai .side #voice li:first-child {
margin: inherit;
padding: 0;
border-bottom: none;
}
.side #voice li p {
width: 210px;
margin: 10px auto;
text-align: left;
}
.side #useful {
margin-bottom: 20px;
}
.side #useful li {
display: block;
margin-bottom: 4px;
}
.side #external {
margin-bottom: 20px;
padding: 12px 0 2px;
background: #f5f5f5;
}
.side #external li {
display: block;
margin-bottom: 4px;
text-align: center;
}
/* footer ********************************************************************** */
.pagetop {
padding: 12px 0 10px;
background: #ddbccb;
text-align: center;
}
#page_footer {
padding: 50px 0 20px;
background: #bb7a98;
font-size: 90%;
}
#page_footer ul {
margin: 0 0 20px;
}
#page_footer li {
margin: 0 0 4px 10px;
}
#page_footer li:before {
content: "";
display: inline-block;
width: 3px;
height: 5px;
margin: 0 5px 0 -10px;
background: url(/common/img/pt_list_wht.png) no-repeat left center;
color: #fff;
}
#page_footer li ul {
margin: 4px 0 0;
}
#page_footer strong {
display: block;
margin: 0 0 20px;
font-weight: bold;
font-size: 110%;
border-bottom: solid 1px #cc9bb2;
color: #fff;
}
#page_footer span {
display: inline-block;
padding: 1px 10px;
margin: 0 0 10px;
background: #fff;
font-weight: bold;
color: #bb7a98;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}
#page_footer .foot_left {
float: left;
width: 632px;
}
#page_footer .foot_left .left {
float: left;
width: 380px;
}
#page_footer .foot_left .right {
float: right;
width: 220px;
}
#page_footer .foot_right {
float: right;
width: 390px;
}
#page_footer a {
color: #fff;
}
#page_footer .foot_bottom {
clear: both;
padding: 30px 0 0 0;
border-top: double 3px #cc9bb2;
}
#page_footer .foot_bottom ul {
display: table;
width: 100%;
margin-bottom: 0;
}
#page_footer .foot_bottom li {
display: table-cell;
vertical-align: middle;
text-align: center;
color: #fff;
}
#page_footer .foot_bottom li:before {
content: none;
}
#page_footer .foot_bottom li:first-child {
width: 170px;
}
#page_footer .foot_bottom li:nth-child(3) {
width: 75px
}
#page_footer .footer_box:after {
content: "";
display: block;
clear: both;
}
#page_footer .footer_box {
text-align: left;
}
/* contents ********************************************************************** */
h1.third {
border-bottom: solid 1px #cfc9c4;
}
h2.third {
border-bottom: solid 1px #cfc9c4;
}
.diagonal {
padding: 20px;
margin: 0 0 20px;
background: url(/common/img/bg_diagonal.png) left top;
}
.diagonal li {
/*padding: 0 0 0 20px;
margin: 0 0 6px;
background: url(/common/img/pt01.png) no-repeat left center;*/
padding: 0 0 0 0px;
margin: 0 0 6px 18px;
list-style-image: url(/common/img/pt01.png);
font-size: 116%;
color: #000;
}
.contents_bg {
margin: 30px 0;
padding: 20px;
background: url(/common/img/bg.jpg) center top;
}
.contents_bg_nm {
margin: 0;
padding: 20px;
background: url(/common/img/bg.jpg) center top;
}
.parts-3:after,
.parts-3_2:after,
.parts-2:after {
content: "";
display: block;
clear: both;
}
.parts-3 > li {
position: relative;
display: block;
float: left;
}
.parts-3 > li {
margin: 20px 0 10px 26px;
}
.parts-3 > li:first-child {
margin-left: 0;
}
.parts-3 > li ul,
.parts-3 > li p,
.parts-3 > li div {
max-width: 222px
}
.parts-3_2 > li {
position: relative;
display: block;
float: left;
}
.parts-3_2 > li {
margin: 20px 0 10px 20px;
}
.parts-3_2 > li:first-child {
margin-left: 0;
}
.parts-3_2 > li ul,
.parts-3_2 > li p,
.parts-3_2 > li div {
max-width: 226px
}
.parts-2 {
display: table;
margin-left: -20px;
table-layout: fixed;
border-collapse: separate;
border-spacing: 20px;
}
.parts-2 li {
position: relative;
display: table-cell;
width: 350px;
padding: 0 2px 20px;
vertical-align: top;
}
.parts_iblock li {
display: inline-block;
}
.bdr_b_d {
border-bottom: dashed 1px #ccc;
}
.bdr_b_do {
border-bottom: dotted 1px #ccc;
}
.sdw li {
background: #fff;
-moz-box-shadow: 0 1px 4px 0px #ddd;
-webkit-box-shadow: 0 1px 4px 0px #ddd;
box-shadow: 0 1px 4px 0px #ddd;
}
.chart {
text-align: center;
margin-left: 12px;
}
.chart li {
position: relative;
display: block;
float: left;
width: 314px;
height: 194px;
margin: 5px;
background: url(/common/img/bg_flow.jpg) top center;
color: #999;
}
.chart li strong {
display: block;
margin: 0 0 20px;
}
.chart li div p {
font-size: 85%;
}
.chart li p {
padding: 0 20px;
font-size: 90%;
}
.chart li:nth-child(2n+1) {
margin-right: 47px;
}
.chart li:nth-child(2n) {
margin-top: 36px;
}
.chart li:nth-child(2n+1):after {
content: "";
display: block;
position: absolute;
height: 47px;
width: 47px;
bottom: 50px;
right: -47px;
background: url(/common/img/arrow_flow1.png) top left;
}
.chart li:nth-child(2n):before {
content: "";
display: block;
position: absolute;
height: 47px;
width: 47px;
bottom: -36px;
left: -47px;
background: url(/common/img/arrow_flow2.png) top right;
}
.chart li.last:before,
.chart li.last:after {
content: none;
}
.chart:after {
content: "";
display: block;
clear: both;
}
.notice {
font-size: 90%;
}
.asterisk li {
display: block;
text-indent: -1em;
padding-left: 1em;
padding-bottom: 0;
width: 100%;
}
table {
width: 100%;
border-collapse: collapse;
border-spacing: 0;
border-top: solid 1px #ccc;
border-left: solid 1px #ccc;
}
table th {
padding: 10px;
background: #efeee5;
font-weight: bold;
text-align: center;
border-bottom: solid 1px #ccc;
border-right: solid 1px #ccc;
}
table td {
padding: 10px;
border-bottom: solid 1px #ccc;
border-right: solid 1px #ccc;
}
/* 2019.1.25 update
#global_nav li:nth-child(4),
#page_footer .foot_left .right,
.side #useful li:nth-child(2) {
display: none;
} */
/* toppage
#showcase .contact .top li:nth-child(2) {
display: none !important;
}
#showcase .contact .top li {
height: 137px !important;
padding-top: 30px !important;
box-sizing: border-box !important;
}
#showcase .contact .top li:first-child {
padding-top: 40px !important;
} */
/* /inquiry.html
#contact .sumai {
display: none !important;
} */
/* /flow.html
#flow .sumai,
#showcase .flow + .wrapper + #localnav li:nth-child(4) {
display: none !important;
} */
/* /faq.html
#question #sumai,
#question #sumai + .sumai,
#showcase .faq + .wrapper + #localnav li:nth-child(3) {
display: none !important;
}
*/
/* 2019.10.27 */
.chart li .free {
position: absolute;
right: 0;
bottom: 0;
display: inline-block;
padding: 0 1em;
background-color: #ee8631;
color: #fff;
}
/* 2020.3.30 */
#head_contact2 {
position: absolute;
top: 35px;
right: 0;
display: table;
padding: 20px 0;
width: 505px;
}
#head_contact2 li {
display: table-cell;
padding: 0 0 0 5px;
vertical-align: middle;
}
#head_contact2 li:first-child {
padding-right: 10px;
padding-left: 0;
width: 185px;
}
#head_contact2 li#head_contact_tel img:hover {
left: 0;
top: 20px;
}
common/js/script.js
/* header電話番号拡大 */
$(function() {
$('#head_contact li:first-child + *').attr('id','head_contact_tel');
pathname = location.pathname;
if ( pathname.indexOf('/rental') == -1 ) {
$('#head_contact_tel img').hover (
function () {
$('#head_contact_tel img').attr('src', '/common/img/header_freedial_hotton.png');
},function () {
$('#head_contact_tel img').attr('src', '/common/img/header_freedial.png');
}
);
} else {
$('#head_contact_tel img').hover (
function () {
$('#head_contact_tel img').attr('src', '/common/img/header_freedial_hotton_rental.png');
},function () {
$('#head_contact_tel img').attr('src', '/common/img/header_freedial.png');
}
);
}
})
/* site search */
$(function() {
var cx = '012834083069365124613:clp9ogaosg0';
var gcse = document.createElement('script');
gcse.type = 'text/javascript';
gcse.async = true;
gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') +
'//cse.google.com/cse.js?cx=' + cx;
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(gcse, s);
})
/* image rollover */
function smartRollover() {
if (document.getElementsByTagName) {
var images = document.getElementsByTagName("img");
for (var i=0; i < images.length; i++) {
if (images[i].getAttribute("src").match("_off.")) {
images[i].onmouseover = function() {
this.setAttribute("src", this.getAttribute("src").replace("_off.", "_on."));
}
images[i].onmouseout = function() {
this.setAttribute("src", this.getAttribute("src").replace("_on.", "_off."));
}
}
}
}
}
if (window.addEventListener) {
window.addEventListener("load", smartRollover, false);
}
else if (window.attachEvent) {
window.attachEvent("onload", smartRollover);
}
/* smooth scroll */
$(function(){
// #で始まるアンカーをクリックした場合に処理
$('a[href^=#]').click(function() {
var speed = 400;
var href= $(this).attr("href");
var target = $(href == "#" || href == "" ? 'html' : href);
var position = target.offset().top;
$('body,html').animate({scrollTop:position}, speed, 'swing');
//return false;
});
});
/* page top */
$(function() {
$('.page_top').click (function() {
$('html,body').animate({scrollTop:0}, 'slow');
return false;
});
});
/* header電話番号拡大 */
$(function() {
$('#head_contact li:first-child + *').attr('id','head_contact_tel');
pathname = location.pathname;
if ( pathname.indexOf('/rental') == -1 ) {
$('#head_contact_tel img').hover (
function () {
$('#head_contact_tel img').attr('src', '/common/img/header_freedial_hotton.png');
},function () {
$('#head_contact_tel img').attr('src', '/common/img/header_freedial.png');
}
);
} else {
$('#head_contact_tel img').hover (
function () {
$('#head_contact_tel img').attr('src', '/common/img/header_freedial_hotton_rental.png');
},function () {
$('#head_contact_tel img').attr('src', '/common/img/header_freedial.png');
}
);
}
})
/* site search */
$(function() {
var cx = '012834083069365124613:clp9ogaosg0';
var gcse = document.createElement('script');
gcse.type = 'text/javascript';
gcse.async = true;
gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') +
'//cse.google.com/cse.js?cx=' + cx;
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(gcse, s);
})
/* image rollover */
function smartRollover() {
if (document.getElementsByTagName) {
var images = document.getElementsByTagName("img");
for (var i=0; i < images.length; i++) {
if (images[i].getAttribute("src").match("_off.")) {
images[i].onmouseover = function() {
this.setAttribute("src", this.getAttribute("src").replace("_off.", "_on."));
}
images[i].onmouseout = function() {
this.setAttribute("src", this.getAttribute("src").replace("_on.", "_off."));
}
}
}
}
}
if (window.addEventListener) {
window.addEventListener("load", smartRollover, false);
}
else if (window.attachEvent) {
window.attachEvent("onload", smartRollover);
}
/* smooth scroll */
$(function(){
// #で始まるアンカーをクリックした場合に処理
$('a[href^=#]').click(function() {
var speed = 400;
var href= $(this).attr("href");
var target = $(href == "#" || href == "" ? 'html' : href);
var position = target.offset().top;
$('body,html').animate({scrollTop:position}, speed, 'swing');
//return false;
});
});
/* page top */
$(function() {
$('.page_top').click (function() {
$('html,body').animate({scrollTop:0}, 'slow');
return false;
});
});
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment