/*--------------- Common --------------*/ * { margin: 0px; padding: 0px; font-family: "Hiragino Kaku Gothic Pro", "ƒqƒ‰ƒMƒmŠpƒS Pro W3","‚l‚r ‚oƒSƒVƒbƒN", Osaka, sanserif; } body { behavior:url("csshover2.htc"); background-color: #435E88; width:auto; } strong { font-weight: bold; font-style: normal; } big { font-size:110%; } h1, h2, h3, form{ margin: 0px; } p { margin: 0px 0px 1em 0px; } img { border: 0px; } sup { font-size:10px; } input, textarea, select { margin: 0; padding: 1px; font-size: 100%; font-family: inherit; } .c_clear { clear: both; margin: 0px; padding:0px; height:1px; } #body { margin:0 auto; width:900px; background-image: url(images/lete_bg.gif); } /*--------------- contents --------------*/ #content { margin-left: 80px; width: 501px; float: left; display: block; } #img { width: 239px; padding-bottom: 40px; float: left; display: block; } #content_w { margin-left: 80px; width: 395px; float: left; display: block; } #img_w { width: 345px; padding-bottom: 40px; float: left; display: block; } #content_p { margin-left: 80px; width: 684px; padding-bottom: 40px; } #content_p .top_title { margin-top: 23px; padding-bottom: 30px; } #content_p .top_title_l { margin-top: 23px; padding-bottom: 50px; } #content_p .page_text { margin-left: 10px; font-size:75%; line-height: 160%; color: #333333; } #content_f { margin-left: 80px; width: 700px; padding-bottom: 40px; } #content_f .top_title_l { margin-top: 23px; padding-bottom: 50px; } a:link { color: #007BBF; text-decoration: none; } a:visited { color: #007BBF; text-decoration: none; } a:hover { color: #007BBF; text-decoration: underline; } a:active { color: #007BBF; text-decoration: underline; } p.small { margin: 0px 0px 5px 0px; } p.large { margin: 0px 0px 20px 0px; } p.xlarge { margin: 0px 0px 30px 0px; } p.xxlarge { margin: 0px 0px 50px 0px; } .blue { color: #0889D0; } .red { color: #cc0000; } /*--------------- TOP --------------*/ #content .top_title { margin-left: 6px; margin-top: 21px; padding-bottom: 57px;} #content .top_text { margin-left: 6px; font-size:75%; line-height: 160%; color: #333333; } #img .top_img { margin-top: 21px; } #img .top_img_text { margin-top: 10px; font-size:56.25%; line-height: 130%; } #img .top_img { background: url(images/shadow.gif) right bottom; float: left; /* ‰ñ‚螂ݧŒä */ } #img .top_img img { width: 222px; position: relative; left: -5px; /* ‰æ‘œ‚ð¶‚ÖˆÚ“® */ top: -5px; /* ‰æ‘œ‚ðã‚ÖˆÚ“® */ padding: 5px; /* ‰æ‘œ˜g */ background: #ffffe0; /* padding‚ðݒ肵‚½ê‡‚Ì”wŒiF */ border: 1px solid #999999; /* ‰æ‘œ‚̘gü */ } /*--------------- Information --------------*/ #content_blog { margin-left: 80px; width: 580px; float: left; display: block; } #content_blog .top_title { margin-top: 23px; padding-bottom: 30px; } #blog_inner img, #archive_inner img { width: 240px; padding:15px 15px 0px 0px; } #blog_inner { font-size:75%; line-height: 160%; color: #333333; } #blog_inner .text { background: url(images/information_line.gif) bottom left no-repeat; margin-bottom: 10px; } #blog_inner .text_inner { margin-left: 10px; width: 527px; padding-bottom: 24px; } #blog_inner h1 { font-size:125%; font-weight:normal; } #blog_inner h2 { font-size:112.5%; font-weight:normal; } #blog_inner .archive_nav { width: 540px; text-align: right; } #blog_inner .content_nav { width: 540px; text-align: center; } #blog_inner .blog_title { margin-bottom: 10px; } #blog_inner .meta { font-size:87.5%; } #blog_inner .archive_title { margin-left: 10px; margin-bottom: 23px; } #archive_inner { margin-left: 15px; font-size:75%; line-height: 160%; color: #333333; } #archive_inner h2 { font-size:100%; font-weight:normal; } #archive_inner .archive_title { font-size:112.5%; } #archive_inner .archive_monthly { margin-top: 20px; margin-bottom: 40px; } #archive_inner .archive_list { margin-top: 15px; } #archive_inner ul { list-style-type:none; margin: 0px; } #side_blog { width: 240px; margin-top: 75px; padding-bottom: 40px; float: left; display: block; font-size:62.5%; line-height: 160%; color: #333333; } #side_blog h3 { font-size:100%; line-height: 160%; color: #333333; font-weight:normal; } #side_blog .widget-content { width: 180px; margin-top: 5px; margin-bottom: 20px; } #side_blog ul { list-style-type:none; margin: 0px; } #side_blog td,th { line-height: 130%; text-align:right; } /*--------------- First visit --------------*/ .visit_inner { width: 490px; margin-top: 10px; margin-left: 45px; margin-bottom: 25px; } /*--------------- Facility --------------*/ .facility_top_img { margin: 0px 0px 30px 51px; } #content_f .facility_top_text { width: 355px; float: left; margin-left: 85px; font-size:75%; line-height: 160%; color: #333333; } #content_f .facility_top_link { width: 260px; float: left; font-size:75%; line-height: 160%; color: #007BBF; } #content_w .facility_text { margin-left: 10px; width: 360px; font-size:75%; line-height: 160%; color: #333333; } .facility_img { margin-top: 39px; } .facility_i_img { margin-top: 4px; } .facility_i_tl { margin-left: 80px; } .facility_stl01 { margin-bottom: 5px; } .facility_inner { width: 328px; margin-top: 2px; margin-left: 15px; margin-bottom: 22px; } .facility_link { text-align:right; margin-top: -10px; margin-bottom: 25px; font-size:90.2%; } .facility_fee { margin-bottom: 10px; } /*--------------- Fee --------------*/ .fee_inner01 { width: 660px; margin-left: 15px; margin-top: 5px; } .fee_inner02 { width: 635px; margin-left: 25px; margin-top: 10px; margin-bottom: 20px; } .fee_small { color: #666666; } /*--------------- Program --------------*/ #program_top { width: 742px; margin-left: 80px; padding-bottom: 292px; } *:first-child+html #program_top { padding-bottom: 172px; } #program_top .top_title { margin-top: 52px; padding-bottom: 21px; } #program_top ul { margin: 0px; list-style-type:none; width: 100%; } #program_top li { display: block; width: 106px; height: 121px; text-indent: -99999px; overflow: hidden; float: left; } #program_top li a { display: block; height: 121px; overflow: hidden; } #program_top li#yoga { background: url(images/program_btn01.jpg) top left no-repeat; } #program_top li#studio { background: url(images/program_btn02.jpg) top left no-repeat; } #program_top li#gym { background: url(images/program_btn03.jpg) top left no-repeat; } #program_top li#tennis { background: url(images/program_btn04.jpg) top left no-repeat; } #program_top li#cooking { background: url(images/program_btn05.jpg) top left no-repeat; } #program_top li#culture { background: url(images/program_btn06.jpg) top left no-repeat; } #program_top li#children { background: url(images/program_btn07.jpg) top left no-repeat; } #program_top li#yoga:hover, #program_top li#studio:hover, #program_top li#gym:hover, #program_top li#tennis:hover, #program_top li#cooking:hover, #program_top li#culture:hover, #program_top li#children:hover { background-position: 0px -121px; } #program_top .program_top_text { width: 600px; float: left; margin-left: 0px; font-size:75%; line-height: 160%; color: #333333; } #content .program_text { margin-left: 10px; width: 466px; font-size:75%; line-height: 160%; color: #333333; } .program_line { margin-left: -10px; } .program_stl01 { margin-top: 20px; margin-bottom: 5px; font-size:125%; } .program_stl02 { margin-bottom: 2px; font-size:105%; } .program_inner { width: 445px; margin-top: 5px; margin-left: 15px; margin-bottom: 25px; } .program_fee_td { padding-right: 15px; } .btn_schedule a { display: block; width: 81px; height: 16px; overflow: hidden; } .btn_schedule { margin-left:380px; width:81px; height:16px; background: url(images/btn_schedule.gif) top left no-repeat; text-indent: -99999px; } .btn_schedule:hover { background-position: 0px -16px; } /*--------------- Schedule --------------*/ #content_p .schedule_text { margin-left: 25px; width: 600px; padding-bottom: 165px; font-size:75%; line-height: 160%; color: #333333; } /*--------------- Access --------------*/ .access_map { margin-top: 5px; margin-bottom: 20px; } /*--------------- Contact us --------------*/ #content_c { margin-left: 80px; width: 730px } #content_c .page_text { margin-left: 10px; font-size:75%; line-height: 160%; color: #333333; } #content_c .top_title { margin-top: 23px; padding-bottom: 30px; } #contact th { padding-left: 20px; color: #007BBF; font-weight: normal; padding-bottom: 15px; } #contact td { padding-left: 40px; padding-bottom: 15px; } #contact_conf th { padding-left: 100px; color: #007BBF; font-weight: normal; padding-bottom: 15px; } #contact_conf td { padding-left: 40px; padding-bottom: 15px; } /*--------------- Site Map --------------*/ ul #sitemap { list-style-type:none; margin: 0px; } #sitemap li { font-size:105%; padding-bottom: 10px; padding-left: 25px; } #sitemap li.sitemap_2nd { font-size:100%; padding-bottom: 10px; padding-left: 45px; } /*--------------- Privacy policy --------------*/ .privacy_inner01 { width: 660px; margin-left: 15px; margin-top: 30px; } .privacy_inner02 { width: 630px; margin-left: 30px; margin-top: 10px; } /*--------------- Q•A --------------*/ .qanda_inner01 { width: 674px; margin-left: 10px; margin-top: 20px; padding-bottom: 20px; } ul.qanda { list-style-type:none; margin: 0px; } li.qanda_q { background: url(images/qanda_q.gif) top left no-repeat; background-position: 0px 3px; display: block; padding-left: 25px; padding-bottom: 3px; font-size:105%; } li.qanda_a { background: url(images/qanda_a.gif) top left no-repeat; background-position: 0px 5px; display: block; padding-left: 25px; padding-bottom: 20px; } /*--------------- Greeting --------------*/ #content_w .top_title { margin-top: 23px; padding-bottom: 30px; } #content_w .page_text { margin-left: 10px; width: 370px; padding-bottom: 20px; font-size:75%; line-height: 160%; color: #333333; } .greeting_img { margin-top: 42px; } #content_greeting { margin-left: 80px; width: 723px; text-align: right; font-size:75%; line-height: 160%; color: #333333; } /*--------------- Recruit --------------*/ .recruit_td { padding-left: 10px; padding-right: 10px; padding-top: 10px; } .recruit_inner01 { width: 630px; margin-left: 30px; margin-top: 20px; padding-bottom: 20px; } .recruit_inner02 { width: 630px; margin-left: 30px; margin-top: 20px; } /*--------------- Access detail --------------*/ .access_detail_text { font-size:75%; line-height: 160%; color: #333333; padding: 5px 10px 20px 10px; }