#nodecontent { margin-top: 0px } #nodecontent h2 { color:#616161; padding:5px 10px; font-size: 1.3em; background-color:#e4e4e4; font-weight:bold; margin-bottom:15px; margin-right:0px } /*#nodecontent h3 { color:#464646; padding:5px; background-color:#e4e4e4; margin-bottom:10px; margin-right:0px; font-size: 1em; }*/ #nodecontent h4 { color:#a09364; padding:5px; padding-left:0px} h4.common-bgsection{background-color:#e4e4e4; color:#464646 !important; padding:5px !important} .section-apprendre h2{ /*background-color:#016EAD !important; color:#fff !important; padding-left: 13px;*/} .section-apprendre h3{ /*background-color:#44B8EA !important; color:#fff !important*/} .section-brasserie h3, .section-brasserie h2{background-color:#e68144 !important; color:#fff !important} .section-livres h3, .section-livres h2{background-color:#e7be2e !important; color:#fff !important} .apprendre-bgsection{ max-width: 660px; background-color:#44B8EA !important; color:#fff !important; padding-left:10px !important} .galerie-bgsection{background-color:#e68144 !important; color:#fff !important; padding-left:10px !important} .club-bgsection{background-color:#e4e4e4 !important; color:#464646 !important; padding-left:10px !important} .apropos-bgsection{background-color:#e4e4e4 !important; color:#464646 !important; padding-left:10px !important} .livres-bgsection{background-color:#e7be2e !important; color:#fff !important; padding-left:10px !important} p.errorMsg{background-color:#F19B9B; padding:8px; width:180px} p.successMsg{background-color:#CFC; padding:8px; width:180px} #nodecontent li{line-height:1.4; list-style-image:none; list-style-position:outside; list-style-type:disc; color:#727272; margin-bottom:10px; margin-left:15px} .sublist{padding-left:20px} .sublist li{list-style-type:circle !important} #nodecontent table{margin-bottom:10px} #nodecontent tbody{border-top:0px} #nodecontent th.label, #nodecontent td.label{background-color:#DCDCDC; vertical-align:bottom !important} #nodecontent td, #nodecontent th{margin:0; padding-right:5px; text-align:left} #nodecontent th{ font-weight:bold; vertical-align:top} #nodecontent p{margin:3px 10px 10px 0} .text_shaded{color:#999} .fees td, .fees th, .details td, .details th{border:1px solid #EFEFEF; line-height:1.2; padding-bottom:5px; padding-left:3px; padding-top:5px} .page_top_image{margin-bottom:25px} .page_top_image a{text-decoration:none} .page_top_image div{padding:10px; font-size:16px} .submenu{margin-bottom:20px; color:#727272} .submenu .active{color:#000} .two-col{display:inline; float:left; padding-bottom:10px; width:330px} .column-spacer{margin-left:0} /* .column-spacer{margin-left:20px} */ .row-spacer{margin-top:20px !important} .col231{display:inline; float:left; padding-bottom:12px; width:220px} .col231left{margin-right:5px} .float-image-left{float:left; margin-right:10px} .float-image-right{float:right; margin-left:10px} .col231right{float:right; padding-right:3px} .col431{display:inline; float:left; padding-bottom:12px; width:431px} .col500{display:inline; float:left; padding-bottom:12px; width:495px} .centercoltable{height:187px} .centercol{vertical-align:middle} h4.news, h4.hours, h4.common-bgsection{background-color:#e4e4e4; color:#464646 !important; padding:5px !important} h4.apprendre-news{background-color:#a9cbc3; color:#000 !important; padding:5px !important; margin-top:3px !important} table.hours{border-right:0px !important; border-top:0px !important; width:100%} table.hours th, table.hours td, table.hours tbody, table.hours_475 tbody{border:0px} table.hours_475 td, table.hours td{text-align:right !important} .hours_475 th, .hours_475 td{padding-bottom:5px; border-bottom:0px} table.hours_475{border-bottom:0 solid #E4E4E4; border-right:0px !important; border-top:0px !important; margin-bottom:30px; width:100%} table.hours th h5{font-weight:normal !important; margin-bottom:2px !important; margin-top:8px !important; text-transform:uppercase; text-decoration:underline} table.hours th .first{margin-top:0 !important} td.table_footer{font-size:10px; line-height:1.8; padding-top:10px; text-align:left !important} .first{margin-top:8px !important} .address dt, .contact dt{text-transform:uppercase} .contact dd a:link{text-decoration:none} .contact dd{font-weight:bold; padding-left:0 !important; line-height:.9em; padding-bottom:.8em} .address dt{margin-top:5px} .address dd{padding-left:0 !important} .illus_sm{width:170px} .illus_sm, .illus_long{display:inline; float:left; font-size:0.75em; line-height:1.4; margin-bottom:0.625em; margin-right:5px; padding:4px} .praise{ border:1px solid #BCE8F1; display:inline; float:left; margin-bottom:20px; padding:7px 7px 7px; background-color:#D9EDF7; } .praise img{float:left; margin-right:10px} .mailform{margin:15px 0; padding-bottom:10px} .form_item input{margin-right:5px} #profmenu{border-bottom:1px solid #C4C1B8; margin-bottom:10px; padding-bottom:33px} #profmenu li{background-image:none; float:left; padding:10px 0; list-style-type:none !important; margin-bottom:0px} #profmenu #plein{background-image:none; list-style-image:none; margin-right:0; padding-right:0} #profmenu #partiel{background-image:none; list-style-image:none; margin-left:0; padding-left:0; padding-right:270px} #profmenu li a{background-color:#EEE; border:1px solid #C4C1B8; margin:0; padding:6px 10px} #profmenu li a:hover{background-color:#FFF} #profmenu li a.selected{background-color:#FFF; border-bottom:2px solid #FFF} /*.teacher_block{border-bottom:1px solid #EFEFEF; display:inline; float:left; margin-bottom:15px; width:475px}*/ .teacher_block{border-top:1px solid #EFEFEF; display:block; margin-bottom:30px !important; clear:both;} /*.teacher_block_y{width:700px !important}*/ /*.teacher_block h4{line-height:1}*/ .teacher_block h4{ margin-top:8px !important; margin-bottom:2px !important;} /*.teacher_block img{display:inline; float:left; margin-bottom:15px; margin-right:15px; margin-top:0; width:57px}*/ .teacher_block img{float:left; margin-right:4px; margin-bottom:15px; width:57px} .netservicelogin h4{margin-top:0px !important} .netservicelogin{width:150px; float:right; margin-left:10px; margin-bottom:10px; margin-top:0px !important; padding-bottom:0} .netservicelogin input{width:130px; font-size:.9em} .netservicelogin label{float:none; display:block; width:auto; font-weight:bold; font-size:.8em; margin-bottom:3px} .netservicelogin select{font-size:.9em} .loginsubm{width:60px !important} .apprendre_headlines{border-bottom:solid 1px #E4E4E4; margin-bottom:25px} .apprendre_headlines h4{margin-bottom:10px; margin-top:3px} .numb_resultat{margin-bottom:40px} .searchresultstitle{font-weight:bold} .searchresults{margin-top:5px !important} .searchresults th{border-bottom:1px solid #DDD; border-top:1px solid #DDD} .searchresults td, .searchresults th{padding:0 6px !important} .searchresults .colclass{width:75px} .searchresults .coltext{width:65px} .searchresults .coldow{width:70px} .searchresults .colhours{width:120px} .searchresults .colteacher{width:175px} .searchresults .colweeks{width:60px} .searchresults .colprice{width:75px} .searchresults .colempty{width:80px} .famille_marque{color:#F00 !important} .explaination_block{float:right; width:230px; height:300px} ol li { list-style-type:decimal !important; text-align: justify !important; } .clear-both { clear: both; } /* added by ch 07/06/2013*/ .tokyo_apprendre li { display: inline; margin:0 10px 20px 0 !important;} * img.size-auto,img.size-full,img.size-large,img.size-medium,.attachment img { max-width: 100%; /* When images are too wide for containing element, force them to fit. */ height: auto; /* Override height to match resized width for correct aspect ratio. */ } .alignleft,img.alignleft { display: inline; float: left; margin-right: 24px; margin-top: 4px; } .alignright,img.alignright { display: inline; float: right; margin-left: 24px; margin-top: 4px; } .aligncenter,img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } img.alignleft,img.alignright,img.aligncenter { margin-bottom: 12px; } .wp-caption { background: #f1f1f1; line-height: 18px; margin-bottom: 20px; max-width: 632px !important; /* prevent too-wide images from breaking layout */ padding: 4px; text-align: center; } .wp-caption img { margin: 5px 5px 0; } .wp-caption p.wp-caption-text { color: #888; font-size: 12px; margin: 5px; } .wp-smiley { margin: 0; } .gallery { margin: 0 auto 18px; } .gallery .gallery-item { float: left; margin-top: 0; text-align: center; width: 33%; } .gallery-columns-2 .gallery-item { width: 50%; } .gallery-columns-4 .gallery-item { width: 25%; } .gallery img { border: 2px solid #cfcfcf; } .gallery-columns-2 .attachment-medium { max-width: 92%; height: auto; } .gallery-columns-4 .attachment-thumbnail { max-width: 84%; height: auto; } .gallery .gallery-caption { color: #888; font-size: 12px; margin: 0 0 12px; } .gallery dl { margin: 0; } .gallery img { border: 10px solid #f1f1f1; } .gallery br+br { display: none; } #content .attachment img {/* single attachment images should be centered */ display: block; margin: 0 auto; } /* enfrance */ /* Layout and Positioning ================================================================================================= */ /* #contents ul, #contents li, #contents p, #contents h3, #contents h4 { margin: 0; padding: 0; } #contents li { background: none; } */ #nodecontent li { list-style: none; } #nodecontent h3 { padding: 0px; } #noCookiesError { width: 650px; margin: 0px 0px 10px 15px; padding: 10px; background-color: #F0F87E; border: 2px solid #E4F149; } h3#top { margin: 12px 0px 13px 0px; padding: 3px 5px 10px 5px; } h3#topHeader { width: 700px; height: 40px; margin: 12px 0px 0px 0px; background: #cbe4fd url(http://www.institutfrancais.jp/enfrance/innerpage_topheader.gif) no-repeat top left; } span.gakko { display: inline; float: left; margin: 10px 0px 0px 22px; } span.headerTxt { display: inline; float: left; margin: 10px 0px 0px 20px; } h3.schoolHeader span.headerTxt { margin: 10px 0px 0px 10px;} span.schoolLogo { display: inline; float: left; margin: 0px 0px 0px 10px; } a.printIcon { display: inline; float: right; width: 14px; height: 14px; margin: 12px 15px 0px 0px; outline: none; background: transparent url(http://www.institutfrancais.jp/enfrance/img/elts/icon_print.png) no-repeat top left; text-indent: -4000px; } #toolbar { display: inline; float: left; width: 700px; margin: 10px 0px 6px 0px; } #toolbar li { background: none; } #jump li, #help li { display: inline; } #jump { width: 466px; float: left; display: inline; } .etapes #jump { width: 525px; } #help { width: 234px; float: left; display: inline; text-align: right;} .etapes #help { width: 175px; } /* Search Page */ #interactiveArea{ float: left; width: 700px; height: 290px; background: #ebf4fe url(http://www.institutfrancais.jp/enfrance/bg_search_icons.gif) repeat-x top left; } #interactiveArea ul {margin: 0;} #step1 { display: inline; float: left; width: 320px; height: 40px; background: url(http://www.institutfrancais.jp/enfrance/search_step_1.gif) no-repeat top left; } #finished { display: inline; float: left; width: 700px; height: 64px; background: url(http://www.institutfrancais.jp/enfrance/h4_thankyou.png) no-repeat top left; text-indent: -4000px;} #stepsIndicator { display: inline; float: right; width: 361px; height: 29px; margin: 6px 5px 0px 0px; background: url(http://www.institutfrancais.jp/enfrance/search_step_2_3.gif) no-repeat top left; } #stepsIndicator.showStep2And3 { background-position: bottom left; } #stepsIndicator a#showNextSteps { display: none; outline: none; width: 361px; height: 29px; } #step1Exp { display: inline; float: left; width: 500px; height: 24px; background: url(http://www.institutfrancais.jp/enfrance/search_step_1_exp.gif) no-repeat top left; } #searchMap { float: right; margin: 10px 0px 0px 0px; } #searchMap ul#franceMap { list-style-type: none; position: relative; width: 141px; height: 205px; background: url(http://www.institutfrancais.jp/enfrance/map_large.gif) no-repeat 0px 0px; } #searchMap li.location { z-index: 10; position: absolute; list-style: none; margin-left:0px !important; margin-bottom: 0px !important; } #searchMap li.location a { display: block; width: 8px; height: 8px; outline: none; background: transparent url(http://www.institutfrancais.jp/enfrance/map_markers.gif) no-repeat -24px 0px; } #searchMap li.location a:hover { background-position: -8px 0px; } #searchMap li.location a.selected { background-position: 0px 0px; } #searchMap li.location span { display: block; width: 8px; height: 8px; background: transparent url(http://www.institutfrancais.jp/enfrance/map_markers.gif) no-repeat -16px 0px; } #searchButtons { display: inline; float: left; width: 559px; height: 190px; margin: 25px 0px 0px 0px; overflow: hidden; } #searchButtons h4 { display: block; float: left; height: 12px; margin: 0px 0px 4px 0px; overflow: hidden; background-image: url(http://www.institutfrancais.jp/enfrance/button_group_labels.gif); background-repeat: no-repeat; } #searchButtons ul { display: inline; float: left; } #searchButtons li { display: inline; float: left; height: 70px; margin: 0px 7px 0px 0px; padding: 0; } #searchButtons li.lastRightButton { margin: 0; } #searchButtons li a { background-image: url(http://www.institutfrancais.jp/enfrance/search-buttons.gif); background-repeat: no-repeat; overflow: hidden; width: 45px; } #searchButtons li a { line-height: 45px; padding-top: 45px; height: 0px !important; height /**/: 45px; display: block; overflow: hidden; outline: none; } #searchButtons li span { background-image: url(http://www.institutfrancais.jp/enfrance/button_labels.gif); background-repeat: no-repeat; } #searchButtons li span { display: block; width: 45px; height: 21px; margin: 3px 0px 0px 0px; } #chooseIntensity, #chooseStart, #chooseRegion, #chooseDuration, #chooseClassSize, #chooseIsolationLevel { display: inline; float: left; background-image: url(http://www.institutfrancais.jp/enfrance/button_group_divider.gif); background-repeat: no-repeat; } #chooseIntensity { width: 162px; margin: 0px 0px 0px 10px; background-position: 149px 18px; } #chooseIntensity h4 { width: 162px; background-position: 0px 0px; } #chooseStart { width: 214px; margin: 0px 0px 0px 12px; background-position: 201px 18px; } #chooseStart h4 { width: 214px; background-position: 0px -12px; } #chooseDuration { width: 149px; margin: 0px 0px 0px 12px; background-position: 300px 300px; } #chooseDuration h4 { width: 149px; background-position: 0px -24px; } #chooseRegion { width: 162px; margin: 0px 0px 0px 10px; background-position: 149px 18px; } #chooseRegion h4 { width: 162px; background-position: 0px -36px; } #chooseClassSize { width: 110px; margin: 0px 0px 0px 12px; background-position: 97px 18px; } #chooseClassSize h4 { width: 110px; background-position: 0px -48px; } #chooseIsolationLevel { width: 149px; margin: 0px 0px 0px 12px; background-position: 300px 300px; } #chooseIsolationLevel h4 { width: 149px; background-position: 0px -60px; } #resetButton { display: inline; float: left; margin: 30px 0px 0px 18px; } #resetButton a { float: left; display: block; width: 70px; height: 20px; outline: none; background: url(http://www.institutfrancais.jp/enfrance/button_reset.gif) no-repeat top left; } #resetButton a:hover { background: url(http://www.institutfrancais.jp/enfrance/button_reset.gif) no-repeat top right; } #searchResultsBlock { float: left; width: 700px; } #resultsHeader { float: left; width: 700px; height: 40px; background: url(http://www.institutfrancais.jp/enfrance/bg_search_results.gif) no-repeat top left; } #loadingIndicator { display: inline; float: left; width: 95px; height: 13px; margin: 13px 0px 0px 25px; text-indent: -4000px; } .initial { background-image: none !important; width: 0px !important; margin: 0px 0px 0px 12px !important; } .static { background: url(http://www.institutfrancais.jp/enfrance/search_static.gif) no-repeat top left !important; } .animation { background: url(http://www.institutfrancais.jp/enfrance/search_animation.gif) no-repeat top left !important; } #searchResultNumbers { display: inline; float: left; width: 200px; margin: 11px 0px 0px 8px; } #resultsHelp { display: inline; float: right; margin: 5px 6px 0px 0px; } #resultsHelp ul { list-style-type: none; } #resultsHelp li#savedList { margin: 0; padding: 0px 0px 0px 20px; background: url(http://www.institutfrancais.jp/enfrance/icon_list.gif) no-repeat 5px 2px; } #resultsHelp li#guidance { margin: 0; padding: 0px 0px 0px 20px; background: url(http://www.institutfrancais.jp/enfrance/icon_email.gif) no-repeat 0px 2px; } #searchResults { float: left; width: 700px; } #searchResults p { margin: 0px 0px 20px 0px; } .schoolResult { float: left; width: 700px; background: #e9f4ff url(http://www.institutfrancais.jp/enfrance/bg_gradient.gif) repeat-x top left; } .schoolPrevImage { display: inline; float: left; width: 100px; margin: 20px 15px 0px 15px; } .schoolPrevImage img { margin: 0px 0px 20px 0px; } .schoolIntro { display: inline; float: left; width: 500px; margin: 20px 0px 0px 0px; } .schoolInfoBlock { display: inline; float: left; width: 319px; margin: 18px 0px 35px 14px; } #searchResults .schoolInfoBlock h4 { margin: 0px 0px 12px 0px; } .schoolInfoBlock img { display: inline; float: left; margin: 3px 8px 1px 0px; } p#addInstructions { float: right; width: 336px; height: 22px; margin: 18px 14px 5px 0px; background: transparent url(http://www.institutfrancais.jp/enfrance/add_button_label.gif) no-repeat top right; } .schoolCourses { float: right; width: 350px; margin: 0px 0px 35px 0px; border-top: 1px solid #d0e7fd; } .courseInfoBlock { float: left; width: 347px; background-color: #f6fbff; border-bottom: 1px solid #d0e7fd; } .courseInfoBlock ul { float: left; list-style-type: none; } .courseDetails { display: inline; float: left; width: 280px; margin: 5px 0px 0px 5px; } #contents .courseDetails a { float: left; width: 265px; } #contents .courseDetails ul { margin: 6px 0px 0px 0px; } #coursesList .courseDetails { width: 290px; } #searchResults .courseDetails li, #coursesList .courseDetails li { float: left; margin: 0px 10px 0px 0px; padding: 0px 0px 6px 0px; background: none; } a.cartButton { display: block; float: right; outline: none; width: 46px; height: 23px; margin: 8px 13px 0px 0px; background: #f5fafe url(http://www.institutfrancais.jp/enfrance/button_add_sm.gif); } a.add { background-position: 0px 0px; } a.add:hover { background-position: -46px 0px; } a.add.clicked:hover { background-position: 0px 0px; } a.remove { background-position: -92px 0px; } a.remove:hover { background-position: -138px 0px; } a.remove.clicked:hover { background-position: -92px 0px; } p#zeroResults { padding: 20px 15px 200px 15px; background-color: #e9f4ff } #nextSteps { float: left; width: 695px; padding: 4px 0px 4px 5px; background-color: #f4f4f4; border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; } #nextSteps a { margin: 0px 0px 0px 8px; } /* Search Map Points (location areas rather than individual cities) */ #searchMap ul#franceMap li#location-1 { left: 77px; top: 36px; } /* Paris */ #searchMap ul#franceMap li#location-2 { left: 86px; top: 71px; } /* Vichy */ #searchMap ul#franceMap li#location-3 { left: 49px; top: 53px; } /* Angers */ #searchMap ul#franceMap li#location-4 { left: 125px; top: 108px; } /* Nnce + Antibes */ #searchMap ul#franceMap li#location-5 { left: 99px; top: 178px; } /* Nouméa */ #searchMap ul#franceMap li#location-6 { left: 115px; top: 52px; } /* Besançon */ #searchMap ul#franceMap li#location-7 { left: 64px; top: 53px; } /* Tours */ #searchMap ul#franceMap li#location-8 { left: 50px; top: 30px; } /* Caen */ #searchMap ul#franceMap li#location-9 { left: 88px; top: 112px; } /* Montpellier */ #searchMap ul#franceMap li#location-10 { left: 10px; top: 40px; } /* Brest */ #searchMap ul#franceMap li#location-11 { left: 45px; top: 92px; } /* Bordeaux */ #searchMap ul#franceMap li#location-12 { left: 100px; top: 92px; } /* Lyon */ /* added by chikara 101014 */ #searchMap ul#franceMap li#location-13 { left: 110px; top: 77px; } /* AnnecyLeVieux */ /* Main Search Buttons */ #searchButtons span { text-indent: -4000px; } #pace-slow, #pace-slow a { background-position: 0px 0px; } #pace-slow a:hover { background-position: -90px 0px; } #pace-slow.on, #pace-slow.on a, #pace-slow.on a:hover { background-position: -45px 0px; } #pace-slow span { background-position: 0px 0px; } #pace-medium, #pace-medium a { background-position: 0px -45px; } #pace-medium a:hover { background-position: -90px -45px; } #pace-medium.on, #pace-medium.on a, #pace-medium.on a:hover { background-position: -45px -45px; } #pace-medium span { background-position: 0px -21px; } #pace-fast, #pace-fast a { background-position: 0px -90px; } #pace-fast a:hover { background-position: -90px -90px; } #pace-fast.on, #pace-fast.on a, #pace-fast.on a:hover { background-position: -45px -90px; } #pace-fast span { background-position: 0px -42px; } #season-spring, #season-spring a { background-position: 0px -135px; } #season-spring a:hover { background-position: -90px -135px; } #season-spring.on, #season-spring.on a, #season-spring.on a:hover { background-position: -45px -135px; } #season-spring span { background-position: 0px -63px; } #season-summer, #season-summer a { background-position: 0px -180px; } #season-summer a:hover { background-position: -90px -180px; } #season-summer.on, #season-summer.on a, #season-summer.on a:hover { background-position: -45px -180px; } #season-summer span { background-position: 0px -84px; } #season-fall, #season-fall a { background-position: 0px -225px;} #season-fall a:hover { background-position: -90px -225px;} #season-fall.on, #season-fall.on a, #season-fall.on a:hover { background-position: -45px -225px; } #season-fall span { background-position: 0px -105px; } #season-winter, #season-winter a { background-position: 0px -270px; } #season-winter a:hover { background-position: -90px -270px; } #season-winter.on, #season-winter.on a, #season-winter.on a:hover { background-position: -45px -270px; } #season-winter span { background-position: 0px -126px; } #length-short, #length-short a { background-position: 0px -315px; } #length-short a:hover { background-position: -90px -315px; } #length-short.on, #length-short.on a, #length-short.on a:hover { background-position: -45px -315px; } #length-short span { background-position: 0px -147px; } #length-medium, #length-medium a { background-position: 0px -360px; } #length-medium a:hover { background-position: -90px -360px; } #length-medium.on, #length-medium.on a, #length-medium.on a:hover { background-position: -45px -360px; } #length-medium span { background-position: 0px -168px; } #length-long, #length-long a { background-position: 0px -405px; } #length-long a:hover { background-position: -90px -405px; } #length-long.on, #length-long.on a, #length-long.on a:hover { background-position: -45px -405px; } #length-long span { background-position: 0px -189px; } #area-city, #area-city a { background-position: 0px -450px; } #area-city a:hover { background-position: -90px -450px; } #area-city.on, #area-city.on a, #area-city.on a:hover { background-position: -45px -450px; } #area-city span { background-position: 0px -210px; } #area-country, #area-country a { background-position: 0px -495px;} #area-country a:hover { background-position: -90px -495px;} #area-country.on, #area-country.on a, #area-country.on a:hover { background-position: -45px -495px; } #area-country span { background-position: 0px -231px; } #area-sea, #area-sea a { background-position: 0px -540px; } #area-sea a:hover { background-position: -90px -540px; } #area-sea.on, #area-sea.on a, #area-sea.on a:hover { background-position: -45px -540px } #area-sea span { background-position: 0px -252px; } #size-small, #size-small a { background-position: 0px -585px; } #size-small a:hover { background-position: -90px -585px; } #size-small.on, #size-small.on a, #size-small.on a:hover { background-position: -45px -585px; } #size-small span { background-position: 0px -273px; } #size-large, #size-large a { background-position: 0px -630px; } #size-large a:hover { background-position: -90px -630px; } #size-large.on, #size-large.on a, #size-large.on a:hover { background-position: -45px -630px; } #size-large span { background-position: 0px -294px; } #other-staff, #other-staff a { background-position: 0px -675px; } #other-staff a:hover { background-position: -90px -675px; } #other-staff.on, #other-staff.on a, #other-staff.on a:hover { background-position: -45px -675px; } #other-staff span { background-position: 0px -315px; } #other-class, #other-class a { background-position: 0px -720px; } #other-class a:hover { background-position: -90px -720px; } #other-class.on, #other-class.on a, #other-class.on a:hover { background-position: -45px -720px; } #other-class span { background-position: 0px -336px; } #other-jp, #other-jp a { background-position: 0px -765px; } #other-jp a:hover { background-position: -90px -765px; } #other-jp.on, #other-jp.on a, #other-jp.on a:hover { background-position: -45px -765px; } #other-jp span { background-position: 0px -357px; } /* Individual School Page */ #schoolInfo { display: inline; float: left; width: 475px; margin: 10px 25px 0px 0px; } #schoolIntro { float: left; width: 475px; padding: 8px 0px 0px 0px; border-top: 1px solid #ebebeb; background-color: #fafafa; } #schoolIntro p { padding: 0px 6px 0px 6px; } #mainPoints { width: 462px; margin: 8px 0px 20px 0px; background: transparent url(http://www.institutfrancais.jp/enfrance/bg_three_points_top.gif) no-repeat top left; } #mainPoints p { text-indent: -4000px; } #mainPoints ul { width: 462px; margin: 2px 0px 0px 0px; padding: 0px 0px 10px 0px; background: transparent url(http://www.institutfrancais.jp/enfrance/bg_three_points_bottom.gif) no-repeat bottom left; } #mainPoints li { width: 335px; margin: 0px 0px 10px 100px; padding: 0px 0px 0px 15px; background: transparent url(http://www.institutfrancais.jp/enfrance/bullet_3points.gif) no-repeat 0px 5px; } #mainPoints li.lastPoint { margin: 0px 0px 0px 100px; } #schoolData { float: left; width: 475px; background-color: #fafafa; border-bottom: 1px solid #ebebeb; } #schoolData h3 { margin: 0px 0px 8px 0px; padding: 5px 0px 5px 8px; border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; background: none; } #schoolData p { margin: 0px 0px 8px 0px; padding: 0px 0px 0px 10px; background: url(http://www.institutfrancais.jp/enfrance/small_bullet.gif) 1px .3em no-repeat; } #schoolData ul { margin: 0px 0px 8px 0px; } #schoolData li { margin: 0; padding: 0px 0px 0px 10px; list-style: none; background: url(http://www.institutfrancais.jp/enfrance/small_bullet.gif) 1px .3em no-repeat; } #courses { float: left; width: 475px; margin: 20px 0px 0px 0px; background-color: #F6FBFF; } #coursesHeader { float: left; width: 475px; height: 40px; background: url(http://www.institutfrancais.jp/enfrance/bg_class_list.gif) no-repeat top left; } #coursesHeader h3 { float: left; width: 80px; margin: 12px 0px 0px 25px; background: none; } #courses p#addInstructions { display: inline; width: 465px; height: 10px; margin: 7px 6px 4px 0px; background-image: url(http://www.institutfrancais.jp/enfrance/school_button_column_label.gif); } #coursesList { float: left; width: 475px; border-top: 1px solid #d0e7fd; } #coursesList .courseInfoBlock { width: 475px; } .inSearchResults { margin-left: 0px; padding: 0px 0px 0px 20px; background: url(http://www.institutfrancais.jp/enfrance/arrow-selected.png) no-repeat 3px 10px; } .notInSearchResults { margin-left: 0px; padding: 0px 0px 0px 20px; } #courses p#returnToSearch { width: 469px; } #qualifications { float: left; width: 475px; margin: 0px 0px 20px 0px; padding: 8px 0px 0px 0px; border-bottom: 1px solid #ebebeb; background-color: #fafafa; } #qualifications h4 { display: inline; float: left; width: 400px; margin: 0px 0px 6px 6px; } #qualifications ul { display: inline; float: left; width: 400px; margin: 0px 0px 0px 6px; padding: 0px 0px 10px 0px; } #qualifications ul li { float: left; margin: 0px 20px 0px 0px; padding: 0px 0px 0px 20px; background-image: url(http://www.institutfrancais.jp/enfrance/qualif_yesno.gif); background-repeat: no-repeat; } #qualifications ul li.available { background-position: 0px 1px; line-height: 1.2; } #qualifications ul li.notavailable { background-position: 0px -15px; } #accommodations { display: inline; float: left; width: 475px; background-color: #fafafa; border-bottom: 1px solid #eeeeee; } #accommodations h3 { margin: 0px 0px 10px 0px; padding: 6px 0px 6px 4px; background-image: none; background-color: #f4f4f4; border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; } #accommodations h4 { display: inline; float: left; width: 470px; margin: 0px 0px 5px 4px; } .housingOption { display: inline; float: left; margin: 0px 0px 15px 0px; } .housingDesc { display: inline; float: left; width: 340px; margin: 0px 0px 0px 4px; } .housingDesc p { margin: 0; } .housingImage { display: inline; float: right; width: 100px; margin: 4px 8px 0px 8px; } #accommodations p.housingDescTxt { margin: 0px 0px 8px 0px; } #sidebar2 { float: left; width: 200px; margin: 10px 0px 0px 0px; } #slideshow { width: 198px; height: 165px; border: 1px solid #e3e3e3; margin: 0px 0px 15px 0px; } #slideImage { width: 188px; height: 143px; margin: 5px 5px 0px 5px; } #slideButtons { display: inline; float: right; margin: 0px 2px 0px 0px; } #slideButtons p { white-space:nowrap; display: inline; float: left; width: 52px; margin: 0px 30px 0px 0px; } #slideButtons ul { float: left; margin: 3px 0px 0px 0px; } #slideButtons li { display: inline; float: left; margin: 0px 4px 0px 0px; line-height: 0; } #slideButtons li a { display: block; width: 9px; height: 9px; text-indent: -4000px; outline: none; background: url(http://www.institutfrancais.jp/enfrance/button_photo_slideshow.gif) no-repeat center left; } #slideButtons li a:hover { background-position: center right; } #slideButtons li.selected a { background-position: center right; } #cityInfo { width: 190px; margin: 0px 0px 14px 0px; padding: 5px; background-color: #dfeffe; } #cityInfo img { display: inline; float: right; margin: 0px 4px 0px 0px; } #schoolContact { width: 200px; border-bottom: 3px solid #e3e3e3; } #schoolContact h3 { margin: 0px 0px 10px 0px; padding: 2px 0px; background: none; border-top: 3px solid #e3e3e3; border-bottom: 3px solid #e3e3e3; } #schoolContact p { margin: 0px 0px 10px 0px; } /* Individual Course Page */ #courseInfo { display: inline; float: left; width: 475px; margin: 0px 25px 0px 0px; } #courseIntro { float: left; width: 475px; margin: 10px 0px 10px 0px; } #priceInfo { float: left; width: 475px; border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; background-color: #fafafa; } #basePrice { display: inline; float: left; width: 220px; margin: 8px 0px 8px 6px; } #repetitionPrices { display: inline; float: left; width: 220px; margin: 8px 0px 8px 15px; } #courseData { float: left; width: 475px; border-bottom: 1px solid #ebebeb; background-color: #fafafa; } .column1 { display: inline; float: left; width: 220px; margin: 8px 0px 8px 6px; } #courseData p#scheduleTxt { margin: 0; } .column2 { display: inline; float: left; width: 220px; margin: 8px 0px 8px 15px; } #courseData h4 { margin: 0px 0px 5px 0px; padding: 0; } #courseData p { margin: 0px 0px 16px 0px; padding: 0px 0px 0px 10px; background: url(http://www.institutfrancais.jp/enfrance/small_bullet.gif) 1px .3em no-repeat; } #courseData ul { margin: 0px 0px 16px 0px; } #courseData li { margin: 0; padding: 0px 0px 0px 10px; list-style: none; background: url(http://www.institutfrancais.jp/enfrance/small_bullet.gif) 1px .3em no-repeat; } #otherLinks { float: left; width: 475px; margin: 8px 0px 0px 0px; } #sidebar2.coursSideBar #slideImage { margin: 0px 5px 6px 5px; } #sidebar2.coursSideBar #resultsHelp { float: left; width: 200px; height: 36px; margin: 0; background-color: #dfeffe; } #sidebar2.coursSideBar #resultsHelp ul { margin: 3px 0px 0px 5px; } #addCourse { float: left; width: 200px; height: 62px; margin: 0px 0px 19px 0px; background-color: #f5faff; border-top: 1px solid #cce2fb; border-bottom: 1px solid #cce2fb; } #addCourse a { display: inline; display: block; width: 147px; height: 33px; margin: 13px 0px 0px 30px; outline: none; background: transparent url(http://www.institutfrancais.jp/enfrance/button_add_big.gif); text-indent: -4000px; } #addCourse a.add { background-position: 0px 0px; } #addCourse a.add:hover { background-position: -147px 0px; } #addCourse a.clicked.add:hover { background-position: 0px 0px; } #addCourse a.remove { background-position: -294px 0px; } #addCourse a.remove:hover { background-position: -441px 0px; } #addCourse a.clicked.remove:hover { background-position: -294px 0px; } #schoolDetails { float: left; width: 200px; border-bottom: 3px solid #e3e3e3; } #schoolDetails h3 { margin: 0px 0px 10px 0px; padding: 2px 0px; background: none; border-top: 3px solid #e3e3e3; border-bottom: 3px solid #e3e3e3; } #schoolDetails h4 { margin: 0px 5px 0px 5px; } #schoolDetails p { margin: 0px 5px 10px 5px; } /* Checkout Page */ h4#step2 { display: block; float: left; width: 700px; height: 65px; margin: 4px 0px 0px 0px; padding: 0; background-image: url(http://www.institutfrancais.jp/enfrance/h4_no_courses_added.gif); background-repeat: no-repeat; background-position: top left; } .overFiveSaved { background-image: url(http://www.institutfrancais.jp/enfrance/checkout_step_2_3.gif) !important; } .oneToFiveSaved { background-image: url(http://www.institutfrancais.jp/enfrance/h4_confirm_courses.gif) !important; } .zeroSaved { background-image: url(http://www.institutfrancais.jp/enfrance/h4_no_courses_added.gif) !important; } #courseSelectionBlock { float: left; width: 700px; background: #e9f4ff; } p#scText { margin: 15px 10px 0px 20px; } p#scText span#toBeRemoved { margin: 0px 0px 0px 210px; } #savedCourses { display: inline; float: left; width: 475px; border-top: 1px solid #d0e7fd; } .noCourses { width: 450px; margin: 10px 0px 0px 20px; border: none; } #savedCourses .courseInfoBlock { display: inline; float: left; width: 475px; margin: 0px -3px 0px 0px; } a.deleteButton { float: right; display: block; outline: none; width: 46px; height: 23px; margin: 8px 10px 0px 0px; background: url(http://www.institutfrancais.jp/enfrance/button-add-sm.gif) no-repeat -138px 0px; } #savedCourses .courseDetails { margin: 8px 0px 0px 20px; width: 300px; } #savedCourses .courseDetails p { float: left; width: 280px; } #savedCourses .courseDetails h4 { float: left; width: 280px; } #savedCourses .courseInfoBlock ul { float: left; list-style-type: none; margin: 0; } #savedCourses .courseInfoBlock li { float: left; margin: 0px 10px 0px 0px; padding: 0px 0px 8px 0px; background: none; } #instructions { float: right; width: 200px; margin: 0; } #instructions p { margin: 0; padding: 0px 0px 10px 0px; } #deletedCourses { float: left; width: 475px; margin: 10px 0px 10px 20px; } .deletedCourse { height: 14px; margin: 0px 0px 8px 0px; } .deletedCourse img { vertical-align: middle; padding: 0px 2px 3px 0px; } p#returnToSearch { float: left; width: 694px; margin: 0px 0px 0px 0px; padding: 2px 0px 2px 6px; background-color: #f4f4f4; border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; } #contact { float: left; width: 700px; margin: 35px 0px 0px 0px; background: #e9f4ff; } h4#step3 { float: left; width: 700px; height: 87px; margin: 0; padding: 0; background: #cbe4fd url(http://www.institutfrancais.jp/enfrance/checkout_step_2_3.gif) no-repeat bottom left; } #errorBox { float: left; width: 660px; margin: 10px 0px 0px 10px; padding: 5px; border: 1px solid #ff0000; background-color: #fddfdf; } #contact #errorBox p { margin: 0; padding: 0; } #contact form { display: inline; float: left; width: 390px; margin: 20px 0px 0px 10px; } #contact p { display: inline; float: left; margin: 0px 12px 25px 0px; padding: 0; } #contact .errorField { background-color: #fddfdf; } p#pickTime { display: inline; float: left; width: 380px; margin: 0; padding: 0; } #contact table { float: left; width: 330px /* オリジナルの値は310px */; border: none; } .availHead { padding: 0px 3px 0px 3px; background: #e9f4ff; border-bottom: 1px solid #d0e7fd; text-align: center; } .availCell { padding: 4px 12px; background-color: #f6fbff; border-bottom: 1px solid #d0e7fd; text-align: center; } .timeLabelCell { padding: 4px 6px; background-color: #f6fbff; border-bottom: 1px solid #d0e7fd; text-align: left; } p#submitContactForm { width: 650px; margin: 20px 0px 20px 0px; } input#submitButton { width: 130px; } /* Thank You Page */ p#printInstructions { margin: 0px 0px 0px 0px; } .clearBoth { clear: both; } /* Typography ================================================================================================= */ span.headerTxt { line-height: 1; } /* Search Page */ #noCookiesError { line-height: 20px; } #pickOptions ul li a { text-decoration: none; text-align: center; } #schoolContact h3, #schoolDetails h3 { text-align: center; line-height: 1.4em; font-weight: normal; color: #424242; } #step1, #stepsIndicator, #step1Exp, #searchMap li.location a, #searchMap li.location span, #searchButtons h4, #resetButton a, a.cartButton { text-indent: -4000px; } #resultsHelp li { } #searchResults h4 a { text-decoration: none; } #searchResultNumbers { line-height: 1; } .courseDetails li { color: #000000; } p#zeroResults { } p#addInstructions { text-indent: -4000px; } #nextSteps { color: #000000; } /* Individual Course Page */ #basePrice span.oneWeek { font-weight: normal; } /* Individual School Page */ #schoolData h3 { color: #000000 !important; } #qualifications ul li { color: #000000; } #coursesHeader h3 { line-height: 1; color: #000000; } #slideshow p { } #accommodations h3 { color: #000; } p.housingPrice span { color: #7d7d7d; font-weight: bold; } /* Checkout Page */ h3#topHeader { color: #2c2d2e; } span.gakko { font-weight: normal; } h4#step2 { text-indent: -4000px; } h4#step3 { text-indent: -4000px; } #basePrice p.basePrice { color: #000000; } #savedCourses .courseInfoBlock li { color: #000000; } a.deleteButton { text-indent: -4000px; } #deletedCourses .deletedCourse { } #availabilityTable th, #availabilityTable td, p#formWarning { color: #2c2d2e; } label { color: #6d6f72; font-weight: bold; vertical-align: top; } /* Layout and Positioning ================================================================================================= */ /* #contents ul, #contents li, #contents p, #contents h4 { margin: 0; padding: 0;} */ #contents p { text-align: justify; text-justify:inter-ideograph;} #toolbar {width:700px; margin-bottom:6px; display:inline; float:left;} h3#top { padding: 3px 5px 10px 5px; } #forTheOldies { display: inline; float: left; width: 700px; height: 425px; overflow: hidden; } #campaigns, #choose-class, #choose-room, #get-visa, #buy-ticket { float:left; display:inline; overflow:hidden;} #choose-room, #get-visa, #buy-ticket {background: #e9f4ff url(http://www.institutfrancais.jp/enfrance/three-steps.png) 0px 19px no-repeat; margin-bottom: 0px;} #choose-class { width: 466px; background: #ebf4fe url(http://www.institutfrancais.jp/enfrance/bg_gradient.gif) 0px 64px repeat-x; } #four-steps { width: 700px; display: inline; float:left; background: #ebf4fe; } #campaigns { width: 234px; height: /* 425 par chikara110526 */550px; background: transparent url(http://www.institutfrancais.jp/enfrance/bg_campaign.png) repeat-y 0px 45px; } #campaigns ul { width: 185px; margin: 0px 0px 8px 20px; } #campaigns li { margin: 0; padding: 0px 0px 0px 10px; list-style: none; background: url(http://www.institutfrancais.jp/enfrance/small_bullet.gif) 1px .3em no-repeat; } h4#campaignsTitle { display: block; width: 234px; height: 82px; overflow: hidden; margin-bottom: 7px; padding-bottom: 0; background: #fff url(http://www.institutfrancais.jp/enfrance/h4_campaign.gif) 0px 15px no-repeat !important; } #catalogPreview { display: inline; float: left; width: 209px; margin: 0px 0px 0px 13px; padding: 9px 0px 9px 0px; border-top: 1px solid #ddeaf8; border-bottom: 1px solid #ddeaf8; } #catThumb { display: inline; float: left; width: 42px; margin: 0px 0px 0px 20px; } #catDescription { display: inline; float: left; width: 135px; } #campaigns #catDescription h5, #campaigns #catDescription p { margin: 0; color:#3A9BEE;} #choose-room { width:234px; clear:left;} #get-visa { width:234px;} #buy-ticket { width:232px;} #promo-area h5, #campaigns h5, #choose-class h5, #choose-room h5, #get-visa h5, #buy-ticket h5 { color: #398ea0; margin-top: 6px; padding-top: 0; margin-left: 12px; margin-right: 12px; } #campaigns h5 { margin-top: 0; } #promo-area p, #campaigns p, #choose-class p, #choose-room p, #get-visa p, #buy-ticket p { margin-left: 12px; margin-right: 12px; margin-bottom: 12px; } #campaigns h5, #campaigns p { margin: 0px 18px 2px 18px; margin-left: 18px; margin-right: 18px; } /* Promo Area */ #promo-area { width: 700px; display: inline; float:left; clear:both; height: 203px; overflow: hidden; margin-bottom: 8px; border-top: 1px solid #ade3ff;border-bottom: 1px solid #ade3ff; background: #91dbfe url(http://www.institutfrancais.jp/enfrance/bg_header_left.jpg) left top no-repeat !important; } #promo-area h4 { padding:0px !important; display: block; width: 355px; height: 61px; margin: 12px 0px 8px 16px !important; overflow: hidden; background: transparent url(http://www.institutfrancais.jp/enfrance/h4_promo-area.gif) left top no-repeat !important; } #promo-area h5, #promo-area p { margin-left: 20px; } #promo-content { float: left; display: inline; width: 371px; } #header-collage { display: inline; float: left; width: 329px; height: 203px; background: #91dbfe; } /* Memo */ #choose-room h4, #get-visa h4, #buy-ticket h4 { display: block; height: 89px; margin-bottom: 0; padding-bottom: 0; overflow: hidden; } #choose-room h4 a, #get-visa h4 a, #buy-ticket h4 a { display: block; width: 233px; height: 89px; margin-bottom: 0; padding-bottom:0; overflow: hidden; } #choose-room h4 { width: 233px;background: #ebf4fe url(http://www.institutfrancais.jp/enfrance/h4_room.gif) left top no-repeat !important; } #get-visa h4 { width: 233px; background: #ebf4fe url(http://www.institutfrancais.jp/enfrance/h4_visa.gif) left top no-repeat !important; } #buy-ticket h4 { width: 233px; background: #ebf4fe url(http://www.institutfrancais.jp/enfrance/h4_ticket.gif) left top no-repeat !important; } /* Choose Class */ #choose-class h4 { display: block; width: 466px; height: 76px; overflow: hidden; margin-bottom: 6px; padding-bottom: 0; background: #ebf4fe url(http://www.institutfrancais.jp/enfrance/h4_course.gif) left top no-repeat !important; } #choose-class h4 a { display: block; width: 466px; height: 76px; overflow: hidden; } #choose-class h5 { display: inline; float: left; width: 234px; margin-left:40px; margin-right:0; margin-bottom: 16px; } #choose-class p { clear: left; } #choose-class #search-courses { display: inline; float: left; width: 158px; height:47px; margin-top: 0px; margin-left:10px; } #choose-class #search-courses a { display: block; width: 158px; height: 47px; overflow: hidden; background: transparent url(http://www.institutfrancais.jp/enfrance/button_search.gif) left top no-repeat; } /* Typography ================================================================================================= */ #promo-area h5, #campaigns h5, #choose-class h5, #choose-room h5, #get-visa h5, #buy-ticket h5 { color: #398ea0; } #catalogPreview h5 { line-height: 1.2;} #promo-area h4 { text-indent: -5000px; } /* Memo */ #campaigns h4, #choose-room h4 a, #get-visa h4 a, #buy-ticket h4 a { text-indent: -5000px; } /* Choose Class */ #choose-class h4 a { text-indent: -5000px; } #choose-class #search-courses a { text-indent: -5000px; } /* TIMELINE ================================================================================================= */ .etapes #help {width:125px;} .etapes #jump {width:575px;} #timeline-content { width:700px; display:block; } .step { width:700px; float:left; display:inline; clear:left !important; border-bottom: 1px solid white !important; background: #e9f4ff url(http://www.institutfrancais.jp/enfrance/timeline_bg_step_column.png) top right repeat-y; } .guide-step { width:700px; float:left; display:inline; clear:left !important; border-bottom: 1px solid white !important; } .explanation { float:left; width:498px; display: inline; margin-bottom:1px; padding-bottom:12px; background: #ebf4fe url(http://www.institutfrancais.jp/enfrance/bg_gradient.gif) 0px 45px repeat-x; } .guide-step .explanation { width:700px; } .step .timing { width:202px; float:left; display:inline; margin-bottom:1px; background: transparent url(http://www.institutfrancais.jp/enfrance/timeline_bg_step_arrow.png) top right no-repeat; } .step .timing dl { width:101px; float:left; display:inline; } .step .timing dt { width:101px; line-height: 72px; padding-top: 72px; height: 0px !important; height /**/: 72px; overflow:hidden; display:inline; float:left; } .step .timing dt.short-before { background: transparent url(http://www.institutfrancais.jp/enfrance/timeline_short-before.gif) 1px 3px no-repeat;} .step .timing dt.long-before { background: transparent url(http://www.institutfrancais.jp/enfrance/timeline_long-before.gif) 1px 3px no-repeat;} .step .timing dt.short-after { background: transparent url(http://www.institutfrancais.jp/enfrance/timeline_short-after.gif) -1px 3px no-repeat;} .step .timing dt.long-after { background: transparent url(http://www.institutfrancais.jp/enfrance/timeline_long-after.gif) -1px 3px no-repeat;} .step .timing dd { width:101px !important; display:inline; float:left; padding-left: 0px !important; line-height: 105px; padding-top: 105px; height: 0px !important; height /**/: 105px; overflow:hidden; } .step .timing dd.timing-1 { background: transparent url(http://www.institutfrancais.jp/enfrance/timeline_timing_1.gif) 3px 0px no-repeat;} .step .timing dd.timing-2 { background: transparent url(http://www.institutfrancais.jp/enfrance/timeline_timing_2.gif) 3px 0px no-repeat;} .step .timing dd.timing-3 { background: transparent url(http://www.institutfrancais.jp/enfrance/timeline_timing_3.gif) 3px 0px no-repeat;} .step .timing dd.timing-4 { background: transparent url(http://www.institutfrancais.jp/enfrance/timeline_timing_4.gif) 3px 0px no-repeat;} .step .timing dd.timing-6-after { background: transparent url(http://www.institutfrancais.jp/enfrance/timeline_timing_6-after.gif) 3px 0px no-repeat;} .step .timing dd.timing-12-3 { background: transparent url(http://www.institutfrancais.jp/enfrance/timeline_timing_12-3.gif) 3px 0px no-repeat;} .step .timing dd.timing-12-4 { background: transparent url(http://www.institutfrancais.jp/enfrance/timeline_timing_12-4.gif) 3px 0px no-repeat;} .step .timing dd.timing-4-3 { background: transparent url(http://www.institutfrancais.jp/enfrance/timeline_timing_4-3.gif) 3px 0px no-repeat;} .step .timing dd.timing-3-2 { background: transparent url(http://www.institutfrancais.jp/enfrance/timeline_timing_3-2.gif) 3px 0px no-repeat;} /*2008年10月30日以下の背景画像2～1ヶ月前から1ヶ月前に変更 by chikara*/ .step .timing dd.timing-2-1 { background: transparent url(http://www.institutfrancais.jp/enfrance/timeline_timing_2.gif) 3px 0px no-repeat;} .step h4, .guide-step h4 { width: 450px; height: 40px; line-height: 1; color:#3e3e3e !important; padding-left:48px !important; padding-top:5px !important; margin-bottom: 12px !important; display: inline; float:left; } .guide-step h4 { width: 652px; } #step-1 h4 { background: transparent url(http://www.institutfrancais.jp/enfrance/timeline_bg_h3_step1.png) 0px 0px no-repeat; } #step-2 h4 { background: transparent url(http://www.institutfrancais.jp/enfrance/timeline_bg_h3_step2.png) 0px 0px no-repeat; } #step-3 h4 { background: transparent url(http://www.institutfrancais.jp/enfrance/timeline_bg_h3_step3.png) 0px 0px no-repeat; } #step-4 h4 { background: transparent url(http://www.institutfrancais.jp/enfrance/timeline_bg_h3_step4.png) 0px 0px no-repeat; } #step-5 h4 { background: transparent url(http://www.institutfrancais.jp/enfrance/timeline_bg_h3_step5.png) 0px 0px no-repeat; } #step-6 h4 { background: transparent url(http://www.institutfrancais.jp/enfrance/timeline_bg_h3_step6.png) 0px 0px no-repeat; } .step p { margin: 0px 6px 12px 6px !important; } .step ul { margin: 0px 12px 6px 12px !important; } .step li { list-style-type: square !important; list-style-position: inside !important; } .halfcol { width:350px; float:left; display:inline; } .halfcol p {margin: 0px 12px 6px 12px !important;} .guide-intro { padding: 24px 50px 12px 0px !important; margin-left:12px !important; } .column-spacer { margin-left:10px; } /* Additional Styling */ .post_content h2, .post_content h3 {margin-top/*bottom*/: 20px; color:#016ead !important;} .post_content h3 { margin-top: 20px; /*padding-left: 5px !important;*/ line-height: 24px; color:#016ead !important;} .post_content h4 {font-size: 16px; line-height: 18px; /*padding: 5px 5px;*/ margin-top:20px; margin-bottom:8px; letter-spacing: 1.5; color:#016ead !important; } .post_content h5 { font-size: 0.95em; margin: 0 0 5px; color:#016ead !important; } .post_content .two-col {margin-top: 20px; } .post_content p {font-size: 13px; line-height: 18px; } /*.post_content li {list-style: square !important;}*/ .post_content .two-col ul, .post_content .two-col ol {margin-left: 15px;} .post_content select { margin: 0 0 0 10px; } /*.post_content input { margin: 0 0 5px 10px; }*/ .post_content input { margin: 0 10px 5px 20px; vertical-align:text-top; } .post_content .form_item span { margin: 0 0 5px 10px; } .page-id-547 h4, .page-id-553 h4 { line-height: 28px;} .page-id-147 .post_content table { margin: 5px 0;} #gform_wrapper_1 h3.gform_title { margin: 0 0 20px 0; padding: 0 0 5px 5px; font-size: 1.5em; border-bottom: dotted 1px; } #gform_fields_1 .gfield { margin: 0px 0 0px; padding: 0; } #gform_fields_1 .gfield label.gfield_label { clear: both; display: block; margin: 0px 0 10px; padding: 0; } #gform_fields_1 .address_zipcode { display: block; margin: 30px 0 0px; padding: 0; } #gform_fields_1 .form_item_name_last { display: block; margin: 30px 0 0px; padding: 0; } #gform_fields_1 .mail-address { display: block; margin: 30px 0 0px; padding: 0; } #gform_fields_1 .medium { width: 300px; } #gform_fields_1 .small { width: 100px; } #gform_fields_1 .gfield_checkbox { width: /*280*/600px; padding: 10px; background: #EFF9FC; border: solid 1px #D6F2FC; } .validation_error { display: none; } #gform_fields_1 .gfield_checkbox label { font-weight: normal; } #gform_fields_1 .ginput_container { margin: 0 10px; padding: 0; } #gform_fields_1 .ginput_container input { display: inline; margin: 0; } #gform_fields_1 .gfield_description { margin: 3px 15px 0px 15px; padding: 0; } .gfield_required { display: block; line-height: 0.1em; position: relative; top: 10px; } .gform_confirmation_message_1 { padding: 20px 0; text-align: center; background: #E5F7FF; border: solid 1px #DDD; } table {border:1px solid #dddddd ; border-collapse: collapse ;} th, td {border:1px solid #dddddd; padding:4px;} table.nb { border:hidden;} .nb td { border:hidden;} /* FORUM styles Added by Daniel 2016-08-03 */ .bbp-forum-front, .bbp-forum-content, .bbp-topic-wrapper{ padding: 10px; } .wp-editor-area{ border: 1px solid #ccc !important; } /* Galleria slider fixes */ .galleria-info-description{ font-size: 11px; line-height: 14px; font-style: normal; } /* Wp Full Calendar styles */ a.fc-day-grid-event.fc-h-event.fc-event.fc-start.fc-end{ background-color: #008ccb !important; border-color: #008ccb !important; color: #fff !important; } a.fc-day-grid-event.fc-h-event.fc-event.fc-not-start.fc-not-end{ background-color: #008ccb !important; border-color: #008ccb !important; color: #fff !important; } a.fc-day-grid-event.fc-h-event.fc-event.fc-not-start.fc-end{ background-color: #008ccb !important; border-color: #008ccb !important; color: #fff !important; } span.event-cat { padding: 3px 5px; background: #008ccb; color: #fff; margin-bottom: 3px; font-size: 11px; } .wpfc-calendar.event-cat-thumb { float: left; margin-right: 10px; margin-bottom: 10px; } .wpfc-calendar.event-dates{ color: #008ccb; } .wpfc-calendar.event-dates:before{ font-family: 'FontAwesome'; content: "\f133"; padding-right: 6px; } .dottedline { border-top: dotted 2px #008ac9; padding-top: 20px; margin-top: 60px; } .space { margin-bottom:20px; } #listpage ul li { margin-bottom:10px; } #imputline input { vertical-align: top; }