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