@charset "UTF-8";

/*--------------------------------------------------------------------
=== [共通レイアウト] ====================================
 -------------------------------------------------------------------*/
 
 body {
	font-family:'ヒラギノ明朝 ProN', 'Hiragino Mincho ProN', "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
	font-size:16px;
	color:#666666;
}

.pcnone {
	display: none !important;
	z-index:-99;
}

.spnone {
	display: block !important;
}
 @media screen and (max-width:768px) {
 .pcnone {
 display: block !important;
}
.spnone {
 display: none !important;
}
}

/********** [マウスオーバー]**********/
 

#main a img:hover {
	opacity:0.9;
	filter: alpha(opacity=90);
	-ms-filter: "alpha( opacity=70 )";
	background: #fff;
}

#main a:hover {
	opacity:0.9;
}


@keyframes float {
    50% {
        transform: translateY(7px); 
    } 
    
    100% {
        transform: translateY(0px); 
    } 
}
@keyframes shadowfloat {
    50% {
        transform: translateY(-7px); 
        opacity: 0
    } 
    
    100% {
        transform: translateY(0px); 
        opacity: 1
    } 
}


 
    
    
    


/*--------------------------------------------------------------------
=== [ヘッダー] ====================================
 -------------------------------------------------------------------*/


header .main_img {
    
 	text-align:center;
	margin:0px auto 0 auto;
	display:block;
	background-position: bottom right;
	padding:0px 0 0px 0;
}

header .absolute {
    max-width: 250px;
    position: absolute;
    left: 0px;
    top: 0px;
    
}
 @media screen and (max-width:768px) {
header .main_img {
position:relative;
z-index:-1;
 width:100%;
}
 header .absolute {
     max-width: 90px;
    position: absolute;
    left: 0px;
    top: 0px;
}    
}




.side-menu {
	position: fixed;
	right: 0;
	top: 55px;
	z-index: 2000;
	transition: 0.3s;
	-o-transition: 0.3s;
	-moz-transition: 0.3s;
	-webkit-transition: 0.3s;
	-ms-transition: 0.3s;
	margin-top:70px;
}

.side-menu:hover {
	opacity: 1 !important;
}

.side-menu-img {
	margin-bottom: 20px;
}

.side-menu-list {
	margin-bottom: 29px;
}

.side-menu-list li {
	margin-bottom: 4px;
}
 @media screen and (max-width:768px) {
.side-menu {
display:none;
}
}
 
 header .menu-btn {
 width: 50px;
 position: fixed;
 right:0;
 z-index:300;
}
 nav.pcnone {
z-index:101;
}

/*--------------------------------------------------------------------
=== [メイン] ====================================
 -------------------------------------------------------------------*/
#main {
	min-width:1024px;
	width:100%;
	margin-top:10px;
    margin-bottom:10px;
}
@media screen and (max-width:768px) {
#main {
min-width:inherit;
width:100%;
margin-top:0px;
margin-bottom:2px;
}
}

/*offershikkari*/


.offer {
    text-align:center;
    width: 1024px;
    margin: 0 auto 5px;
}

.offer_box {
    position: relative;
    margin-top: 5px;
}
.offer {
    display: block;
}
.offer a img.on {
    display: none;
}
.offer a:hover img.off {
    display: none;
}
.offer a:hover img.on {
    display: block;
}

.offer .roc021901 a .t1 {
		 max-width: 100%;
	   height: auto;
	   position: absolute;
    left: 20%;
        top:60%;
}



.offer .roc021901 a .t2 {
		 max-width: 100%;
	   height: auto;
	   position: absolute;
    left: 34.5%;
        top: 60%;
}


.offer .roc021901 a .t3 {
		 max-width: 100%;
	   height: auto;
	   position: absolute;
    left: 67%;
        top: 60%;
}

.offer .roc021901 .t4 {
		 max-width: 100%;
	   height: auto;
	   position: absolute;
    top: 34%;
    left: 5%;
}



.offer .roc021901 .float {
		 max-width: 100%;
	   height: auto;
	   position: absolute;
    top: -1.5%;
    left: 5.5%;
    transition: .3s;
    opacity: 1;
    animation: float 1s infinite;
    
}



.offer .roc021901 .t5 {
		 max-width: 100%;
	   height: auto;
	   position: absolute;
    top: 76%;
    left: 23%;
}

.offer .roc021901 a .k1 {
		 max-width: 100%;
	   height: auto;
	   position: absolute;
    left: 5%;
        top:60%;
}

.offer .roc021901 .t6 {
		 max-width: 100%;
	   height: auto;
	   position: absolute;
    right: 7%;
        top:60%;
}


.offer2 {
    text-align:center;
    width: 1024px;
    margin: 0 auto 5px;
}

.offer_box2 {
    position: relative;
    margin-top: 5px;
}
.offer2 {
    display: block;
}
.offer2 a img.on {
    display: none;
}
.offer2 a:hover img.off {
    display: none;
}
.offer2 a:hover img.on {
    display: block;
}

.offer2 .roc021901 a .t1 {
		 max-width: 100%;
	   height: auto;
	   position: absolute;
    left: 2%;
        top:60%;
}

.offer2 .roc021901 a .t2 {
		 max-width: 100%;
	   height: auto;
	   position: absolute;
    left: 34.5%;
        top: 60%;
}


.offer2 .roc021901 a .t3 {
		 max-width: 100%;
	   height: auto;
	   position: absolute;
    left: 55%;
        top: 60%;
}

.offer2 .roc021901 .t4 {
		 max-width: 100%;
	   height: auto;
	   position: absolute;
    top: -5.5%;
    left: 5%;
}


.offer2 .roc021901 .float {
		 max-width: 100%;
	   height: auto;
	   position: absolute;
    top: -30.5%;
    left: 5%;
    transition: .3s;
    opacity: 1;
    animation: float 1s infinite;
    
}



.offer2 .roc021901 .t5 {
		 max-width: 100%;
	   height: auto;
	   position: absolute;
    top: 80%;
    left: 23%;
}



/*ポップアップ*/
.popup_wrap input {
  display: none;
}

.popup_overlay {
  display: flex;
  justify-content: center;
  overflow: auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  opacity: 0;
  transition: opacity 0.5s, transform 0s 0.5s;
  transform: scale(0);
}

.popup_trigger {
  position: absolute;
  width: 100%;
  height: 100%;
}



.popup_content {
  position: relative;
  align-self: center;
height: 450px;
  width: 90%;
  max-width: 924px;
  padding: 20px 20px 10px;
  box-sizing: border-box;
  background: #fff;
  line-height: 1.4em;
  transition: 0.5s;
    
}


.close_btn {
  position: absolute;
  top: 14px;
  right: 16px;
  font-size: 30px;
  cursor: pointer;
}

.popup_wrap input:checked ~ .popup_overlay {
  opacity: 1;
  transform: scale(1);
  transition: opacity 0.5s;
}

.open_btn {
  position: absolute;
  top: 45.5%;
  right: 2%;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 90%;
  height: 30%;
  margin:10px auto;

}

.open_btn img:hover {
	opacity:0.7;
	filter: alpha(opacity=90);
	-ms-filter: "alpha( opacity=70 )";
	background: #fff;
    cursor:pointer
}

.open_btn img:hover {
	opacity:0.9;
}

.midashi{
font-size: 75%;
    padding: 0px 0px 2px;
  border-bottom: solid 2px black;
}
.oodai{
font-size: 75%;
    padding: 2px 2px 1px;

}


ul, ol {
  padding: 0;
  position: relative;
}

ul li, ol li {
  color: black;
  border-left: solid 8px orange;/*左側の線*/
  background: whitesmoke;/*背景色*/
  margin-bottom: 2px;/*下のバーとの余白*/
  line-height: 1;
  border-radius: 0 10px 10px 0;/*右側の角だけ丸く*/
  padding: 0.3em;
  list-style-type: none!important;
    font-size: 65%;
}

/*ポップアップココまで*/



/*tel*/

@media(min-width: 768px) {
  a[href^="tel:"] {
    pointer-events: none;
  }
}

    


@media screen and (max-width: 768px) {
    

   .offer img {
        width: 100%;
        height: auto;
    }
    .offer {
        width: 95%;
    }
    .offer a img.on {
        display: none;
    }


.offer .roc021901 a .t1 {
		 max-width: 80%;
	   height: auto;
	   position: center;
   left: 10%;
        top: 70%;
}

.offer .roc021901 a .t2 {
		 max-width: 30%;
	   height: auto;
	   position: absolute;
    left: 35%;
        top: 70%;
}


.offer .roc021901 a .t3 {
		 max-width: 30%;
	   height: auto;
	   position: absolute;
    left: 66%;
        top: 70%;
}
	
    
    .offer .roc021901 .t4 {
		 max-width: 100%;
	   height: auto;
	   position: absolute;
    left: 2%;
        top: 33%;
}
    
    
.offer .roc021901 .float {
		 max-width: 100%;
	   height: auto;
	   position: absolute;
    top: -32.5%;
    left: 2%;
    transition: .3s;
    opacity: 1;
    animation: float 1s infinite;
    
}
    
 
    
    .offer .roc021901 .t5 {
		 max-width: 59%;
	   height: auto;
	   position: absolute;
    left: 21%;
        top: 80.5%;     
}
    
    
 .offer .roc021901 .t6 {
		 max-width: 33%;
	   height: auto;
	   position: absolute;
    right: 3%;
        top:60%;
}   
    
 .offer .roc021901 .t7 {
		 max-width: 33%;
	   height: auto;
	   position: absolute;
    right: 3%;
        top:60%;
}   
    

    

     .offer2 img {
        width: 100%;
        height: auto;
    }
    .offer2 {
        width: 95%;
    }
    .offer2 a img.on {
        display: none;
    }


.offer2 .roc021901 a .t1 {
		 max-width: 80%;
	   height: auto;
	   position: center;
   left: 10%;
        top: 70%;
}

.offer2 .roc021901 a .t2 {
		 max-width: 30%;
	   height: auto;
	   position: absolute;
    left: 35%;
        top: 70%;
}


.offer2 .roc021901 a .t3 {
		 max-width: 30%;
	   height: auto;
	   position: absolute;
    left: 66%;
        top: 70%;
}
	
    
    .offer2 .roc021901 .t4 {
		 max-width: 100%;
	   height: auto;
	   position: absolute;
    left: 2%;
        top: -9%;
}

    
    
    
    .offer2 .roc021901 .float {
		 max-width: 100%;
	   height: auto;
	   position: absolute;
    top: -32.5%;
    left: 2%;
    transition: .3s;
    opacity: 1;
    animation: float 1s infinite;
    
}
    
    .offer2 .roc021901 .t5 {
		 max-width: 59%;
	   height: auto;
	   position: absolute;
    left: 21%;
        top: 80.5%;     
}
  
    
    
    
    

.tujo {
	text-align:center;
	display:block;
    
}

    
.popup_content {
  position: relative;
  align-self: center;
height: 380px;
  width: 90%;
  max-width: 1024px;
  padding: 10px 10px 10px;
  box-sizing: border-box;
  background: #fff;
  line-height: 1.4em;
  transition: 0.5s;
    
}

}
 @media screen and (max-width:768px) {
.tujo img {
width:90%;
}
}

/*まずはポップアップ*/
.popup_wrap2 input {
  display: none;
}

.popup_overlay2 {
  display: flex;
  justify-content: center;
  overflow: auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  opacity: 0;
  transition: opacity 0.5s, transform 0s 0.5s;
  transform: scale(0);
}

.popup_trigger2 {
  position: absolute;
  width: 100%;
  height: 100%;
}

.popup_content2 {
  position: absolute;
  align-self: center;
height: 400px;
  width: 80%;
  max-width: 700px;
  padding: 20px 20px 10px;
  box-sizing: border-box;
  background: #fff;
  line-height: 1.4em;
  transition: 0.5s;
    
}


.close_btn2 {
  position: absolute;
  top: 14px;
  right: 16px;
  font-size: 30px;
  cursor: pointer;
}

.popup_wrap2 input:checked ~ .popup_overlay2 {
  opacity: 1;
  transform: scale(1);
  transition: opacity 0.5s;
}

.open_btn {
  position: absolute;
  top: 45.5%;
  right: 2%;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 90%;
  height: 30%;
  margin:10px auto;

}

.open_btn2 img:hover {
	opacity:0.7;
	filter: alpha(opacity=90);
	-ms-filter: "alpha( opacity=70 )";
	background: #fff;
    cursor:pointer
}

.open_btn2 img:hover {
	opacity:0.9;
}

.midashi2{
font-size: 75%;
    padding: 0px 0px 2px;
  border-bottom: solid 2px black;
}
.oodai2{
font-size: 75%;
    padding: 2px 2px 1px;

}


ul, ol {
  padding: 0;
  position: relative;
}

ul li, ol li {
  color: black;
  border-left: solid 8px orange;/*左側の線*/
  background: whitesmoke;/*背景色*/
  margin-bottom: 2px;/*下のバーとの余白*/
  line-height: 1;
  border-radius: 0 10px 10px 0;/*右側の角だけ丸く*/
  padding: 0.3em;
  list-style-type: none!important;
    font-size: 65%;
}

/*まずはポップアップココまで*/





/*offermazuha*/

.offer2 {
    text-align:center;
    width: 1024px;
    margin: 0 auto;
    padding:0px 0 10px 0;
}
.offer2_box {
    position: relative;
    margin-bottom: 50px;
}
.offer2 {
    display: block;
}
.offer2 a img.on {
    display: none;
}
.offer2 a:hover img.off {
    display: none;
}
.offer2 a:hover img.on {
    display: block;
}


.offer2 .roc021902 a {
		 max-width: 100%;
	   height: auto;
	   position: absolute;
    top: 62%;
    right: 10%;
    
}


.offer2 .roc021902 .t4 {
		 max-width: 100%;
	   height: auto;
	   position: absolute;
    top: 63%;
    left: 35%;
}






@media screen and (max-width: 768px) 
{
    

   .offer2 img {
        width: 100%;
        height: auto;
    }
    .offer2 {
        width: 95%;
    }
    .offer2 a img.on {
        display: none;
    }


.offer2 .roc021902 a {
		 max-width: 90%;
	   height: auto;
	   position: absolute;
    top: 75%;
    right: 5%;
}

.offer2 .roc1902 a {
	 max-width: 80%;
   height: auto;
	   position: absolute;
    bottom: 12%;
	   right: 0;
    left: 0;
    margin: auto;
}

	
    
    .offer2 .roc021902 .t4 {
		 max-width: 66%;
	   height: auto;
	   position: absolute;
    top: 63%;
    left: 33%;
}

	
}



/*onayami*/

.onayami {
	text-align:center;
	margin:0px auto 0 auto;
	display:block;
	background-position: bottom right;
	padding:10px 0 0px 0;
}

.onayami_inn {
	margin:0 auto;
	display: inline-block;
}


.onayami_inn img {
	display:block;
}

.onayami .txt {
	margin:0px 0 0px 0;
	line-height:48px;
	border-top:dotted 1px #666666;
	width:743px;
}

.onayami .bb {
	border-bottom:dotted 1px #666666;
}

.onayami .ttl_list {
	margin-top:0px;
}
 @media screen and (max-width:768px) {
.onayami {
 text-align:center;
 margin:0px auto 0 auto;
 background-size: cover;
 background-position: bottom left;
 padding:20px 0 0px 0;
}
.onayami_inn {
 margin:0 auto;
 display: inline-block;
 margin-bottom:0px;
}
.onayami_inn img {
display:block;
width:100%;
}
.onayami .txt {
width:95%;
 margin:0px auto;
 line-height:22px;
 border-top:dotted 1px #666666;
 text-align:left;
 padding:10px 0;
}
.onayami .bb {
border-bottom:dotted 1px #666666;
}
.onayami .ttl_list {
width:100%;
margin:0 auto 0px auto;
display:block;
margin-top:0px;
}
}

/*riyu*/

.riyu {
	text-align:center;
	margin:5px auto 0px auto;
	display:block;
	background-position: bottom right;
	padding:10px 0 10px 0;
}

.riyu_inn {
	margin:0 auto;
	display: inline-block;
}


.riyu_inn img {
	display:block;
}

.riyu .setsumei {
	margin-top:0px;
}
 @media screen and (max-width:768px) {
.riyu {
 text-align:center;
 margin:10px auto 10px auto;
 background-size: cover;
 background-position: bottom left;
 padding:0px 0 10px 0;
}
.riyu_inn {
 margin:0 auto;
 display: inline-block;
 margin-bottom:0px;
}
.riyu_inn img {
display:block;
width:100%;
}

.riyu .setsumei {
width:100%;
margin:0 auto 0px auto;
display:block;
margin-top:0px;
}
}

/*rioyu2*/

.rioyu2 {
	text-align:center;
	margin:0px auto 0 auto;
	display:block;
	background-position: bottom right;
	padding:0px 0 10px 0;
}

.rioyu2_inn {
	margin:0 auto;
	display: inline-block;
}


.rioyu2_inn img {
	display:block;
}

.rioyu2 .setsumei {
	margin-top:0px;
}
 @media screen and (max-width:768px) {
.rioyu2 {
 text-align:center;
 margin:0px auto 0 auto;
 background-size: cover;
 background-position: bottom left;
 padding:20px 0 0px 0;
}
.rioyu2_inn {
 margin:0 auto;
 display: inline-block;
 margin-bottom:0px;
}
.rioyu2_inn img {
display:block;
width:100%;
}

.rioyu2 .setsumei {
width:100%;
margin:0 auto 0px auto;
display:block;
margin-top:0px;
}
}




/*shitsu*/

.shitsu {
	text-align:center;
	margin:0px auto 0 auto;
	display:block;
	background-image:url(../../img/shitsu_bg.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position: bottom left;
	padding:10px 0 0px 0;
}

.shitsu_inn {
	margin:0 auto;
	display: inline-block;
	margin-bottom:78px;
	margin-left:200px;
}

.shitsu_inn img {
	display:block;
}

 @media screen and (max-width:768px) {
.shitsu {
 text-align:center;
 margin:0px auto 0 auto;
 background-image:url("../../img/shitsu_bg.jpg");
 background-repeat:no-repeat;
 background-size: cover;
 background-position: bottom left;
 padding:10px 0 0px 0;
}
.shitsu_inn {
 margin:0 auto;
 display: inline-block;
 margin-bottom:40px;
}
.shitsu_inn img {
display:block;
width:100%;
}
}


/*youtube*/

.yout {
	text-align:center;
	margin:0px auto auto auto;
	display:block;
	background-position: bottom right;
    padding:0px 0 20px 0px;

}

.yout_inn {
	margin:0 auto;
	display: inline-block;
}


.yout .yout_inn img {
display:block;
width: 100%;
}


.yout_inn .container {
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
}

.yout_inn .container iframe {
position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}


 @media screen and (max-width:768px) {
.yout {
 text-align:center;
 margin:0px auto 0 auto;
 background-size: cover;
 background-position: bottom left;
 padding:0px 0 20px 0;
}
.yout_inn {
 margin:0 auto;
 display: inline-block;
 margin-bottom:0px;
}
.yout .yout_inn img {
display:block;
width: 100%;
}
.yout .txt {
width:95%;
 margin:0px auto;
 line-height:22px;
 border-top:dotted 1px #666666;
 text-align:left;
 padding:10px 0;
}

.yout_inn .container {
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
}

.yout_inn .container iframe {
position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     padding:0px 0 10px 0;
}
}


/*setsumei*/

.setsumei {
	text-align:center;
	margin:0px auto 0 auto;
	display:block;
	background-position: bottom right;
	padding:45px 0 45px 0;
}

.setsumei_inn {
	margin:0 auto;
	display: inline-block;
}


.setsumei_inn img {
	display:block;
}

.setsumei .txt {
	margin:0px 0 0px 0;
	line-height:48px;
	border-top:dotted 1px #666666;
	width:743px;
}

.setsumei .bb {
	border-bottom:dotted 1px #666666;
}

.setsumei .ttl_list {
	margin-top:0px;
}
 @media screen and (max-width:768px) {
.setsumei {
 text-align:center;
 margin:0px auto 0 auto;
 background-size: cover;
 background-position: bottom left;
 padding:20px 0 20px 0;
}
.setsumei_inn {
 margin:0 auto;
 display: inline-block;
 margin-bottom:0px;
}
.setsumei_inn img {
display:block;
width:100%;
}
.setsumei .txt {
width:95%;
 margin:0px auto;
 line-height:22px;
 border-top:dotted 1px #666666;
 text-align:left;
 padding:10px 0;
}
.setsumei .bb {
border-bottom:dotted 1px #666666;
}
.setsumei .ttl_list {
width:100%;
margin:0 auto 0px auto;
display:block;
margin-top:0px;
}
}




/*--------------------------------------------------------------------
=== [フッター] ====================================
 -------------------------------------------------------------------*/

.footer_menu {
	text-align:center;
	padding:35px 0 30px 0;
	background:#ffb800;
}

.footer_menu a, .footer_menu span {
	font-size:14px;
	color:#fff;
	text-align:center;
	display:inline !important;
}

.footer_menu {
	color:#fff;
}

.copy {
	background:#ff6600;
	color:#fff;
	text-align:center;
	padding:20px 0;
}
 @media screen and (max-width:768px) {
.footer_menu {
padding:20px 0 20px 0;
}
.footer_menu span {
display:none !important;
}
.footer_menu a {
font-size:14px;
line-height:25px;
}
 .copy {
color:#fff;
padding:15px 0 110px 0;
line-height:20px;
}
}



/*--------------------------------------------------------------------
=== [追加] ====================================
 -------------------------------------------------------------------*/





.floating-banner {
  position: fixed; /* バナーを追従させる */
  z-index: 99999; /* 他の要素の下に隠れないように */
  bottom: 0; /* バナーの上下の位置 */
  right: 0; /* バナーの左右の位置 */
  width: 300px; /* バナーの横幅 */
}
.floating-banner__image {
  max-width: 100%; /* 画像の最大幅 */
}
@media screen and (max-width: 990px) { /* タブレット用のブレイクポイントを指定 */
  .floating-banner {
    display: none; /* タブレットサイズ以下でPC用のバナーを非表示に */
  }
}
@media screen and (max-width: 560px) { /* スマホ用のブレイクポイントを指定 */
  .floating-banner {
    display: block;/* 消していたバナーを表示させる */
    width: 100%; /* スマホの画面幅いっぱいにバナーを表示 */
  }
}

@media (min-width: 990px) {
    .floating-banner {
        display: none;
    }
}


.imgBox {
    text-align: center;
    margin: 0px 0;
}
.imgBox img {
    max-width: 100%;
    height: auto;
    vertical-align: top;
}

/*--------------------------------------------------------------------
=== [tamalocal] ====================================
 -------------------------------------------------------------------*/

.tamagol {
	text-align:center;
	margin:0px auto 0 auto;
	display:block;
	padding:15px 0 15px 0;
}


.tamagol content {
	text-align:center;
	margin:0px auto 0 auto;
	display:block;

}

.tamagol iframe#egg_form {
width:924px;
height:1200;
    padding: 0 0 0 0;
    border: 0;
}

.iframeWrapper {
　position: relative;
　padding-top: 56.25%;
}


iframe {
　position: absolute;
　top: 0;
　left: 0;
　width: 100%;
　height: 100%;
  
}
@media screen and (max-width:768px) {


.tamagol iframe#egg_form {
width:100%;
height:800;
    padding: 0 0 0 0;
    border: 0;
}

.iframeWrapper {
　position: relative;
　padding-top: 56.25%;
}


iframe {
　position: absolute;
　top: 0;
　left: 0;
　width: 85%;
　height: 100%;
}
}


/*--------------------------------------------------------------------
=== [tamabase] ====================================
 -------------------------------------------------------------------*/




a {
	outline: none;
}

a:link {
	color: #5b85b0;
	text-decoration: underline;
}

a:visited {
	color: #5b85b0;
	text-decoration: underline;
}

a:hover {
	color: #78a6d5;
	text-decoration: none;
}

img {
	vertical-align: bottom;
}

a img  {
	border: none;
}

li {
	list-style-type: none;
}

input,label,select,textarea {
	vertical-align: middle;
}

/*margin*/
.ma00{margin:0!important;}
/*top*/
.mt00{margin-top:0!important;}
.mt05{margin-top:5px!important;}
.mt10{margin-top:10px!important;}
.mt15{margin-top:15px!important;}
.mt20{margin-top:20px!important;}
.mt25{margin-top:25px!important;}
.mt30{margin-top:30px!important;}
.mt35{margin-top:35px!important;}
.mt40{margin-top:40px!important;}
.mt45{margin-top:45px!important;}
.mt50{margin-top:50px!important;}
/*right*/
.mr00{margin-right:0!important;}
.mr05{margin-right:5px!important;}
.mr10{margin-right:10px!important;}
.mr15{margin-right:15px!important;}
.mr20{margin-right:20px!important;}
.mr25{margin-right:25px!important;}
.mr30{margin-right:30px!important;}
.mr35{margin-right:35px!important;}
.mr40{margin-right:40px!important;}
.mr45{margin-right:45px!important;}
.mr50{margin-right:50px!important;}
/*bottom*/
.mb00{margin-bottom:0!important;}
.mb05{margin-bottom:5px!important;}
.mb10{margin-bottom:10px!important;}
.mb15{margin-bottom:15px!important;}
.mb20{margin-bottom:20px!important;}
.mb25{margin-bottom:25px!important;}
.mb30{margin-bottom:30px!important;}
.mb35{margin-bottom:35px!important;}
.mb40{margin-bottom:40px!important;}
.mb45{margin-bottom:45px!important;}
.mb50{margin-bottom:50px!important;}
/*left*/
.ml00{margin-left:0!important;}
.ml05{margin-left:5px!important;}
.ml10{margin-left:10px!important;}
.ml15{margin-left:15px!important;}
.ml20{margin-left:20px!important;}
.ml25{margin-left:25px!important;}
.ml30{margin-left:30px!important;}
.ml35{margin-left:35px!important;}
.ml40{margin-left:40px!important;}
.ml45{margin-left:45px!important;}
.ml50{margin-left:50px!important;}

/*padding*/
.pa00{padding:0!important;}
/*top*/
.pt00{padding-top:0!important;}
.pt05{padding-top:5px!important;}
.pt10{padding-top:10px!important;}
.pt15{padding-top:15px!important;}
.pt20{padding-top:20px!important;}
.pt25{padding-top:25px!important;}
.pt30{padding-top:30px!important;}
.pt35{padding-top:35px!important;}
.pt40{padding-top:40px!important;}
.pt45{padding-top:45px!important;}
.pt50{padding-top:50px!important;}
/*right*/
.pr00{padding-right:0!important;}
.pr05{padding-right:5px!important;}
.pr10{padding-right:10px!important;}
.pr15{padding-right:15px!important;}
.pr20{padding-right:20px!important;}
.pr25{padding-right:25px!important;}
.pr30{padding-right:30px!important;}
.pr35{padding-right:35px!important;}
.pr40{padding-right:40px!important;}
.pr45{padding-right:45px!important;}
.pr50{padding-right:50px!important;}
/*bottom*/
.pb00{padding-bottom:0!important;}
.pb05{padding-bottom:5px!important;}
.pb10{padding-bottom:10px!important;}
.pb15{padding-bottom:15px!important;}
.pb20{padding-bottom:20px!important;}
.pb25{padding-bottom:25px!important;}
.pb30{padding-bottom:30px!important;}
.pb35{padding-bottom:35px!important;}
.pb40{padding-bottom:40px!important;}
.pb45{padding-bottom:45px!important;}
.pb50{padding-bottom:50px!important;}
/*left*/
.pl00{padding-left:0!important;}
.pl05{padding-left:5px!important;}
.pl10{padding-left:10px!important;}
.pl15{padding-left:15px!important;}
.pl20{padding-left:20px!important;}
.pl25{padding-left:25px!important;}
.pl30{padding-left:30px!important;}
.pl35{padding-left:35px!important;}
.pl40{padding-left:40px!important;}
.pl45{padding-left:45px!important;}
.pl50{padding-left:50px!important;}

/*font*/
/*size*/
.fs10{font-size:10px!important;}
.fs11{font-size:11px!important;}
.fs12{font-size:12px!important;}
.fs13{font-size:13px!important;}
.fs14{font-size:14px!important;}
.fs15{font-size:15px!important;}
.fs16{font-size:16px!important;}
.fs17{font-size:17px!important;}
.fs18{font-size:18px!important;}
.fs19{font-size:19px!important;}
.fs20{font-size:20px!important;}
/*bold*/
.bold{font-weight:bold!important;}

/*text-align*/
.center{text-align:center!important;}
.right{text-align:right!important;}
.left{text-align:left!important;}

/*float*/
.floatR{float:right!important;}
.floatL{float:left!important;}

/*clear*/
.clear{clear:both!important;}

/*fix*/
.fix{overflow:hidden;_zoom:1;}