.red {color: #FF0000;font-weight:bold;} /*---　詳細左側　------------------*/ .larger {color: #FF0000;font-weight:bold;font-size:16px;} /*---　詳細左側　------------------*/ .detail{width:380px;margin-right:5px;} .detail table {border-spacing: 0;border-top: 1px solid #CCCCCC;border-left: 1px solid #CCCCCC;border-collapse: separate;} .detail td {padding: 5px;border-top: 1px solid #fff;border-left: 1px solid #fff;border-right: 1px solid #CCCCCC;border-bottom: 1px solid #CCCCCC;text-align: center;vertical-align: middle;line-height: 120%;} .detail td.h {background:#e9e9e9;} .red {color: #FF0000;font-weight:bold;} /*---　通常ボックス　------------------*/ .itembox{float:left;width:380px;margin-right:5px;line-height:180%;} .itembox img{margin-bottom:5px;} /*---　画像ボックス　------------------*/ .imagebox{float:left;width:380px;margin-right:5px;text-align:center;line-height:180%;} .image{margin-bottom:5px;} /*---　利用規約のアンカー　------------------*/ .textlink {background:#fff;font-size:15px;font-weight:bold;} .textlink a{color:#000;text-decoration:none;background:#BFCFFF;padding:4px;} .textlink a:hover{color:#000;text-decoration:none;background:#D5DFFF;padding:4px;} /*---　フッター部分　------------------*/ #footer {position; absolute; bottom: 0px;padding-top: 30px;padding-left:30px;background-color: #333;color: #ccc;border-left:1px #ccc solid;line-height:175%;} #footer_body{width:1020px;padding-left:25px;margin:0 auto;} #footer a:link{color:#99ff99;text-decoration:underline;} #footer a:visited{color:#99ff99;text-decoration:underline;} #footer a:hover{color:#ccffcc;text-decoration:underline;} #footer span{color: #99ff99;text-decoration:underline;} .nsc{text-align:center;} .nsc img{border:1px solid #ccc;margin-bottom:3px;height:40px;} /*---　文字装飾　------------------*/ @charset 'UTF-8'; /* 縦書きレイアウト用スタイルシート tate-style.css last updated : Jul 03 , 2011 tyz@freefielder.jp http://freefielder.jp */ div.tate-area{ float:right; font-size:12pt; } div.tate-area a{ color:#119; text-decoration:none; } div.tate-line{ float:right; width:1.05em; line-height:1.05em; margin-right:0.3em; margin-left:0.3em; padding-bottom:0.2em; font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Hiragino Kaku Gothic Pro W3' , 'ＭＳ ゴシック','MS Gothic' ,monospace; word-wrap:break-word; direction:ltr; } .tate-line font,strong,h1,h2,h3,h4,h5{ line-height:1.05em; } .tate-line span.tate-kuto{ display:block; width:0.4em; line-height:0.1em !Important; margin-bottom:0.9em; margin-left:0.6em !Important; } .tate-line span.tate-cho{ display:block; -moz-transform:matrix(0, 1, 1, 0, 0, 0); -webkit-transform:matrix(0, 1, 1, 0, 0, 0); -o-transform:matrix(0, 1, 1, 0, 0, 0); transform:matrix(0, 1, 1, 0, 0, 0); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1, mirror=1); } .tate-line span.tate-komoji{ display:block; line-height:0.75em !Important; margin-bottom:0.3em; margin-left:0.11em !Important; } .tate-line span.tate-kakko{ display:block; -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); -o-transform:rotate(90deg); transform:rotate(90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); } div.tate-separator{ clear:both; height:2em; } /* フォントサイズ変更時のフォント位置アジャスト用 */ @charset 'UTF-8'; /* 縦書きレイアウト用スタイルシート tate-style.css last updated : Jul 03 , 2011 tyz@freefielder.jp http://freefielder.jp */ div.tate-area{width:270px;border:1px solid #ccc;padding:1em;float:left;} div.tate-line{ float:right; width:1.05em; line-height:1.05em; margin-right:0.3em; margin-left:0.3em; padding-bottom:0.2em; font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Hiragino Kaku Gothic Pro W3' , 'ＭＳ ゴシック','MS Gothic' ,monospace; word-wrap:break-word; direction:ltr; } .tate-line font,strong,h1,h2,h3,h4,h5{ line-height:1.05em; } .tate-line span.tate-kuto{ display:block; width:0.4em; line-height:0.1em !Important; margin-bottom:0.9em; margin-left:0.6em !Important; } .tate-line span.tate-cho{ display:block; -moz-transform:matrix(0, 1, 1, 0, 0, 0); -webkit-transform:matrix(0, 1, 1, 0, 0, 0); -o-transform:matrix(0, 1, 1, 0, 0, 0); transform:matrix(0, 1, 1, 0, 0, 0); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1, mirror=1); } .tate-line span.tate-komoji{ display:block; line-height:0.75em !Important; margin-bottom:0.3em; margin-left:0.11em !Important; } .tate-line span.tate-kakko{ display:block; -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); -o-transform:rotate(90deg); transform:rotate(90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); } div.tate-separator{ clear:both; height:2em; } .tate-line .font08 , .tate-line .font10 , .tate-line .font12 , .tate-line .font14 , .tate-line .font18 , .tate-line .font24 , .tate-line h1 , .tate-line h2 , .tate-line h3 , .tate-line h4 , .tate-line font { display:block; position:relative; left:50%; width:1em; line-height:1.05em; margin-left:-0.5em; } /*---　シンプルなテーブル　------------------*/ table.spec2{border-spacing: 0;border-top: 1px solid #CCCCCC;border-left: 1px solid #CCCCCC;border-collapse: separate;} .spec2 th {padding: 3px 10px;border-top: 1px solid #fff;border-left: 1px solid #fff;border-right: 1px solid #CCCCCC;border-bottom: 1px solid #CCCCCC;line-height: 180%;font-size:13px;background:#f4f4f4;} .spec2 td {padding: 3px 10px;border-top: 1px solid #fff;border-left: 1px solid #fff;border-right: 1px solid #CCCCCC;border-bottom: 1px solid #CCCCCC;line-height: 180%;font-size:13px;} .spec2 td.d1{text-align: center;vertical-align: middle; width:120px;background:#E9E9E9; font-weight: bold;} .spec2 td.d2{width:240px;} .spec2 td.d3{text-align: center;vertical-align: middle;background:#D5DFFF; font-weight: bold;} .spec2 td.d4{text-align: center;vertical-align: middle;background:#eee;font-size:15px;} /*---　会社概要のテーブル　------------------*/ .c_profilel{background:#eee;padding:0.6em;width:25%;line-height:1.9em;} .c_profiler{padding:0.6em;width:630px;margin-bottom:5px;line-height:1.9em;border-top:1px solid #eee;} .c_profiler dl{overflow:hidden;display:block;} .c_profiler dt{padding:0.6em;width:80px;float:left;display:block;height:90px;} .c_profiler dd{padding:0;margin-bottom:20px;height:80px;padding-left:10px;float:left;display:block;width:450px;margin-left:0;} /*---　ご利用の流れフローチャート　------------------*/ .flowc img{border:none;} .flowc img:hover{filter: alpha(opacity=60);-moz-opacity:0.60;opacity:0.60;} /*---　CSSコメント　------------------*/ .comment{font-size:12px;display:block;padding:0.5em;box-shadow:0px 2px 5px #ccc; background-image: -webkit-gradient(linear, left top, left bottom, from(#e9e9e9), to(#fff)); background-image: -moz-linear-gradient(top, #e9e9e9, #fff); background-image: -ms-linear-gradient(top, #e9e9e9, #fff); background-image: -o-linear-gradient(top, #e9e9e9, #fff); background-image: linear-gradient(top, #e9e9e9, #fff); -pie-background: linear-gradient( #e9e9e9, #fff); behavior: url(PIE.htc);position:relative;} .order{background-image:url(pic/form.jpg);border:none;display:block;width:351px;height:68px;} .order:hover{background-image:url(pic/formh.jpg);cursor:pointer;} /*---　各サイトへのリンク　------------------*/ .footerlink1{float:left;border:#ccc solid 1px;margin-right:3px;} .footerlink2{text-align:center;display:block;} .footerlink3{text-align:center;text-align:center;background:#DFDFDF;line-height:180%;display:block;} .footerlink3 a:link{text-decoration:underline;} .footerlink3 a:visited{text-decoration:underline;} .footerlink3 a:hover{text-decoration:underline;} .footerlink4{text-align:center;font-size:12px;background:#ccc;background:#F4F4F4;line-height:180%;padding:3px;} .footerlink5{text-align:center;font-size:12px;background:#ccc;background:#F4F4F4;line-height:180%;border-top:#ccc solid 1px;padding:3px;} .commentcmes{font-size:15px;display:block;padding:0.5em;box-shadow:0px 2px 5px #999999;behavior:url(PIE.htc);border:1px solid #999;font-weight:bold;background:#eee;} /*----clear--------------*/ .clear{clear:both;} /*----画像リンクhover------------*/ .img_a:hover{ filter: none;filter: alpha(opacity=60);-moz-opacity:0.60;opacity:0.60; } /*---見出しタイトル------------*/ .title_mh { background: url(pic/title_h.jpg) no-repeat; line-height: 2.1em; height: 33px; color: #ffffff; font-weight: bold; font-size: 1.275em; padding-left: 20px; } .title_mr { background: url(pic/title_r.jpg) no-repeat; line-height: 2.1em; height: 33px; color: #ffffff; font-weight: bold; font-size: 1.275em; padding-left: 20px; } /*! fancyBox v2.1.4 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } .fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .fancybox-opened { z-index: 8030; } .fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('js/ps/fancybox_sprite.png'); } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; } #fancybox-loading div { width: 44px; height: 44px; background: url('fancybox_loading.gif') center center no-repeat; } .fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url('blank.gif'); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; } .fancybox-prev span { left: 10px; background-position: 0 -36px; } .fancybox-next span { right: 10px; background-position: 0 -72px; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; } /* Overlay helper */ .fancybox-lock { overflow: hidden; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url('js/ps/fancybox_overlay.png'); } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } /* Title helper */ .fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { padding-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); } .shirushi { background: url("pic/poi.jpg") no-repeat 0 -5px; margin-left: 20px; padding-left: 20px; } .syousai { background: url(pic/spec2.jpg) no-repeat 0 2px; line-height: 2.975em; padding-left: 60px; color: #FF89BD; font-size: 1.557em; font-weight: bold; } .point { background: url(pic/point_mame2.jpg) no-repeat 0 -2px; line-height: 3.975em; padding-left: 60px; color: #FF89BD; font-size: 1.557em; font-weight: bold; } .siyou { font-size: 1.075em; margin: 0 auto 20px; width: 750px; } .siyou dt{ float: left; font-weight: bold; text-align: right; width: 200px; background: #CCCCCC; } .siyou dt, .siyou dd { padding: 10px; display: block; overflow: hidden; border:solid 1px #EEEEEE; } .siyou dd{ width: 500px; } .siyou dd ul { list-style-type:none; } .siyou dd ul li { margin-left: -38px; } h4.migishirushi { background: url(pic/mark_t001.jpg) no-repeat ; line-height: 2.425em; font-size: 1.575em; padding-left: 75px; } .queslist{line-height:1.5em;margin-top:10px;} .queslist dl{overflow:hidden;display:block;margin-bottom:20px;} .queslist dd{float:left;} .queslist dt{float:left;} .queslist ul{margin-top:18px;displat:block; margin-left: -50px;} .queslist li{padding-left:7px;padding-top:4px;padding-bottom:4px;padding-right:4px;margin-bottom:7px;width:760px;display:block;} .queslist li.cust{background:#ffccff;margin-left:2.5em;font-weight:bold;width:630px;} .queslist li.cust:hover{background:#ffa7ff;} .queslist li.answ{background:#ccffcc;width:630px;} .queslist li.answ:hover{background:#9cff9c;} #tn {border:1px solid #C0C0C0;width:432px;position:relative;} #tn a:hover *{filter: alpha(opacity=60);-moz-opacity:0.60;opacity:0.60;} #tn img{border:none;padding-right:20px;} dl.syousai_s { font-size: 1.275em; line-height: 1.275em; } .syousai_s dt{ float: left; margin-bottom: 10px; width: 100px; text-align: right; padding-right: 5px; font-weight: bold; } .syousai_s dd { margin-bottom: 10px; } .mark_syou { margin-left: -30px; } .mark_syou li { background: url(pic/poi10.jpg) no-repeat; list-style-type: none; padding-left: 35px; font-size: 1.2em; font-weight: bold; color: #0099FF; margin-bottom: 15px; } .tezyun {list-style-type: none; margin: 0;} .tezyun li.num { background: url("pic/poi6.jpg") no-repeat 0 5px; padding-left: 22px; font-size: 1.425em; font-weight: bold; } .tezyun li.naiyou { margin: -15px 0 0 0px; font-size: 1.275em; } /*---　詳細表　------------------*/ table.spec{border:1px solid #ccc; width: 420px; margin:10px auto 20px;} table.spec td{padding:10px !important;} .product_comment{/*-----商品コメント-----*/ font-weight:bold; color:#361; font-size:110%; } /*----使用時注意事項用 CSS start-------*/ .shiyoutyui { background: url("pic/tyui_mark.jpg") no-repeat 0 16px !important; font-size: 1.325em; line-height: 2.975em !important; color: #ff0000; padding:20px 0 0 55px; } /*----使用時注意事項用 CSS end-------*/ .listskill{overflow:hidden;margin:1em 0 1em 0; padding:0;/* paddingキャンセル */ margin:0;/* marginキャンセル */ list-styale:none;/* olがはき出す数字を消す */ counter-reset:skills;/* 数字のカウントをリセットする */ } .listskill li{vertical-align:bottom;margin:0px 5px 0px 0px;padding:1em 0.5em 0.5em 0.5em;} .listskill li:before {font-family:Century Gothic; counter-increment: skills;/* 任意の名前を付ける（もちろん英語で） */ content: counter(skills);/* 名前を付けたカウンターをcontentで発動！ */ margin-right:0.3em;background:#FF6600;border-radius:50px;padding:3px;width:15px;height:15px;display:inline-block;text-align:center;border:1px solid orange;color:#fff;font-size:15px;font-weight:bold;line-height:15px; } .listskill img{float:right;margin-top:-0.4em;box-shadow:1px 1px 3px #ccc;} /*式典系の司会者*/ .online_titlem {font-size:1.8rem;text-align:center;margin-bottom: 0;} .kotsu {max-width: 80%;margin: 0 auto !important;font-size: 110%;font-family: 游ゴシック ,ヒラギノ角ゴシック;} .item_sikai{display:flex;width: 90%;margin: 40px auto;} .item_sikai .left,.item_sikai .right{width:50%;margin:3%;} .item_sikai img{width:100%;height: 106px;object-fit: cover;} .right h4{font-size:28px;margin:1em 0 0.5em 0;} .right h4 span{margin-right:1em;} .right ul{list-style: none;padding-left: 0px;margin-top: 1%;} .rental-list{background-color: #ff4040;color: white;margin-right: 1rem;font-weight: bold;padding: 1rem 1.5rem;display: inline-block;} .second{display:block;padding:20px 30px;font-size:20px;text-align:center;background:#1fb514;width:100%;margin:0 auto;text-decoration:none;color:#fff!important;margin-bottom:20px;margin-top:20px;box-shadow:2px 2px 2px rgba(0,0,0,0.6);font-weight:600;border:none;outline:none;cursor:pointer;} .second:hover{text-decoration:none;background:#fff;outline:solid 3px #1fb514;color:#1fb514!important;box-shadow:5px 5px 5px rgba(0,0,0,0.6);font-weight:600;} .sikai_price{font-family: '游ゴシック';margin-bottom: 3rem;} .sikai_price h4{font-size:28px;margin:1em 0 0.5em 0;} .sikai_price span{margin-right:1em;} .sikai_price p{font-size: 21px;margin-top: 0px;} .right li{float: left;width: 48%;padding: 0 2% 1% 0;} .sikai_price_wrap{display:flex;justify-content:space-evenly;} /*アンカーリンク*/ .plan_ank{ background: #fcfcfc; padding: 0.5em 0.5em 0.5em 2em; border: solid 3px gray; position: relative;font-family: '游ゴシック';width: 75%;margin: 0 auto;margin-bottom: 2em;} .ank_title{position: absolute; display: inline-block; top: -2px; left: -2px; padding: 1%; height: 25px; line-height: 25px; font-size: 17px; background: gray; color: #ffffff; font-weight: bold;} .plan_ank ul{margin-top: 7%;overflow: hidden;} .plan_ank li{ line-height: 1.5; padding: 0.5em 0; float: left;width: 50%;font-size: 1.3em;} .plan_ank a{text-decoration: none;}