@charset "utf-8"; /* Site Name: Description: レイアウト Version: Author: */ /* ==================================================== ■ Function ==================================================== */ .position_absolute(@left:0px,@top:0px,@z-index:1){ position: absolute; left: @left; top: @top; z-index: @z-index; display: block; } .position_fixed(@left:0px,@top:0px,@z-index:1){ position: fixed; left: @left; top: @top; z-index: @z-index; display: block; } .rounded_corners (@radius: 8px) { border-radius: @radius; -webkit-border-radius: @radius; -moz-border-radius: @radius; } .transform_scale(@scale:1){ -webkit-transform: scale(@scale); -moz-transform: scale(@scale); -o-transform:scale(@scale); transform:scale(@scale); } .transition(@time:0.2s){ -webkit-transition: all @time ease; -moz-transition: all @time ease; -o-transition: all @time ease; transition: all @time ease; } .box_shadow(@x:0,@y:0,@blur:8px,@opacity:0.8){ box-shadow: @x @y @blur rgba(0, 0, 0, @opacity); -moz-box-shadow: @x @y @blur rgba(0, 0, 0, @opacity); -webkit-box-shadow: @x @y @blur rgba(0, 0, 0, @opacity); } /* ==================================================== ■ All ==================================================== */ /* ==================================================== ■ opening_container ==================================================== */ #opening_container{ .inner{ width: 320px; margin: 0 auto; } } /* ==================================================== ■ form_container ==================================================== */ #form_container{ margin-top : 5px; //margin-left : 10px; margin-bottom : 5px; background-color : #ffffff; width : 460px; input,select {font-size:130%; padding:5px;} input:focus,input:hover {background:#acf3ff;} textarea {font-size:130%; padding:5px; height:50px;} textarea:focus,textarea:hover {height: 120px;background:#acf3ff;} input[type="text"],input[type="email"] {font-size:130%; padding:5px;} input[type="radio"] {font-size:130%;height:30px;width:30px;margin:15px;} input[type="checkbox"] {font-size:130%;height:30px;width:30px;margin:15px;} .form_info{ font-size : 14px; line-height : 1.2; padding-top : 3px; padding-left : 10px; padding-right : 10px; padding-bottom : 10px; width : 420px; color : #37312d; text-align : left; } .form_title{ background-image : url(../../common/img/assets/icon_school_arrow2.gif); background-repeat : no-repeat; background-position : 0px 0px; text-align : left; height : 32px; font-size : 17px; line-height : 1.2; padding-top : 6px; padding-left : 18px; padding-right : 12px; padding-bottom : 2px; width : 395px; color : #37312d; } .form_param{ font-size : 16px; line-height : 2; padding-top : 3px; padding-left : 15px; padding-right : 5px; padding-bottom : 5px; width : 395px; color : #37312d; text-align : left; } .floatR{ float : right; //position : relative; } .text_strg{ font-weight : bold; } } #schoollist li ul { margin: 0 0 1em 3px; } #schoollist li li { font-size: 130%; padding-right: 1.5em; display: inline-block; //display: inline; //zoom: 1; line-height: 1.7; }