/* clear style */ .clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}* html .clearfix,*:first-child+html .clearfix{zoom:1} /* resetter */ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0} /* basic styles */ body { -webkit-text-size-adjust:none; color: #555; font: 13px/1.231 'Lucida Grande', Verdana, Arial, 'Hiragino Kaku Gothic Pro', Meiryo, 'メイリオ', sans-serif; *font-size: small; *font: x-small; background: #fff url(../images/global/bg.jpg) no-repeat center top; background-attachment:fixed; line-height: 1.7; } /* for Win IE8 */ head~/* */body {font: 13px/1.231 'Lucida Grande', Verdana, Arial, Meiryo, 'メイリオ', sans-serif;} html:not(:target) body { font: 13px/1.231 'Lucida Grande', Verdana, Arial, 'Hiragino Kaku Gothic Pro', Meiryo, 'メイリオ', sans-serif; *font: 13px/1.231 'メイリオ', Meiryo, sans-serif; } .main p{ margin: 0 0 15px 0; line-height: 1.6; color: #555; } .main a{color: #3b72a5; text-decoration: none;} .main a:hover{color: #4281bb; text-decoration: underline;} #inline1{width:400px;height:50px;overflow:auto; background:#f0f0f0; text-align:center; padding: 20px;} .in1{width: 920px; margin: 0 auto;} .in2{width: 960px; margin: 0 auto;} .text1{font-weight: bold; font-size: 115%;} .bold{font-weight: bold; font-size: 100%;} .impact{color: #e04565 !important;} .s{font-size: 90% !important; color: #777 !important;} .large{font-size: 110% !important;} .xl{font-size: 130% !important;} .hr1{height: 10px; border-bottom:solid 2px #fff; margin-bottom: 25px;} .col1{color: #262d5e;} .center{text-align: center;} .grid2_l{float:left; display:inline; width: 440px; margin-right: 40px;} .block1{margin-bottom: 10px !important;} .block2{margin-bottom: 20px !important;} .block3{margin-bottom: 30px !important;} .box1{padding: 10px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; background:#e0e0d1; margin: 20px 0; color: #333; text-shadow: 0px 1px 0px #fff;} .box2{padding: 10px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; margin: 20px 0; color: #333; text-shadow: 0px 1px 0px #fff; border: solid 1px #ddd; background:#e1e1e0; background: -webkit-gradient(linear, center top, center bottom, from(#e7e7e7), to(#e1e1e0)); background: -moz-linear-gradient(top, #e7e7e7, #e1e1e0); filter: progid:DXImageTransform.Microsoft .gradient(GradientType=0,startColorstr='#e7e7e7', endColorstr='#e1e1e0'); } .box3{margin-bottom: 30px; padding: 20px 20px 20px 20px; background: url(images/global/stripe1_bg.png); border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-bottom: solid 1px #ddd; } .ac{text-align: center;} ul.list1{margin: 0px 0 20px 0; list-style-type: disc; margin: 0 0 0 15px;} ul.list1 li{margin: 0 0 7px; } ul.list2{margin: 0px 0 20px 0; list-style-type: square; margin: 0 0 0 15px;} ul.list2 li{margin: 0 0 15px; line-height: 1.7; } #content .alignleft{float:left; display:inline; margin:0 10px 5px 0;} #content .alignright{float:right; display:inline; margin: 0 0 5px 10px;} #content .top_summary {background: url(images/global/summary_bg.png) no-repeat left top; text-align: center; padding: 50px 0; } #content .leaf {background: url(images/global/summary_bg.png) no-repeat left top; text-align: center; padding: 50px 0 20px;} #content h2{margin-bottom: 20px;} #content h2.t1{background: url(images/global/title2.png) no-repeat left center; padding: 0 0 0 30px; color: #1a2866; font-weight: normal; font-size: 140%; } #content h3.t1{background:url(images/keep_info/title2_bg.png) no-repeat; height: 24px; padding: 3px 0 0 10px; color: #fff; text-shadow: 0px -1px 0px #918523; letter-spacing: 4px; font-weight: normal; margin: 0 0 10px 0;} #content h4.t1{color: #1b2968; margin-bottom: 0; font-weight: normal; margin-bottom: 5px;} #tabs{margin-bottom: 40px; overflow: hidden; background: url(images/global/tab_bg.png) no-repeat; height: 40px; padding: 25px 0 0 0;} #tabs ul{margin: 0 auto;} #tabs ul li{float:left; display:inline; text-indent: -9999px; padding: 0 20px 0 20px; border-right:solid 1px #1a2866;} #tabs ul li.last{border: none;} #tabs ul li a{display: block; background-repeat: no-repeat;} #content{background: #ebebe7; padding: 40px 0 30px 0; position: relative; top:-40px; z-index: 0; } #container{width: 960px; margin: 0 auto; } #content #container{width: 920px; margin: 0 auto; border: solid 1px #dfdfda; background: #fff; padding: 20px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;} .main h1.t1{text-align: center; margin: 0 0 40px 0;} #top{height: 20px; background: url(images/header/top_bg.png) repeat-x; padding: 7px 0 0 0;} #top h1{font-size: 12px; font-weight: normal; text-shadow: 0px 1px 0px #fff;} #header{} #header .in2{padding:20px 0; background: url(images/header/header_bg.png) no-repeat right top;} #header a.logo{float:left; display:inline; width: 310px; height: 84px; text-indent: -9999px; background: url(images/header/logo.png?1234);} #header .r{float:right; display:inline;} #header .r ul.pages{ overflow: hidden; float:right; display:inline; margin: 0 0 25px 0;} #header .r ul.pages li{float:left; display:inline; } #header .r ul.pages li a{display: block; background: url(images/global/icon1.png) no-repeat left center; padding: 0 0px 0 15px; margin: 0 0 0 20px; color: #333; text-decoration: none; } #header .r ul.pages li a:hover{text-decoration: underline;} #header .r ul.social{overflow: hidden; float:right; display:inline;} #header .r ul.social li{float:left; display:inline; } #header .r ul.social li a{display: block; text-decoration: none; width: 25px; height: 25px; text-indent: -9999px; margin: 0 0 0 20px;} #header .r ul.social li a:hover{text-decoration: underline;} #header .r ul.social li.facebook a{background:url(images/header/icon_facebook.png); } #header .r ul.social li.twitter a{background:url(images/header/icon_twitter.png); } #header .r p.rinen{float:right; display:inline;} #header .r p.rinen a{display: block; width: 172px; height: 33px; background: url(images/header/about.png?adsf) no-repeat; text-indent: -9999px;} #rinen{} #nav{position: relative; z-index: 99;} #nav ul{background: url(images/nav/nav_bg.png) no-repeat; height: 40px; width: 960px; margin: 0 auto 20px auto; overflow: hidden; text-align: center;} #nav ul li{float:none; display:inline-block; background: #eee; background: url(images/nav/nav_sep.png) no-repeat right center; padding: 0 50px 0 51px; margin: 7px 0 0 0;} #nav ul li.last{background: none;} #nav ul li a{display: block; height: 20px; text-indent: -9999px; padding: 0; margin: 0;} #nav ul li.wabunka a{background:url(images/nav/wabunka.png?1) no-repeat center center; width: 203px; } #nav ul li.denim a{background:url(images/nav/denim.png?1) no-repeat center center; width: 125px; } #nav ul li.beads a{background:url(images/nav/beads.png?1) no-repeat center center; width: 128px; } #nav ul li.event a{background:url(images/nav/event.png?1a) no-repeat center center; width: 59px; } #nav ul li.contact a{background:url(images/nav/contact.png?1) no-repeat center center; width: 94px; } #home .simbol{margin-bottom: 10px; box-shadow: 0px 0px 1px #ccc; -moz-box-shadow: 0px 0px 1px #ccc; -webkit-box-shadow: 0px 0px 1px #ccc;border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px;} #home ul.topic{padding: 10px 0 10px 0; overflow: hidden; z-index: 99; position: relative; top: 0px; float:left; display:inline; width: 600px; margin: 0 0 0 20px; } #home ul.topic li{border: solid 1px #e6e4d9; background: #fff; float:left; display:inline; width: 278px; margin: 25px 40px 20px 0px; background:url(images/home/topic_bg.png) repeat; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px;} #home ul.topic li.last{margin-right: 0;} #home ul.topic li h2{text-indent: -9999px; width: 278px; height: 115px; top: -34px; position: relative; margin: 0 0 -14px 0; padding: 0;} #home ul.topic li.school h2{ background: url(images/home/school_title.png?1aa) no-repeat; } #home ul.topic li.keep h2{ background: url(images/home/keep_title.png?1d) no-repeat; } #home ul.topic li.beads h2{ background: url(images/home/beads_title.png?12) no-repeat; } #home ul.topic li .info{margin: 0px 19px; line-height: 1.7; } #home ul.topic li .info .thumb{margin: 0 0 20px 0; padding: 0;} #home ul.topic li .info .more{margin: 20px auto 20px auto; text-indent: -9999px; width: 121px;} #home ul.topic li .info .more a{display: block; background: url(images/home/topic_more.png?aaa) no-repeat; height: 25px;} #home ul.topic li .info .more_blank{margin: 20px auto 20px auto; text-indent: -9999px; width: 121px; background: url(images/home/topic_more_blank.png) no-repeat; height: 25px;} #home .akeep{margin: 40px 20px 30px 20px; padding: 20px; background:url(images/home/topic_bg.png) repeat; } #home .akeep .l{float:left; display:inline; width: 250px;} #home .akeep .r{float:right; display:inline; width: 590px;} #home .akeep h2{background:url(images/home/keep_title.png?12) no-repeat; height: 80px; text-indent: -9999px; margin: -40px 0 30px -20px; position: relative; width: 940px;} #home .akeep h3{ width:295px; height: 65px; margin: 0 0 -10px -15px; position: relative; text-indent: -9999px; top: -20px; } #home .akeep .l .thumb{margin: 0 0 20px 0; padding: 0;} #home .akeep .l .more{margin: 20px auto 20px auto; text-indent: -9999px; width: 121px;} #home .akeep .l .more a{display: block; background: url(images/home/topic_more.png) no-repeat; height: 25px;} #home .akeep .l .more_blank{margin: 20px auto 20px auto; text-indent: -9999px; width: 195px; background: url(images/home/keep_open_button.png?11) no-repeat; height: 39px;} #home .akeep .p1 h3{background:url(images/home/keep_p1_title.png?111); } #home .akeep .p2 h3{background:url(images/home/keep_p2_title.png?1); } #home .akeep .p3 h3{background:url(images/home/keep_p3_title.png?sfad); } #home .akeep .p4 h3{background:url(images/home/keep_p4_title.png?fdsaf); } #home .akeep ul li{width: 278px; background: url(images/home/p_bg.png) repeat; float:left; display:inline; margin: 0 30px 30px 0; color: #82848c; line-height: 1.7; border: solid 1px #e6e4d9;} #home .akeep ul li.last{margin-right: 0;} #home .akeep ul li p{margin: 0 20px 20px 20px;color:#82848c} #home .etc{float:right; display:inline; width: 280px; margin: 35px 20px 0 0; } #home .ban{margin: 0 0 20px 0; height: 125px; background: #eee; text-align: center; padding: 20px 0;} #home .akeep .more{float:right; display:inline;} #home .akeep .more a{width:156px; height: 33px; background: url(images/home/akeep_more.png); display: block; text-indent: -9999px;} #home .blog{float:left; display:inline; width: 280px; margin: 0 0 0px 0;} #home .blog h2{background: url(images/home/blog_title.png); height: 41px; text-indent: -9999px;} #home .blog ul{margin: 15px 0 0 0;} #home .blog ul li{border-bottom: solid 1px #ddd; color: #1a2866; overflow: hidden; font-size: 95%; padding: 0 0 7px 0; margin: 0 0 7px 0;} #home .blog ul li .date{float:left; display:inline; margin: 0 15px 0 0; width: 60px; color: #c5b639;} #home .blog ul li .title{width: 205px; float:left; display:inline; margin: 0; } #home .blog .more{float:right; display:inline; margin-bottom: 30px;} #home .blog .more a{width:134px; height: 33px; background: url(images/home/blog_more.png); display: block; text-indent: -9999px;} #home .event{float:left; display:inline; width: 280px; margin: 0 0 0px 0;} #home .event h2{background: url(images/home/event_title.png); height: 41px; text-indent: -9999px;} #home .event ul{margin: 15px 0 0 0;} #home .event ul li{border-bottom: solid 1px #ddd; color: #1a2866; overflow: hidden; font-size: 95%; padding: 0 0 7px 0; margin: 0 0 7px 0;} #home .event ul li .date{float:left; display:inline; margin: 0 10px 0 0; width: 60px; color: #c5b639;} #home .event ul li .title{width: 210px; float:left; display:inline; margin: 0; } #home .event .more{float:right; display:inline;} #home .event .more a{width:134px; height: 33px; background: url(images/home/event_more.png); display: block; text-indent: -9999px;} #sponcer {background: url(images/home/sponcer_bg.png) repeat; padding: 20px 0; border-top:solid 1px #ddd;} #sponcer h2{background: url(images/home/sponcer_title.png?ads) no-repeat; height: 20px; text-indent: -9999px; margin: 0 0 20px 0;} #sponcer ul{overflow: hidden; margin: 0 0 10px 0; } #sponcer ul li{float:left; display:inline; margin: 0 10px 20px 0;} #sponcer ul li img{ width: 170px; height: 51px;} #sponcer .more{float:left; display:inline;} #sponcer .more a{width:123px; height: 17px; background: url(images/home/sponcer_more.png); display: block; text-indent: -9999px;} #school .simbol{box-shadow: 0px 0px 1px #ccc; -moz-box-shadow: 0px 0px 1px #ccc; -webkit-box-shadow: 0px 0px 1px #ccc;border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px;} #school #tabs ul {width: 657px;} #school #tabs ul .t01 a{background: url(images/school/tab01.png) no-repeat center center; width: 81px; height: 13px;} #school #tabs ul .t02 a{background: url(images/school/tab02.png) no-repeat center center; width: 81px; height: 13px;} #school #tabs ul .t03 a{background: url(images/school/tab03.png) no-repeat center center; width: 81px; height: 14px;} #school #tabs ul .t04 a{background: url(images/school/tab04.png?yy) no-repeat center center; width: 81px; height: 14px;} #school #tabs ul .t05 a{background: url(images/school/tab05.png) no-repeat center center; width: 81px; height: 13px;} #school #tabs ul .t01 a.active{background: url(images/school/tab01a.png?asd) no-repeat; width: 129px; height: 29px; margin-top:-7px;} #school #tabs ul .t02 a.active{background: url(images/school/tab02a.png?asd) no-repeat; width: 129px; height: 29px; margin-top:-7px;} #school #tabs ul .t03 a.active{background: url(images/school/tab03a.png?asd) no-repeat; width: 129px; height: 29px; margin-top:-7px;} #school #tabs ul .t04 a.active{background: url(images/school/tab04a.png?fafds) no-repeat; width: 129px; height: 29px; margin-top:-7px;} #school #tabs ul .t05 a.active{background: url(images/school/tab05a.png?asd) no-repeat; width: 129px; height: 29px; margin-top:-7px;} #keep #tabs ul {width: 750px;} #keep #tabs ul .t01 a{background: url(images/keep/tab01.png); width: 120px; height: 13px;} #keep #tabs ul .t02 a{background: url(images/keep/tab02.png); width: 95px; height: 14px;} #keep #tabs ul .t03 a{background: url(images/keep/tab03.png); width: 81px; height: 14px;} #keep #tabs ul .t04 a{background: url(images/keep/tab04.png); width: 120px; height: 13px;} #keep #tabs ul .t05 a{background: url(images/keep/tab05.png); width: 129px; height: 29px; margin-top:-7px;} #keep.index .four h2{margin-bottom: 30px;} #keep.index .four .items{} #keep.index .four .items .item{width: 445px; margin-bottom: 30px; color: #777;} #keep.index .four .items .item.l{float:left; display:inline;} #keep.index .four .items .item.r{float:right; display:inline;} #keep.index .four .items .item h3{text-indent: -9999px; height: 23px; margin: 0 0 15px 0;} #keep.index .four .items .item.b01 h3{background:url(images/keep/four_01_title2.png) no-repeat;} #keep.index .four .items .item.b02 h3{background:url(images/keep/four_02_title2.png) no-repeat;} #keep.index .four .items .item.b03 h3{background:url(images/keep/four_03_title2.png) no-repeat;} #keep.index .four .items .item.b04 h3{background:url(images/keep/four_04_title2.png) no-repeat;} #keep.index .four .items .item.l .note .thumb{position: relative; left: -20px; } #keep.index .four .items .item.r .note .thumb{position: relative; right: -20px; } #keep.index .plan{background: #eaeadf; width: 960px; position: relative;left: -20px; margin-bottom: 30px;} #keep.index .plan .item{float:left; display:inline; width: 340px; margin: 0 40px;} #keep.index .plan .plan_title{float:left; display:inline; width: 120px;} #keep.index .plan .item h3 {height: 102px; margin-bottom: 30px; text-indent: -9999px;} #keep.index .plan .plan1 h3 {background:url(images/keep/plan_01_title.png) no-repeat center center; } #keep.index .plan .plan2 h3 {background:url(images/keep/plan_02_title.png) no-repeat center center; } #keep.index .plan .item .note{height: 100px; border-bottom: solid 2px #fff; margin-bottom: 20px;} #keep.index .plan .item .price{} #keep.index .plan .item .more{width: 250px; height: 44px; margin: 0 auto; background: url(images/keep/plan_more.png) no-repeat; text-indent: -9999px; display: block; margin-top: 40px;} #keep.index .env{margin-bottom: 40px;} #keep.index .env h2{height: 145px; background:url(images/keep/env_title.png) no-repeat; text-indent: -9999px; margin-bottom: 10px; } #keep.index .env .l{float:left; display:inline; width: 340px; margin: 0 30px 0 0;} #keep.index .env .l h3{margin-bottom: 15px;} #keep.index .env .r{float:left; display:inline; width: 570px; position: relative; margin: 0 -20px 0 0;} #keep.index .env .r .env_simbol{ margin-bottom: 30px; } #keep.index .env .r span{color: #999; display: block; margin-top: 10px;} #keep.index .env .r .thumb_l, #keep.index .env .r .thumb_r{width: 265px; float:left; display:inline; width: 265px;} #keep.index .env .r .thumb_l{margin-right: 20px;} #keep .apply_btn{margin: 30px; } #keep .apply_btn a{width: 494px; height: 64px; margin: 0 auto; background: url(images/keep/apply_btn.png?aaa) no-repeat; text-indent: -9999px; display: block;} #keep.info h1{background: url(images/keep_info/title.png) no-repeat center center; height: 125px; text-indent: -9999px;} #keep.info .summary{margin: 30px 0; text-align: center;} #keep.info .item{background: url(images/keep_info/item_bg.png);} #keep.info .item .note{margin: 15px 15px; font-size: 110%; line-height: 1.7; text-shadow: 0px 1px 0px #fff;} #keep.info .item .note p{margin-bottom: 15px;} #keep.info .item h4{background:url(images/keep_info/title2_bg.png) no-repeat; height: 24px; padding: 3px 0 0 10px; color: #fff; text-shadow: 0px -1px 0px #918523; letter-spacing: 4px; font-weight: normal; margin: 0 0 10px 0;} #keep.info .item h5{color: #1b2968; margin-bottom: 0; font-weight: normal; margin-bottom: 5px;} #keep.info .description{margin-bottom: 20px; } #keep.info .description .item{min-height: 220px;} #keep.info .description h2{text-indent: -9999px; margin: 0; height: 76px;} #keep.info .description .plan1 h2{background: url(images/keep_info/plan1_title.png) no-repeat; } #keep.info .description .plan2 h2{background: url(images/keep_info/plan2_title.png) no-repeat; } #keep.info .plan_l, #keep.info .plan_r{width: 440px;} #keep.info .plan_l{float:left; display:inline;} #keep.info .plan_r{float:right; display:inline;} #keep.info .price h3{background:url(images/keep_info/price_title.png) no-repeat; height: 58px; margin: 20px 0; text-indent: -9999px; } #keep.info .price .item{min-height: 870px;} #keep.info .ex h3{background:url(images/keep_info/ex_title.png) no-repeat; height: 58px; margin: 20px 0; text-indent: -9999px; } #keep.info .ex .item{min-height:600px;} #keep.info .option h3{background:url(images/keep_info/option_title.png) no-repeat; height: 26px; margin: 0 0 20px 0; text-indent: -9999px;} #keep.info .option{float:left; display:inline; width: 440px; margin: 30px 0;} #keep.info .option .tbl{margin-bottom: 30px;} #keep.info .option .tbl .tr{overflow: hidden; border-bottom: solid 1px #ddd; margin-bottom: 10px;} #keep.info .option .tbl .label{border-right:solid 1px #ddd; font-weight: bold; color: #777; width: 120px;float:left; display:inline; position: relative; margin-right: -1px; padding: 0 10px 10px 0; margin-bottom: 10px;} #keep.info .option .tbl .val{border-left:solid 1px #ddd; width: 299px; padding: 0 0 10px 10px; margin: 0 0 10px 0;float:left; display:inline;} #keep.info .caution h3{background:url(images/keep_info/caution_title.png) no-repeat; height: 26px; margin: 0 0 20px 0; text-indent: -9999px;} #keep.info .caution{float:right; display:inline; width: 440px; margin: 30px 0;} #keep.flow h1{background: url(images/keep_flow/title.png?aaadsf) no-repeat center center; height: 125px; text-indent: -9999px;} #keep.flow .steps{width: 760px; margin: 40px auto 30px auto;} #keep.flow .step{margin-bottom: 30px; padding: 20px 0 20px 0; background: url(images/global/stripe1_bg.png); border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-bottom: solid 1px #ddd;} #keep.flow .step h2{float:left; display:inline; margin-right: 40px; width: 200px; height: 160px; text-indent: -9999px;} #keep.flow .step .note{width: 490px; margin:15px 30px 0 0; float:left; display:inline; text-shadow: 0px 1px 0px #fff;} #keep.flow .step1 h2{background:url(images/keep_flow/step1_title.png) no-repeat right top; } #keep.flow .step2 h2{background:url(images/keep_flow/step2_title.png) no-repeat right top; } #keep.flow .step3 h2{background:url(images/keep_flow/step3_title.png) no-repeat right top; } #keep.flow .steps .arrow{background:url(images/keep_flow/arrow.png) no-repeat center top; position: relative; height: 72px; margin: -55px 0 30px 0;} #keep.apply h1{background: url(images/keep_apply/title.png?ffasds) no-repeat center center; height: 125px; text-indent: -9999px;} #keep.demand h1{background: url(images/keep_demand/title.png?ffasds) no-repeat center center; height: 125px; text-indent: -9999px;} #school .point h2{background:url(images/school/point_title.png) no-repeat center center; height: 80px; text-indent: -9999px;} #school .point ul{ margin: 60px 0 60px 0; } #school .point ul li{float:left; display:inline; width: 280px; margin: 0 40px 0px 0; background: url(images/global/stripe1_bg.png); } #school .point ul li.point3{margin: 0;} #school .point ul li h3{text-indent: -9999px; height: 100px; position: relative; top: -30px; margin: 0 0 -20px 0;} #school .point ul li.point1 h3{background: url(images/school/point1_title.png) no-repeat;} #school .point ul li.point2 h3{background: url(images/school/point2_title.png) no-repeat;} #school .point ul li.point3 h3{background: url(images/school/point3_title.png) no-repeat;} #school .point ul li p{padding: 0 20px;} #school .point ul li p.thumb{text-align: center; } #school .point ul li p.note{height: 170px; } #school .point ul li p.bottom{line-height: 9px; background: url(images/school/point_bottom.png); margin: 0;} #school .sschedule{float:left; display:inline; width: 440px; margin: 0 40px 30px 0;} #school .sschedule ul {border-top:solid 1px #1a2866; padding: 15px 0 15px 0;} #school .sschedule ul li{border-bottom: solid 1px #ddd; padding:0 0 10px 0; margin: 0 0 10px 0; overflow: hidden;} #school .sschedule ul li label{float:left; display:inline; width: 145px; margin: 0 5px 0 0; font-weight: bold; color: #1a2866; } #school .sschedule ul li .note{float:left; display:inline; width: 290px;} #school .sschedule .more{float:right; display:inline; } #school .sschedule .more a{display: block; width: 235px; height: 32px; text-indent: -9999px; background: url(images/school/schedule_more.png) no-repeat;} #school .bottom_right{float:right; display:inline; width: 440px; margin: 0 0px 30px 0;} #school .bottom_right .apply{display: block; text-indent: -9999px; background: url(images/school/register_btn.png?111) no-repeat; width: 440px; height: 65px; margin: 0 0 30px 0;} #school .bottom_right .contact{background: url(images/school/contact_bg.png); border: soldi 1px #ddd; padding: 10px;} #school .bottom_right .contact h2{text-indent: -9999px; background: url(images/school/contact_title.png) no-repeat; height: 15px; margin: 0 0 10px 0;} #school .bottom_right .contact .btn{float:left; display:inline; display: block; background:url(images/school/contact_btn.png) no-repeat; height: 42px; width: 172px; text-indent: -9999px; } #school .bottom_right .contact .text{float:right; display:inline; width: 243px; height: 45px; background:url(images/school/contact_text.png) no-repeat; text-indent: -9999px; } #school.omoi h1{background: url(images/omoi/title.png) no-repeat center center; height: 125px; text-indent: -9999px;} #school.omoi .note_top{background: url(images/omoi/note_top.png) no-repeat center bottom; height: 35px; margin: 0 auto; padding: 0; width: 710px;} #school.omoi .note{background: url(images/omoi/note_bg.png) repeat-y left top; margin: 0 auto; padding: 0; width: 710px /* 710px */; } #school.omoi .note .c1{color: #76b93b; font-size: 180%;} #school.omoi .note .c2{color: #4ca7da; font-size: 180%;} #school.omoi .note .c3{color: #e04565; font-size: 180%;} #school.omoi .note h2{text-align: center; background:url(images/omoi/title2_bg.png) no-repeat right top; height: 100px; position: relative; padding: 30px 0 0 0; margin: 0 16px -50px 0; z-index: 0;} #school.omoi .note p{margin: 0 50px 15px 50px; position: relative; z-index: 99; text-shadow: 0px 1px 0px #fff; line-height: 1.8; font-size:105%; color: #555; } #school.omoi .note span.line{letter-spacing: -2px; } #school.omoi .note_bottom{background: url(images/omoi/note_bottom.png) no-repeat center top; height: 35px; margin: 0 auto; padding: 0; width: 710px;} #school.schedule h1{background: url(images/schedule/title.png?1) no-repeat center center; height: 125px; text-indent: -9999px; margin: 0 0 60px 0;} #school.schedule .lesson{float:left; display:inline; width: 440px; margin-bottom: 40px; background: url(images/global/stripe1_bg.png);} #school.schedule .l1{margin-right:40px;} #school.schedule .lesson h2{text-indent: -9999px; height: 45px; position: relative; top: -20px; margin: 0 0 0px 0;} #school.schedule .l1 h2{background:url(images/schedule/kimono_title.png?1) no-repeat center center; } #school.schedule .l2 h2{background:url(images/schedule/yukata_title.png?1) no-repeat center center; } #school.schedule .lesson .thumb{text-align: center; margin: 0 0 10px 0;} #school.schedule .lesson .note{background: #fff; padding: 15px; margin: 20px 20px;} #school.schedule .lesson .note h3{margin: 0 0 8px 0;} #school.schedule .lesson .note h4{margin: 10px 0 8px 0;} #school.schedule .lesson p.bottom{line-height: 9px; background: url(images/school/point_bottom.png); margin: 0;} #school.flow h1{background: url(images/flow/title.png) no-repeat center center; height: 125px; text-indent: -9999px; margin: 0 0 80px 0;} #school.flow .block h2{text-indent: -9999px; width: 430px; height: 136px; position: relative; left: -40px; top:-50px; margin: 0 0 -80px 0;} #school.flow .block.flow1 h2{background:url(images/flow/s1_title.png?fdsuya); } #school.flow .block.flow2 h2{background:url(images/flow/s2_title.png?qqq); } #school.flow .block.flow3 h2{background:url(images/flow/s3_title.png?); } #school.flow .block.flow4 h2{background:url(images/flow/s4_title.png); } #school.flow .block.flow5 h2{background:url(images/flow/s5_title.png); } #school.flow .block{float:left; display:inline; width: 410px; background: url(images/global/stripe1_bg.png); font-size: 110%; position: relative; left: 30px; margin: 0 0 80px 0;} #school.flow .block.last{float: right; left: 0;} #school.flow .block p.bottom{line-height: 9px; background: url(images/global/stripe1_bottom.png); margin: 0;} #school.flow .block .note{background: #fff; padding: 10px; margin: 15px;} #school.apply h1{background: url(images/apply_school/title.png?ddaa) no-repeat center center; height: 125px; text-indent: -9999px;} #menu{width: 200px;} #menu.left{float:left; display:inline; margin-right: 40px; } #menu.right{float:left; display:inline; margin-left: 40px; } #menu h3{background:url(images/menu/menu_title.png) no-repeat; height: 30px; text-indent: -9999px; } #menu ul{background: #e3e3dc; padding: 0 2px 5px 2px;} #menu ul li.sep{padding-bottom: 3px; background: #e3e3dc;} #menu ul li a{height:29px; width: 196px; background: url(images/menu/menu_bg.png) no-repeat; color: #555; display: block; padding: 8px 0 0 20px;} #menu ul li a:hover{color: #777; } #page .page_r{float:left; display:inline; width: 680px;} #page .page_l{float:left; display:inline; width: 680px;} #page h1.simbol{margin-bottom: 30px;} #page .t1{margin-bottom: 30px; } #page .t1 .tr{ overflow: hidden; border-bottom: solid 2px #eee; padding: 0 0 15px 0; margin: 15px 0 0 0;} #page .t1 .tr p{margin-bottom: 0px;} #page .t1 .tr .label{ float:left; display:inline; width: 129px; border-right:solid 1px #ddd; position: relative; margin: 0 -1px 0 0; padding: 0 10px 0 0; letter-spacing: 7px; color: #999;} #page .t1 .tr .value{ float:left; display:inline; width: 529px; border-left:solid 1px #ddd; padding: 0 0 0 10px;} #page.event .item {border-bottom: solid 1px #ddd; margin-bottom: 30px; padding: 0;} #page.event .item h2{background: url(images/event/title_bg.png) no-repeat left center; height: 18px; padding-left: 25px; font-size: 18px; color: #1a2c70; font-weight: normal; margin-bottom: 15px;} #page.event .item h2 a{color: #1a2c70;} #page.event .item .note{border-left: solid 5px #ddd; padding-left: 15px; margin: 0 0 0 6px;} #page.event .item .note .date{color: #db4d6b; font-size: 120%; margin-bottom: 10px;} #page.event .item .note .entry{color: #777;} #page.event .item .note .more{overflow: hidden;} #page.event .item .note .more a{float:left; display:inline; padding: 2px 10px; color: #fff; font-size: 95%; background: #1a2c70; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px;} #page.event .item .note .more a:hover{text-decoration: none;} #page.event .item .note .meta{background: #eee; padding: 3px 5px; text-shadow: 0px 1px 0px #fff; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; overflow: hidden; margin: 20px 0 0 0;} #page.event .item .note .meta p{margin: 0 15px 0 0; font-size: 90%; color: #999; } #page.event .item .note .meta .created{background:url(images/event/clock_icon.png) no-repeat left center; padding-left: 14px; float:left; display:inline; } #page.event .item .note .meta .cat{background:url(images/event/cat_icon.png) no-repeat left center; padding-left: 18px; float:left; display:inline; } .main.contact .note_top, .main.apply .note_top, .main.demand .note_top{background: url(images/omoi/note_top.png) no-repeat center bottom; height: 35px; margin: 0 auto; padding: 0; width: 710px;} .main.contact .note, .main.apply .note, .main.demand .note{background: url(images/omoi/note_bg.png) repeat-y left top; margin: 0 auto; padding: 0; width: 710px /* 710px */; } .main.contact .note h2, .main.apply .note h2, .main.demand .note h2{text-align: center; background:url(images/omoi/title2_bg.png) no-repeat right top; height: 100px; position: relative; padding: 30px 0 0 0 !important; margin: 0 16px -50px 0 !important; z-index: 0;} .main.contact .note p, .main.apply .note p, .main.demand .note p{margin: 0 50px 15px 50px !important; position: relative; z-index: 99; text-shadow: 0px 1px 0px #fff; line-height: 1.8; font-size:105%; color: #555; } .main.contact .note_bottom, .main.apply .note_bottom, .main.demand .note_bottom{background: url(images/omoi/note_bottom.png) no-repeat center top; height: 35px; margin: 0 auto; padding: 0; width: 710px;} .main .f1{margin: 30px 50px 3px 50px;} .main.contact .f1{margin: 30px 0px 3px 0px;} .main .f1 h3{background: url(images/global/form_title1.png) repeat-x; height: 21px; color: #fff; text-shadow: 0px -1px 0px #9a8b2e; text-align: left;padding: 7px 0 0 10px; font-weight: normal; margin: 15px 0 15px 0; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; letter-spacing: 5px; border-bottom: solid 1px #fff; } .main .f1 .tr{ border-bottom: solid 1px #d3d0b0; padding: 0 0 10px 0; margin: 0 0 15px 0; overflow: hidden;} .main .f1 .tr .label{float:left; display:inline; width: 99px; } .main .f1 .tr .label p{color: #777; } .main .f1 .tr .val{float:left; display:inline; border-left:solid 1px #d3d0b0; padding: 0 0 0 15px; margin: 0 0 0 15px; width: 450px;} .main .f1 .tr p{margin: 0 0 5px 0 !important; padding: 0 !important; text-shadow: 0px 2px 0px #fff;} .main .f1 .text input, .main .f1 .textarea textarea{padding: 3px; border: solid 1px #ccc; font-size: 110%; width: 350px; color: #555;} .main .f1 .textarea textarea{ height: 100px;} .main .f1 .radio label{padding: 0 20px 0 0; } .main .f1 .short input{width: 150px;} .main .f1 .xshort input{width: 80px;} .main .f1 .submit input{background:url(images/global/apply_btn.png) no-repeat; width: 244px; height: 43px; border: none; text-indent: -9999px; } .main .f1 .check input{background:url(images/global/apply_check_btn.png) no-repeat; width: 244px; height: 43px; border: none; text-indent: -9999px; } .main .f1 .contact_submit input{background:url(images/global/contact_btn.png) no-repeat; width: 244px; height: 43px; border: none; text-indent: -9999px; } .main .f1 .contact_check input{background:url(images/global/contact_check_btn.png) no-repeat; width: 244px; height: 43px; border: none; text-indent: -9999px; } .main .f1 .submit span, .main .f1 .check span, .main .f1 .contact_submit span, .main .f1 .contact_check span{padding: 0 0 0 20px;} .main .f1 .errors{ background: #f0f0f0; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border: solid 1px #ddd; margin: 0 0 20px 0; padding: 10px;} .main .f1 .errors li{color: #e06371; margin: 0 0 7px 0;} .main.faq h1{background: url(images/faq/title.png?fdsafsda) no-repeat center center; height: 125px; text-indent: -9999px;} .main.faq .list{margin: 0 auto; width: 680px;} .main.faq .block{margin: 0px auto 40px auto; border: solid 1px #eaeaea; background: url(images/global/stripe1_bg.png); } .main.faq .block h2{height: 46px; position: relative; top: -7px; left: -7px; background: url(images/faq/q_bg.png) no-repeat; padding: 30px 0 0 75px; margin: 0 0 0px 0; font-size: 140%; font-weight: normal; color: #555555; text-shadow: 0px 1px 0px #fff;} .main.faq .block p.bottom{line-height: 9px; background: url(images/global/stripe1_bottom.png) repeat-x; margin: 0; padding: 0;} .main.faq .block .note{text-shadow: 0px 1px 0px #fff; background: #fff url(images/faq/a.png) no-repeat 10px 10px; padding: 15px 15px 10px 50px; margin: 0px 20px 20px 20px ; } #footer {background:url(images/footer/footer_bg.png) repeat; text-align: center; padding: 20px 0;} #footer ul{margin: 0 0 20px 0;} #footer ul li{display: inline; padding: 0 20px;} #footer ul li a{color: #888;} #footer .copyright{font-size: 90%; color: #888;}