/******************************************/ /* コンテンツ *******************************************/ /******************************************* 　サブページ　共通エレメンツ *******************************************/ .setsumei { margin 0 20px 10px 20px; text-align:left; } div,p { height: auto; } p.point{ padding:10px 15px 0px 15px; } div.waku { border: solid 1px #CC9999; padding:19px 20px 20px 21px; margin-right:3px; margin-bottom:0px; text-align:left; } #mess{ font-size:15px; font-weight:bold; color:#CC6666; line-height:130%; padding:6px; text-align:left; width:530px; ; } div#body div#event_detail div.event_detail_webtools { margin: 10px 0 5px 0; } div#body div#event_detail div.event_detail_webtools table { float: right; } div#body div#event_detail div.event_detail_webtools table tr td { padding: 0 0 0 15px; } /******************************************* 　トップページ　エレメンツ *******************************************/ /* contentsArea */ #contentsArea { width: 100%; margin:0 auto 30px auto; padding-bottom:0; text-align: center; overflow:hidden; clear: both } #contentsArea .kensuu { margin: 5px auto; text-align:center; font-weight: bold; color:#993366 } #contentsArea .block02 { margin-left: -2px; margin-right: -8px; } #contentsArea .block02>div { width: 204px; height:300px; margin: 13px 4px 13px 8px; padding: 10px 0; background: #fff; display: inline-block; vertical-align:top; float: left; text-align:center } #contentsArea h4.today { margin-top:20px; text-align: left; font-size: 200%; font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Osaka", sans-serif; clear: both; border-bottom: dotted 1px #000000; border-top: 3px solid #FFCC00; padding-top:20px; padding-bottom: 5px; height: 30px } #contentsArea h4.today span { font-size: 150%; padding: 0px 0 10px 20px ;clear: left } #contentsArea .block02>div .img { margin: 10px auto 5px auto; width: 100%; height: auto; display: inline-block; overflow: hidden; text-align: center; } #contentsArea .block02>div .img img { width: 200px; height: 150px: auto; text-align: center; border: solid 1px #ccc } #contentsArea .block02>div .img img .border0 { border: 0} #contentsArea p.dai { background: #F63; padding:4px 2px 4px 5px; line-height:130%; margin-bottom:10px } #contentsArea p.dai a { color: #fff; font-weight: bold } #contentsArea .img a:hover img { filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6; text-decoration:none } #contentsArea dl { text-align:center; margin: 5px auto 10px auto; text-align: left } #contentsArea dl dt { float: left; font-weight: bold; font-size: 13px; margin-left: 3px; clear: left; } #contentsArea dl dd { margin: 0 0 0 42px; font-size: 13px;} #contentsArea div.txt { text-align:left; margin-left:2px; height: } #contentsArea .shosai { background: none; text-align:center; padding: 10px 0 15px 0 } .setsumei { background: #D3FAE3; border: solid 1px #00CCCC; padding: 10px 20px; text-align: left; margin: 20px auto 10px auto } dl dd .male1 { width: 51px; font-weight: bold; font-family: "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif; height:20px;float: left; padding: 2px 5px; margin: 5px 5px 5px 0; color: #fff; padding-left:20px ; background: #09C url(../image/common/male.png) 2px 2px no-repeat } dl dd .female1 { width: 51px; font-weight: bold; font-family: "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif; height:20px;float: left; padding: 2px 5px; margin: 5px 0 5px 5px; color: #fff; padding-left:20px ; background: #F39 url(../image/common/female.png) 2px 2px no-repeat } /******* トピックス *******/ #topics { width: 93%; background: url(../image/common/back1.jpg); margin: 20px 16px 50px 17px;padding: 20px; border-radius: 20px } #topics .topics-inner { width: 98%;background: url(../image/common/back2.jpg); padding: 10px; border-radius: 15px } #topics p.topicsimg {} #topics .topics ul { margin: 10px 0 0 0; padding: 0} #topics .topics ul li { background: url(../image/common/heart_0.gif) no-repeat; padding: 0 20px 5px 26px; margin-bottom: 5px; border-bottom: dotted 2px #963 } /******* お勧めイベント *******/ #recommend { padding: 14px 0 25px 0; } #recommend p.disc{ border-bottom: 1px solid #eeeeee; padding-bottom: 5px; } #recommend div.event{ margin: 10px auto 15px auto; border-bottom: 1px dotted #333; background: #fff; padding: 7px 7px 15px 7px; overflow: hidden; clear: both; } #recommend p.more{ margin-top: 10px; text-align: right; } #recommend .event p.photo{ width: 28%; float: left; display: inline; background: #fff; border: 1px solid #d9d9d9; padding: 4px; box-shadow: #aaa 2px 2px 2px; margin-left: 10px; } #recommend .event p.photo img{ width: 100%; height: auto } #recommend .event .description { width: 67%; float: right; display: inline; text-align: left } #recommend .event .description h5{ margin: 10px 0 5px 0; height: auto; font-size: 130%; } #recommend .event .description .category{ margin-bottom: 3px; padding:0; text-align: left } #recommend .event .description .category ul{ overflow: hidden; padding: 0; margin:0 0 10px 0; text-align: left } #recommend .event .description .category ul li{ margin-right: 10px; padding: 3px 10px; float: left; margin-bottom:2px } #recommend .event .description .category ul li.con_cate{ background: #Fbb; border-radius: 10px; box-shadow: #aaa 2px 2px 2px; } #recommend .event .description p.date span.pref{ background: #6CF ; font-weight: bold; padding: 5px 10px; border-radius: 10px; box-shadow: #aaa 2px 2px 2px; margin-right:10px} #recommend .event .description p.date span.area{ background: #ffeebf; } #recommend .event .description p.date span.icon img{ margin-right: 2px; vertical-align: bottom; } #recommend .event .description p.date span.date{ background: #FF3; margin-right: 7px; padding: 5px 10px; border-radius: 10px; box-shadow: #aaa 2px 2px 2px; font-weight: bold } #recommend .event .description h4 a, #recommend .event .description h5 a, #recommend .event .description .ttl a{ color:#F33; font-weight:bold; } #recommend .event .description p.txt{ margin-top: 10px; } #recommend .event .description p.tags{ margin-top: 5px; color: #c0c0c0; font-size: 90%; } /******* アクセスランキング *******/ #ranking { width:183px; height:auto; margin-left:2px; margin-bottom:20px; border: solid 1px #666666; background-color: #ffffff; padding:2px; } #ranking h3{ float: left; text-aling:center; margin-left:2px; margin-bottom:0; padding-bottom:0; } #ranking .rank { width:183px; height:auto; padding-bottom:3px; margin-bottom:5px; border-bottom: dotted 1px #000000; clear:both; } #ranking .raleft { float:left; margin-top:0; margin-left:2px; padding-top:10px; width:25px; } #ranking .raright { float:right; text-align:left; margin-top:0; padding-top:10px; padding-right:1px; width:151px; line-height:120%; } /******* 新着サイト、お勧めサイト *******/ #site { width: 100%; clear:both; } #site h4 { font-size:13px; font-weight:bold; margin:0; } #site ul { width: 100%; margin:15px 0 15px 0; padding:0; position:relative; min-height:75px; height:auto; clear:both; } #site li { float: left; min-height:75px; height:auto; margin: 0 4px 0 3px; padding: 0 0 15px 0; width: 224px; display: inline-block; whiat-space: nowrap; position:relative; } #site li a { display: block; padding:0; } #site .fright { float:right; width: 113px; padding:0; margin:0; text-align:left; line-height:120%; } #site li img { float: left; padding-right:3px; } /******* 注目のインタビュー *******/ #interview { width: 443px; height:auto; padding:10px 10px 0 10px; margin: 0 auto 5px auto; border: solid 1px #333333; } /* IE7でpadding指定 */ *:first-child+html #interview { width: 100%; } /* IE6以下でpadding指定 */ *html #interview { width: 100%; } #topcontents h3 { clear: both; margin: 0; padding-top:25px; padding-bottom:0; text-align:center; } #interview p { margin-bottom:10px; } /******* イベントジャンル *******/ #categoryt { width: 100%; margin:10px 20px 30px 10px; } #categoryt div.cate1 { float:left; width: 148px; height:115px; padding:0; margin: 10px 4px 0 4px; background: #fff; border: solid 1px #999999; } #categoryt dl { margin:0; } #categoryt dt { } #categoryt dd { text-align:left; margin:0; padding:3px; line-height:120%; font-size:12px; } #categoryt p { text-align: right; margin-right:5px; } /******* 主催団体別 *******/ #promoter { width: 99%; margin:0 auto 30px auto; padding-bottom:0; text-align: center; overflow:hidden; clear: both } #promoter .promoter { width: 204px; height:150px; margin: 13px 4px 13px 5px; padding: 10px 0; background: #fff; display: inline-block; vertical-align:top; float: left; text-align:center } #promoter .promoter img { width: 100%; height: auto } /*******関連リンク *******/ #kanren_link { width: 97%; margin:10px auto 10px auto; padding: 0 10px 8px 10px; text-align: left; ; } #kanren_link h3 { margin: 30px 0 7px 0; color: #cc3333; font-size:16px ; } #kanren_link h4 { clear: both; background-color: #dd3333; color: #ffffff; width:105px; float:left; text-align:center; padding:0 3px 1px 3px; margin: 15px 5px 5px 5px; clear:both; } #kanren_link ul { margin: 0 0 20px 5px; padding:0; clear:both; } #kanren_link ul li { line-height:130%; float: left; margin: 0 10px 0 0; padding:0; white-space:nowrap; width:auto; display:block; } #kanren_link ul li a { display:inline-block } #kanren_link ul li a:link { color: #3366dd; text-decoration: underline; } #kanren_link ul li a:hover, a:active { color: #222222; text-decoration: none; background-color:pink; } p.menu_naiyou { color: #330000; font-size:15px; font-weight:bold; line-height:130%; padding-left: 10px; text-align:left } /* 最新のニュース */ #mainBlock2 { margin-bottom:30px; clear:both } #mainBlock2 div.box4 h3 { font-size: 15px; padding: 10px 0 0 30px; margin-top:5px; color:#cc3333 } #mainBlock2 div.box4 .box4_body { padding: 0 35px; text-align:left; } .box4 img{ float:left; margin: 0 20px 10px 0; } .box4 h4 img{float:none;margin:0 20px 10px 0;} .box4 p{padding: 0 10px 10px;} /* ニュースエリア */ #main #news_area { margin: 30px 0 20px 0; text-align:left; } *html #main #news_area { width:100% } #main #news_area dl.newslist { padding-top:20px; padding-bottom:20px; clear:both; } #main #news_area dl.newslist dt { font-weight:bold; background:url($kurl/image/icon/ico_arrow_01_on.gif) no-repeat 0 4px; padding-left:15px; margin-bottom:10px; border-top: solid 1px #998888; border-bottom: solid 1px #998888 } #main #news_area dl.newslist dt span { margin-left:20px; font-size:15px; } #main #news_area dl.newslist dt span a { text-decoration:none; padding:3px } #main #news_area dl.newslist dt span a:hover { text-decoration:none; background:#CCCC99 } /* お得なクーポンのご紹介 */ #mainBlockCoupon { margin:0; padding:0 } #mainBlockCoupon table { border-left: 1px solid #c6b6b6; border-bottom: 1px solid #c6b6b6; font-size: 13px; width:98%; margin: 5px auto; } #mainBlockCoupon table caption { color: #06C; font-weight:bold; text-align:left; font-size:15px; } #mainBlockCoupon table th { width:200px; padding: 5px 5px; border-top: 1px solid #c6b6b6; border-right: 1px solid #c6b6b6; text-align: left; vertical-align: top; line-height: 1.4; background: #eeeeee; } #mainBlockCoupon table td { padding: 2px 5px; border-top: 1px solid #c6b6b6; border-right: 1px solid #c6b6b6; text-align: left; line-height: 1.4; background-color:#fff; width:420px } .MCouponMenuP { width: $main_width2; margin: 0 0 15px; padding: 10px 5px; } div.course_shosai { float:right; text-align:right; margin-top:10px; padding-right:20px } div.button{ margin: 20px auto 0 auto; text-align:center; width: $main_width; height:30px; } *html div.button{ margin:0 } div.coupon { width:$main_width3; padding:0 10px 10px 10px; border: solid 1px #999; margin-bottom:25px; clear:both; height:290px } #main div.coupon h3 { padding-top:0; margin:0 0 10px 0; border-bottom: dotted 1px #000; background-color:#D5C8E7; } div.coupon_left { float:left; width:310px; text-align:left } div.coupon_right { float:right; width: 350px; } dl.MCcopon { text-align:left; font-size:12px; line-height:150%; margin:0; padding:0 } dl.MCcopon dt{ margin: 0; padding:0; } dl.MCcopon dd{ margin: -18px 0 0 70px } p.course_dai{ text-align:left; font-size:12px; line-height:150%; margin:0 0 3px 0; padding: 3px 3px 2px 10px; background:#D5C8E7 } p.course_name { margin: 0 0 0 20px } .MCouponMenu { width:$main_width2; height:70px; text-align:center; margin: 10px auto; padding: 10px 10px 10px 45px; font-weight: bold; color: #006eb7; } .MCouponMenu div { float: left; margin-right: 15px; width:180px } .MCouponMenu p { padding-left: 7px; line-height: 1.1; border-left: 2px solid #006eb7; } .otoiawase { clear:both; margin: 40px auto 10px auto; text-align:center } .yoyaku { text-align:right; padding-right:50px; margin-bottom:30px } /******************************* /* サブページ *******************************/ /* ショップ＆アクセスマップ *******************************************/ #shop { } #shop h3{ margin-top:0 } #shop h4 { font-size:15px; font-wieght:bold; padding-left:20px; background:url($kurl/image/icon/con_address.png) no-repeat; 3px 5px } #access { text-align:left; margin-top:10px; margin-left:65px; margin-bottom:10px; line-height:130%; } #shopinfo table{ margin: 0 auto 10px auto; width: 98%x; border-left: 1px solid #c6b6b6; border-bottom: 1px solid #c6b6b6; font-size: 13px; } #shop table caption { font-weight: bold; font-size:13px; text-align: left; color:#06C; } #shopinfo table th { padding: 5px 5px; width: 110px; border-top: 1px solid #c6b6b6; border-right: 1px solid #c6b6b6; text-align: left; vertical-align: top; line-height: 1.4; background: #eeeeee; } #shopinfo table td { padding: 2px 5px; border-top: 1px solid #c6b6b6; border-right: 1px solid #c6b6b6; text-align: left; line-height: 1.4; background-color:#fff } #shop table { margin: 0 0 15px 0; width: 98%; border-left: 1px solid #c6b6b6; border-bottom: 1px solid #c6b6b6; font-size: 13px; clear:both } #shop th { padding: 5px 5px; width: 110px; border-top: 1px solid #c6b6b6; border-right: 1px solid #c6b6b6; text-align: left; vertical-align: top; line-height: 1.4; background: #eeeeee; } #shop td { padding: 2px 5px; border-top: 1px solid #c6b6b6; border-right: 1px solid #c6b6b6; text-align: left; line-height: 1.4; width: 200px; background-color:#fff } #map_canvas { width: $main_width2; height: 400px; margin: 0 auto 15px auto; border: 1px solid #cccccc; } #map_canvas * { border-width: 0px!important; } #mainBlockPrint { width: $main_width2; margin: 0 10px 15px; } dl#access{ margin-left:140px } dl#access dt { font-weight:bold; color:#006666 } dl#access dd { margin-left:30px } /** アクセスマップ ******************************/ #accessmap { width:100%; margin: 0 auto 20px auto; padding:0; } #header p#headbar { width:$main_width2; height:26px; text-align:center; margin: 50px auto 20px auto; padding:0 } #accessmap h1 { font-size:24px } .Gmap { width: 350px; } .Gmap * { border-width: 0px!important; } #map_canvas { width:98%; height: 400px; padding:0; margin: 0 auto 15px autox; border: 1px solid #cccccc; } #map_canvas * { border-width: 0px!important; } #mainBlockPrint { width:$main_width2;; margin: 0 10px 15px; } #accessmap table { margin: 0 auto 15px auto; width:$main_width2; border-left: 1px solid #c6b6b6; border-bottom: 1px solid #c6b6b6; font-size: 13px; } #accessmap th { padding: 5px 5px; width: 100px; border-top: 1px solid #c6b6b6; border-right: 1px solid #c6b6b6; text-align: left; vertical-align: top; line-height: 1.4; background: #eeeeee; } #accessmap td { padding: 2px 5px; border-top: 1px solid #c6b6b6; border-right: 1px solid #c6b6b6; text-align: left; line-height: 1.4; width: 220px; } div.button { text-align:center; margin: 20px auto 20px auto; } *html div.button { text-align:center; margin: 10px auto; } @media print{ #accessmap { margin-top: 40px } div.button { display:none } .noprint { display:none } } /** ご挨拶 *******************************/ #greeting { text-align:left; } *html #greeting { width: 100% } #greeting h3 { clear:both; height:35px; font: 16px/1.5 "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W6","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif; padding: 0 5px 0 35px; line-height:37px; font-weight: bold; background:url($kurl/image/icon/fancy_nav_right.png) no-repeat 0 4px; border-top: dotted 1px #666666 } #greeting .aisatsu { padding:12px; line-height:150%; background-color:#FFFFFF; font-size:15px; font-weight:bold; width:456px; height:320px; text-align:left; text-indent:18px; border: solid 1px #cccccc; margin-bottom:30px; } *html #greeting .aisatsu { width:480px; margin-bottom:15px; } #greeting .policyL{ float:left; width: 300px; text-align:left; } #greeting .policyR{ float:right; width:360px } #greeting dl.enkaku { margin: 0 20px 20px 20px; padding:0 0 10px 0; border-bottom: dotted 1px #000; font-size:13px; text-align:left } #greeting dl.enkaku dt { margin-left:44px; padding:0 0 5px 0; } #greeting dl.enkaku dt.nen { margin:0; padding:0 0 5px 0; } #greeting dl.enkaku dt.ni { margin-left:38px; padding:0 0 5px 0; } #greeting dl.enkaku dd { margin-left: 100px; margin-top:-24px; padding:0 0 5px 0; } /* 会社概要 */ /**************************************************/ #company { padding:0; margin:25px auto; } *html #company { width:100% } #company h3 { font-size:18px; margin:10px; padding:0 0 0 20px; } #company table { width: 98%; border-left: 1px solid #bbc; border-top: 1px solid #bbc; margin: 0 auto 30px 7px; } *html #company table { width: 98%; margin: 0 auto 15px 0; } #company table th { width: 100px; background-color:#eeb; border-bottom: 1px solid #bbc; border-right: 1px solid #bbc; font-weight: bold; vertical-align: top; text-align:left; padding: 7px 7px 7px 10px; margin:0; } #company table td { background-color: #fff; border-bottom: 1px solid #bbc; border-right: 1px solid #bbc; text-align: left; padding: 7px 7px 7px 10px; margin:0; } #company table td p { margin-bottom:10px } p#access { text-align:center } /* 事業内容 */ /**************************************************/ #business h3{ clear:both } *html #business { width:100%; margin: 0 auto } #business .bus { clear:both; width:100%; margin:0; padding:0 10px 10px 10px; height:auto; } #business .bus .bus_left { width:30%; float:left; } #business .bus .bus_right { width: 68%; float:right; margin-right:10px; text-align:left } #business .bus .bus_right .shosai { float:right; background: url($kurl/image/icon/ya1.gif) no-repeat 0 5px; padding-left:20px } /* お取り引きの流れ */ /**************************************************/ #flow { margin: 15px 15px 40px 15px; padding:15px; border: solid 5px #aad; } *html #flow { width: 100% } #flow .flow { border: solid 1px #ccccff; padding:10px 10px 0 10px; margin:0; background-color:#e3eff3; } #flow h3 { margin-top:10px; padding: 0 0 0 10px; text-align:left; background:none; color:#036 } #flow p { padding: 0 20px 10px 40px; text-align:left; } #flow p.ya { padding: 0 0 5px 0; margin: 10px auto 0 auto; text-align:center; } #flow p.kochira { margin-left:80px; line-height:200% } /* 個別ページ */ /**************************************************/ #kobetsu { width:$main_width2; margin: 0 auto 20px auto; border: solid 1px #ccc; background-color:#F3F3F3; padding: 17px; } #header p#headbar { width:$main_width2; height:26px; text-align:center; margin: 0 auto; padding:0 } #kobetsu #profile { width: $main_width2; } #kobetsu #profile #kobetsu_pic { float:left; width:250px; } #kobetsu #profile #kobetsu_pic img { margin:0 0 30px 10px; width:250px; height:auto; ox-shadow: 1px 1px 5px #666; border: solid 1px #ffffff; box-shadow: 2px 2px 10px #000; /*CSS3*/ -moz-box-shadow: 2px 2px 10px #000; /* Firefox用*/ -webkit-box-shadow: 2px 2px 10px #000; /* Google Chrome, Safari用*/ } *html #kobetsu #profile #kobetsu_pic img { margin:0 0 15px 0; width:250px; height:auto; } .clearfix { clear:both } #kobetsu table { margin: 0 0 15px 10px; border-left: 1px solid #ba9; border-bottom: 1px solid #ba9; font-size: 13px; } #kobetsu th { padding: 5px 5px; width: 130px; border-top: 1px solid #b99; border-right: 1px solid #ba9; text-align: left; vertical-align: top; line-height: 1.4; background: #CC9; } #kobetsu td { padding: 2px 5px; border-top: 1px solid #ba9; border-right: 1px solid #ba9; text-align: left; line-height: 1.4; background:#fff; } #kobetsu #profile table#kobetsu_profile { float:right; width:375px; margin: 0 0 30px 0; } #kobetsu #profile table#kobetsu_profile th{ padding: 3px 5px; width:40%; } #kobetsu #profile table#kobetsu_profile td{ padding: 3px 5px; width:60%; } #kobetsu table#kobetsuyotei { } #kobetsu table#kobetsuyotei th { background-color:#333333; color: #fff; width:91px; text-align:center } #kobetsu table#kobetsuyotei th.sat { background-color:#09C; color: #fff; width:91px; text-align:center } #kobetsu table#kobetsuyotei th.sun { background-color:#FF6633; color: #fff; width:91px; text-align:center } #kobetsu table#kobetsuyotei td { background:#fff; width:91px; text-align:center } #kobetsu #profile table.review td.tdleft{ width:100px } #kobetsu #review { text-align:left; } #kobetsu #review .review { width: $main_width2; height:auto; min-height: 170px; clear: both; padding-bottom:15px; } #kobetsu #review h4 { font-weight:bold; margin:0; padding:0; } #kobetsu #review p.rate { color: #F60; padding-bottom:3px; border-bottom: solid 3px #F60 } #kobetsu #review .review .review_left { float:left; width:110px; padding-bottom:20px; } #kobetsu #review .review .review_right { float:right; width: 530px; } @media print{ #kobetsu { margin-top: 40px } div.button { display:none } } /*院長のコラム /**************************************************/ #column .content { padding:5px 15px 15px 15px; border: solid 1px #aabbcc; margin-top:10px; } #column h3 { margin-top:0 } #column ul#mokuji { width: 600px; margin: 0 auto 50px auto; text-align:center; padding:20px; border: none; } #column ul#mokuji h3 { background:url($kurl/image/background/bg_btn_bloc_02.jpg) repeat-x; padding: 0 0 3px 10px; margin-bottom:0; } #column ul#mokuji li { width: 250px; float: left; border-bottom: solid 1px #ccc; background:url($kurl/image/icon/ico_arrow_01.gif) no-repeat 0 4px; font-size: 13px; margin: 5px 10px 5px 10px; padding: 0 15px 3px 15px; } #column ul#mokuji li a { color: #366; text-decoration:none; } #column ul#mokuji li a:visited { color: #36b } /*サービスのご案内 /**************************************************/ #service { margin-bottom:20px } #service table { width:100%; padding:20px 5px 0 5px; margin-top:10px; border-top: solid 9px #DDC984; border-bottom: solid 9px #DDC984; border-left: solid 1px #DDC984; border-right: solid 1px #DDC984; } #service table th { background:#fff; width: 175px; vertical-align:top; } #service table td { background:#fff; vertical-align:top; text-align:left; padding-left:10px; } #service img { margin-bottom:30px; } #service h3 { height:30px; margin-top:0; padding-top:0 } #service h3.bo0 { border-top:0 } /*当社実績 /**************************************************/ #jisseki { margin-bottom:20px; text-align:left } #jisseki h4 { padding:5px; border: solid 1px #999; width:100px; margin:10px 0 15px 0 } #jisseki ul { margin:0; padding:0; width:225px; } #jisseki ul li { margin: 5px 5px 5px 10px; padding:0; } *html #main #jisseki ul { width:215px; } *html #main #jisseki ul li { margin:0 0 5px 0; padding:0; text-indent:-10px; } /* スタッフ紹介 /**************************************************/ #staff { margin-bottom:20px; text-align:left } #staff div.staff { width:100%; height:auto; min-height: 160px; margin-bottom: 30px; clear:both; } #main #staff div.staff h3 { margin-top:0; background-color:#FC0 } #staff div.staff .staffL { float:left; width: 140px; vertical-align:top; } #staff div.staff .staffR { float:right; width:540px; vertical-align:top; text-align:left; } #staff div.message { padding:5px; margin:30px auto 40px auto; width:90%; text-align:center; border: solid 1px #ffffff; box-shadow: 2px 2px 10px #000; /*CSS3*/ -moz-box-shadow: 2px 2px 10px #000; /* Firefox用*/ -webkit-box-shadow: 2px 2px 10px #000; /* Google Chrome, Safari用*/ display: inlineblock; } /* リスト /**************************************************/ #list { } #list table { margin: 10px auto 30px auto; width: 98%; border-top: solid 1px #999; border-left:solid 1px #999 } #list table th { text-align:left; padding : 2px 7px; background: #f3f3e3; border-right: solid 1px #999; border-bottom:solid 1px #999 } #list table td { text-align:left; background-color:#fff; padding : 2px 7px; border-right: solid 1px #999; border-bottom:solid 1px #999 } /*イベントご案内 /**************************************************/ #event { } #event h4 { font: 20px/1.5 "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W6","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif; color: #555580; margin:0px 0 7px 0; padding:0 0 3px 0; font-weight:bold; border-bottom: solid 1px #555580; } #event h4 a{ color: #555580; text-decoration:none } #saisin { width:$main_width2; height:860px; padding:10px; font-size:13px; text-align:left; background-color:#e3e3f3; border: solid 1px #9999cc; margin: 0 0 40px 0; } *html #saisin { width:$main_width; } #kako { padding:14px 14px 10px 14px; line-height:120%; background-color:#FFFFFF; width:$main_width2; height:1030px; text-align:center; border: solid 1px #cccccc } *html #kako { width:690px; } .kako { width:$main_width2; padding:10px; text-align:left; background-color:#e3e3f3; border: solid 1px #9999cc; margin-bottom:20px } *html .kako { width:$main_width2; } hr.kako1 { color:#9999cc; size:1px; margin:0px; padding:0px } .naiyou { margin-left:20px; line-height:130%; } .naiyou2 { margin-left:20px; line-height:160%; margin-bottom:20px } #eventsetsumei { clear:both; color:#336699; padding:10px; padding-left:15px; margin:10px 10px 20px 10px; line-height:130%; text-align:left; border: dashed 1px #9999aa; background-color:#eeeeee } #profile { float: right; width:360px; margin-left:7px; line-height:130% } *html #profile { width:350px; margin-left:3px; } #profile img { margin-right:10px } *html #profile img { margin-right:5px } /* キャンペーン情報 /**************************************************/ #campaign h3{ clear:both } /* メイン表示 */ #campaign #campaign_main { padding-bottom: 30px } #campaign #campaign_main .coupon1 { background:url($kurl/image/background/coupon_back1.png) no-repeat; margin:20px auto; width: $main_width2; height:232px; } #campaign #campaign_main .coupon1 .coupon_body { } #main #campaign #campaign_main h4 { font-size:16px; padding-left:10px; border-left: solid 8px #cc3333 } #main #campaign #campaign_main .coupon1 h4 { font: 32px/1.5 "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W6","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif; font-weight: bold; color: #fff; margin:0; padding: 5px 0 0 20px; text-shadow: 0 -1px 1px #FFF, 2px 2px 3px #000, 1px 0 1px #000; } #campaign #campaign_main .coupon1 p { margin-left:20px; text-align:left; font-weight:bold; line-height:150%; } #campaign #campaign_main .coupon1 p.tx1 { font-size: 16px; margin:10px 0 5px 20px; padding:0 } #campaign #campaign_main .coupon1 p.tx2 { font-size: 14px; line-height:110%; padding:4px 5px; color: #fff; background: #39F; width:260px; text-align:center } #campaign #campaign_main .coupon1 p.tx3 { font-size: 12px; margin-top:20px } #campaign #campaign_main .coupon1 p.tx4 { padding-top: 0; margin:0 auto; text-align:center; font-size:18px; color:#003366 } #main #campaign #campaign_main .flL { text-align:left; float:left; margin-left:40px; width:420px; } *html #main #campaign #campaign_main .flL { margin-left:20px; } #main #campaign #campaign_main .flR { float:right; width:200px; padding-bottom: 30px } /* 2列表示 */ #campaign .campaign2 { clear:both; width: 100%; height:auto; min-height:190px; padding-bottom:20px; } #campaign .campaign2 h3{ margin-top:0; margin-bottom:10px; border-top: solid 3px #FF3333; border-bottom: solid 3px #FF3333; } #campaign .campaign2 .campaign_left { float:left; width:47%; padding:7px; margin-bottom:25px; border: solid 1px #A0AECD; } #campaign .campaign2 .campaign_right { float:right; width:47%; padding:7px; margin-bottom:25px; border: solid 1px #A0AECD; } #campaign .campaign2 .campaignL { float:left; width:170px; text-align:left; } *html #campaign .campaign2 .campaignL { float:left; width:160px; text-align:left; } #campaign .campaign2 .campaignR { float:right; width:150px; } #campaign .campaign2 .campaign_shosai { float:right; border: solid 1px #999; background:#ddd; margin: 10px; display:block; width:120px } #campaign .campaign2 .campaign_shosai a{ padding: 2px 4px; display:block; text-decoration:none } #campaign .campaign2 .campaign_shosai a:hover{ padding: 2px 4px; display:block; background:#FF6666; color: #fff } /* 1列表示 */ #campaign .cam { clear:both; width:100%; margin: 0; padding: 10px 10px 10px 0; height:auto; } #main #campaign .cam h3 { background-color:#FFFF66; border-bottom: dotted 1px #000; } #campaign .cam .cam_left { width:30%; float:left; } #campaign .cam .cam_right { width: 68%; float:right; margin-right:10px; text-align:left } #campaign .nittei { font-weight:bold; color:#09C } #campaign .cam .campaign_shosai { clear:both; float:right; border: solid 1px #999; background:#ddd; margin-bottom:10px; width:120px } #campaign .cam .campaign_shosai a{ padding: 2px 4px; display:block; text-decoration:none } #campaign .cam .campaign_shosai a:hover{ padding: 2px 4px; display:block; background:#66FF99 } /* お客様の声 */ /**************************************************/ dl.voice { padding:10px 20px 0 20px; border: solid 1px #ccc; background:#fff; clear:both; text-align:left; margin:20px auto } dl.voice dt { font-weight:bold; background:url($kurl/image/icon/iconpu4.gif) no-repeat; padding-left: 30px; padding-bottom:7px; margin-left:10px; margin-bottom:10px; border-bottom: solid 1px #ccc } dl.voice dd { margin:0 0 10px 10px; padding:0 } dl.voice dd.orange { clear:both } /* 免責事項 */ /**************************************************/ #menseki{ width:96%; margin:0 auto 20px 0; padding:20px 14px 10px 14px; line-height:150%; text-align: left; border: solid 1px #ccccdd; border-top:none; background-image:none; background-color: #eff3f3 } *html #menseki { width:100%; } #menseki p{ text-align:left; margin: 0 20px 10px 20px; padding-bottom:10px; border-bottom: dotted 1px #000; } #menseki ol{ margin-right:20px; margin-left:0; padding-left:20px; } #menseki li { margin-bottom:15px } #menseki h4 { color: #cc3333 } /** お問い合わせ・予約フォーム *******************************/ /* step ---------------*/ #step-area { margin: 0 0 30px 0; } #step-area p.step1 { background: url("../image/sub/step1.png") no-repeat transparent; display: block; height: 39px; text-indent: -9999px; width: 792px; } #step-area p.step2 { background: url("../image/sub/step2.png") no-repeat transparent; display: block; height: 39px; text-indent: -9999px; width: 792px; } #step-area p.step3 { background: url("../image/sub/step3.png") no-repeat transparent; display: block; height: 39px; text-indent: -9999px; width: 792px; } #step-area p.step4 { background: url("../image/sub/step4.png") no-repeat transparent; display: block; height: 39px; text-indent: -9999px; width: 792px; } /* register ---------------*/ #register { padding-bottom: 10px; text-align: left; } #register h3 { background: url("../image/h4_back.jpg") no-repeat transparent; width: 311px; height: 56px; font-size: 18px; padding-top: 7px; padding-left:20px; text-align:left; } #register h5 { margin-bottom:20px } #register .goiken { margin: 0 80px 10px 80px } #register .oshirase { clear:both; margin: 10px 42px 20px 42px; border: solid 1px #FF9933; background-color:#FFEEDF; padding:5px 20px; text-align:left } *html #register .oshirase { margin: 5px 21px 10px 21px } #register .oshirase p { margin-bottom:5px } #register table.registertable { border-left: 1px solid #bbc; border-top: 1px solid #bbc; margin: 0; width:670px; } *html #register table.registertable { margin-left:15px } #register table.registertable div.wrap { margin: 0px; padding: 7px 7px 7px 10px; position: relative; } #register table.registertable div.wrap2 { margin: 0px; padding: 10px; } #register table.registertable div.wrap span.must { background: url("../image/common/must.gif") no-repeat; display: block; height: 14px; overflow: hidden; position: absolute; right: 5px; text-indent: -9999px; top: 10px; width: 28px; } #register table.registertable th { width: 170px; background-color: #e3eeF6; border-bottom: 1px solid #bbc; border-right: 1px solid #bbc; font-weight: bold; vertical-align: top; text-align:left; margin:0; } #register input { margin-right:5px; } #register table.registertable td { background-color: #fff; border-bottom: 1px solid #bbc; border-right: 1px solid #bbc; text-align: left; margin:0; } #register dl p.xs { color: #666; padding-top: 3px; } #register dl span.xs { color: #009900; font-weight: normal; padding-left: 10px; } #register dl { margin:0; padding: 0 0 3px 0 } #register dl dt { float: left; padding: 5px 0 0 0; margin:0; white-space: nowrap; } #register dl dd { float:left; margin:0; padding:0 5px; /*width:120px;*/ } #register dl dt.name-mei { padding-left: 20px; } #register dl dd.birth input { margin-right: 3px; } #register dl dd.birth-yohaku { padding-left: 20px; } #register dl dd.sex_space { padding-left: 30px; } #register table.registertable div.wrap p.gloss, #register table.registertable div.wrap2 p.gloss { margin-top: 6px; } #register table.registertable div.wrap p.password-txt, #register table.registertable div.wrap2 p.password-txt { margin: 6px 0; } #register table.registertable div.wrap p.exp-txt, #register table.registertable div.wrap2 p.exp-txt { color: #666; } #register table.registertable div.wrap div.mlHsk-txt, #register table.registertable div.wrap2 div.mlHsk-txt { padding: 5px 0 0 15px; } #register input.tx220, #register input.tx150, #register input.tx110, #register input.tx65, #register input.tx50, #register input.tx40, #register select, #register textarea, #login_box div.wrap input.txlogin { background: url("../image/background/text_back.png") no-repeat scroll 0 0 transparent; border-color: #999 #e0e0e0 #e0e0e0 #999; border-style: solid; border-width: 1px; padding: 2px 3px; font-size:13px; } #register textarea { background: url("../image/background/text_back.png") no-repeat scroll 0 0 transparent; border-color: #999 #e0e0e0 #e0e0e0 #999; border-style: solid; border-width: 1px; padding: 2px 3px; } #register input.tx220:focus, #register input.tx150:focus, #register input.tx110:focus, #register input.tx65:focus, #register input.tx50:focus, #register input.tx40:focus, #register select:focus, #register textarea:focus { background: url("../image/background/text_back_on.png") no-repeat scroll 0 0 transparent; } input.txtextfield { font-size: 16px; margin-bottom: 5px; } #register input.tx220 { /* padding-left: 3px;*/ width: 220px; } #register input.tx150 { /* padding-left: 3px;*/ width: 150px; } #register input.tx110 { /* padding-left: 3px;*/ width: 110px; } #register input.tx65 { padding-left: 3px; width: 65px; } #register input.tx50 { padding-left: 3px; width: 50px; } #register input.tx40 { padding-left: 3px; width: 40px; } input.imeOff { ime-mode: inactive } input.imeOn { ime-mode: active } #register div.submit { width:$main_width; text-align:center; margin: 20px auto; } #register div.submit p { margin-bottom:10px } #register select.select280 { border: #999999 solid 1px; line-height: 19px; width: 280px; } #register select.select40 { border: #999 solid 1px; line-height: 19px; width: 50px; } #register select.select55 { border: #999 solid 1px; line-height: 19px; width: 63px; } #register select.select280 { border: #999999 solid 1px; line-height: 19px; width: 280px; } #register select.select40 { border: #999 solid 1px; line-height: 19px; width: 50px; } #register select.select55 { border: #999 solid 1px; line-height: 19px; width: 63px; } #register table.registertable { border-left: 1px solid #bbc; border-top: 1px solid #bbc; margin: 0 auto; } /* kakunin ---------------*/ #register table.kakunintable { border-left: 1px solid #bbc; border-top: 1px solid #bbc; margin: 0 auto; } #register table.kakunintable th { width: 170px; background-color: #e3eeF6; border-bottom: 1px solid #bbc; border-right: 1px solid #bbc; font-weight: bold; vertical-align: top; text-align:left; padding: 7px 7px 7px 10px; margin:0; } #register table.kakunintable td { background-color: #fff; border-bottom: 1px solid #bbc; border-right: 1px solid #bbc; text-align: left; padding: 7px 7px 7px 10px; margin:0; } #register #hyouka input { margin-left: 30px; } #register #gazou dl { clear:both; line-height:150%; margin-bottom:25px } #register #gazou dt { font-weight:bold; margin-right:10px; line-height:150%; } #register #gazou dd { margin:0; padding:0; line-height:150%; float:none } #register #gazou input { margin-bottom:8px } #register table.registertable td.err { background-color: #ffdfdf; border-bottom:1px solid #bbc; border-right:1px solid #bbc; text-align: left; } #policy p.kiyaku_yomu { text-align:right; margin:5px 60px 5px 5px; } /* 予約フォーム ---------------*/ h3.yoyaku { margin: 30px auto 20px auto; text-align:center; } #register input, #register select { margin-bottom:3px } div.ssl { width:$main_width2; padding: 20px; margin: 0 auto 20px auto; text-align:center; background: #fff; border: solid 1px #ccc } #register h3 { text-align:left; border: none } /* 個人情報保護方針 */ /**************************************************/ #privacy { width:96%; margin:0 auto 20px 0; padding:20px 14px 10px 14px; line-height:150%; text-align: center; text-align:left; border: solid 1px #bbc; border-top:0; background:#fff; } *html #privacy { width:$main_width; } #privacy h3 { padding: 5px 0 3px 40px; margin-top: 10px } #privacy p { margin:5px 20px 20px 5px; line-height:150%; } #privacy br { margin-bottom:15px } .tousha { padding:10px; margin: 20px 17px 30px 6px; border: dotted 1px #bbc; background-color:#e3e3e3; padding-bottom:10px; text-align:left } #privacy hr { color: #ccc; margin-bottom:15px } #privacy ol { padding:0; margin-left:10px; margin-bottom:10px; } #privacy li { margin:5px 10px 10px 10px; padding-left:5x; line-height:160%; } #loginbutton { margin:50px; text-align:center } /* 会員特典 */ /**************************************************/ #tokuten h3 { margin: 0; padding:0 } #tokuten #tokuten_area { width: $main_width; background-color: #ffffff; border: solid 1px #FFA54C; margin:0 auto; padding:0 } #tokuten #tokuten_area dl { text-align:left; margin-top:20px; margin-bottom:15px; margin-left:10px; } #tokuten #tokuten_area dt { width:$main_width2; font-weight: bold; font-size: 13px; padding: 5px 8px 5px 8px; margin-left:10px; margin-bottom:10px; border-left: solid 8px #ff6633; background-color: #ffff99; } #tokuten #tokuten_area dd { margin:0 0 30px 0; padding:0 10px 0 20px } /* ご利用規約 */ /**************************************************/ #kiyaku { width:98%; margin:10px auto 30px auto; padding: 0; line-height:150%; text-align: center; background-color:#F3F3F3; border: solid 1px #CCCCCC } #kiyaku p { margin:5px 35px 40px 25px; line-height:150%; } #kiyaku br { margin-bottom:15px } #kiyaku p.tousha { padding:10px; margin: 30px; border: dotted 1px #999999; background-color:#e3e3e3; padding-bototm:10px; } #kiyaku ul { margin-bottom:30px; } #kiyaku ul li { margin-left:0; margin-bottom:10px; padding-left:0; padding-right:40px; line-height:150%; } #kiyaku dl { } #kiyaku dl dt { text-align:left; font-weight: bold; border-left: solid 6px #FF6600; border-bottom: solid 1px #ccc; padding-left:5px; margin: 0 50px 10px 50px; } #kiyaku dl dd { margin: 0 0 0 20px } /* よくあるご質問 */ /**************************************************/ *html #faq { width:100% } #faq h3 { font-size:15px; margin-bottom: 10px; background: #336699; color: #fff; } #faq p { text-align:left; margin-left:70px; } /* 相互リンク ----------------------------------------------- */ #link h4 { border-left: solid 8px #6699cc; border-right: solid 8px #6699cc; border-top: solid 1px #cccccc; border-bottom: solid 1px #cccccc; margin: 30px 20px 13px 20px; padding-top:5px; padding-bottom:5px; text-align:left; background-image:none; background-color:#E8E9F0 } #link dl{ font-size:13px; text-align:left; margin: 0 30px 0 30px; padding:0 12px 30px 12px; } #link dt{ text-align:left; font-weight: bold; margin-bottom:5px; padding-top:-25px; padding-left:10px; background:url($kurl/image/icon/ya.gif) no-repeat 3px 2px; } #link dd{ text-align:left; margin: 0 0 10px 0; padding-bottom: 7px; border-bottom: dotted 1px #000000; } #link a { display:block; padding:5px; color:#220022; } #link a:hover { background-color:#FF9999; display:block; text-decoration:none } #link a.otoiawase{ display:inline } #link .setumei { margin-left:80px; margin-right:40px; text-indent: -35px; } #link table { width: 500px; margin:10px auto 40px auto; border: solid 1px #aaaaaa; padding:3px; text-align:center; } /* サイトマップ */ /**************************************************/ #sitemap { width:98%; margin: 20px auto } #sitemap h3 { margin-bottom: 10px; } #sitemap ul { text-align:left; margin:0 0 0 50px; } #sitemap ul li { margin:0 0 7px 0; padding:0 0 0 15px; background: url($kurl/image/icon/arrow.gif) 0 6px no-repeat; } /* ご購入の手続き・配送・お支払い・返品や交換について */ /*******************************************************/ #howto { text-align:left; } *html #howto { width: 100% } #howto h3 { padding-bottom: 0; height:32px } #howto h4 { font-size:14px; color:#003366; padding: 3px 10px; border: solid 1px #999; margin:20px 10px 10px 10px } #howto h5 { text-align:left; font-size:13px; color:#cc3333; margin-left:10px; } #howto p { margin: 0 20px; } div.howto { margin-bottom:10px } div.chui { padding:8px; border: solid 1px #ccddFF; background:#e3eaf3; margin:10px 20px 25px 20px } #howto .top { text-align:right; margin:10px 10px 0 10px; } #howto ul { padding:10px 0 10px 20px; border: solid 1px #966; background:#FCC; margin: 5px 30px 40px 30px; height:20px; } *html #howto ul { margin: 3px 0 15px 20px; width:640px } #howto ul li { float:left; margin:0 } #howto ul li a { text-decoration:none; padding:7px 5px; } #howto ul li a:hover { background:#99CC66; padding:7px 5px; } #howto table { width:250px; margin: 5px auto; text-align:center; padding: 3px; border: solid 1px #aaa } #howto table td{ text-align:left; padding-left:20px; } /**************************************************/ /*お料理のご案内 */ /**************************************************/ table#menu_mokuji { margin:15px 15px 30px 15px } #pic { margin:30px; } .label { margin-top:40px; margin-left:550px; } .menu { margin-top:12px; } .menu .menu_naiyou2 { float:left; padding:left:15px; } /*コース料理　　 */ /**************************************************/ .subarea1 { line-height:120%; margin-left:37px; text-align:left; background-color:#FFFFFF; border: solid 1px #cccccc } .houou { background-image:url(ryouri/image/course/houou.jpg); background-repeat:no-repeat; background-position: top right; } .coursetitle { padding-top:15px; margin-left:37px; margin-bottom:15px; } #m10500 { margin-bottom:40px } #lunchtime { margin:20px; text-align:center } /*ランチメニュー */ /**************************************************/ #lunchmenu { clear:both; margin:5px 20px 20px 20px; text-align:left } #lunchmenu dl{ padding:0; margin: 0 0 10px 30px } #lunchmenu dt{ font-weight:bold; margin: 0 0 0 10px } #lunchmenu dd{ margin-left: 50px } #lunchmenu div.course2 { background:#fff; border:solid 1px #999; width:$main_width2; height:280px; margin-bottom:30px; padding:10px 10px 10px 20px; } #lunchmenu div.course2 { width:$main_width2; } #mainBlock1 div.course2 h4 { height:30px; color:#ff0000; font-size:13px; padding: 0 5px 0 30px; margin: 0 0 10px 0; line-height:110%; font-weight: bold; background:url($kurl/image/icon/fancy_nav_right.png) no-repeat 0 8px; } #mainBlock1 div.course2 h4 span{ position:absolute; padding-top:15px; padding-left:20px; } #lunchmenu div.course2 .course_left { width:414px; float:left; margin-right:0 } #lunchmenu div.course2 .course_right { float:right; width:200px; } /*//////////////////////////////////////////////////*/ /*// 01.ベースの設定 //*/ /*//////////////////////////////////////////////////*/ form#mailform { margin: 0px auto 0px auto; padding: 0px; } form#mailform label { cursor: pointer; text-decoration: underline; display: block; padding: 5px 5px; margin-bottom: 1px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; } label.label_true { background-color: #FFFFEE; border: solid 1px #CCCCCC; text-decoration: none; } label.label_false { background-color: none; border: none; text-decoration: underline; background-image: none; } #mailfrom_hidden_object { width: 1px; height: 1px; overflow: hidden; } #mailfrom_hidden_object input { margin: 10px; } #mfp_closed { display: none; } div.mfp_disp { display: none; } #input_time_disp { padding: 10px; } #expires_time_disp { padding: 10px; text-align: center; } #expires_time_disp strong { font-size: 18px; color: #CC0000; } #limit_disp { padding: 10px; text-align: center; } #limit_disp strong { font-size: 24px; color: #CC0000; } img.must { width: 30px; height: 16px; float: left; margin: 0px 0px 0px 5px; } .thanks { margin:50px 0; padding: 20px 20px 20px 40px; border: solid 1px #cccccc; line-height:250%; font-size:18px; font-weight:bold; } div.mfp_err { text-align: left; margin: 5px 0px 0px 0px; padding: 3px 0px 5px 17px; color: #FF0000; font-size: 12px; line-height: normal; display: none; background-image: url(../cgi/images/mfp_error.gif); background-repeat: no-repeat; background-position: 0px 1px; } input.mfp, textarea.mfp { padding: 2px; font-size: 13px; } textarea.mfp { padding: 5px; } #mfp_buttons { padding: 30px 0px; text-align: center; } #mfp_buttons ul { width: 360px; height: 60px; overflow: hidden; margin: 0px auto 0px auto; } #mfp_buttons ul li { width: 180px; height: 60px; overflow: hidden; float: left; } div.mfp_phase_buttons { height: 60px; } input.mfp_phase_next { background-image: url(../cgi/images/mfp_next.gif); float: right; } input.mfp_phase_prev { background-image: url(../cgi/images/mfp_prev.gif); float: left; } input.mfp_phase_next,input.mfp_phase_prev { width: 200px; height: 60px; overflow: hidden; text-indent: -5000px; border: none; border-style: none; cursor: pointer; } input#button_mfp_goconfirm { width: 180px; height: 60px; overflow: hidden; background-color: #FFFFFF; background-image: url(../cgi/images/mfp_goconfirm.gif); /*text-indent: -5000px;*/ border: none; border-style: none; cursor: pointer; } input#button_mfp_reset { width: 180px; height: 60px; overflow: hidden; background-color: #FFFFFF; background-image: url(../cgi/images/mfp_reset.gif); border: none; border-style: none; cursor: pointer; /*text-indent: -5000px;*/ } .reset_over { background-image: url(../cgi/images/mfp_reset_over.gif); } .reset_out { background-image: url(../cgi/images/mfp_reset.gif); } .confirm_over { background-image: url(../cgi/images/mfp_confirm_over.gif); } .confirm_out { background-image: url(../cgi/images/mfp_confirm.gif); } /*//////////////////////////////////////////////////*/ /*//////////////////////////////////////////////////*/ /*// 02.テーブルの指定 //*/ /*//////////////////////////////////////////////////*/ table.mailform { width: 100%; padding: 5px; border: solid 1px #bbbbbb; } table.mailform tr th { padding: 7px 0px 7px 0px; border-right: solid 1px #CCCCCC; border-bottom: solid 1px #CCCCCC; font-weight: normal; font-size: 12px; text-align: right; width: 180px; } table.mailform tr th span { font-size: 10px; color: #999999; display: block; } table.mailform tr td { padding: 7px 10px 7px 10px; border-bottom: solid 1px #CCCCCC; font-size: 12px; } table.mailform tr td ul li,table.mailform tr td ul,table.mailform tr td ol,table.mailform tr td ol li { list-style: none; margin: 0px; padding: 0px; } table.mailform tr td ul li { float: left; padding: 0px 10px 0px 0px; } table.mailform tr td p,table.mailform tr td div,table.mailform tr td span { clear: both; } /*//////////////////////////////////////////////////*/ /*// 04.以下確認画面関連のスタイル //*/ /*//////////////////////////////////////////////////*/ ul.confirm_layer { width: 720px; padding: 0px; margin: 0px; } ul.confirm_layer li { width: 720px; list-style: none; float: left; overflow: hidden; text-align: center; margin: 0px; padding: 0px; } li.confirm_middle { background-image: url(../cgi/images/mfp_table_background.png?wide); _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/mfp_table_background.png', sizingMethod='scale'); } li.confirm_top { height: 33px; background-image: url(../cgi/images/mfp_table_top.png?wide); _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/mfp_table_top.png', sizingMethod='scale'); } li.confirm_bottom { height: 33px; background-image: url(../cgi/images/mfp_table_bottom.png?wide); _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/mfp_table_bottom.png', sizingMethod='scale'); } #disabled_submit { width: 1px; height: 1px; overflow: hidden; } #disabled_submit input { margin: 10px; } table.infield { width: 660px; margin: 0px auto 0px auto; } table.infield tr th { padding: 5px; margin: 0px; text-align: right; font-size: 12px; width: 150px; border-bottom: solid 1px #CCCCCC; color: #232323; } table.infield tr td { padding: 5px; border-bottom: solid 1px #CCCCCC; } table.infield tr td p { text-align: left; font-size: 12px; line-height: 1.5em; border-left: solid 2px #CCCCCC; padding: 5px 0px 5px 10px; margin: 0px; } .mfp_color { background-color: #E8EEF9; } #confirmWindow { filter: alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3; width: 100%; height: 100%; margin: 0px; overflow: hidden; z-index: 1; position: fixed!important; position/**/: absolute; top: 0; left: 0; visibility: hidden; background-color: #000000; font-size: 12px; text-align: center; _top: expression(document.documentElement && document.documentElement.scrollTop || document.body && body.scrollTop || 0　+ 0 + 'px'); } #confirmBody { width: 1px; visibility: hidden; position: absolute; z-index: 10; text-align: center; margin: 0px auto 0px auto; } #confirmBody div.mfp_title { color: #FFFFFF; margin: 0px auto 0px auto; width: 294px; height: 33px; padding-top: 10px; } div.buttons { margin: 0px auto 0px auto; } #twex { margin: 0px; overflow: hidden; z-index: 100; position: absolute; top: 0; left: 0; display: none; text-align: center; background-color: #000000; filter: alpha(opacity=60); -moz-opacity: 0.60; -khtml-opacity: 0.60; opacity: 0.60; } img#loading_proccess_image { position: absolute; z-index: 1000; } /*//////////////////////////////////////////////////*/ dl.mailform { padding: 0px 15px; margin: 0px; } dl.mailform dt { float: left; width: 180px; clear: both; font-size: 12px; text-align: right; font-weight: normal; padding: 5px 0px 0px 0px; margin: 0px; } dl.mailform dt span { display: block; font-size: 10px; color: #999999; } dl.mailform dd { padding: 10px 10px 15px 190px; border-bottom: solid 1px #CCCCCC; font-size: 12px; margin: 0px; } dl.mailform dd ul,dl.mailform dd ol { margin: 0px; padding: 0px; } dl.mailform dd ul li,dl.mailform dd ol li { list-style: none; margin: 0px; padding: 0px; } dl.mailform dd ul li { /*float: left;*/ padding: 0px 10px 0px 0px; } /*// Phase Input Style //*/ div.mfp_phase_section { display: none; padding: 2px 2px 15px 2px; margin: 10px 5px; border: solid 1px #EEEEEE; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -webkit-box-shadow: 0px 0px 5px #999999; -moz-box-shadow: 0px 0px 5px #999999; box-shadow: 0px 0px 5px #999999; clear: both; } p.mfp_caption { margin: 10px; } input.mfp_phase_ui { border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; padding: 3px; margin: 5px 15px; } h3.mfp_phase_title { background-image: url(../cgi/images/mfp_h3.png); padding: 5px 15px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; font-size: 21px; margin: 0px 0px 10px 0px; color: #FFFFFF; text-shadow: 1px 1px 1px #000000; } ol.mfp_phase_input_proccess { margin: 15px; height: 40px; } ol.mfp_phase_input_proccess li { border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; padding: 5px 10px; margin: 5px; float: left; font-weight: bolder; } li.mfp_phase_disabled { -webkit-box-shadow: 1px 1px 4px #999999; -moz-box-shadow: 1px 1px 4px #999999; box-shadow: 1px 1px 4px #999999; background-color: #CCCCCC; border: solid 1px #999999; } li.mfp_phase_current { -webkit-box-shadow: 1px 1px 4px #999999; -moz-box-shadow: 1px 1px 4px #999999; box-shadow: 1px 1px 4px #999999; color: #FFFFFF; text-shadow: 1px 1px 1px #000000; background-image: url(../cgi/images/mfp_h3.png); border: solid 1px #FFFFFF; background-color: #FFEEEE; }