@charset "UTF-8"; .pie-element { behavior: url("/css/PIE.htc"); position: relative; } a { outline: none; } a, a:visited { color: #0071bc; } a:hover, a.selected { color: #033093; } .clear { zoom: 1; } .clear:after { content: ""; display: block; clear: both; } .nav, .nav ol, .nav ul, .nav > dd, .reset, .reset ol, .reset ul, .reset > dd { margin: 0; padding: 0; } .nav li, .reset li { list-style-type: none; } .align-center { text-align: center; } .align-right { text-align: right; } .align-right02 { width: 97%; margin-top: -30px; text-align: right; } .txt-line-through { text-decoration: line-through; } .txt-caution { color: #C30018; } .float-left { float: left; margin: 0.25em 1em 0.5em 0.25em; } .float-right { float: right; margin: 0.25em 0.25em 0.5em 1em; } table { width: 100%; border-top: solid 1px #dfdfdf; border-collapse: separate; } table td, table th { text-align: left; vertical-align: top; border: none; padding: 10px 0; border-bottom: solid 1px #dfdfdf; } h1, h2, h3, h4 { margin: 0; padding: 0; } p { margin: 0 0 1em; } p.reset { margin-bottom: 0; } hr { width: 100%; height: 0px; border: 0px; border-top: 1px dotted #DDD; margin: 1em 0; } img { vertical-align: bottom; } .hidden { display: none; } .border { border: solid 1px #B3B3B3; } .no-border { border: none; } .bold { font-weight: bold; } body { min-width: 960px; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; } #container { background: #FFF; } #header > .inner, #nav-global > .inner, #visual > .inner, #topic-path > .inner, #content > .inner, #nav-slides > .inner, #nav-footer > .inner, #footer > .inner { width: 960px; margin: 0 auto; position: relative; } #header, .title.img, .banner li, p.banner, .more { line-height: 1; } .date { font-size: 92.3%; } nav.pager { font-size: 87.5%; text-align: center; padding: 2.5em 0 .5em; } nav.pager li { display: inline-block; } nav.pager a, nav.pager .current { font-weight: bold; border: solid 2px #ccc; background: #ccc; margin-right: 3px; text-decoration: none; padding: 0.5em; color: #333; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; } nav.pager a:hover { border: solid 2px #000; background: #000; color: #fff; } nav.pager .current { background: #666; border: solid 2px #fff; border: solid 2px #666; color: #fff; } nav.prev-next { text-align: center; padding: 1.5em 0 2em; } nav.prev-next .prev { border-right: solid 2px #E4E4E4; } nav.prev-next a { padding: 0 0.5em; } input[type="text"], textarea { width: 450px; height: 28px; line-height: 28px; padding: 0 0.25em; margin-right: 0.5em; border: solid 1px #b3b3b3; margin-bottom: 0; } textarea { height: 200px; } input[type="submit"], input[type="reset"] { padding: 5px; } .mailform { margin-bottom: 2em; } .mailform fieldset { border: none; } .mailform .btn-form, .mailform .btn { text-align: center; } .mailform th { width: 150px; vertical-align: middle; } .mailform .example { font-size: 92.3%; } .mailform #zip, .mailform .zip { width: 10em; } .mailform #zip, .mailform #address1, .mailform .zip, .mailform .address { margin-bottom: 0.25em; } .mailform #tel, .mailform #fax, .mailform .tel, .mailform .fax { width: 15em; } .mailform strong.error { display: inline; margin: 0; padding: 0; border: 0; background: none; color: #A82B2B; } .mailform .message { text-align: center; } .mailform span.error { display: block; margin: 1em 0 0; padding: 1em 0; border: solid 1px #e16c48; background: #f7a499; color: #181710; text-align: center; } .mailform span.confirm { display: block; padding: 10px; border: solid 1px #339933; background: #D9F4C4; color: #339933; } #completion .success { margin: 1em 0 0; padding: 1em 0; border: solid 1px #c6e148; background-color: #e8f198; color: #4e4c35; text-align: center; } .wtn_copyright { display: none; } .box-shadow { -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 0 4px; -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 0 4px; box-shadow: rgba(0, 0, 0, 0.3) 0 0 4px; } html, body { background: #4d4d4d; } body { font-size: 13px; line-height: 1.692; color: #333; background: #fff; min-width: 960px; } table th { color: #00469b; } table.no-border td { border-bottom: none; } table.photo { margin-bottom: 1em; } table.photo td { font-size: 92.3%; text-align: center; } table.photo td .caps { font-weight: bold; display: block; padding: 0.5em 0; color: #00469b; } table.price-sheet th, table.price-sheet td { padding-right: 1em; padding-left: 1em; color: #333; } table.price-sheet .header th, table.price-sheet .header td { background: #4d4d4d; color: #fff; } table.price-sheet .price { padding-left: 2em; text-align: right; } table.price-sheet .total th, table.price-sheet .total td { background: #f2f2f2; font-weight: bold; } p { margin-bottom: 1.5em; } #header > .inner { height: 80px; } #header #logo { position: absolute; top: 10px; left: 0; } #header #logo a { display: block; width: 287px; height: 61px; background: url("../img/common/logo.png") no-repeat 0 0; text-indent: 100%; white-space: nowrap; overflow: hidden; display: block; } #nav-header { position: absolute; right: 0; top: 10px; } #nav-header li { float: left; margin-right: 12px; } #nav-header li.last { margin-right: 0; } #nav-header li a { background: url("../img/common/icon-arrow-blue.png") no-repeat 0 0; padding-left: 10px; display: block; font-size: 84.6%; font-weight: bold; text-decoration: none; color: #4d4d4d; } #nav-header #site-search-box { margin-top: 12px; } #nav-header #site-search-box input[type="text"] { width: 295px; padding: 5px 2px; line-height: 1; height: 1em; border: solid 1px #ccc; margin: 0; font-size: 107.7%; } #nav-header #site-search-box input[type="submit"] { width: 61px; height: 26px; padding: 0; border: none; margin: 0; font-weight: bold; color: #fff; background-color: #00469b; } #nav-header #site-search-box input[type="submit"]:hover { background-color: #009fe8; } #nav-global { background: url("../img/common/bg-nav-global.png") repeat-x 0 0; } #nav-global ul { width: 960px; border-left: 1px solid #efefef; border-right: 1px solid #efefef; } #nav-global ul li { float: left; border-right: solid 1px #efefef; } #nav-global ul li.first { border-left: none; } #nav-global ul li.last { border-right: none; } #nav-global ul li a { display: block; width: 191px; height: 57px; background: url("../img/common/btn-nav-global.png") no-repeat 0px 0px; text-indent: 100%; white-space: nowrap; overflow: hidden; display: block; } #nav-global ul li.btn1 a { width: 191px; background-position: 0px 0px; } #nav-global ul li.btn1 a:hover, #nav-global ul li.btn1 a.selected { background-position: 0px -57px; } #nav-global ul li.btn2 a { width: 191px; background-position: -192px 0px; } #nav-global ul li.btn2 a:hover, #nav-global ul li.btn2 a.selected { background-position: -192px -57px; } #nav-global ul li.btn3 a { width: 191px; background-position: -386px 0px; } #nav-global ul li.btn3 a:hover, #nav-global ul li.btn3 a.selected { background-position: -386px -57px; } #nav-global ul li.btn4 a { width: 191px; background-position: -576px 0px; } #nav-global ul li.btn4 a:hover, #nav-global ul li.btn4 a.selected { background-position: -576px -57px; } #nav-global ul li.btn5 a { width: 191px; background-position: -768px 0px; } #nav-global ul li.btn5 a:hover, #nav-global ul li.btn5 a.selected { background-position: -768px -57px; } #list-foot-banner li { width: 230px; height: 75px; background: #ccc; position: relative; margin-bottom: 10px; } #list-foot-banner li a { width: 230px; height: 75px; display: block; } #list-foot-banner li a > span { display: none; position: absolute; top: 0; left: 0; } #list-foot-banner li a:hover > span { display: block; } #nav-footer > .inner .upper { margin-bottom: 10px; } #nav-footer > .inner li { float: left; padding-right: 10px; margin-right: 10px; border-right: solid 1px #fff; line-height: 1.1; } #nav-footer > .inner li.last { padding-right: 0; margin-right: 0; border-right: none; } #nav-footer > .inner li a { color: #fff; font-weight: bold; } #footer { background: #4d4d4d; color: #fff; } #footer > .inner { padding-bottom: 80px; } #footer a { color: #fff; } #footer a:hover { color: #009fe8; } #footer .logo { position: absolute; left: 0; top: 20px; } #footer .logo a { display: block; width: 236px; height: 51px; text-indent: 100%; white-space: nowrap; overflow: hidden; display: block; background: url("../img/common/logo-s.png") no-repeat 0 0; } #footer #nav-footer { padding-left: 280px; } #footer #nav-footer > li { border-left: solid 1px #fff; padding: 20px 25px 0 8px; float: left; } #footer #nav-footer > li.last { padding-right: 0; } #footer #nav-footer > li li { margin-bottom: 5px; background: url("../img/common/icon-arrow-white.png") no-repeat 0 center; padding-left: 10px; } #footer #nav-footer > li li.last { margin-bottom: 0; } #footer #copyright { margin: 0; font-size: 84.6%; position: absolute; right: 0; bottom: 20px; text-align: right; } #topic-path ul { padding: 20px 0; font-size: 84.6%; } #topic-path li { float: left; background: url("../img/common/icon-arrow-blue.png") no-repeat right center; margin-right: 9px; padding-right: 25px; } #topic-path li.last { background: none; margin-right: 0; padding-right: 0; } #content > .inner { padding-top: 10px; } #main { width: 700px; float: left; } #main > article { padding-bottom: 50px; /* file link */ } #main > article > .title { background: #00469b url("../img/common/bg-article-title.png") repeat-x 0 bottom; position: relative; padding: 10px 6px 12px; margin-bottom: 15px; } #main > article > .title h1 { color: white; font-size: 115.4%; border-left: solid 5px #009fe8; padding-left: 10px; line-height: 1.1; } #main > article > .title > .more { position: absolute; right: 5px; top: 8px; } #main > article > .title > .more a { display: block; line-height: 21px; background: white; color: #00469B; font-weight: bold; text-decoration: none; font-size: 84.6%; padding: 0 10px; } #main > article > .title > .more a i { display: inline-block; background: url("../img/common/icon-arrow-blue.png") no-repeat 0 center; width: 7px; height: 1em; position: relative; top: 2px; margin-left: 10px; } #main > article .list.with-date .date { float: left; font-size: 92.3%; padding-top: 16px; } #main > article .list.with-date dd { border-bottom: solid 1px #f2f2f2; padding: 15px 15px 15px 98px; } #main > article .list.with-photo dt { float: left; padding-top: 16px; } #main > article .list.with-photo dd { border-bottom: solid 1px #f2f2f2; padding: 15px 15px 15px 215px; min-height: 50px; } #main > article .list.with-photo dd .date { display: block; } #main > article .list.with-19 dt { float: left; padding-top: 25px; padding-left: 60px;} #main > article .list.with-19 dd { border-bottom: solid 1px #f2f2f2; padding: 25px 15px 15px 200px; min-height: 25px; font-size: 16px; font-weight: bold;} .sub19 { font-size: 13px; padding-left: 30px; } #main > article .list.with-19 dd .date { display: block; } #main > article .list.column2 > li { width: 334px; height: 95px; float: left; border-bottom: solid 1px #f2f2f2; border-right: solid 1px #f2f2f2; padding: 15px 10px 15px 0; } #main > article .list.column2 > li.even { width: 335px; border-right: none; padding: 15px 0 15px 15px; } #main > article .list.column2 > li.top { padding-top: 0; } #main > article .list.column2 > li p { margin-bottom: 0px; } #main > article .list.column2 > li .date { display: block; font-size: 92.3%; margin-bottom: 5px; } #main > article .list.column2.with-thumb > li { zoom: 1; } #main > article .list.column2.with-thumb > li:after { content: ""; display: block; clear: both; } #main > article .list.column2.with-thumb > li .thumb { float: left; margin-right: 20px; } #main > article .list.column3 > li { width: 230px; float: left; margin: 0 5px 5px 0; } #main > article .list.column3 > li.right { margin-right: 0; } #main > article .list.border { border: none; } #main > article .list.border li { border-bottom: solid 1px #f2f2f2; padding: 15px 0 15px 98px; } #main > article .body h2 { font-size: 123.1%; color: #00469b; margin: 3em 0 1em; border-bottom: solid 1px #00469b; padding-bottom: 0.25em; } #main > article .body h3 { font-size: 100%; color: #4d4d4d; margin: 2em 0 1em; border-bottom: dotted 1px #4d4d4d; padding-bottom: 0.25em; } #main > article .body table { margin-bottom: 1em; } #main > article a[href$='.doc'], #main > article a[href$='.docx'], #main > article a[href$='.doc'].btn > span, #main > article a[href$='.docx'].btn > span { padding: 5px 0 5px 20px; background: transparent url(../img/common/icons/icon_doc.gif) no-repeat center left; } #main > article a[href$='.xls'], #main > article a[href$='.xlsx'], #main > article a[href$='.xls'].btn > span, #main > article a[href$='.xlsx'].btn > span { padding: 5px 0 5px 20px; background: transparent url(../img/common/icons/icon_xls.gif) no-repeat center left; } #main > article a[href$='.pdf'], #main > article a[href$='.pdf'].btn > span { padding: 5px 0 5px 20px; background: transparent url(../img/common/icons/icon_pdf.gif) no-repeat center left; } #main > article a.no-icon, #main > article a.no-icon.btn > span { padding: 0; background: none; } #sub { width: 230px; float: right; padding-bottom: 40px; } #sub #nav-local { margin-bottom: 20px; } #sub #nav-local > .title { background: #00469b url("../img/common/bg-nav-local-title.png") repeat-x 0 bottom; position: relative; padding: 10px 6px 12px; } #sub #nav-local > .title h1 { font-size: 115.4%; border-left: solid 5px #fff; padding-left: 10px; line-height: 1.1; color: #fff; } #sub #nav-local li { padding: 10px 0; border-bottom: solid 1px #f2f2f2; } #sub #nav-local li a { background: url("../img/common/icon-arrow-blue.png") no-repeat 0 center; padding-left: 10px; display: block; font-weight: bold; text-decoration: none; color: #4d4d4d; } #sub #nav-local li a:hover { color: #009fe8; } #sub .list-banner li { margin-bottom: 10px; } #sub .list-banner li.last { margin-bottom: 0; } #sub #foods-banner { background: #f2f2f2; padding: 10px 15px 15px; margin-bottom: 1em; } #sub #foods-banner > h1 { font-size: 100%; margin-bottom: 10px; } #sub #gift-banner { margin-bottom: 10px; } .common #header { background: #1a1a1a; } .common #footer { background: #4d4d4d; } .common #content > section > .inner > h1.title { color: #b19500; } .common #content > section > .inner .body > h2 { margin-top: 2em; color: #fff; background-color: #b19500; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; padding: 0.25em 0.5em; } .common #feature .column2 h2 { color: #333333; } #home #visual { background: #f2f2f2 url("../img/home/bg-visual.png") repeat-x 0 0; } #home #visual > .inner { min-height: 275px; padding: 20px 0 30px; } #home #content { padding-top: 30px; } #home #recent-press-release > .title { margin-bottom: 0; } .column2 .left { width: 367px; float: left; } .column2 .right { width: 320px; float: right; } .column2 .right img { max-width: 100%;height: auto;} .message { padding-top: 1.5em; } .sign { padding-top: 1em; } .section h2 { margin: 0.5em 0; cursor: pointer; background: url("../img/common/icon-arrow-blue.png") no-repeat right center; } .section h2.selected { margin-bottom: 1em; background: none; } .section .message { display: none; } #section1 .message { display: block; } #nav-sub { margin-bottom: 1.5em; } #nav-sub > .title { background: #00469b url("../img/common/bg-article-title.png") repeat-x 0 bottom; position: relative; padding: 10px 6px 12px; } #nav-sub > .title h2 { color: white; font-size: 115.4%; border-left: solid 5px #009fe8; padding-left: 10px; line-height: 1.1; } #nav-sub li { padding: 0.5em 0; border-bottom: 1px dotted #f2f2f2; } #topics.index article > .title { margin-bottom: 0; } #topics .body img { max-width: 100%; height: auto; } #topics .body a.btn { display: block; line-height: 40px; background: #00469b; font-weight: bold; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; padding: 0 10px; position: relative; color: #fff; text-decoration: none; margin: 0 50px; } #topics .body a.btn i { display: inline-block; background: url("../img/common/icon-arrow-white.png") no-repeat 0 center; width: 7px; height: 1em; position: absolute; top: 13px; right: 10px; } #csr .body a.btn { display: block; line-height: 40px; background: #00469b; font-weight: bold; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; padding: 0 10px; position: relative; color: #fff; text-decoration: none; margin: 0 50px; } #csr .body a.btn i { display: inline-block; background: url("../img/common/icon-arrow-white.png") no-repeat 0 center; width: 7px; height: 1em; position: absolute; top: 13px; right: 10px; } #csr .body a.btn2 { display: block; line-height: 40px; background:#F90; font-weight: bold; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; padding: 0 10px; position: relative; color: #fff; text-decoration: none; margin: 0 50px; } #csr .body a.btn2 i { display: inline-block; background: url("../img/common/icon-arrow-white.png") no-repeat 0 center; width: 7px; height: 1em; position: absolute; top: 13px; right: 10px; } #csr .body h2.sub-title { background: url(../img/common/sub-title.png) no-repeat right center; margin-top: 30px; padding: 10px 0 0 50px; height: 35px; border-bottom: none; color: #ffffff; } #csr .body h2.sub-title2 {background: url(../img/common/sub-title2.png) no-repeat left center; margin-top: 30px; padding: 10px 0 0 50px; height: 35px; border-bottom: 3px solid #333;color:#000; } #csr .gallery { margin-bottom: 1.5em; } #csr .gallery li { width: 165px; float: left; margin-right: 10px; } #csr .gallery li.right { margin-right: 0; } #csr .gallery li .caps { display: block; font-size: 92.3%; line-height: 16px; text-align: center; padding-top: 5px; } #csr .body .line{border-bottom:1px solid #06F;margin:40px 0px;} #service article .column2.list .logo, #recruit article .column2.list .logo, #gift article .column2.list .logo { display: block; margin-bottom: 1em; } #service article .column2.list .bottom, #recruit article .column2.list .bottom, #gift article .column2.list .bottom { padding-bottom: 0; border-bottom: none; } #service article > .title { margin-bottom: 0; } #service div.service { padding-bottom: 3em; border-bottom: 3px solid #ccc; margin-bottom: 3em; } /*#service .modal { display: none; width: 860px;padding: 50px 30px 30px; background: white; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; position: relative; } #service .modal .btn-modal { position: absolute; bottom: 0; right: 30px; } #service .modal .btn-modal a { display: inline-block; padding: 8px 10px; background: #00469b; color: white; font-weight: bold; text-decoration: none; line-height: 1.1; } #service #lean_overlay { position: fixed; z-index: 100; top: 0px; left: 0px; height: 100%; width: 100%; background: #000; display: none; } #service .comment{margin-top:10px;} #service .comment img{margin:0px 15px;}*/ #service #serviceintro{margin:30px 0px;text-align:center;margin-bottom:50px;} #service #serviceintro p{margin-bottom:30px;} #service #serviceintro table{} #service #serviceintro table td{border-bottom:1px dotted #cccccc;text-align:left;padding:5px 15px;font-size:14px;font-weight:bold;background:url(../../pc/img/service/uneibtn.png) no-repeat 5px 10px;padding-left:23px;} #service #serviceintro table td.count{text-align:right;background:none;padding-right:25px;} #service #serviceintro table td.normal{border-bottom:1px dotted #cccccc;background:none;} #service #text{width:860px;margin:0px auto;padding: 50px 30px 30px; background: white; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; position: relative;} #service div.service ul, #service div.service ol, #service div.service li { padding:0; } #service div.service #service div.service.last { border-bottom: none; margin-bottom: 0; } #service div.service.bg01{ background:url(../../pc/img/service/tokyomodern/bg.png) no-repeat top; } #service div.service.bg02{ background:url(../../pc/img/service/marutomi/bg.png) no-repeat top; } #service div.service.bg03{ background:url(../../pc/img/service/taiheizan/bg.png) no-repeat top; } #service div.service.bg04{ background:url(../../pc/img/service/mozart/bg.png) no-repeat top; } #service div.service.bg05{ background:url(../../pc/img/service/akashia/bg.png) no-repeat top; } #service div.service.bg06{ background:url(../../pc/img/service/retro-museum/bg.png) no-repeat top; } #service div.service.bg07{ background:url(../../pc/img/service/takumi/bg.png) no-repeat top; } #service div.service.bg09{ background:url(../../pc/img/service/dl-production/bg.png) no-repeat top; } #service div.service.bg10{ background:url(../../pc/img/service/sogno/bg.png) no-repeat top; } #service div.service .column2 > .left { width: 376px; float: left;padding:105px 0px 0px 0px; } #service div.service .column2 > .right { width: 310px; float: right;padding-top:10px; } #service div.service .site { margin-bottom: 5px; } #service div.service .site .btn { display: block; line-height: 40px; background: #00469b; font-weight: bold; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; padding: 0 10px; position: relative; color: #fff; text-decoration: none; } #service div.service .site .btn i { display: inline-block; background: url(../img/common/icon-arrow-white.png) no-repeat 0 center; width: 7px; height: 1em; position: absolute; top: 13px; right: 10px; } #service .related-service {margin-top:10px;} #service ul,ol,li { margin: 0px;/* padding: 0px; */list-style-type: none; } #service #related-service_tokyomodern {margin-top:12px;margin-left:5px;background:url(../../pc/img/service/tokyomodern/navi.png);} #service #related-service_tokyomodern ul#navi_tokyomodern { width:376px; overflow:hidden; } #service #related-service_tokyomodern ul#navi_tokyomodern li{ float:left; height:45px; display:block; } #service #related-service_tokyomodern ul#navi_tokyomodern li a { display: block;overflow: hidden; height: 45px; padding:0px;background-image:url(../../pc/img/service/tokyomodern/navi.png) ; } #service #related-service_tokyomodern #navi_tokyomodern1 a { width:94px; background-position:0 0;} #service #related-service_tokyomodern #navi_tokyomodern2 a { width:94px; background-position:-94px 0;} #service #related-service_tokyomodern #navi_tokyomodern3 a { width:94px; background-position:-188px 0;} #service #related-service_tokyomodern #navi_tokyomodern4 a { width:94px; background-position:-282px 0;} #service #related-service_tokyomodern #navi_tokyomodern1 a:hover { width:94px; background-position:0 -45px;} #service #related-service_tokyomodern #navi_tokyomodern2 a:hover { width:94px; background-position:-94px -45px;} #service #related-service_tokyomodern #navi_tokyomodern3 a:hover { width:94px;background-position:-188px -45px;} #service #related-service_tokyomodern #navi_tokyomodern4 a:hover { width:94px; background-position:-282px -45px;} #service #related-service_marutomi {margin-top:12px;margin-left:5px;background:url(../../pc/img/service/marutomi/navi.png); } #service #related-service_marutomi ul#navi_marutomi { width:376px; overflow:hidden; } #service #related-service_marutomi ul#navi_marutomi li{ float:left; height:45px; display:block;} #service #related-service_marutomi ul#navi_marutomi li a { display: block;overflow: hidden; height: 45px; padding:0px;background-image:url(../../pc/img/service/marutomi/navi.png) ; } #service #related-service_marutomi #navi_marutomi1 a { width:94px; background-position:0 0;} #service #related-service_marutomi #navi_marutomi2 a { width:94px; background-position:-94px 0;} #service #related-service_marutomi #navi_marutomi3 a { width:94px; background-position:-188px 0;} #service #related-service_marutomi #navi_marutomi4 a { width:94px; background-position:-282px 0;} #service #related-service_marutomi #navi_marutomi1 a:hover { width:94px; background-position:0 -45px;} #service #related-service_marutomi #navi_marutomi2 a:hover { width:94px; background-position:-94px -45px;} #service #related-service_marutomi #navi_marutomi3 a:hover { width:94px; background-position:-188px -45px;} #service #related-service_marutomi #navi_marutomi4 a:hover { width:94px; background-position:-282px -45px;} #service #related-service_taiheizan {margin-top:12px;margin-left:5px; background:url(../../pc/img/service/taiheizan/navi.png);} #service #related-service_taiheizan ul#navi_taiheizan { width:376px; overflow:hidden; } #service #related-service_taiheizan ul#navi_taiheizan li{ float:left; height:45px; display:block;} #service #related-service_taiheizan ul#navi_taiheizan li a { display: block;overflow: hidden; height: 45px; padding:0px;background-image:url(../../pc/img/service/taiheizan/navi.png) ; } #service #related-service_taiheizan #navi_taiheizan1 a { width:94px; background-position:0 0;} #service #related-service_taiheizan #navi_taiheizan2 a { width:94px; background-position:-94px 0;} #service #related-service_taiheizan #navi_taiheizan3 a { width:94px; background-position:-188px 0;} #service #related-service_taiheizan #navi_taiheizan4 a { width:94px; background-position:-282px 0;} #service #related-service_taiheizan #navi_taiheizan1 a:hover { width:94px; background-position:0 -45px;} #service #related-service_taiheizan #navi_taiheizan2 a:hover { width:94px; background-position:-94px -45px;} #service #related-service_taiheizan #navi_taiheizan3 a:hover { width:94px; background-position:-188px -45px;} #service #related-service_taiheizan #navi_taiheizan4 a:hover { width:94px; background-position:-282px -45px;} #service #related-service_mozart {margin-top:12px;margin-left:5px;background:url(../../pc/img/service/mozart/navi.png); } #service #related-service_mozart ul#navi_mozart { width:376px; overflow:hidden; } #service #related-service_mozart ul#navi_mozart li{ float:left; height:45px; display:block;} #service #related-service_mozart ul#navi_mozart li a { display: block;overflow: hidden; height: 45px; padding:0px;background-image:url(../../pc/img/service/mozart/navi.png) ; } #service #related-service_mozart #navi_mozart1 a { width:94px; background-position:0 0;} #service #related-service_mozart #navi_mozart2 a { width:94px; background-position:-94px 0;} #service #related-service_mozart #navi_mozart3 a { width:94px; background-position:-188px 0;} #service #related-service_mozart #navi_mozart4 a { width:94px; background-position:-282px 0;} #service #related-service_mozart #navi_mozart1 a:hover { width:94px; background-position:0 -45px;} #service #related-service_mozart #navi_mozart2 a:hover { width:94px; background-position:-94px -45px;} #service #related-service_mozart #navi_mozart3 a:hover { width:94px; background-position:-188px -45px;} #service #related-service_mozart #navi_mozart4 a:hover { width:94px; background-position:-282px -45px;} #service #related-service_akashia {margin-top:12px;margin-left:5px;background:url(../../pc/img/service/akashia/navi.png); } #service #related-service_akashia ul#navi_akashia { width:376px; overflow:hidden; } #service #related-service_akashia ul#navi_akashia li{ float:left; height:45px; display:block;} #service #related-service_akashia ul#navi_akashia li a { display: block;overflow: hidden; height: 45px; padding:0px;background-image:url(../../pc/img/service/akashia/navi.png) ; } #service #related-service_akashia #navi_akashia1 a { width:94px; background-position:0 0;} #service #related-service_akashia #navi_akashia2 a { width:94px; background-position:-94px 0;} #service #related-service_akashia #navi_akashia3 a { width:94px; background-position:-188px 0;} #service #related-service_akashia #navi_akashia4 a { width:94px; background-position:-282px 0;} #service #related-service_akashia #navi_akashia1 a:hover { width:94px; background-position:0 -45px;} #service #related-service_akashia #navi_akashia2 a:hover { width:94px; background-position:-94px -45px;} #service #related-service_akashia #navi_akashia3 a:hover { width:94px;background-position:-188px -45px;} #service #related-service_akashia #navi_akashia4 a:hover { width:94px;background-position:-282px -45px;} #service #related-service_retro-museum {margin-top:12px;margin-left:5px;background:url(../../pc/img/service/retro-museum/navi.png); } #service #related-service_retro-museum ul#navi_retro-museum { width:376px; overflow:hidden; } #service #related-service_retro-museum ul#navi_retro-museum li{ float:left; height:45px; display:block;} #service #related-service_retro-museum ul#navi_retro-museum li a { display: block;overflow: hidden; height: 45px; padding:0px;background-image:url(../../pc/img/service/retro-museum/navi.png) ; } #service #related-service_retro-museum #navi_retro-museum1 a { width:94px; background-position:0 0;} #service #related-service_retro-museum #navi_retro-museum2 a { width:94px; background-position:-94px 0;} #service #related-service_retro-museum #navi_retro-museum3 a { width:94px; background-position:-188px 0;} #service #related-service_retro-museum #navi_retro-museum4 a { width:94px; background-position:-282px 0;} #service #related-service_retro-museum #navi_retro-museum1 a:hover { width:94px; background-position:0 -45px;} #service #related-service_retro-museum #navi_retro-museum2 a:hover { width:94px; background-position:-94px -45px;} #service #related-service_retro-museum #navi_retro-museum3 a:hover { width:94px;background-position:-188px -45px;} #service #related-service_retro-museum #navi_retro-museum4 a:hover { width:94px;background-position:-282px -45px;} #service #related-service_takumi {margin-top:12px;margin-left:5px;background:url(../../pc/img/service/takumi/navi.png); } #service #related-service_takumi ul#navi_takumi { width:376px; overflow:hidden; } #service #related-service_takumi ul#navi_takumi li{ float:left; height:45px; display:block;} #service #related-service_takumi ul#navi_takumi li a { display: block;overflow: hidden; height: 45px; padding:0px;background-image:url(../../pc/img/service/takumi/navi.png) ; } #service #related-service_takumi #navi_takumi1 a { width:94px; background-position:0 0;} #service #related-service_takumi #navi_takumi2 a { width:94px; background-position:-94px 0;} #service #related-service_takumi #navi_takumi3 a { width:94px; background-position:-188px 0;} #service #related-service_takumi #navi_takumi4 a { width:94px; background-position:-282px 0;} #service #related-service_takumi #navi_takumi1 a:hover { width:94px; background-position:0 -45px;} #service #related-service_takumi #navi_takumi2 a:hover { width:94px; background-position:-94px -45px;} #service #related-service_takumi #navi_takumi3 a:hover { width:94px;background-position:-188px -45px;} #service #related-service_takumi #navi_takumi4 a:hover { width:94px;background-position:-282px -45px;} #service #related-service_dl-production {margin-top:12px;margin-left:5px;background:url(../../pc/img/service/dl-production/navi.png); } #service #related-service_dl-production ul#navi_dl-production { width:376px; overflow:hidden; } #service #related-service_dl-production ul#navi_dl-production li{ float:left; height:45px; display:block;} #service #related-service_dl-production ul#navi_dl-production li a { display: block;overflow: hidden; height: 45px; padding:0px;background-image:url(../../pc/img/service/dl-production/navi.png) ; } #service #related-service_dl-production #navi_dl-production1 a { width:94px; background-position:0 0;} #service #related-service_dl-production #navi_dl-production2 a { width:94px; background-position:-94px 0;} #service #related-service_dl-production #navi_dl-production3 a { width:94px; background-position:-188px 0;} #service #related-service_dl-production #navi_dl-production4 a { width:94px; background-position:-282px 0;} #service #related-service_dl-production #navi_dl-production1 a:hover { width:94px; background-position:0 -45px;} #service #related-service_dl-production #navi_dl-production2 a:hover { width:94px; background-position:-94px -45px;} #service #related-service_dl-production #navi_dl-production3 a:hover { width:94px;background-position:-188px -45px;} #service #related-service_dl-production #navi_dl-production4 a:hover { width:94px;background-position:-282px -45px;} #service #related-service_sogno {margin-top:12px;margin-left:5px;background:url(../../pc/img/service/sogno/navi.png); } #service #related-service_sogno ul#navi_sogno { width:376px; overflow:hidden; } #service #related-service_sogno ul#navi_sogno li{ float:left; height:45px; display:block;} #service #related-service_sogno ul#navi_sogno li a { display: block;overflow: hidden; height: 45px; padding:0px;background-image:url(../../pc/img/service/sogno/navi.png) ; } #service #related-service_sogno #navi_sogno1 a { width:94px; background-position:0 0;} #service #related-service_sogno #navi_sogno2 a { width:94px; background-position:-94px 0;} #service #related-service_sogno #navi_sogno3 a { width:94px; background-position:-188px 0;} #service #related-service_sogno #navi_sogno4 a { width:94px; background-position:-282px 0;} #service #related-service_sogno #navi_sogno1 a:hover { width:94px; background-position:0 -45px;} #service #related-service_sogno #navi_sogno2 a:hover { width:94px; background-position:-94px -45px;} #service #related-service_sogno #navi_sogno3 a:hover { width:94px;background-position:-188px -45px;} #service #related-service_sogno #navi_sogno4 a:hover { width:94px;background-position:-282px -45px;} #recruit article > .title { margin-bottom: 0; } #recruit #message > .btn-open { background: #b8cde2; padding: 16px; margin-bottom: 0; } #recruit #message > .paper { background: url("../img/recruit/bg-letter-middle.png") repeat-y 0 0; display: none; } #recruit #message > .paper .outer { background: url("../img/recruit/bg-letter-top.png") no-repeat left top; } #recruit #message > .paper .outer .inner { background: url("../img/recruit/bg-letter-bottom.png") no-repeat left bottom; padding: 40px 60px 70px; } /* スタッフとの出会い */ #recruit #message2 > .btn-open { background: #FF9999; padding: 16px; margin-bottom: 0; } #recruit #message2 > .paper { background: url("../img/recruit/bg-letter-middle.png") repeat-y 0 0; display: none; } #recruit #message2 > .paper .outer { background: url("../img/recruit/bg-letter-top.png") no-repeat left top; } #recruit #message2 > .paper .outer .inner { background: url("../img/recruit/bg-letter-bottom.png") no-repeat left bottom; padding: 40px 60px 70px; } #recruit #head-office-staff li { text-align: center; padding-bottom: 5px; } #recruit #head-office-staff li img { margin-bottom: 5px; } #recruit #store-staff li a { display: block; } /*お国自慢cd*/ #okunijiman #midasi{margin:20px 0px;font-size:120%;} #okunijiman #hajimeni{margin-bottom:30px;} #okunijiman #set{margin-bottom:50px;} #okunijiman #naiyou{width:450px;float:left;height:140px;} #okunijiman #price{width:250px;float:left;height:140px;} #okunijiman #price img{margin-top:70px;} #okunijiman #set .sample{width:350px;float:left;text-align:center;height:190px;font-size:11px;} #okunijiman #set .sample img{border:1px solid #EBEBEB;} #okunijiman #set .table_sample{margin:0px;} #okunijiman #set .table_sample td{font-size:11px;text-align:center;width:340px;border:0px solid;vertical-align:top;border-right:3px solid #fff;} #okunijiman #set .table_sample td.sampletit{background:#999;color:#fff;} #okunijiman #set .table_sample img{margin-bottom:20px;border:1px solid #EBEBEB;} #okunijiman #umewaka{background:#FFFFE8;border:4px solid #D1D1D1;padding:12px;margin-bottom:50px;} #okunijiman #umewaka .name{float:left;text-align:center;height:220px;margin-right:15px;font-size:90%;} #okunijiman #umewaka .namelast{float:left;text-align:center;height:220px;font-size:90%;} #okunijiman #umewaka .name img{width:120px;} #okunijiman #umewaka .namelast img{width:120px;} #okunijiman #umewaka .stit{text-align:left;font-weight:bold;font-size:100%;} #okunijiman .point{color:#0066FF;margin-bottom:15px;border-bottom:1px dotted #999;padding-bottom:5px;font-size:15px;font-weight:bold;} #okunijiman #free{margin-bottom:50px;border:3px solid #CCCCCC;} #okunijiman #free #midasi{background:#EBEBEB;color:#000;padding:5px;text-align:center;margin-bottom:15px;margin-top:0px;border-bottom:3px solid #CCC;text-align:center;} #okunijiman #free #tel{background:#FFFFCC;padding:10px;border:2px solid #CCC;margin:15px 50px;font-weight:bold;text-align:center;} #okunijiman #free #ex{margin:15px 50px;} #okunijiman #free #ex .pointB{color:#09C;font-weight:bold;} #okunijiman #kotira{text-align:center;} /*お国自慢book*/ #okunijimanbook #intro{text-align:center;margin:30px 0px;font-size:16px;color:#333333;} #okunijimanbook #intro #setumeibun{margin-bottom:25px;font-size:16px;text-align:left;background:#EBEBEB;padding:14px;font-weight:normal;} #okunijimanbook #intro p{margin-bottom:25px;} #okunijimanbook #setnaiyou{margin-bottom:50px;} #okunijimanbook #setnaiyou #naiyou_l{width:470px;float:left;} #okunijimanbook #setnaiyou #naiyou_r{width:200px;float:right;} #okunijimanbook #setnaiyou table {border:0px solid;margin-bottom:0px;} #okunijimanbook #setnaiyou table td{border:0px solid;padding:0px;} #okunijimanbook #toriatukai{margin-bottom:50px;} #okunijimanbook #toriatukai table {border:0px solid;} #okunijimanbook #toriatukai table td{border:0px solid;padding:3px;} #okunijimanbook #set .sample{width:170px;float:left;text-align:center;height:230px;font-size:11px;line-height:110%;} #okunijimanbook #set .sample img{border:1px solid #EBEBEB;margin-bottom:5px;} #okunijimanbook #midasi{margin:20px 0px;font-size:120%;} #okunijimanbook #hajimeni{margin-bottom:30px;} #okunijimanbook #set{margin-bottom:50px;} #okunijimanbook #naiyou{width:450px;float:left;height:140px;} #okunijimanbook #price{width:250px;float:left;height:140px;} #okunijimanbook #price img{margin-top:70px;} #okunijimanbook #allstar{margin-bottom:50px;} #okunijimanbook #allstar ul{margin:0px;padding:0px;} #okunijimanbook #allstar li{margin:0px;padding:7px;border-bottom:1px dotted #CCCCCC;} #okunijimanbook #allstar #member{font-size:16px;font-weight:bold;} #okunijimanbook #report{margin-bottom:50px;} #okunijimanbook #report img{margin-bottom:5px;} #okunijimanbook #report .photo{font-size:12px;text-align:center;} #okunijimanbook #allstar .name{float:left;text-align:center;height:220px;margin-right:15px;font-size:90%;} #okunijimanbook #allstar .namelast{float:left;text-align:center;height:220px;font-size:90%;} #okunijimanbook #allstar .name img{width:120px;height:150px;} #okunijimanbook #allstar .namelast img{width:120px;height:150px;} #okunijimanbook #allstar .stit{text-align:left;font-weight:bold;font-size:100%;} #okunijimanbook .point{color:#0066FF;margin-bottom:15px;border-bottom:1px dotted #999;padding-bottom:5px;font-size:15px;font-weight:bold;} /*これまでのとりくみ*/ .photogyallery { display: flex;justify-content: flex-start;flex-wrap: wrap;margin: 0 0 10px 0;padding: 0;} .photogyallery li { width: calc(50% - 5px);margin: 0;padding: 0;} .photogyallery li + li { margin-left: 10px; } .photogyallery li img { width: 100%; height: auto; } #search #cse table, #search #cse th, #search #cse td { border: none; padding: 0; } #search #cse .gsc-cursor-box { text-align: center; } #search .gsc-control-cse { font-family: Arial, sans-serif; border-color: #FFFFFF; background-color: #FFFFFF; } #search .gsc-control-cse .gsc-table-result { font-family: Arial, sans-serif; } #search .gsc-tabHeader.gsc-tabhInactive { border-color: #CCCCCC; background-color: #FFFFFF; } #search .gsc-tabHeader.gsc-tabhActive { border-color: #CCCCCC; border-bottom-color: #FFFFFF; background-color: #FFFFFF; } #search .gsc-tabsArea { border-color: #CCCCCC; } #search .gsc-webResult.gsc-result, #search .gsc-results .gsc-imageResult { border-color: #FFFFFF; background-color: #FFFFFF; } #search .gsc-webResult.gsc-result:hover, #search .gsc-imageResult:hover { border-color: #FFFFFF; background-color: #FFFFFF; } #search .gs-webResult.gs-result a.gs-title:link, #search .gs-webResult.gs-result a.gs-title:link b, #search .gs-imageResult a.gs-title:link, #search .gs-imageResult a.gs-title:link b { color: #1155CC; } #search .gs-webResult.gs-result a.gs-title:visited, #search .gs-webResult.gs-result a.gs-title:visited b, #search .gs-imageResult a.gs-title:visited, #search .gs-imageResult a.gs-title:visited b { color: #1155CC; } #search .gs-webResult.gs-result a.gs-title:hover, #search .gs-webResult.gs-result a.gs-title:hover b, #search .gs-imageResult a.gs-title:hover, #search .gs-imageResult a.gs-title:hover b { color: #1155CC; } #search .gs-webResult.gs-result a.gs-title:active, #search .gs-webResult.gs-result a.gs-title:active b, #search .gs-imageResult a.gs-title:active, #search .gs-imageResult a.gs-title:active b { color: #1155CC; } #search .gsc-cursor-page { color: #1155CC; } #search a.gsc-trailing-more-results:link { color: #1155CC; } #search .gs-webResult .gs-snippet, #search .gs-imageResult .gs-snippet, #search .gs-fileFormatType { color: #333333; } #search .gs-webResult div.gs-visibleUrl, #search .gs-imageResult div.gs-visibleUrl { color: #009933; } #search .gs-webResult div.gs-visibleUrl-short { color: #009933; } #search .gs-webResult div.gs-visibleUrl-short { display: none; } #search .gs-webResult div.gs-visibleUrl-long { display: block; } #search .gs-promotion div.gs-visibleUrl-short { display: none; } #search .gs-promotion div.gs-visibleUrl-long { display: block; } #search .gsc-cursor-box { border-color: #FFFFFF; } #search .gsc-webResult.gsc-result.gsc-promotion { border-color: #F6F6F6; background-color: #F6F6F6; } #search .gsc-completion-title { color: #1155CC; } #search .gsc-completion-snippet { color: #333333; } #search .gs-promotion a.gs-title:link, #search .gs-promotion a.gs-title:link *, #search .gs-promotion .gs-snippet a:link { color: #1155CC; } #search .gs-promotion a.gs-title:visited, #search .gs-promotion a.gs-title:visited *, #search .gs-promotion .gs-snippet a:visited { color: #1155CC; } #search .gs-promotion a.gs-title:hover, #search .gs-promotion a.gs-title:hover *, #search .gs-promotion .gs-snippet a:hover { color: #1155CC; } #search .gs-promotion a.gs-title:active, #search .gs-promotion a.gs-title:active *, #search .gs-promotion .gs-snippet a:active { color: #1155CC; } #search .gs-promotion .gs-snippet, #search .gs-promotion .gs-title .gs-promotion-title-right, #search .gs-promotion .gs-title .gs-promotion-title-right * { color: #333333; } #search .gs-promotion .gs-visibleUrl, #search .gs-promotion .gs-visibleUrl-short { color: #009933; } .flexslider { margin: 0 auto; border: none; position: relative; background: none; height: 275px; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .flexslider.single { margin-bottom: 16px; } .flex-control-nav { bottom: 6px; } .flex-control-nav li { margin: 0 3px; } .flex-control-nav li a { width: 8px; height: 8px; background: #ccc; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .flex-control-nav li a.flex-active { background: #009fe8; } .flex-direction-nav { display: none; } .topmessage { width:98%; margin:0; padding: 10px; }