@charset "utf-8";


/*------------------------------------*\
    common
\*------------------------------------*/


body {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #000000;
    -webkit-text-size-adjust: 100%; /* iOSでの文字サイズの自動調整オフ */
}
body, textarea {
    font-family: "メイリオ","meiryo", "ＭＳ Ｐゴシック",sans-serif;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
}
h1, h2, h3, h4, h5, h6, input, select, textarea {
    font-size: 100%;
}
a, label {
    cursor: pointer;
}
address, optgroup, cite {
    font-style: normal;
}
body, div, h1, h2, h3, h4, h5, h6, p, img, ul, ol, li, dl, dt, dd, table, th, td, caption, blockquote, pre, address, form, fieldset, legend, iframe {
    border: medium none;
    margin: 0;
    outline: medium none;
    padding: 0;
}

li {
    list-style-position: outside;
}
ul li {
    list-style-type: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}
th, td {
    border: 1px solid #000000;
    text-align: left;
    vertical-align: top;
}
textarea {
    overflow: auto;
    width: 99%;
}
sup {
    bottom: 0.7em;
    font-size: 71.5%;
    position: relative;
    vertical-align: baseline;
}
sub {
    font-size: 71.5%;
    position: relative;
    top: 0.1em;
    vertical-align: baseline;
}
hr {
    border: solid 1px #3399FF;
}
.dotline{
    border: dashed 1px #3399FF;
}
body {
    font-size: 16px;
}
body, input, textarea, legend {
    color: #000000;
}
a, a img {
    border: medium none;
}
a:link {
    color: #330000;
    text-decoration: none;
}
a:visited {
    color: #330000;
    text-decoration: none;
}
a:hover {
    background-color: rgba(0, 0, 0, 0);
    color: #002C92;
    text-decoration: underline;
}
a:hover img {
    opacity: 0.8;
}
a:active {
    color: #002C92;
    outline: medium none;
    text-decoration: none;
}
a:active img {
    opacity: 0.9;
}
a:focus {
    outline: medium none;
}
b, em, strong, dt, th, caption {
    font-style: normal;
    font-weight: bold;
}
del {
    color: #888888;
}
hr {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #3399FF -moz-use-text-color -moz-use-text-color;
    border-image: none;
    border-right: medium none;
    border-style: solid none none;
    border-width: 1px medium medium;
    clear: both;
}

.pagetop {
    display: none;
    position: fixed;
    bottom: 15px;
    right: 15px;
}
.pagetop a {
    display: block;
    background-color: #3399ff;
    text-align: center;
    color: #fff;
    font-size: 14px;
    text-decoration: none;
    padding: 8px 15px;
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}
.pagetop a:hover {
    display: block;
    background-color: #b2d1fb;
    text-align: center;
    color: #fff;
    font-size: 14px;
    text-decoration: none;
    padding:8px 15px;
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}


/*------------------------------------*\
    header setting
\*------------------------------------*/

#header{
    padding:30px 0;
    text-align: center;
}
#header .contents{
    max-width:900px;
    height: 70px;
    margin: auto;
}

@media screen and (max-width: 920px)
{
#header{
    padding:30px 20px;
    text-align: center;
}
#header .contents{
    max-width:620px;
}
.none_920{
    display:none;
}
}

@media screen and (max-width: 620px)
{
#header{
    padding:20px 10px;
    text-align: center;
}
#header .contents{
    max-width:580px;
    height: 35px;
    margin: auto;
}

}


/*------------------------------------*\
    menu setting
\*------------------------------------*/

#menubox{
    max-width:900px;
    height: 50px;
    margin: auto;
}
#menubox02{
    max-width:620px;
    height: auto;
    margin: auto;
}
.menu{
    display: table;
    width:100%;
    margin: 0 auto;
    text-align: center;
    table-layout: fixed;
    background-color: #FFF;
}
.menu02{
    display: table;
    width:100%;
    margin: 0 auto;
    text-align: center;
    table-layout: fixed;
    font-weight: bold;
    background-color: #98ccff;
    color: #FFF;
}
.text{
    display:table-cell;
    vertical-align: middle;
    text-align: center;
    color: #663300;
    border-left: solid 1px #98CCFF;
}
.text02{
    display:table-cell;
    vertical-align: middle;
    text-align: center;
    border: solid 5px #FFF;
}
.text-last{
    display:table-cell;
    vertical-align: middle;
    text-align: center;
    color: #663300;
    border-left: solid 1px #98CCFF;
    border-right: solid 1px #98CCFF;
}

@media screen and (max-width: 920px)
{
#menubox{
    max-width:620px;
}
}

#menubox a:hover {
    background-color: rgba(0, 0, 0, 0);
    color: #3399FF;
    text-decoration:underline #FFF;
}
#menubox02 a:hover {
    background-color: rgba(0, 0, 0, 0);
    color: #3399FF;
    text-decoration:underline #98ccff;
}

.sp_menu {display: none;}

.sp_header{
    background-color: #3399FF;
    text-align: center;
    width: auto;
    height: auto;
    }
.whiteline{
    border:solid 1px;
    color:#FFF;
}

.icon_box{
    height: 70px;
    width: 100%;
}

@media screen and (max-width: 620px)
{
.pc_menu {display: none;}
.sp_menu {display: inherit;}
.textbox01{width: 95% !important;}
}

.schedule_menu{
    display: table;
    width:90%;
    margin: 0 auto;
    text-align: center;
    table-layout: fixed;
    padding: 10px 20px 10px 20px;
    border-radius:5px;
    background-color: #663300;
    color: #FFF;
    font-weight: bold;
}
.schedule_menu02{
    display: table;
    width:90%;
    margin: 0 auto;
    text-align: center;
    table-layout: fixed;
    padding: 30px 20px 20px 20px;
    color: #663300;
    border-bottom: solid 1px #663300;
}
.schedule_menu03{
    display: table;
    width:90%;
    margin: 0 auto;
    text-align: center;
    table-layout: fixed;
    padding: 20px 20px 10px 20px;
    color: #663300;
}
.schedule_text{
    display:table-cell;
    vertical-align: middle;
    text-align: center;
}
.schedule_text-first{
    display:table-cell;
    vertical-align: middle;
    width: 25%;
    text-align: center;
}

/*------------------------------------*\
    main title setting
\*------------------------------------*/

#contentbox_header{
    width:100%;
    text-align: center;
    position:relative;
}

@media screen and (min-width: 920px)
{
    #contentbox_header img{

    }
}

.title-img{
    width:100%;
    height: 100%;
    max-height:100%;
    text-align:center;
}
.title{
    width:70%;
    position: absolute;
    top: 15%;
    left: 50%;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    margin:0;
    padding:0;
}
.title-nav{
    width:100%;
    position: absolute;
    top: 83%;
    left: 50%;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    margin:0;
    padding:0;
}

.title-icon{
    margin:15px 25px 12px 25px;
    background-color:#3399FF;
    color:#FFF;
    border-radius: 5px;        /* CSS3草案 */
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 5px;   /* Firefox用 */
}


/*------------------------------------*\
    contents setting
\*------------------------------------*/

#contents{
    padding:60px 0px 0px 0px;
}

#main{
    display:block;
    width:100%;
    margin:0 auto;
    text-align: center ;
    text-align: -moz-center;
    text-align: -webkit-center;
}

.photosize_title{
    height:65px ;
}

.title_p{
    color: #663300 ;
    font-size: 23px ;
    text-align: left ;
    font-weight: bold ;
}
.greeting_box{
    width: 100% ;
    background-image: url("./images/first/watanabe.png") ;
    background-repeat: no-repeat ;
    background-position: left bottom ;
    background-size: 100% auto;
    border-radius: 10px;
    }
.greeting_box2{
    width: 100% ;
    background-image: url("./images/first/watanabe2.png") ;
    background-repeat: no-repeat ;
    background-position: left top ;
    background-size: 100% auto;
    border-radius: 10px;
    }
.greeting_p{
    color: #663300 ;
    font-size: 23px ;
    text-align: right ;
    font-weight: bold ;
}
.object_box{
 width: 68%;
margin:0 auto;
}
div.object_box:after {
    content: "";
    display: block;
    clear: both;
}
.calendar_box{
    background-image: url("./images/blueline.png");
    padding: 20px 30px ;
    margin:0 auto;
}
.calendar_box02{
    background-color: #e4e9fd ;
    width: 96% ;
    border-radius: 5px;
    margin:0 auto;
    }
.line_box{
    background-image: url("./images/orangeline.png");
    padding: 10px 20px 20px 20px ;
 text-align: -moz-center;
 text-align: -webkit-center;
     margin:0 auto;
}
.line_box2{
    background-image: url("./images/grayline.png");
    padding: 70px 20px ;
    text-align: -moz-center;
    text-align: -webkit-center;
    margin:0 auto;
}
.whitebox{
    background-color: #fff ;
    width: 100% ;
    }
.whitebox96{
    background-color: #fff ;
    width: 96% ;
    border-radius: 5px;
    }
.pct_box{
    background-image: url("./images/top/clock.png");
    background-repeat: no-repeat;
    background-position: right ;
    background-color: #fff ;
    width: 96% ;
    border-radius: 5px;
    margin:0 auto;
}
.whitebox_a{
    border-top: solid 1px #3399FF;
    border-bottom: solid 1px #3399FF;
    background-color: #fff ;
    width: 62% ;
    margin-right:4%;
    }
.whitebox_b{
    border-top: solid 1px #3399FF;
    border-bottom: solid 1px #3399FF;
    background-color: #fff ;
    padding-bottom: 40px;
    width: 34% ;
    }
.whitebox_c{
    background-color: #fff ;
    padding-bottom: 40px;
    width: 75% ;
    margin:0 auto;
    }
.graybox{
    background-color: #EFEFEF ;
    width: 88% ;
    border-radius: 5px;
    margin: 0 auto;
    padding: 20px 0;
    }
.whitebox_inner{
	padding: 0 20px;
	font-size: 16px ;
}
.whitebox_inner img
{
	max-width: 100%;
	height: auto;
}

.whitebox_inner h1
{
	font-size: 18px;
	color: #993300;
}
.whitebox_inner h1:before
{
	content:'●';
	color: #98ccff;
	font-size: 16px;
}

@media screen and (max-width: 880px){
.whitebox_inner
{font-size: 14px ;
line-height: 1.5 ;}
}
	
.skybluebox{
    background-color: #80c4ed ;
    width: 70% ;
    border-radius: 5px;
    margin:0 auto;
    }
.select_bluebox{
    padding: 15px 30px;
    margin: 0 20px;
    background-color: #008bcf ;
    width: 20%;
    border-radius: 5px;
    }
.text_brownbox{
    padding: 2px 5px 1px 5px;
    margin: 0 5px;
    background-color: #70311b ;
    border-radius: 5px;
    color: #FFF;
    }
.text_bluebox{
    padding: 15px 30px;
    margin: 0 20px;
    background-color: #008bcf ;
    border-radius: 5px;
    }
.text_whiteback{
    color: #008bcf;
    font-weight: bold;
    margin: 5px;
    padding: 3px 10px 2px 10px;
    background-color: #FFF;
    border-radius: 5px;
    }
.textwhiteback{
    padding: 15px 30px;
    margin: 30px 20px;
    background-color: #FFF;
    border-radius: 5px;
    }
.bluebox{
    background-color: #3399FF ;
    width: 98% ;
    border-radius: 5px;
    }
.textbox{
    width: 60%;
}
.sp_500{display:none;}
.sp_880{display:none;}
.pc_880{display:inherit;}

.photobox{
    width: 40%;
    margin: auto 0;
}
.photobox_atfirst{
    width: 32%;
    margin: auto 0;
}

.textbox01{
    width: 48%;
}
.textbox02{
    width: 98%;
}
.textbox_atfirst{
    width: 66%;
}
.photobox01{
    width: 51%;
    margin: auto 0;
}
.photosize{
    max-width: 100%;
}
.wp{
    font-size: 16px ;
    color: #000 ;
}
.mp{
    font-weight: bold ;
    font-size: 18px ;
    color: #663300 ;
}
.sp{
    font-size: 16px ;
    color: #FFF ;
}
.tp_01{
    font-size: 20px ;
    color: #FFF ;
    background-color: #3399FF;
    padding: 8px 20px 6px 20px;
    margin: 30px 10px 30px 10px;
    border-radius: 5px;
    text-align: left;
}
.tp_02{
    font-size: 20px ;
    color: #3399FF ;
    margin: 30px 10px 10px 20px;
    text-align: left;
    font-weight: bold;
}
.tp_03{
    font-size: 20px ;
    color: #FFF ;
    background-color: #7AC143;
    padding: 8px 20px 6px 20px;
    margin: 30px 10px 30px 10px;
    border-radius: 5px;
    text-align: left;
}
.tp_04{
    font-size: 16px ;
    color: #000 ;
    margin: 0 10px 0 30px ;
}
.tp_05{
    font-weight: bold ;
    font-size: 18px ;
    color: #663300 ;
    text-indent: -1.3em ;
    padding-left:2.2em;
}
.tp_06{
    font-size: 16px ;
    color: #000 ;
    margin: 0 30px 0 40px ;
    line-height: 2.5 ;
}

ul.list {
    margin: 0 auto;
    padding-left: 20px;
}

ul.list li {
    list-style: none;
    margin: 0 0 10px 26px;
    padding-right: 14px;
    position: relative;
    text-align: left;
    line-height: 1.5em;
}
ul.list li::before {
    content: "・";
    display: block;
    position: absolute;
    left: -20px;
    top: 0;
}

.sline{
    margin: 20px ;
    border-bottom: 1px solid #3399FF;
}
.questiontext{
    text-align: left;
    padding: 10px 30px 0 80px;
    margin-top:50px;
    font-size: 18px;
    font-weight: bold;
    color: #3399FF;
    background-image: url("./images/question/question_q.svg") ;
    background-repeat: no-repeat ;
    background-position: 50px 10px ;
    background-size:17px 23px;
}
.answertext{
    text-align: left;
    padding: 10px 30px 0 80px;
    margin-top:10px;
    font-size: 16px;
    background-image: url("./images/question/question_a.svg") ;
    background-repeat: no-repeat ;
    background-position: 50px 10px ;
    background-size:17px 17px;
}
.circle{
    display: inline-block;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    color: #FFF;
    background-color: #3399FF;
    text-align:center;
    line-height: 50px;
    vertical-align: middle;
    font-weight: bold;
}
.circle-mini{
    padding: 2px 8px 1px 8px;
    color: #FFF;
    background-color: #3399FF;
    text-align:center;
    line-height: 20px;
    font-weight: bold;
}
.circle02{
    display: inline-block;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    color: #FFF;
    background-color: #7AC143;
    text-align:center;
    line-height: 50px;
    vertical-align: middle;
    font-weight: bold;
}
.circle-mini02{
    padding: 2px 8px 1px 8px;
    color: #FFF;
    background-color: #7AC143;
    text-align:center;
    line-height: 20px;
    font-weight: bold;
}

.wrap {
    width:100%;
    justify-content: center;
    padding:0;
    margin:auto auto;
    display:flex;
    list-style: none;
    line-height:1.5em;
    font-size:90%;
    }

.link-box{
    width:25%;
    text-align:left;
    color:#fff;
    margin:2px;
    }
.links-boxcolor{
    background-color:;
}
.box-txt{font-size:90%;}
.links-txt{
    border-bottom: 1px solid #663300;
    padding:0 0 5px 0;
    }


/*============ Custom ============*/

#main .border-box{
    padding: 5px 10px;
    font-size: 86%;
    border: 1px solid #000;
}

#main .border-box p{
    margin-bottom: 0;
}

div#footer {
    clear: both;
    background-color:#EFEFEF;
    height:auto;
    padding:60px 0;

}

div#footer div.footer-nav {
    max-width:980px;
    margin:auto;
}

div#footer div.footer-nav ul {
    margin-bottom: 10px;
}

div#footer div.footer-nav ul li a:hover {
    text-decoration: none;
}

div#footer p {
    font-size: 93%;
    color: #002c92;
}


/*------------------------------------*\
    custom setting
\*------------------------------------*/


.txtRight{
    text-align: right;
}
.txtLeft{
    text-align: left;
}
.txtCenter{
    text-align: center;
}
.reset{
    margin-bottom: 0 !important;
}
.f-left{
    float:left;
}
.f-right{
    float:right;
}

a.blue:link {
text-decoration : underline;
color : #008bcf;
}
a.blue:visited {
text-decoration : underline;
color : #008bcf;
}
a.blue:active {
text-decoration : underline;
color : #008bcf;
}
a.blue:hover {
text-decoration : underline;
color : #002C92;
}

a.white:link {
text-decoration : underline;
color : #ffffff;
}
a.white:visited {
text-decoration : underline;
color : #ffffff;
}
a.white:active {
text-decoration : underline;
color : #ffffff;
}
a.white:hover {
text-decoration : underline;
color : #002C92;
}


.color-red{
    color: #FF0000 !important;
}
.color-blue{
    color: #98ccff !important;
}
.color-deepblue{
    color: #008bcf !important;
}
.color-green{
    color: #7AC143 !important;
}
.color-brown{
    color: #663300 !important;
}
.color-white{
    color: #fff !important;
}
.reguler{
    font-weight; normal !important:
}


.indent {
    padding-left:2.2em;
    text-indent:-1.3em;
}
.frame {
  overflow:hidden;
  overflow-x:hidden;
  overflow-y:hidden;
  height:100%;
  width:100%;
  position:relative;
  top:0px;
  left:0px;
  right:0px;
  bottom:0px;
}
.table{
 vertical-align:middle
  height: 94px;
  line-height: 94px;
}

/*------------------------------------*\
    responsive
\*------------------------------------*/
.cal_wrapper {
  max-width: 800px; /* 最大幅 */
  min-width: 300px; /* 最小幅 */
  margin: 2.0833% auto;
}

.googlecal {
  position: relative;
  padding-bottom: 100%; /* 縦横比 */
  height: 0;
  overflow: hidden;
}
.googlecal iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}
.maps {
  margin: 0 auto;
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.maps iframe {
  position: absolute;
  top: 0;
  left: 10px;
  width: 96% !important;
  height: 100% !important;
}

@media only screen and (min-width: 600px) {
  /* 画面幅が600px以上の場合の縦横比の指定 */
  .googlecal {
    padding-bottom: 75%;
  }
}

@media screen and (min-width: 1500px)
{
.object_box {
    width: 1000px;
}
}

@media screen and (max-width: 1250px)
{
.object_box {
    width: 85%;
}
.wp{
    font-size: 14px ;
}
.mp{
    font-weight: bold ;
    font-size: 16px ;
}
.sp{
    font-size: 14px ;
}
}

@media screen and (max-width: 960px)
{
.object_box {
    width: 95%;
}
.whitebox_c{
    width: 85% ;
    }
.sp_960{
    display: inherit !important;
}
.pc_960{
    display: none !important;
}
.spmap_box{
    margin: 0 20px;
    text-align: center;
}
}

.pc_960{
    display: inherit;
}
.sp_960{
    display: none;
}

@media screen and (max-width: 500px)
{
.sp_500{display:inherit;}}

@media screen and (max-width: 720px)
{
.object_box {
    width: 100%;
}
}

@media screen and (max-width: 720px) {
.wrap {
    width:100%;
    margin:auto auto;
    line-height:1.5em;
    font-size:90%;
    display:block;
    }
    .link-box{
    width:100%;
    text-align:center;
    color:#fff;
    margin:2px 0 10px 0;
    }
    .links-txt{
    padding:0 20px 5px 20px;
    }
    }


@media screen and (max-width: 880px)
{
.clock70{margin-left:10px !important;}
.textbox_atfirst{width: 97%;}
.sp_880{display:inherit;}
.pc_880{display:none;}
.lh25{line-height:1.5 !important;}
.lh3{line-height:2 !important;}
.lh4{line-height: 3 !important;}
.lh5{line-height: 4 !important;}
.graybox{width: 98% ;
    margin: 0 auto;
    padding: 10px 0;}
.schedule_text{ font-size:80%;}
.schedule_text-first { font-size:80%;width: 22%;}
.schedule_menu{
    width:100%;
    padding: 5px 0px;}
.schedule_menu02{
    width:100%;
    padding: 10px 0px;}
.schedule_menu03{
    width:100%;
    padding: 10px 5px;}
.indent {padding-left:0.6em;}
.skybluebox{width: 100% ;}
.textwhiteback{
    padding: 0px 15px;
    margin: 20px 10px; }
.text_bluebox{
    padding: 20px 15px;
    margin: 0 10px;}
.select_bluebox{
    padding: 10px 12px;
    margin: 0px 5px;
    width: 20% ;}
.text_whiteback{
    margin: 5px;
    padding: 2px 6px 2px 6px; }
.tp_06{
    font-size: 13px ;
    margin: 0 10px 0 15px ;
    line-height: 1.8 ;
}
.tp_05{
    font-size: 15px ;
    padding-left:0.6em;
    margin: 0 10px 0 20px ;
}
}
@media screen and (max-width: 700px)
{
.pct_box{
    background-image: url("./images/top/clock_02.png") !important;
    background-position: right bottom !important;
}
.calendar_box{
    padding: 20px 10px !important;
}
.photosize_title{
    height:55px !important;
}
#contents{
    padding:0 0 0 0 ;
}
.line_box2{
    padding: 10px 8px ;
}
.line_box{
    padding: 10px 8px 10px 8px ;
}

.whitebox_a{
    border-top: solid 1px #3399FF;
    border-bottom: solid 1px #3399FF;
    background-color: #fff ;
    width: 70% ;
    margin-right:1%;
    margin-bottom: 50px ;
    }
.whitebox_b{
    border-top: solid 1px #3399FF;
    border-bottom: solid 1px #3399FF;
    background-color: #fff ;
    padding-bottom: 20px;
    width: 29% ;
    }
.tp_01{
    font-size: 15px ;
    color: #FFF ;
    background-color: #3399FF;
    padding: 8px 10px 6px 10px;
    margin: 20px 10px 20px 10px;
    border-radius: 5px;
    text-align: left;
}
.tp_02{
    font-size: 13px ;
    margin: 15px 10px 10px 10px;
 }
.tp_04{
    font-size: 10px ;
    color: #000 ;
    text-indent: -1em ;
    margin: 0px 8px 0px 18px;
}
ul.list {
    margin: 0 auto;
    padding-left: 14px;
}
ul.list li {
    list-style: none;
    font-size: 10px ;
    margin: 0 0 10px 10px;
    padding-right: 10px;
    position: relative;
    text-align: left;
    line-height: 1.2em;
}
ul.list li::before {
    content: "・";
    display: block;
    position: absolute;
    left: -14px;
    top: 0;
}
.pl40{padding-left: 20px !important;}
.ml40{margin-left: 20px !important;}
}

.clock70{margin-left:70px ;}

/*------------------------------------*\
    その他微調整
\*------------------------------------*/

.mt-60{ margin-top:-60 ; }

.mt0{ margin-top:0 ; }
.mt5{ margin-top:5px; }
.mt10{ margin-top:10px ; }
.mt15{ margin-top:15px ; }
.mt20{ margin-top:20px ; }
.mt25{ margin-top:25px ; }
.mt30{ margin-top:30px ; }
.mt35{ margin-top:35px ; }
.mt40{ margin-top:40px ; }
.mt45{ margin-top:45px ; }
.mt50{ margin-top:50px ; }
.mt55{ margin-top:55px ; }
.mt60{ margin-top:60px ; }
.mt65{ margin-top:65px ; }
.mt70{ margin-top:70px ; }
.mt75{ margin-top:75px ; }
.mt80{ margin-top:80px ; }
.mt85{ margin-top:85px ; }
.mt90{ margin-top:90px ; }
.mt95{ margin-top:95px ; }
.mt100{ margin-top:100px ; }

.mb0{ margin-bottom:0 ; }
.mb5{ margin-bottom:5px ; }
.mb10{ margin-bottom:10px ; }
.mb15{ margin-bottom:15px ; }
.mb20{ margin-bottom:20px ; }
.mb25{ margin-bottom:25px ; }
.mb30{ margin-bottom:30px ; }
.mb35{ margin-bottom:35px ; }
.mb40{ margin-bottom:40px ; }
.mb45{ margin-bottom:45px ; }
.mb50{ margin-bottom:50px ; }
.mb55{ margin-bottom:55px ; }
.mb60{ margin-bottom:60px ; }
.mb65{ margin-bottom:65px ; }
.mb70{ margin-bottom:70px ; }
.mb75{ margin-bottom:75px ; }
.mb80{ margin-bottom:80px ; }
.mb85{ margin-bottom:85px ; }
.mb90{ margin-bottom:90px ; }
.mb95{ margin-bottom:95px ; }
.mb100{ margin-bottom:100px ; }

.ml0{ margin-left:0 ; }
.ml5{ margin-left:5px ; }
.ml10{ margin-left:10px ; }
.ml15{ margin-left:15px ; }
.ml20{ margin-left:20px ; }
.ml25{ margin-left:25px ; }
.ml30{ margin-left:30px ; }
.ml35{ margin-left:35px ; }
.ml40{ margin-left:40px ; }
.ml45{ margin-left:45px ; }
.ml50{ margin-left:50px ; }
.ml55{ margin-left:55px ; }
.ml60{ margin-left:60px ; }
.ml65{ margin-left:65px ; }
.ml70{ margin-left:70px ; }
.ml75{ margin-left:75px ; }
.ml80{ margin-left:80px ; }
.ml85{ margin-left:85px ; }
.ml90{ margin-left:90px ; }
.ml95{ margin-left:95px ; }
.ml100{ margin-left:100px ; }

.mr0{ margin-right:0 ; }
.mr5{ margin-right:5px ; }
.mr10{ margin-right:10px ; }
.mr15{ margin-right:15px ; }
.mr20{ margin-right:20px ; }
.mr25{ margin-right:25px ; }
.mr30{ margin-right:30px ; }
.mr35{ margin-right:35px ; }
.mr40{ margin-right:40px ; }
.mr45{ margin-right:45px ; }
.mr50{ margin-right:50px ; }
.mr55{ margin-right:55px ; }
.mr60{ margin-right:60px ; }
.mr65{ margin-right:65px ; }
.mr70{ margin-right:70px ; }
.mr75{ margin-right:75px ; }
.mr80{ margin-right:80px ; }
.mr85{ margin-right:85px ; }
.mr90{ margin-right:90px ; }
.mr95{ margin-right:95px ; }
.mr100{ margin-right:100px ; }

.mr210{ margin-right:210px ; }

/*--padding set--*/
.pt0{ padding-top:0 ; }
.pt5{ padding-top:5px ; }
.pt10{ padding-top:10px ; }
.pt15{ padding-top:15px ; }
.pt20{ padding-top:20px ; }
.pt25{ padding-top:25px ; }
.pt30{ padding-top:30px ; }
.pt35{ padding-top:35px ; }
.pt40{ padding-top:40px ; }
.pt45{ padding-top:45px ; }
.pt50{ padding-top:50px ; }
.pt55{ padding-top:55px ; }
.pt60{ padding-top:60px ; }
.pt65{ padding-top:65px ; }
.pt70{ padding-top:70px ; }
.pt75{ padding-top:75px ; }
.pt80{ padding-top:80px ; }
.pt85{ padding-top:85px ; }
.pt90{ padding-top:90px ; }
.pt95{ padding-top:95px ; }
.pt100{ padding-top:100px ; }

.pb0{ padding-bottom:0 ; }
.pb5{ padding-bottom:5px ; }
.pb10{ padding-bottom:10px ; }
.pb15{ padding-bottom:15px ; }
.pb20{ padding-bottom:20px ; }
.pb25{ padding-bottom:25px ; }
.pb30{ padding-bottom:30px ; }
.pb35{ padding-bottom:35px ; }
.pb40{ padding-bottom:40px ; }
.pb45{ padding-bottom:45px ; }
.pb50{ padding-bottom:50px ; }
.pb55{ padding-bottom:55px ; }
.pb60{ padding-bottom:60px ; }
.pb65{ padding-bottom:65px ; }
.pb70{ padding-bottom:70px ; }
.pb75{ padding-bottom:75px ; }
.pb80{ padding-bottom:80px ; }
.pb85{ padding-bottom:85px ; }
.pb90{ padding-bottom:90px ; }
.pb95{ padding-bottom:95px ; }
.pb100{ padding-bottom:100px ; }

.pl0{ padding-left:0 ; }
.pl5{ padding-left:5px ; }
.pl10{ padding-left:10px ; }
.pl15{ padding-left:15px ; }
.pl20{ padding-left:20px ; }
.pl25{ padding-left:25px ; }
.pl30{ padding-left:30px ; }
.pl35{ padding-left:35px ; }
.pl40{ padding-left:40px ; }
.pl45{ padding-left:45px ; }
.pl50{ padding-left:50px ; }
.pl55{ padding-left:55px ; }
.pl60{ padding-left:60px ; }
.pl65{ padding-left:65px ; }
.pl70{ padding-left:70px ; }
.pl75{ padding-left:75px ; }
.pl80{ padding-left:80px ; }
.pl85{ padding-left:85px ; }
.pl90{ padding-left:90px ; }
.pl95{ padding-left:95px ; }
.pl100{ padding-left:100px ; }

.pr0{ padding-right:0 ; }
.pr5{ padding-right:5px ; }
.pr10{ padding-right:10px ; }
.pr15{ padding-right:15px ; }
.pr20{ padding-right:20px ; }
.pr25{ padding-right:25px ; }
.pr30{ padding-right:30px ; }
.pr35{ padding-right:35px ; }
.pr40{ padding-right:40px ; }
.pr45{ padding-right:45px ; }
.pr50{ padding-right:50px ; }
.pr55{ padding-right:55px ; }
.pr60{ padding-right:60px ; }
.pr65{ padding-right:65px ; }
.pr70{ padding-right:70px ; }
.pr75{ padding-right:75px ; }
.pr80{ padding-right:80px ; }
.pr85{ padding-right:85px ; }
.pr90{ padding-right:90px ; }
.pr95{ padding-right:95px ; }
.pr100{ padding-right:100px ; }

/*--font size--*/
.fontSize60 { font-size:60%; }
.fontSize70 { font-size:70%; }
.fontSize80 { font-size:80%; }
.fontSize85 { font-size:85%; }
.fontSize90 { font-size:90%; }
.fontSize100 { font-size:100%; }
.fontSize110 { font-size:110%; }
.fontSize120 { font-size:120%; }
.fontSize140 { font-size:140%; }
.fontSize160 { font-size:160%; }
.fontSize180 { font-size:180%; }
.fontSize200 { font-size:200%; }

/*--line height--*/
.lh2{
    line-height: 2 ;
}
.lh25{
    line-height: 2.5 ;
}
.atfirst_lh25{
    line-height: 2.5 ;
}
.lh3{
    line-height: 3 ;
}
.lh4{
    line-height: 4 ;
}
.lh5{
    line-height: 5 ;
}