@charset "utf-8";
/*
Theme Name: ※※_TITLE_※※
Description: ※※_TITLE_※※CSS
Theme URI: ※※_DOMAIN_※※
Author URI: ※※_DOMAIN_※※
Version: 1.0
License: (C)※※_TITLE_※※ All Rights Reserved.
License URI: ※※_DOMAIN_※※
*/

/* *********************************
000:RESET
001:BASIC
002:COMMON
003:TOPPAGE
004:PAGES
005:
006:
007:
008:
100:RESPONSIVE
200:DRAWER
888:EXAMPLE
999:CLEARFIX
*********************************** */
/* *********************************
/* 000:RESET
*********************************** */
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, 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,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video,hr{
margin:0;padding:0;border:0;font-style:normal;font-weight:500;font-size:100%;vertical-align:baseline;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section{display:block;}
html{overflow-y:scroll;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after,q:before, q:after{content:'';content:none;}
input, textarea{margin:0;padding:0;}
ul{list-style:none;}
table{border-collapse:collapse; border-spacing:0;}
caption, th{text-align:left;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
input[type="button"],input[type="submit"] {-webkit-appearance: none;}
pre{overflow:auto;white-space:pre-wrap;word-wrap:break-word;}

/* *********************************
/* 001:BASIC
*********************************** */
/* FONT-FAMILY */
@font-face{font-family: YuGothicM;src: local("Yu Gothic Medium");}
html{font-family:"游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",sans-serif;}
/* IE10以上 */
@media all and (-ms-high-contrast: none){html{font-family: Verdana, Meiryo, sans-serif;}}
@media all and (-ms-high-contrast: active){html{font-family: Verdana, Meiryo, sans-serif;}}

/* BASIC */
html{height:100%;}
body{margin:0 auto;text-align:center;font-size:15px;color:#354147;padding:0;background:#F5F5F5; line-height: 1;-webkit-text-size-adjust: 100%;}
input,textarea,select{font-family:"游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",sans-serif;}
input[type="radio"],input[type="checkbox"]{position: relative;top: 2px;margin-right: 2px;}
input[type="button"],input[type="submit"] {-webkit-appearance: none;border-radius: 0;}
strong{font-weight:bold;}
em{color:#F86C6B;font-style:normal; font-weight: bold;}
a{text-decoration: none;}
a img{filter: alpha(opacity=100);opacity: 1.0;}
a:hover img{filter: alpha(opacity=70);opacity: 0.7;}
.error{color:#FF0000;}
.spNone{display: none;}

/* *********************************
/* 002:LOGIN
*********************************** */
#login{height:100%;background: #F5F5F5;}
#login h1{padding-top:60px;width: 309px; margin: 0 auto 16px;}
#login h1 img{width: 100%; height: auto;}
#login h1 span{display: inline-block;margin-bottom: 10px;padding: 3px 10px; color: #FFFFFF;font-weight: bold;font-size: 13px;background: #73A83A; border-radius: 15px; }

#loginBox{margin:0 10px;}
#loginBox .subTtl{font-size: 15px;position: relative;display: inline-block;padding: 0 55px; color: #FEBB36; margin-bottom: 18px;}
#loginBox .subTtl span{font-weight: bold;}
#loginBox .subTtl:before,
#loginBox .subTtl:after{content: '';position: absolute;top: 50%;display: inline-block;width: 45px;height: 1px;background-color:#FEBB36;}
#loginBox .subTtl:before {left:0;}
#loginBox .subTtl:after {right: 0;}

#loginBox .lbInner{width: 100%; max-width:360px;min-width:250px;margin:0 auto 24px;background-color:#FFFFFF;padding:24px 24px 10px;-moz-box-shadow:0px 0px 4px 0px #DDD;-webkit-box-shadow:0px 0px 4px 0px #DDD;box-shadow:0px 0px 4px 0px #DDD;}
#loginBox .lbInner input{font-family:"游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",sans-serif;}
#loginBox .lbInner dl{margin-bottom:20px;}
#loginBox .lbInner dl dt{font-size:13px;font-weight: bold;background:#EEE;margin-bottom:7px;padding:6px 0;color:#777;text-shadow:1px 1px 0 #FFF;}
#loginBox .lbInner dl dd input{width:100%;font-size:16px;padding:8px;border:1px solid #CCC;transition: all 0.5s;}
#loginBox .lbInner dl dd input:focus{border:1px solid #FF9326; outline: 0; background: #FFF3E8;}
#loginBox .lbInner dl dd input::placeholder{color:#CCC; font-size: 14px;}
#loginBox .lbInner .btn{margin-bottom:20px;}
#loginBox .lbInner .btn input#submit{background:#F16373;color:#FFF;border:none;border-bottom:1px solid #D7132C;text-shadow:-1px -1px 0 #D7132C;width:100%;cursor:pointer;font-weight:bold;padding:10px 0 8px;font-size:13px;}
#loginBox .lbInner .btn input#submit:hover{background:#D7132C;border-top:1px solid #D7132C;border-bottom:none;}
#loginBox .lbInner .forget{margin-bottom: 20px; font-size: 12px; padding-top: 4px;}
#loginBox .lbInner .forget a{text-decoration: underline;color: #277FBE;}
#loginBox .lbInner .forget a:hover{text-decoration: none;color: #3297E1;}
#login .error{color:#C30; margin-bottom:10px; font-size: 12px; padding-top: 4px; display: block;}
#loginBox .lbInner .txt{font-size: 13px; text-align: left; line-height: 1.5; margin-bottom: 16px;}
#loginBox .lbInner .txt strong{font-size: 15px;}
#loginBox .btnOrg{display:block;font-size: 13px;margin-bottom: 8px; border: 0;cursor: pointer;width: 100%; min-width: 8em;border-radius: 8px;background: #E67F00;color: #FFF; font-weight: bold; padding: 12px 8px;box-shadow: 0 2px 2px rgba(0,0,0,0.2), 0 -4px 5px -2px #D96200 inset;transition: .3s;}
#loginBox .btnOrg:hover{background: #F39D00;box-shadow: 0 1px 1px rgba(0,0,0,0.2);}


#login .attAdd{margin-bottom: 24px;line-height: 1.6;}
#login .attAdd h2{font-size: 15px;position: relative;display: inline-block;padding: 0 55px; color: #FF4D4D; margin-bottom: 8px;}
#login .attAdd h2 span{font-weight: bold;}
#login .attAdd h2:before,
#login .attAdd h2:after{content: '';position: absolute;top: 50%;display: inline-block;width: 45px;height: 1px;background-color:#FF4D4D;}
#login .attAdd h2:before {left:0;}
#login .attAdd h2:after {right: 0;}
#login .attAdd .attTxt{font-size: 13px; line-height: 1.4; margin-bottom: 8px;font-weight: bold;}
#login .attAdd .attTxt.taL{text-align: left;}
#login .attAdd dl{font-size: 14px; margin-bottom: 8px;font-weight: bold;}
#login .attAdd dl dt{color: #009fbb;font-weight: bold;}
#login .attAdd dl dd{color: #888; font-size: 13px;font-weight: bold;}
#login .attAdd dl dd strong{color: #333A45;font-weight: bold;}

#login .jcAtt{width: 100%; max-width:860px;margin: 0 auto;}
#login .jcAtt dl dt{position: relative;display: inline-block;padding: 0 55px; color: #FF4D4D; font-weight: bold; margin-bottom: 10px;}
#login .jcAtt dl dt:before,
#login .jcAtt dl dt:after{content: '';position: absolute;top: 50%;display: inline-block;width: 45px;height: 1px;background-color:#FF4D4D;}
#login .jcAtt dl dt:before {left:0;}
#login .jcAtt dl dt:after {right: 0;}
#login .jcAtt dl dd{text-align: left;font-size: 13px; line-height: 1.4; margin-bottom: 8px;}
#login .jcAtt dl dd p{margin:0 8px 0.8em;font-weight: bold;}

/* *********************************
/* 003:LAYOUT
*********************************** */
#header{background:#FFF; padding: 10px 10px 10px 10px; position: fixed; top:0; left: 0; width: 100%; z-index: 1; border-top:4px solid #8DC556;box-shadow: 0 2px 8px rgba(0,0,0,.1); }
#header .h1{float: none; display: inline-block; padding-left: 30px; width: 100%; max-width: 225px;}
#header .h1.spNone{display: none;}
#header .h1 img{width: 100%; height: auto;}
#header .hadR{display: table;float: right; margin-top: 20px;}
#header .hadR li{display: table-cell; vertical-align: middle;}
#header .hadR li.ccn{display: none;}
#header .hadR li.ccn{border-right: 1px solid #C9CFDA;padding: 0 14px 0 0;font-size:12px; font-weight: bold; color: #AAA;}
#header .hadR li.ccn a{text-decoration: underline;font-size: 15px; display: inline-block;color: #666;background: url(../img/ic_ccn.png) no-repeat left center; background-size: 18px 18px; padding:4px 4px 4px 22px;}
#header .hadR li.ccn a:hover{color: #E26A4A; text-decoration: none;}
#header .hadR li.lgoPc{padding: 0 0 0 14px; display: none;}
#header .hadR li.lgoPc a{font-size:12px;text-decoration: none;display: inline-block;background:#FEBB36;color: #FFF;padding:8px 8px; border-radius: 4px;}
#header .hadR li.lgoPc a span{font-weight: bold;background: url(../img/ic_lgo.png) no-repeat left center; background-size: 18px 18px; padding-left:22px;}
#header .hadR li.lgoPc a:hover{background: #DC9501;}

#wrap{padding: 90px 8px 16px; text-align: left;}
#wrap .pcNav{width: 100%; margin-bottom: 40px; background: #FFF;box-shadow: 0px 0px 4px 0 rgba(0,0,0,0.1); display: none;}
#wrap .pcNav li{display: table-cell; text-align: center; width: 20%; border-right: 1px solid #E2EAEF;}
#wrap .pcNav li:last-child{border-right: none;}
#wrap .pcNav li a{padding: 16px 4px; display: block; font-size: 13px; font-weight: bold; color: #194C70;border-bottom: 2px solid #FFF;}
#wrap .pcNav li a:hover{color: #FFF!important; background: #E26A4A;border-bottom: 2px solid #E26A4A;}
#home #wrap .pcNav li.homeNav a,
#attendance #wrap .pcNav li.attendanceNav a,
#report #wrap .pcNav li.reportNav a,
#certificate #wrap .pcNav li.certificateNav a,
#account #wrap .pcNav li.accountNav a{color: #E26A4A;border-bottom: 2px solid #E26A4A;}


#nav{border-right: 1px solid #195072; text-align: left;background: #195072;color: #FFF;}
#nav ul{border-bottom: 1px solid #3B6785;}
#nav ul li ul{border-bottom:none;}
#nav ul li a,
#nav ul li span{ font-size: 13px; text-shadow: -1px -1px 0 #143C58; font-weight: bold;color: #FFF; text-decoration: none;display: block; padding: 12px 10px; border-top: 1px solid #3B6785;border-bottom: 1px solid #143C58;}
#nav ul li a:hover{background: #263339; text-shadow: none;}

#nav .sb-menu02{width: 98%; margin: 0 auto 20px; padding: 10px 0; border-bottom: none;}
#nav .sb-menu02 li{padding: 0 5px;font-size: 12px; border-top: none; border-bottom: none;text-align: center; margin-bottom: 6px;}
#nav .sb-menu02 li a{display: block; background: #465157;padding: 10px 0; color: #FFF; font-weight: bold; border-top:none; font-size: 12px;text-shadow: none;}
#nav .sb-menu02 li a:hover{color: #FFF; background: #151C1F;}

#pageTop{position: fixed;bottom: 20px;right: 20px;}
#main{width:100%;float:none; font-size: 14px;}
#content{margin-right: 0;}
#right{float: none;margin-left: 0;width: 100%;}
#copy{color: #999; font-size: 10px; text-align: right;}

/* *********************************
/* 004:PAGES
*********************************** */
/* COMMON */
#main .h1{font-size: 20px; font-weight: bold; color: #3F505E; margin-bottom: 16px;position: relative;padding:0 4px 20px 4px; text-shadow: 1px 1px 0 #FFF;}
#main .h1 span{font-size: 14px; font-weight: normal; padding-left: 20px; background: url(../img/ic_arr01.png) no-repeat 7px center; background-size: 5px 9px;}
#main .h1 strong{background: #1986AC; color: #FFF;font-weight: bold; display: inline-block; border-radius: 10px; padding: 7px 10px; margin-right: 8px; text-shadow: none;}

#main .h1::after {position: absolute;left: 0;content: '';width: 100%;height: 2px;box-sizing: border-box;}
#main .h1::after {bottom: 0;border-top: 1px solid #C9CFDA;border-bottom: 1px solid #FFF;}
#main .ttlBox01{margin-bottom: 16px;position: relative;padding:0 4px 20px 4px; text-shadow: 1px 1px 0 #FFF; overflow: hidden;}
#main .ttlBox01 .h1In{font-size: 18px; font-weight: bold; color: #3F505E; float: left; padding-top: 4px;}
#main .ttlBox01 .h1In span{font-size: 14px; font-weight: normal; padding-left: 20px; background: url(../img/ic_arr01.png) no-repeat 7px center; background-size: 5px 9px;}
#main .ttlBox01:after {position: absolute;left: 0;content: '';width: 100%;height: 2px;box-sizing: border-box;}
#main .ttlBox01:after {bottom: 0;border-top: 1px solid #C9CFDA;border-bottom: 1px solid #FFF;}
#main .ttlBox01 p{float: right; padding-top: 4px; font-size: 13px;}
#main .ttlBox01 p input{padding: 4px 8px; font-size: 11px; margin-top: -4px;}
#main .ttlBox01 p a{text-align: center; text-shadow: none; font-weight: bold; display: block;padding: 8px 4px!important; font-size: 11px; margin-top: -4px;}
#main .ttlBox01 p span{font-size: 11px;}
#main .ttlBox02{padding:20px 16px; border-bottom: 1px solid #E2EAEF;}
#main .ttlBox02 .h204{float: left;}
#main .ttlBox02 p{float: right; padding-top: 0; font-size: 12px;}
#main .ttlBox02 p a{text-align: center; text-shadow: none; margin-top: -4px;display: inline-block; border: 0;width: 100%;border-radius: 8px;background: #FF4D4D;color: #FFF; font-weight: bold;padding: 6px 16px;box-shadow: 0 2px 2px rgba(0,0,0,0.2), 0 -4px 5px -2px #C60000 inset;transition: .3s;}
#main .ttlBox02 p a:hover{background: #C60000;}
#main .ttlBox02 p .date{color: #E26A4A; font-weight: bold; font-size: 13px;}

#main .h2{font-size:16px;color: #3F505E;font-weight: bold;padding:20px 16px; border-bottom: 1px solid #E2EAEF;}
#main .h202{font-size:16px;color:#E26A4A;font-weight: bold;margin-bottom: 8px;}
#main .h203{font-size:17px;color:#C60000;font-weight: bold;margin-bottom: 8px;}
#main .h204{font-size:16px;color: #3F505E;font-weight: bold;}
#main .h301{font-size:16px;color: #3F505E;font-weight: bold;border-left: 2px solid #3F505E; padding:14px 0 14px 8px; margin:0 0 14px -8px;}
#main .h301 span{font-size: 13px; font-weight: bold;}
#main .alt,
#main .alr,
#main .error{color: #C03B22; font-size: 14px;}
#main .finish{line-height: 1.6;}
#main .mb8{margin-bottom: 8px;}
#main .mb16{margin-bottom: 16px;}
#main .mb24{margin-bottom: 24px;}
#main .fsS{font-size: 13px;}
#main .txt{line-height: 1.8; margin-bottom: 1em;}

#main{font-weight: normal;}
#main .box01{background: #FFF; -webkit-box-shadow: 0 0 4px 0 rgba(0,0,0,0.1);box-shadow:0px 0px 4px 0 rgba(0,0,0,0.1); margin-bottom: 24px;}
#main .box02{border: 3px double #FF4D4D; padding: 16px; margin-bottom: 24px;}
#main .box02 dl dt{font-weight: bold; margin-bottom: 6px; color:  #FF4D4D;}
#main .box02 dl dd{line-height: 1.6;}
#main .box02 dl dd span{margin: 0 6px;}
#main .box02 dl dd .grey{display: inline-block; background: #BBB; color: #FFF; font-weight: bold; padding: 4px 8px 2px; font-size: 11px; border-radius: 8px;}
#main .box02 dl dd .red{display: inline-block; background: #FF4D4D; color: #FFF; font-weight: bold; padding: 4px 8px 2px; font-size: 11px;border-radius: 8px;}
#main .boxInner{padding: 16px 8px;}
#main .boxInner .txt{line-height: 1.6; margin-bottom: 16px;}
#main .outBox{padding: 0 8px; margin-bottom: 24px; line-height: 1.4;}
#main .bdb{border-bottom: 3px double #DDD; padding-bottom: 16px;}
#main .note{font-size: 12px; color: #888;}
#main label{cursor: pointer;display: inline-block; margin-right: 1em; margin-bottom: 4px;}
#main label input[type="checkbox"],#main label input[type="radio"]{position:relative;top:-2px;}
#main label:hover{color: #3297E1;}
#main label.red:hover{color: #EC7C7C;}
#main input[type="checkbox"]{vertical-align: middle;}
#main input[type="text"],#main input[type="date"],#main input[type="password"],#main input[type="tel"],
#main select,#main textarea{padding: 4px 8px; border: 1px solid #CCC; background: #FAFAFA;box-shadow: none;transition: all 0.5s; font-size: 16px;}
#main select{padding: 4px 4px;}
#main input[type="text"]:focus,#main input[type="date"]:focus,#main input[type="password"]:focus,#main input[type="tel"]:focus,
#main select:focus,#main textarea:focus{ background: #FDFDFD; border: 1px solid #E67F00;box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2);outline: none;}
#main input[type="radio"]{top: 2px;position: relative;}
#main .iptS{width: 3em;}
#main .iptSM{width: 4em;}
#main .iptM,#main .slcM{width: 100%; max-width: 13.4em;}
#main .iptML{width: 100%; max-width: 24em;}
#main .iptL,#main .slcL{width: 100%;}
#main .iptLL,#main .slcLL{width: 100%;min-width: 10em;}
#main textarea{width: 100%;}
#main textarea.txaS{height: 6em;}
#main textarea.txaM{height: 10em;}
#main textarea.txaL{height: 30em;}

#main .cmnUl01{margin-left: 1em; margin-bottom: 24px;}
#main .cmnUl01 li{margin-left: -1em; margin-bottom: 8px;}
#main .cmnUl01 li:before{content: "・";}

#main .btnBox{text-align: center;}
#main .btnBoxS{text-align: center; width: 100%; max-width: 240px; margin: 0 auto;}
#main .btnDbl li{ margin-bottom: 24px;}

#main .btnOrg{display:block; border: 0;cursor: pointer;width: 100%; min-width: 8em;border-radius: 8px;background: #E67F00;color: #FFF; font-weight: bold; padding: 12px 8px;box-shadow: 0 2px 2px rgba(0,0,0,0.2), 0 -4px 5px -2px #D96200 inset;transition: .3s;}
#main .btnOrg:hover{background: #F39D00;box-shadow: 0 1px 1px rgba(0,0,0,0.2);}
#main .btnRed{display: block; border: 0;cursor: pointer;width: 100%; min-width: 8em;border-radius: 8px;background: #FF4D4D;color: #FFF; font-weight: bold;padding: 12px 8px;box-shadow: 0 2px 2px rgba(0,0,0,0.2), 0 -4px 5px -2px #C60000 inset;transition: .3s;}
#main .btnRed:hover{background: #C60000;}
#main .btnGry{display: block; border: 0;cursor: pointer;width: 100%; min-width: 8em;border-radius: 8px;background: #CCC;color: #FFF; font-weight: bold;padding: 12px 8px;box-shadow: 0 2px 2px rgba(0,0,0,0.2), 0 -4px 5px -2px #BBB inset;transition: .3s;}
#main .btnGry:hover{background: #BBB;}
#main .btnSer{display: inline-block; color: #FFF!important; text-decoration: none!important;font-size: 12px; font-weight: bold; background: #999; padding: 8px 16px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
#main input.btnSer{cursor: pointer; border: none;}
#main .btnSer:hover{background: #333; text-decoration: none;}


/* トップページ */
#main .NewsUl{margin-bottom: 16px;}
#main .NewsUl li{padding: 12px 4px; border-bottom: 1px dotted #CCC;}
#main .NewsUl li:first-child{padding-top: 4px;}
#main .NewsUl li dl dt{color:#E26A4A; font-weight: bold; font-size: 13px; margin-bottom: 8px;}
#main .NewsUl li dl dd a{color: #333;}
#main .NewsUl li dl dd a:after{content:"»";color:#1986AC;}
#main .NewsUl li dl dd a:hover{color: #999; text-decoration: underline;}
#main .lwNav,
#main .atdUl{width:100%;display:-webkit-box;display:-moz-box;display:-ms-box;display:-webkit-flexbox;display:-moz-flexbox;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:20px;}
#main .lwNav li{float: left; width: 98%; margin: 0 1% 16px;border: 3px solid #FFF;background: #FFF;-webkit-box-shadow: 0 0 4px 0 rgba(0,0,0,0.1);box-shadow:0px 0px 4px 0 rgba(0,0,0,0.1);}
#main .lwNav li:hover{border: 3px solid #E26A4A;}
#main .lwNav li a{display: block;  padding:18px 16px; color: #3F505E;}
#main .lwNav li a dl dt{font-weight: bold; font-size: 15px; margin-bottom: 8px;}
#main .lwNav li a:hover dl dt{color:#E26A4A;}
#main .lwNav li a dl dd{line-height: 1.4; font-size: 13px;}

/* NEWS */
#main .pagerBox{margin-bottom: 8px;}
#main .listPagingL{float:left;}
#main .listPagingR{float:right;}
#main .listPagingL a,#main .listPagingR a,
#main .listPagingL input,#main .listPagingR input{display: inline-block; font-size: 13px; border: 1px solid #DDD; background: #F0F0F0; color: #666; padding: 12px 24px; text-shadow: 1px 1px 0 #FFF;}
#main .listPagingL input,#main .listPagingR input{cursor: pointer;}
#main .listPagingL a:hover,#main .listPagingR a:hover,
#main .listPagingL input:hover,#main .listPagingR input:hover{background:#E0E0E0;}
#main .newsDetail{margin-bottom: 36px; line-height: 1.8;}
#main .newsDetail p{margin-bottom: 1em;}
#main .newsDetail h1{margin-bottom: 16px; font-weight: bold; font-size: 16px; color: #E26A4A; border-left:2px solid #E26A4A; padding: 8px 0 8px 8px;}
#main .newsDetail h2{margin-bottom: 16px; font-weight: bold; font-size: 15px; color: #194C70; padding-top: 16px;}
#main .newsDetail img{width: auto; max-width: 100%;}

/* ATTENDANCE */
#main .atdUl .atdLi{background: #FFF; -webkit-box-shadow: 0 0 4px 0 rgba(0,0,0,0.1);box-shadow:0px 0px 4px 0 rgba(0,0,0,0.1); margin-bottom: 24px; width: 100%;}
#main .atdUl .atdLi .atdDl .atdDt{font-size:16px;color: #3F505E;font-weight: bold;padding:16px 16px; border-bottom: 1px solid #E2EAEF;}
#main .atdUl .atdLi .atdDl .atdDt strong{background: #1986AC; color: #FFF;font-weight: bold; display: inline-block; border-radius: 10px; padding: 7px 10px; margin-right: 8px;}
#main .atdUl .atdLi .atdDl .atdDd{padding: 16px; line-height: 1.4;}
#main .atdUl .atdLi .atdDl .atdDd ol{margin-left: 1em; margin-bottom: 16px;}
#main .atdUl .atdLi .atdDl .atdDd ol li{margin-bottom: 6px;}
#main .atdUl .atdLi .atdDl .atdDd dl{margin-bottom: 6px; display: table;}
#main .atdUl .atdLi .atdDl .atdDd dl dt,
#main .atdUl .atdLi .atdDl .atdDd dl dd{display: table-cell;}
#main .atdUl .atdLi .atdDl .atdDd dl dt{width: 6em; font-weight: bold; font-size: 13px;color: #194C70;}
#main .atdUl .atdLi .atdDl .atdDd dl dd a{color: #277FBE; text-decoration: underline;}
#main .atdUl .atdLi .atdDl .atdDd dl dd a:hover{color: #3297E1; text-decoration: none;}
#main .atdUl .atdLi .atdDl .atdDd .btnBox{padding-top: 16px;}

#main .atdUl .atdLi{display: block;position: relative;box-sizing: border-box;}
#main .atdUl .atdLi .ribbon{display: inline-block;position: absolute;top: -6px;right: 10px;margin: 0;padding: 10px 0 7px;z-index: 2;width: 52px;text-align: center;color: #FFF;font-size: 12px;font-weight: bold;background: #FF4D4D;border-radius: 2px 0 0 0;}
#main .atdUl .atdLi .ribbon:before{position: absolute;content: '';top: 0;right: -5px;border: none;border-bottom: solid 6px #C60000;border-right: solid 5px transparent;}
#main .atdUl .atdLi .ribbon:after{content: '';position: absolute;left: 0;top: 100%;height: 0;width: 0;border-left: 26px solid transparent;border-right: 26px solid transparent;border-top: 7px solid #FF4D4D;}
#main .atdUl .atdLi .ribbonG{display: inline-block;position: absolute;top: -6px;right: 10px;margin: 0;padding: 10px 0 7px;z-index: 2;width: 52px;text-align: center;color: #FFF;font-size: 12px;font-weight: bold;background: #CCC;border-radius: 2px 0 0 0;}
#main .atdUl .atdLi .ribbonG:before{position: absolute;content: '';top: 0;right: -5px;border: none;border-bottom: solid 6px #999;border-right: solid 5px transparent;}
#main .atdUl .atdLi .ribbonG:after{content: '';position: absolute;left: 0;top: 100%;height: 0;width: 0;border-left: 26px solid transparent;border-right: 26px solid transparent;border-top: 7px solid #CCC;}


/* AGREE */
#main .agrUl01{margin-left: 1em; margin-bottom: 40px; padding-top: 16px;}
#main .agrUl01 li{margin-bottom: 16px; font-size: 15px; font-weight: bold; color: #666; line-height: 1.4;}
#main .agrUl01 li:before{content: "・";margin-left: -1em;}
#main .agrUl01 li .red{color: #C60000; font-weight: bold;}
#main .agrUl01 li .orange{color: #E26A4A; font-weight: bold;}

/* VIDEO */
#main .videoBox{margin-bottom: 24px; text-align: center;}
#main .vdoUl01{margin-bottom: 16px;}
#main .vdoUl01 li{ float: left; width: 98%; margin: 0 1% 16px; text-align: center;}
#main .vdoUl01 li a,
#main .vdoUl01 li span,
#main .vdoUl02 li a,
#main .vdoUl02 li span{display: block; padding: 16px 4px;border: 0;cursor: pointer;width: 100%; min-width: 8em;border-radius: 8px;background: #CCC;color: #FFF; font-weight: bold;box-shadow: 0 2px 2px rgba(0,0,0,0.2), 0 -4px 5px -2px #BBB inset;transition: .3s;}
#main .vdoUl01 li span,
#main .vdoUl02 li span,
#main .vdoUl01 li.passive a,
#main .vdoUl02 li.passive a{cursor:auto;pointer-events: none;}

#main .vdoUl01 li.active a{display:block; border: 0;cursor: pointer;width: 100%; min-width: 8em;border-radius: 8px;background: #E67F00;color: #FFF; font-weight: bold; box-shadow: 0 2px 2px rgba(0,0,0,0.2), 0 -4px 5px -2px #D96200 inset;transition: .3s;}
#main .vdoUl01 li.active a:hover{background: #BF6900;box-shadow: 0 1px 1px rgba(0,0,0,0.2);}
#main .vdoUl01 li.current a{display:block; border: 0;cursor: pointer;width: 100%; min-width: 8em;border-radius: 8px;background: #A65B00;color: #FFF; font-weight: bold; box-shadow: 0 2px 2px rgba(0,0,0,0.2), 0 -4px 5px -2px #A65B00 inset;transition: .3s;}

#main .vdoUl02{margin: 0 auto 16px;text-align: center;}
#main .vdoUl02 li{ display: inline-block;width: 48%; margin: 0 0.5%; text-align: center;}
#main .vdoUl02 li.active a{display: block; border: 0;cursor: pointer;width: 100%; min-width: 8em;border-radius: 8px;background: #FF4D4D;color: #FFF; font-weight: bold;box-shadow: 0 2px 2px rgba(0,0,0,0.2), 0 -4px 5px -2px #C60000 inset;transition: .3s;}
#main .vdoUl02 li.active a:hover{background: #C60000;}
#main .vdoUl02 li.end a:before{content: "【済】" ; }
#main .vdoUl02 li.end a{cursor:auto;pointer-events: none; background: #888;box-shadow: 0 0 0 rgba(0,0,0,0.0);}

/* REPORT */
#main .rptTbl{width: 100%; border-collapse: collapse; line-height: 1.4;}
#main .rptTbl .no,
#main .rptTbl .syllabus,
#main .rptTbl .report{text-align: center;white-space: nowrap;}
#main .rptTbl td.syllabus a,
#main .rptTbl td.report a{font-size: 11px; font-weight: bold; display: inline-block;}
#main .rptTbl td.syllabus .pre,
#main .rptTbl td.report .pre{font-size: 12px; font-weight: bold;color: #999;}
#main .rptTbl th{font-size: 13px;font-weight: bold; color: #3F505E;padding: 8px 4px; border: 1px solid #E2EAEF; vertical-align: middle; background: #F5F5F5;}
#main .rptTbl td{padding:8px 4px;border: 1px solid #E2EAEF; vertical-align: middle;}
#main .rptTbl td a{text-align: center;}
#main .rptTbl td a.btnGry{pointer-events: none;}
#main .rptTbl td a.hide{display: none;}
/*#main .rptTbl td a{display: block; text-align: center;border: 0;cursor: pointer;width: 100%; min-width: 8em;border-radius: 8px;background: #FF4D4D;color: #FFF; font-weight: bold;padding: 12px 8px;box-shadow: 0 2px 2px rgba(0,0,0,0.2), 0 -4px 5px -2px #C60000 inset;transition: .3s;}*/
/*#main .rptTbl td a:hover{background: #C60000;}*/

#main .lwUl01{text-align: left; line-height: 1.4; display: inline-block;}
#main .lwUl01 li{/**margin-bottom: 16px;**/ background: url(/mypage/img/ic_file.png) no-repeat left 1px; background-size: 24px 24px; padding: 2px 0 4px 30px; font-weight: 700;}
#main .lwUl01 li+li{margin-top: 16px;}
#main .lwUl01 li a{text-decoration: underline;color: #73A83A;font-weight: bold;}
#main .lwUl01 li a:hover{text-decoration: none;}


/* CARTIFICATE */
#main .ctfTbl{width: 100%; border-collapse: collapse; line-height: 1.4;}
#main .ctfTbl .no,
#main .ctfTbl .time,
#main .ctfTbl .certificate{text-align: center;white-space: nowrap;}
#main .ctfTbl td.time a,
#main .ctfTbl td.certificate a{font-size: 11px; font-weight: bold; display: inline-block;}
#main .ctfTbl td.time .pre,
#main .ctfTbl td.certificate .pre{font-size: 12px; font-weight: bold;color: #999;}
#main .ctfTbl th{font-size: 13px;font-weight: bold; color: #3F505E;padding: 8px 4px; border: 1px solid #E2EAEF; vertical-align: middle; background: #F5F5F5;}
#main .ctfTbl td{padding:8px 4px;border: 1px solid #E2EAEF; vertical-align: middle;}
#main .ctfTbl td a{color: #277FBE; text-decoration: underline; background: url(../img/ic_dwl.png) no-repeat left center; background-size: 16px 16px; padding-left: 20px;}
#main .ctfTbl td a:hover{color: #3297E1; text-decoration: none;}
#main .ctfTbl td.none01{border-left: none;border-right: none;border-bottom: none;}
#main .ctfTbl td.total{border-left: none; text-align: right;border-bottom: none; font-weight: bold; font-size: 13px; color: #999;}
#main .ctfTbl td.none02{border-right: none; border-bottom: none;}

#main .ctfDl01{text-align: center;border: 1px solid #194C70;}
#main .ctfDl01 dt{background: #194C70; color: #FFF; font-weight: bold; padding: 8px;}
#main .ctfDl01 dd{padding: 16px 8px;}



/* ACCOUNT */
#main .actTbl{width: 100%; border-collapse: collapse; line-height: 1.4; margin-bottom: 24px;}
#main .actTbl th{font-size: 13px;font-weight: bold; color: #3F505E;padding: 8px 8px 2px; display: block;}
#main .actTbl th span{font-weight: bold; font-size: 11px; color: #E74E33;}
#main .actTbl td{padding:2px 8px 8px; display: block; border-bottom: 1px solid #DDD;}
#main .actTbl td p{padding: 2px 0 0;}
#main .actTbl td a{color: #277FBE; text-decoration: underline;}
#main .actTbl td a:hover{color: #3297E1; text-decoration: none;}

#main .actTbl02{width: 100%; border-collapse: collapse; line-height: 1.4; margin-bottom: 24px;}
#main .actTbl02 th{font-size: 13px;font-weight: bold; color: #3F505E;padding: 8px 8px 2px; display: block;}
#main .actTbl02 th p{font-weight: bold; float: left;}
#main .actTbl02 th span{font-weight: bold; font-size: 11px; color: #E74E33; float: right;}
#main .actTbl02 td{padding:2px 8px 8px; display: block; border-bottom: 1px solid #DDD;}
#main .actTbl02 td p{padding: 2px 0 0;}
#main .actTbl02 td a{color: #277FBE; text-decoration: underline;}
#main .actTbl02 td a:hover{color: #3297E1; text-decoration: none;}


/*- 以下は予備として---*/


#main .tabNav{width: 100%; padding-top: 8px;}
#main .tabNav li{font-size: 11px; line-height: 1.3; float:left;text-align: center;width: 32.3%; margin: 0 0.5%; }
#main .tabNav li h2,
#main .tabNav li span,
#main .tabNav li a{ color: #999; display: block;background:#F5F9FA; text-align: center; padding: 16px 4px;font-weight: bold;box-shadow: 0 -2px 4px rgba(0,0,0,0.05),0 -2px 4px rgba(0,0,0,0.05) inset;}
#main .tabNav li.current h2,
#main .tabNav li.current span,
#main .tabNav li.current a{padding: 20px 4px;color: #3F505E; background: #FFF; border-top: 1px solid #1EAA38;margin-top: -8px;box-shadow: 0 -2px 4px rgba(0,0,0,0.05),0 -0 0 rgba(0,0,0,0.00) inset;}
#main .tabNav li a:hover{padding: 20px 4px;margin-top: -8px; color: #3F505E; background: #FFF;box-shadow: 0 -2px 4px rgba(0,0,0,0.05),0 -0 0 rgba(0,0,0,0.00) inset;}
#main .tabNavMl{width: 100%; padding-top: 8px;}
#main .tabNavMl li{font-size: 11px; line-height: 1.3; float:left;text-align: center;width: 19%; margin: 0 0.5%; }
#main .tabNavMl li h2,
#main .tabNavMl li span,
#main .tabNavMl li a{ color: #999; display: block;background:#F5F9FA; text-align: center; padding: 16px 4px;font-weight: bold;box-shadow: 0 -2px 4px rgba(0,0,0,0.05),0 -2px 4px rgba(0,0,0,0.05) inset;}
#main .tabNavMl li.current h2,
#main .tabNavMl li.current span,
#main .tabNavMl li.current a{padding: 20px 4px;color: #3F505E; background: #FFF; border-top: 1px solid #1EAA38;margin-top: -8px;box-shadow: 0 -2px 4px rgba(0,0,0,0.05),0 -0 0 rgba(0,0,0,0.00) inset;}
#main .tabNavMl li a:hover{padding: 20px 4px;margin-top: -8px; color: #3F505E; background: #FFF;box-shadow: 0 -2px 4px rgba(0,0,0,0.05),0 -0 0 rgba(0,0,0,0.00) inset;}

#main .cmnDl01{border: 1px solid #3F505E;}
#main .cmnDl01 .cd01Ttl{font-size: 13px; font-weight: bold; color: #FFF; background: #3F505E; padding:10px 8px;}
#main .cmnDl01 .cd01Dtl{padding: 8px; background: #FAFAFA;}
#main .cmnDl01 .cd01Dtl input[type="text"],
#main .cmnDl01 .cd01Dtl select{background: #FFF;}
#main .cmnDl01 .cd01Dtl input[type="text"]:focus,
#main .cmnDl01 .cd01Dtl select[type="text"]:focus{ background: #FAFAFA;}
#main .cmnDl01 .cd01Dtl .husTbl01 td{background: #FFF;}
#main .cmnDl01 .cd01Dtl .h301{border-left:none; margin-bottom: 16px; padding-top: 0;padding-bottom: 0;}
#main .cmnDl02 dt{font-size: 13px; font-weight: bold; color: #566475;margin-bottom: 4px;}
#main .cmnDl02 dd{margin-bottom: 16px;}
#main .cmnDl02 dd a{color: #277FBE; text-decoration: none;}
#main .cmnDl02 dd a:hover{color: #3297E1; text-decoration: underline;}
#main .cmnDl02 dd.pasMail{line-height: 1.6;}
#main .cmnDl02 dd.pasMail .passMail{font-weight:bold;font-size:20px;}
#main .cmnDl02 dd.pasMail .passAns{font-weight:bold; color:#C00; font-size:26px;}
#main .cmnDl02 dd.pasMail .passAtt{color:#666; font-size:12px; padding-top: 16px;}
#main .cmnDl03 {margin-bottom: 24px;}
#main .cmnDl03 dt{font-weight: bold; color: #566475;margin-bottom: 8px;}

#main .cmnTbl01{width: 100%; border-collapse: collapse; line-height: 1.4;}
#main .cmnTbl01 th{font-size: 13px;font-weight: bold; color: #3F505E;padding: 8px 8px 2px; display: block;}
#main .cmnTbl01 th span{font-weight: bold; font-size: 11px; color: #E74E33;}
#main .cmnTbl01 td{padding:2px 8px 8px; display: block;}
#main .cmnTbl01 td a{color: #277FBE; text-decoration: underline;}
#main .cmnTbl01 td a:hover{color: #3297E1; text-decoration: none;}
#main .cmnTbl02{width: 100%; border-collapse: collapse; line-height: 1.4;}
#main .cmnTbl02 th{font-size: 13px;font-weight: bold; color: #3F505E;background: #F5F9FA;padding:8px 4px;border-top: 1px solid #DDD; border-bottom:1px solid #DDD; }
#main .cmnTbl02 td{padding:8px 4px;border-bottom:1px dotted #BBB; vertical-align: middle;}
#main .cmnTbl02 td a{color: #277FBE; text-decoration: underline;}
#main .cmnTbl02 td a:hover{color: #3297E1; text-decoration: none;}
#main .cmnTbl02 td.mslist a{display: inline-block; text-decoration: none; font-size: 11px; border: 1px solid #DDD; background: #F0F0F0; color: #666; padding: 4px 8px; text-shadow: 1px 1px 0 #FFF;}
#main .cmnTbl02 td.mslist a:hover{background:#E0E0E0;}

#main table tr.bgGr{background:#F4FDF4;}
#main table tr.bgGr th{color:#369C2E;padding-left:10px;}
#main table tr.bgGrey{background:#F6F6F6;}

#main table td input#telSer{width: 100px; text-align: center;padding: 4px 2px; border:1px #DDD solid; background:#999;font-size:13px;color:#FFF; font-weight:bold;cursor: pointer;}
#main table td input#telSer:hover{background:#333;}

#main .tblScrl{margin-bottom: 16px;}
#main .tblScrl table{display: block;overflow-x: scroll;white-space: nowrap;-webkit-overflow-scrolling: touch;}
#main .dateBox li{margin-bottom: 4px;}

/* HOUSING */
#main .husTbl01{width: 100%; border-collapse: collapse; line-height: 1.4;}
#main .husTbl01 th{font-size: 13px;font-weight: bold; color: #3F505E;padding: 8px 4px 2px; display: block;}
#main .husTbl01 td{padding:2px 4px 8px; display: block;}
#main .husTbl01 .bgPink{color:#E74E33;}
#main .husTbl01 .bgYellow{color:#F39D00;}
#main .husTbl01 td strong{font-size: 13px;}
#main .mapSerch{margin-bottom: 16px;}
#main .mapSerch #addressBtn{cursor: pointer; padding: 4px 8px; font-weight: bold; color: #666;}
#main .mapSerch #addressBtn:hover{background: #CCC; border: 2px solid #CCC;}
#main #map_canvas{margin-bottom: 16px;}
#main .husTbl02{width: 100%; border-collapse: collapse; line-height: 1.4;}
#main .husTbl02 th{font-size: 13px;font-weight: bold; color: #3F505E;background: #F5F9FA;padding:8px 4px;border-top: 1px solid #DDD; border-bottom:1px solid #DDD; }
#main .husTbl02 td{padding:8px 4px;border-bottom:1px dotted #BBB;}
#main .husTbl02 td a{color: #277FBE; text-decoration: underline;}
#main .husTbl02 td a:hover{color: #3297E1; text-decoration: none;}
#main .feBox li{margin-bottom:16px;}
#main .feBox li dl dt{margin-bottom: 2px; font-weight: bold; color: #566475; font-size: 13px;}
#main .feBox li dl dd{padding: 4px 8px;}
#main .editMsg{margin:0 auto 15px; font-weight:bold; font-size: 13px; background:#FBE8E6; width:98%; padding:8px 4px; text-align:center; border:1px #F0C0BB solid;}
#main .fileUpload{margin:0 auto 20px;}
#main .fileUpload .fuBox li{margin-bottom:16px;}
#main .fileUpload .fuBox li p{margin-bottom: 2px; font-weight: bold; color: #566475; font-size: 13px;}
#main .fileUpload .fuBox li dl{display: table;}
#main .fileUpload .fuBox li dl dt,
#main .fileUpload .fuBox li dl dd{display: table-cell; vertical-align: middle; padding: 4px 8px;}
#main .fileUpload .fuBox li dl dd label{display: block; padding-top: 4px;}
#main #li_housing li{float:left; font-size: 13px; margin:0 16px 16px 0; font-weight:bold; background:#F1F1F1; padding:8px 10px; -webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;position:relative;}
#main #li_housing li button{border:none;cursor:pointer;margin:0 3px 0 0;padding:2px 4px 3px;color:#FFF;font-size:10px;line-height:100%;position:absolute;top:-5px;right:-5px;background:#C00;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
#main .husTbl02 .addTd button{color:#FFF;font-weight:bold;font-size:12px;padding:4px 0;width:4.5em;cursor:pointer;}
#main .husTbl02 .addTd button.add{background:#FF4D4D;border:1px solid #D00000;}
#main .husTbl02 .addTd button.add:hover{background:#DD0000;}
#main .husTbl02 .addTd button.added{background:#00A3D9;border:1px solid #007095;}
#main .husTbl02 .addTd button.added:hover{background:#00759B;}
#main .husTbl02 .addTd button.added:hover{background:#00759B;}

/* FACITATOR */
#main #panel > dt{border:#DDD 1px solid;margin:0 auto 10px;background:#F6F6F6;font-size: 14px;font-weight: bold;cursor: pointer; padding: 16px;}
#main #panel > dt:hover{background:#EDEDED;}
#main #panel > dt span{color:#F30;font-weight:bold;line-height:1;}
#main .cusTbl01{width: 100%; border-collapse: collapse; line-height: 1.4;}
#main .cusTbl01 th{font-size: 12px;font-weight: bold; color: #3F505E;background: #F5F9FA;padding:6px 4px;border:1px solid #DDD; white-space: nowrap;vertical-align: middle;}
#main .cusTbl01 td{padding:6px 4px;border:1px solid #DDD;vertical-align: middle;}
#main .cusTbl01 td a{color: #277FBE; text-decoration: underline;}
#main .cusTbl01 td a:hover{color: #3297E1; text-decoration: none;}
#main .cusTbl01 td input[type="checkbox"]{cursor: pointer;}
#main .cusTbl01 th.cstb01,
#main .cusTbl01 td.cstb01{width: 1em;}
#main .cusTbl01 th.cstb02,
#main .cusTbl01 td.cstb02{width: 1em;}
#main .cusTbl01 th.cstb04,
#main .cusTbl01 td.cstb04{min-width: 10em;}
#main .cusTbl01 th.cstb05,
#main .cusTbl01 td.cstb05{min-width: 10em;}
#main .cusTbl01 th.cstb03,
#main .cusTbl01 td.cstb03{width: 10em;}
#main .cusTbl01 th.cstb06,
#main .cusTbl01 td.cstb06{width: 10em;}
#main .cusTbl01 th.cstb07,
#main .cusTbl01 td.cstb07{width: 3.5em; text-align: center; font-size: 13px;}
#main .cusTbl01 td.cstb08{word-break: break-all;}
#main .cusTbl01 th.taC,
#main .cusTbl01 td.taC{text-align: center;}
#main .cusTbl01 th.bbN,
#main .cusTbl01 td.bbN{border-bottom:none;}
#main .cusTbl01 th.btD,
#main .cusTbl01 td.btD{border-top:1px dotted #BBB;}
#main .cusTbl01 td.csA{font-weight: bold; font-size: 12px; color: #FF4D4D; background: #FBE9E9;}
#main .cusTbl01 td.csB{font-weight: bold; font-size: 12px; color: #3BAC32; background: #E7F3E6;}
#main .cusTbl01 td.csC{font-weight: bold; font-size: 12px; color: #0085B2; background: #D5EBEC;}
#main .cusTbl01 td.csD{font-weight: bold; font-size: 12px; color: #999999; background: #EEEEEE;}
#main .crArea{margin-bottom:24px;}
#main .crArea .crBox{margin-bottom:16px;}
#main .crArea .crBox .crbTtl{background:#F4FDF4; border-top:1px solid #DDD; border-bottom:1px dotted #BBB; padding:16px 8px; margin-bottom:8px;}
#main .crArea .crBox .crbTtl dl{float:left;}
#main .crArea .crBox .crbTtl dl dt{float:left; color:#39A931; width:6em; font-size: 13px; padding-top: 2px;}
#main .crArea .crBox .crbTtl dl dd{float:left; font-weight:bold;}
#main .crArea .crBox .crbTtl p{float:right; font-size: 13px; padding-top: 2px;}
#main .crArea .crBox .crbDetail{padding:0 10px; line-height: 1.6;}

/* OWNER */
#owner #main .ssc{font-size: 12px; font-weight: bold; padding: 2px 6px; display: inline-block; color: #FFF; background: rgb(153, 204, 255);}
#owner #main .swn{font-size: 12px; font-weight: bold; padding: 2px 12px; display: inline-block; color: #FFF; background: rgb(203, 50, 40);}
#owner #main .hsn{font-size: 12px; font-weight: bold; padding: 2px 6px; display: inline-block; color: #FFF; background: #CCC;}

/* MEDITATION */
#main.meditationTab h2{font-weight: bold;}
#main.meditationTab .tab li{float: left; width: 50%;}
#main.meditationTab .tab li a{font-size: 14px; color: #999; display:block; padding: 16px 8px; border: 1px solid #EBEBEB; border-bottom: none;font-weight: bold;background: #f0f0f0; text-align: center;}
#main.meditationTab .tab li a:hover{background: #FFF; color: #3BAC32; text-decoration: none;}
#main.meditationTab .tab li.current a,
#main.meditationTab .tab li.active a{border-bottom: 1px solid #FFF;background: #FFF; border-top:1px solid #3BAC32; color: #3BAC32;}
#main.meditationTab .boxInner{display: none;}
#main.meditationTab .boxInner.active {display: block;}
#main.meditationTab .boxInner .tabBox{margin-bottom: 24px;}
#main.meditationTab .mdtTbl01{width: 100%; border-collapse: collapse; line-height: 1.4;}
#main.meditationTab .mdtTbl01 th{font-weight: bold; color: #3F505E;background: #F5F9FA;padding:8px 4px;border:1px solid #DDD; font-size: 12px; vertical-align: middle; text-align: center;}
#main.meditationTab .mdtTbl01 th.ad{font-size: 11px;}
#main.meditationTab .mdtTbl01 td{border:1px #DDD solid;text-align: center; padding: 8px 4px;}
#main.meditationTab .mdtTbl01 td a{color: #277FBE; text-decoration: underline;}
#main.meditationTab .mdtTbl01 td a:hover{color: #3297E1; text-decoration: none;}
#main.meditationTab .mdtTbl01 span{font-size: 11px;}
#main.meditationTab .mdtTbl01 .taL{text-align: left;}
#main.meditationTab .mdtTbl01 .taR{text-align: right;}
#main.meditationTab .mdtTbl01 .bkct{font-size: 11px; color: #999;}
#main.meditationTab .mdtTbl01 .yen{font-size: 10px;}
#main.meditationTab .mdtTbl01 .date{font-size: 11px;}
#main.meditationTab .mdtTbl01 .pbls{font-weight: bold; color: #FFF;background: #3A98D7; display: inline-block; padding: 4px 2px; width: 4.5em;}
#main.meditationTab .mdtTbl01 .unpb{font-weight: bold; color: #FFF;background: #999999; display: inline-block; padding: 4px 2px; width: 4.5em;}
#main.meditationTab .mdtTbl01 .stop{font-weight: bold; color: #FFF;background: #E44A44; display: inline-block; padding: 4px 2px; width: 4.5em;}
#main.meditationTab .mdtTbl01 .puse{font-weight: bold; color: #FFF;background: #F19A36; display: inline-block; padding: 4px 2px; width: 4.5em;}
#main.meditationTab .mdtTbl01 .alrd{font-weight: bold; color: #FFF;background: #2BBB9B; display: inline-block; padding: 4px 2px; width: 4.5em;}
#main.meditationTab .mdtTbl01 .fnsh{font-weight: bold; color: #FFF;background: #364A5C; display: inline-block; padding: 4px 2px; width: 4.5em;}
#main.meditationTab .mdtTbl01 .othr{font-weight: bold; color: #FFF;background: #8A47A7; display: inline-block; padding: 4px 2px; width: 4.5em;}
#main.meditationTab .mdtTbl01 .appl{font-weight: bold; color: #FFF;background: #DC73FF; display: inline-block; padding: 4px 2px; width: 4.5em;}
#main.meditationTab .mdtTbl01 .ippn{font-size: 12px; color: #93A3A4;}
#main.meditationTab .mdtTbl01 .ddct{font-size: 12px; color: #3A98D7;}
#main.meditationTab .mdtTbl01 .excv{font-size: 12px; color: #33AD65;}
#main.meditationTab .mdtBox{padding: 16px 8px; text-align: center;}
#main .mdtHis li{margin-bottom: 14px; padding-bottom: 14px; border-bottom: 1px dotted #CCC; line-height: 1.4;}
#main .mdtHis li .mdtHisTtl{margin-bottom: 6px;}
#main .mdtHis li .mdtHisTtl .date{font-size: 12px; color: #666;}
#main .mdtHis li .mdtHisTtl h4{font-weight: bold; font-size: 15px; margin-bottom: 8px; color: #3F505E;}
#main .mdtHis li .mdtHisTtl .tnt{font-size: 13px; color: #666;}
.mdtH1{width: 100%; background: #3BAC32; color: #FFF; font-weight: bold; font-size: 15px; padding:16px 4px; margin-bottom: 16px;}
#mediationSearch ul{width: 96%; margin: 0 auto 16px;}
#mediationSearch ul li.input{margin-bottom: 8px;}
#mediationSearch ul li.input input{padding: 4px 8px; width: 100%; border: 1px solid #CCC; background: #FAFAFA;box-shadow: none;transition: all 0.5s; font-size: 16px;}
#mediationSearch ul li.input input:focus{background: #FDFDFD; border: 1px solid #E67F00;box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2);outline: none;}
#mediationSearch ul li.btn input{display:block; border: 0;cursor: pointer;width: 100%; min-width: 8em;border-radius: 8px;background: #E67F00;color: #FFF; font-weight: bold; padding: 8px 8px;box-shadow: 0 2px 2px rgba(0,0,0,0.2), 0 -4px 5px -2px #D96200 inset;transition: .3s;}
#mediationSearch ul li.btn input:hover{background: #F39D00;box-shadow: 0 1px 1px rgba(0,0,0,0.2);}
#mediationSearch dl{width: 96%; margin: 0 auto 30px; padding-bottom: 20px;}
#mediationSearch dl dt{font-weight:bold;border-bottom:2px solid #3BAC32;padding-bottom:3px;margin-bottom:3px;color:#3BAC32;}
#mediationSearch dl dd{text-align:left;padding:8px 10px;border-bottom:1px dotted #CCC;overflow: hidden;}
#mediationSearch dl dd a{color: #277FBE; text-decoration: underline;}
#mediationSearch dl dd a:hover{color: #3297E1; text-decoration: none;}

/* URIAGE */
#main .boxInner.urgBox{border: 1px solid #3F505E; margin-bottom: 24px;}
#main .boxInner.urgBox .h301{font-size:15px;color: #FFF;font-weight: bold;background: #3F505E; border: none;padding:14px 4px 14px 14px; margin:-16px -8px 14px -8px;}
#main .boxInner.urgBox .urTotal{width:99%; margin: 0 auto 8px; border-collapse: collapse; border: 1px solid #DDD;}
#main .boxInner.urgBox .urTotal th{border: 1px solid #DDD; font-weight: bold; background: #FFBFBF; padding:16px 10px; text-align: center;width: 8em; font-size: 13px;}
#main .boxInner.urgBox .urTotal td{border: 1px solid #DDD; font-weight: bold;padding: 16px 24px;}
#main .boxInner.urgBox .urBox .urUserBox{margin-bottom: 48px;}
#main .boxInner.urgBox .urBox .urUserBox.border{padding-bottom: 48px; border-bottom: 3px double #3F505E;}
#main .boxInner.urgBox .urBox .urUserBox dl{background: #EEE; font-weight: bold; padding: 3px 10px; margin-bottom: 10px; display: table; width: 100%;}
#main .boxInner.urgBox .urBox .urUserBox dl dt{width: 50px; display: table-cell;vertical-align: middle;}
#main .boxInner.urgBox .urBox .urUserBox dl dd{display: table-cell;vertical-align: middle; padding-left: 10px; font-weight: bold; color: #3F505E;}
#main .boxInner.urgBox .urBox .urUserBox dl dt img{width: 100%; border-radius: 50%;}
#main .boxInner.urgBox .urBox .urUserBox ul li{float: left; margin:0 8px 2px 0;}
#main .is-fixed{position: fixed;top: 60px;left: 0;width: 100%;z-index: 1;background: #FFF;margin-right: 80px;}

#main .urgTbl01{width: 100%; border-collapse: collapse; line-height: 1.4;border: 1px solid #DDD; margin-bottom: 16px;}
#main .urgTbl01 th{font-size: 13px;font-weight: bold; text-align: center;white-space: nowrap;color: #3F505E;background: #F5F9FA;padding:8px 4px;border: 1px solid #DDD;}
#main .urgTbl01 td.urgName{font-weight: bold; background: #F8F8F8; text-align: left; white-space: nowrap; font-size: 14px;}
#main .urgTbl01 td{text-align: center; padding:4px 4px;border:1px solid #DDD; vertical-align: middle;}
#main .urgTbl01 td .iptSs{width: 2em; padding: 8px;}
#main .urgTbl01 td .iptS{width: 4em; text-align: center;}
#main .urgTbl01 td .iptL{padding:6px 8px; background: #FAFAFA;text-align: center;}
#main .urgTbl01 td .iptLS{padding:6px 8px; background: #FAFAFA;text-align: left; width: calc(100% - 2em);}
#main .urgTbl01 .trgtTotalS{background: #E8F3E7; text-align: left; vertical-align: middle; font-weight: bold; font-size: 14px;}
#main .urgTbl01 .trgtTotal{background: #FBDEDE;text-align: left; vertical-align: middle;font-weight: bold;}
#main .urgTbl01 .totalS{font-weight: bold; font-size: 16px; padding: 10px;text-align: left;}
#main .urgTbl01 .total{font-weight: bold; font-size: 18px; padding: 10px;text-align: left;}
#main .urgHead td{padding: 8px;}
#main .urgHead select{font-size: 16px;}


/* *********************************
/* 100:RESPONSIVE
*********************************** */
@media screen and (min-width: 480px) {

}
@media screen and (min-width: 640px) {
#main .lwNav li{width: 48%; margin: 0 1% 16px;}
}

@media screen and (min-width: 768px) {
.spNone{display: block;}
.pcNone{display: none;}
/* LAYOUT */
br.sp{display: none;}
#header{position: relative;padding: 8px 14px 8px 10px; z-index: 2;}
#header .headInner{width: 100%; max-width: 1120px; margin: 0 auto;}
#header .h1{float: left;padding-left: 0; max-width: 240px;}
#header .h1.spNone{display: block;}
#header .h1.pcNone{display: none;}
#header button{display: none;}
#header .hadR li.ccn{display: table-cell;}
#header .hadR li.lgoPc{display: block;}
#header .hadR li.lgoSp{display: none;}
#wrap .pcNav{display: table;}
#wrap{overflow: hidden; padding: 24px 8px 24px; width: 100%; max-width: 1136px; margin: 0 auto;}
#content{margin-right: 240px;}
#main{margin: 0 auto 24px; width: 100%; /*max-width: 1600px;*/ font-size: 15px;}
.drawer-nav #nav{display: none;}

/* TOP */
#main .NewsUl li dl{display: table;}
#main .NewsUl li dl dt,
#main .NewsUl li dl dd{display: table-cell; padding: 4px 8px;}
#main .lwNav li{width: 24%; margin: 0 0.5% 24px;}

/* ATTENDANCE */
#main .atdUl .atdLi{width: 49%; margin: 0 0.5% 24px;}

/* ACCOUNT */
#main .actTbl th{font-size: 14px;}

/* PAGES */
#main .h301{font-size:16px;padding:14px 0 14px 16px; margin:0 0 14px -16px;}
#main .boxInner{padding: 16px;}


#main .cmnTbl01 th{font-size: 14px;}
#main input[type="text"],#main input[type="date"],#main input[type="password"],
#main select,#main textarea{padding:4px 8px; font-size: 15px;}
#main .tblScrl table{display: table;overflow-x: visible;white-space:normal;-webkit-overflow-scrolling:auto;}
#main .dateBox{display: table;}
#main .dateBox li{display: table-cell; padding-right: 0.5em; margin-bottom: 0;}
#main .btnDbl{overflow: hidden;}
#main .btnDbl li{width: 48%; margin: 0 1%; float: left;}

#main .vdoUl01{margin-bottom: 24px;}
#main .vdoUl02{margin: 0 auto 40px;}
#main .vdoUl01 li{ width: 31%; margin: 0 1% ;}
#main .vdoUl02 li{width: 31%; margin: 0 1%;}


}

@media screen and (min-width:980px) {
/* LAYOUT */


/* PAGES */
#main .tabNav li{font-size: 14px;}
#main .tabNavMl li{font-size: 13px;}

/* ACCOUNT */
#main .actTbl th{width: 10em;}
#main .actTbl th,#main .actTbl td{padding:8px 8px; display: table-cell; border-bottom: 1px dotted #CCC;vertical-align: middle;}
#main .actTbl .vaT{vertical-align: top; padding-top: 16px;}
#main .actTbl td p{padding: 8px 0;}

#main .actTbl02 th{width: 18em;}
#main .actTbl02 th,#main .actTbl02 td{padding:8px 8px; display: table-cell; border-bottom: 1px dotted #CCC;vertical-align: middle;}
#main .actTbl02 td p{padding: 8px 0;}

#main .cmnTbl01 th{width: 10em;}
#main .cmnTbl01.thW th{width: 13em;}
#main .cmnTbl01 th,#main .cmnTbl01 td{padding:14px 8px; display: table-cell; border-bottom: 1px dotted #CCC;vertical-align: middle;}
#main .cmnTbl01 tr:first-child th,#main .cmnTbl01 tr:first-child td{padding:8px 8px 14px;}
#main .cmnTbl01 tr:last-child th,#main .cmnTbl01 tr:last-child td{border-bottom: none;padding:14px 8px 8px;}
#main .cmnTbl01 .vaT{vertical-align: top; padding-top: 16px;}

/* HOUSING */
#main .husTbl01 th{background: #F5F9FA; vertical-align: middle;}
#main .husTbl01 th,#main .husTbl01 td{padding:6px; display: table-cell; border: 1px solid #DDD;}
#main .husTbl01 .bgPink{background:#FFDDDD; color: #3F505E;}
#main .husTbl01 .bgYellow{background:#FFFFE6; color: #3F505E;}
#main .feBox li{float:left; width:48%; margin: 0 auto 16px;}
#main .fileUpload .fuBox li{float:left; width:48%; margin: 0 auto 16px;}

/* URIAGE */
#main .urgTbl01 td.urgName{padding-right: 8em;}

}

@media screen and (max-width:768px) {
/* *********************************
/* 200:DWAWER
*********************************** */
/* DRAWER-NAV INNER */
.drawer-nav .inner .spMhead{padding: 15px 0;}
.drawer-nav .inner .spMhead p{width: 120px; margin: 0 auto;}
.drawer-nav .inner .spMhead p img{width: 100%; height: auto;}
.drawer-nav .inner .sb-menu{text-align: left;border-top:1px solid #188FBB;border-bottom: 1px solid #32AAD5; margin-bottom: 10px;}
.drawer-nav .inner .sb-menu li{ border-top:1px solid #32AAD5;border-bottom: 1px solid #188FBB;}
.drawer-nav .inner .sb-menu li a{color: #FFF; display: block; padding: 15px 5px; font-weight: bold; font-size: 14px;}
.drawer-nav .inner .sb-menu01{display: table; width: 98%; margin: 0 auto 10px;}
.drawer-nav .inner .sb-menu01 li{display: table-cell; padding: 0 5px; width: 50%; font-size: 12px;}
.drawer-nav .inner .sb-menu01 li a{display: block; border: 3px solid #FFF; padding: 12px 0; color: #FFF; font-weight: bold;}
.drawer-nav .inner .sb-menu02{width: 98%; margin: 0 auto 20px; padding-bottom: 20px;}
.drawer-nav .inner .sb-menu02 li{padding: 0 5px;font-size: 11px;}
.drawer-nav .inner .sb-menu02 li a{display: block; background: #FFF;padding: 15px 0; color: #1BA0D0; font-weight: bold;}

/* DRAWER.CSS */
.drawer-open{overflow:hidden!important}
.drawer-nav{position:fixed;z-index:9999;top:0;overflow:hidden;width:16.25rem;height:100%;color:#FFF;background-color:#194C70;}
.drawer-brand{font-size:1.5rem;font-weight:700;line-height:3.75rem;display:block;padding-right:.75rem;padding-left:.75rem;text-decoration:none;color:#222}
.drawer-menu{margin:0;padding:0;list-style:none}.drawer-menu-item{font-size:1rem;display:block;padding:.75rem;text-decoration:none;color:#222}
.drawer-menu-item:hover{text-decoration:underline;color:#555;background-color:transparent}
.drawer-overlay{position:fixed;z-index:12;top:0;left:0;display:none;width:100%;height:100%;background-color:rgba(0,0,0,.2)}
.drawer-open .drawer-overlay{display:block}
.drawer--top .drawer-nav{top:-100%;left:0;width:100%;height:auto;max-height:100%;-webkit-transition:top .6s cubic-bezier(.19,1,.22,1);transition:top .6s cubic-bezier(.19,1,.22,1)}
.drawer--top.drawer-open .drawer-nav{top:0}.drawer--top .drawer-hamburger,.drawer--top.drawer-open .drawer-hamburger{right:0}
.drawer--left .drawer-nav{left:-16.25rem;-webkit-transition:left .6s cubic-bezier(.19,1,.22,1);transition:left .6s cubic-bezier(.19,1,.22,1)}
.drawer--left .drawer-hamburger,.drawer--left.drawer-open .drawer-nav,.drawer--left.drawer-open .drawer-navbar .drawer-hamburger{left:0}
.drawer--left.drawer-open .drawer-hamburger{left:16.25rem}
.drawer--right .drawer-nav{right:-16.25rem;-webkit-transition:right .6s cubic-bezier(.19,1,.22,1);transition:right .6s cubic-bezier(.19,1,.22,1)}
.drawer--right .drawer-hamburger,.drawer--right.drawer-open .drawer-nav,.drawer--right.drawer-open .drawer-navbar .drawer-hamburger{right:0}
.drawer--right.drawer-open .drawer-hamburger{right:16.25rem}
.drawer-hamburger-icon,.drawer-hamburger-icon:after,
.drawer-hamburger-icon:before{background-color:#E26A4A;}
.drawer-hamburger{position:fixed;z-index:4;top:0;display:block;box-sizing:content-box;width:2rem;padding:0;padding:27px .75rem 30px;-webkit-transition:all .6s cubic-bezier(.19,1,.22,1);transition:all .6s cubic-bezier(.19,1,.22,1);-webkit-transform:translateZ(0);transform:translateZ(0);border:0;outline:0;background-color:transparent}
.drawer-hamburger:hover{cursor:pointer;background-color:transparent}
.drawer-hamburger-icon{position:relative;display:block;margin-top:8px}
.drawer-hamburger-icon,.drawer-hamburger-icon:after,
.drawer-hamburger-icon:before{width:100%;height:2px;-webkit-transition:all .6s cubic-bezier(.19,1,.22,1);transition:all .6s cubic-bezier(.19,1,.22,1);}
.drawer-hamburger-icon:after,.drawer-hamburger-icon:before{position:absolute;top:-10px;left:0;content:" "}
.drawer-hamburger-icon:after{top:8px}
.drawer-open .drawer-hamburger-icon{background-color:transparent}
.drawer-open .drawer-hamburger-icon:after,.drawer-open .drawer-hamburger-icon:before{top:0}
.drawer-open .drawer-hamburger-icon:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.drawer-open .drawer-hamburger-icon:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.sr-only{position:absolute;overflow:hidden;clip:rect(0,0,0,0);width:1px;height:1px;margin:-1px;padding:0;border:0}
.sr-only-focusable:active,.sr-only-focusable:focus{position:static;overflow:visible;clip:auto;width:auto;height:auto;margin:0}
.drawer--sidebar,.drawer--sidebar .drawer-contents{background-color:#fff}

}

@media (min-width:64em){
.drawer-hamburger{padding:25px .75rem 30px;}
.drawer--sidebar .drawer-hamburger{display:none;visibility:hidden}
.drawer--sidebar .drawer-nav{display:block;-webkit-transform:none;transform:none;position:fixed;width:12.5rem;height:100%}
.drawer--sidebar.drawer--left .drawer-nav{left:0;border-right:1px solid #ddd}
.drawer--sidebar.drawer--left .drawer-contents{margin-left:12.5rem}
.drawer--sidebar.drawer--right .drawer-nav{right:0;border-left:1px solid #ddd}
.drawer--sidebar.drawer--right .drawer-contents{margin-right:12.5rem}
.drawer--sidebar .drawer-container{max-width:48rem}
}

@media (min-width:75em){
.drawer-hamburger{padding:25px .75rem 30px;}
.drawer--sidebar .drawer-nav{width:16.25rem}
.drawer--sidebar.drawer--left .drawer-contents{margin-left:16.25rem}
.drawer--sidebar.drawer--right .drawer-contents{margin-right:16.25rem}
.drawer--sidebar .drawer-container{max-width:60rem}
}

.drawer--navbarTopGutter{padding-top:3.75rem}
.drawer-navbar .drawer-navbar-header{border-bottom:1px solid #ddd;background-color:#fff}
.drawer-navbar{z-index:3;top:0;width:100%}.drawer-navbar--fixed{position:fixed}
.drawer-navbar-header{position:relative;z-index:3;box-sizing:border-box;width:100%;height:3.75rem;padding:0 .75rem;text-align:center}
.drawer-navbar .drawer-brand{line-height:3.75rem;display:inline-block;padding-top:0;padding-bottom:0;text-decoration:none}
.drawer-navbar .drawer-brand:hover{background-color:transparent}
.drawer-navbar .drawer-nav{padding-top:3.75rem}
.drawer-navbar .drawer-menu{padding-bottom:7.5rem}

@media (min-width:64em){
.drawer-navbar{height:3.75rem;border-bottom:1px solid #ddd;background-color:#fff}
.drawer-navbar .drawer-navbar-header{position:relative;display:block;float:left;width:auto;padding:0;border:0}
.drawer-navbar .drawer-menu--right{float:right}
.drawer-navbar .drawer-menu li{float:left}
.drawer-navbar .drawer-menu-item{line-height:3.75rem;padding-top:0;padding-bottom:0}
.drawer-navbar .drawer-hamburger{display:none}
.drawer-navbar .drawer-nav{position:relative;left:0;overflow:visible;width:auto;height:3.75rem;padding-top:0;-webkit-transform:translateZ(0);transform:translateZ(0)}
.drawer-navbar .drawer-menu{padding:0}
.drawer-navbar .drawer-dropdown-menu{position:absolute;width:16.25rem;border:1px solid #ddd}
.drawer-navbar .drawer-dropdown-menu-item{padding-left:.75rem}
}
.drawer-dropdown-menu{display:none;box-sizing:border-box;width:100%;margin:0;padding:0;background-color:#fff}
.drawer-dropdown-menu>li{width:100%;list-style:none}
.drawer-dropdown-menu-item{line-height:3.75rem;display:block;padding:0;padding-right:.75rem;padding-left:1.5rem;text-decoration:none;color:#222}
.drawer-dropdown-menu-item:hover{text-decoration:underline;color:#555;background-color:transparent}
.drawer-dropdown.open>.drawer-dropdown-menu{display:block}
.drawer-dropdown .drawer-caret{display:inline-block;width:0;height:0;margin-left:4px;-webkit-transition:opacity .2s ease,-webkit-transform .2s ease;transition:opacity .2s ease,-webkit-transform .2s ease;transition:transform .2s ease,opacity .2s ease;transition:transform .2s ease,opacity .2s ease,-webkit-transform .2s ease;-webkit-transform:rotate(0deg);transform:rotate(0deg);vertical-align:middle;border-top:4px solid;border-right:4px solid transparent;border-left:4px solid transparent}
.drawer-dropdown.open .drawer-caret{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.drawer-container{margin-right:auto;margin-left:auto}
@media (min-width:64em){.drawer-container{max-width:60rem}}
@media (min-width:75em){.drawer-container{max-width:70rem}}



@media print{
body{width: 1200px;}
body#home{width: 100%;}
#spHeader{display: none;}
.drawer-nav{display: none;}
}

/* *********************************
/* 888:EXAMPLE
*********************************** */

/* HEIGHT ADJUST 
#topRcmd .slickBox ul{display:-webkit-box;display:-moz-box;display:-ms-box;display:-webkit-flexbox;display:-moz-flexbox;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
*/

/*テキストシャドウ 
{text-shadow:1px 1px 3px #000;}
*/

/*ボックスシャドウ 
{-moz-box-shadow:1px 1px 3px #000;-webkit-box-shadow:1px 1px 3px #000;box-shadow:1px 1px 3px #000;}
*/

/*ボックスシャドウ内側 
{-moz-box-shadow:inset 1px 1px 3px #000;-webkit-box-shadow:inset 1px 1px 3px #000;box-shadow:inset 1px 1px 3px #000;}
*/

/*角丸
{ -webkit-border-radius:10px;-moz-border-radius:10px; border-radius:10px;}
*/

/*トランジション 
{-webkit-transition:1.5s;-moz-transition:1.5s;-o-transition:1.5s;transition:1.5s;}
*/

/*透明 
{filter:alpha(opacity=25);-moz-opacity:0.25;opacity:0.25;}
*/

/*背景のみ透明
{background-color:rgba(255,255,255,0.2);}
*/


/* *********************************
/* 999:CLEARFIX
*********************************** */
.clearfix:after{content:".";display:block;clear:both;height:0;visibility:hidden;}
.clearfix{min-height:1px;}
* html .clearfix{height:1px;}