@charset "utf-8";
/* CSS Document */

#aside_btn{
    position: fixed;
    right: 0;
    top: 250px;
    z-index: 999;

   
}


.quickbtn{
    background: #6eccf0;
    padding: 6px 10px;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    font-family: 'lato', sans-serif;
    letter-spacing: 0.1em;
    cursor: pointer;
    vertical-align: middle;
    width: 148px;
}


.quickbtn a{
    display: block;
    
}

.quickbtn a:before{
    content:url(/common/image/ico_mypage.png);
    color: #fff;
    vertical-align: middle;
    display: inline-table;
    margin-right: 10px;

}




.quickbtn2{
    background: #94d76b ;
    padding: 6px 10px;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    font-family: 'lato', sans-serif;
    letter-spacing: 0.1em;
    cursor: pointer;
    vertical-align: middle;
    width: 148px;
}


.quickbtn2 a{
    display: block;
    
}

.quickbtn2 a:before{
    content:url(/common/image/ico_order.png);
    color: #fff;
    vertical-align: middle;
    display: inline-table;
    margin-right: 10px;

}



#mv{
   background: #73bce2;
   width: 100%;
}




/* mv txt */ 


/*1*/ 


.slides h2{  
  width: 1000px;
  margin: 0 auto;
}

.mvtxt{
	position: absolute;
    top: 18%;
    left: 39%;
    font-size: 22px;
    letter-spacing: 0.6em;
    color: #0980ad;
    font-weight: normal;
	
}

.mvtxt2{
	position: absolute;
	top: 38%;
    text-align: center;
    z-index: 100;
    margin-left: -426px;
    left: 50%;
}

.mvtxt3{
	position: absolute;
	top: 38%;
    text-align: center;
    z-index: 100;
    margin-right: -356px;
    right: 50%;
}

.award{
	position: absolute;
	top:0px;
	right: 9%;
}



/*2*/ 

.event_tit {
    color: #6eccf0;
    font-size: 18px;
    font-weight: bold;
    font-family: 'lato', sans-serif;
    letter-spacing: 0.2em;
    position: absolute;
    top: 191px;
    left: 16%;
}

.event_tit2{
   position: absolute;
   top: 240px;
   left: 12%;
}



.event_tit3{
    color: #40577b;
    font-size: 20px;
    font-family: 'oxygen', sans-serif;
    letter-spacing: 0.1em;
    line-height: 2em;

    position: absolute;
    top: 328px;
    left: 8%;
   text-align: center;
}


/************************************************************
  block 
************************************************************/


.block_inr{
	margin:  0 auto;
	width: 1000px;
	position: relative;
}

.block_inr2 {
	margin:  0 auto;
	width: 1000px;
	position: relative;
}


/*  block 1  */ 

#block1{

	margin: 25px 0 0 0px;
}

#block1 li{
	float: left;
	padding-top: 3px;
	
}

.newsbg{
	background: #e6f2f8;
	border: 1px solid #6eccf0;
	padding: 14px 20px;
}

.date {
	font-family: 'lato', sans-serif;
}

li.tit a { 
	color:#000;
	font-family: 'oxygen', sans-serif;
	 }


li.tit a:hover { 
	text-decoration: underline;
	opacity:0.7 !important;
	transition:all 0.3s ease-out;

	 }	 


.tag {
	background: #d84851;
	padding: 3px 10px;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	font-family: 'lato', sans-serif;
	letter-spacing: 0.1em;

	vertical-align: middle;
}




/************************************************************
  block  com
************************************************************/


h2{
	margin-top: 50px;
	margin-bottom: 40px;
	text-align: center;
}

h2 .s_tit{
	color: #6eccf0;
	font-size: 12px;
	font-weight: bold;
	font-family: 'lato', sans-serif;
	letter-spacing: 0.1em;
}


h2 .l_tit{
	color: #2e739c;
	font-size: 43px;
	font-family: "lora", sans-serif;
	font-weight: 400;
	line-height: 0.9em;	
}




/*  block2  */ 


#block2{}

#block2 div{
	display: block;
}


#block2 h3{
    color: #000;
	font-size: 30px;
	font-family: "lora", sans-serif;
	font-weight: 400;
	line-height: 1.5em;


}

#block2 h4{
	color: #fff;
	letter-spacing: 0.09em;
	font-weight: normal;

}

#block2 h5{

    font-family: 'oxygen', sans-serif;
	font-weight: 400; 
	letter-spacing: 0.1em;
	line-height: 1.6em;

	

}

.map{
	position: absolute;
	top:10px;
	left: -90px;
}

.photo{
	position: absolute;
	top:60px;
	right: 0;
}

.conbg
{
	background:url(/common/image/block2_bg.jpg) center top repeat-x;
	width:100%;
    position: relative;
    /* pa */ 
    background-attachment: fixed;
}






.contxt{
    text-align: center;
    padding: 40px 0;
    margin-bottom: 20px;

}



.contxt p{
       display: inline-block;
       margin-top: 20px;

}


.block_inr p{
 
  text-align: center;

}





/*  block3  */ 


#block3{}

.conbg2{
	background:url(/common/image/block3_ser.png) center top repeat-x;
	width:100%;
    position: relative;
    height: 920px;

}


.point1{
	position: absolute;
	top:300px;
	left:0px;
	width: 50%;

}


.point2{
	position: absolute;
	top:300px;
	right:-35px;
	width: 50%;

}


.point3{
	 position: absolute;
    bottom: 44px;
    left: 50%;
    margin-left: -32px;
}


.point3 p{
	display: block;
}

.point{
   background: #79c9ea;
    border-radius: 50%;
    width: 64px;
    height: 44px;
    line-height: 1.2em;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    font-family: 'lato', sans-serif;
    vertical-align: middle;
    
    padding-top: 18px;
    position: absolute;

}

.circle3{
   background: #79c9ea;
    border-radius: 50%;
    width: 64px;
    height: 44px;
    line-height: 1.2em;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    font-family: 'lato', sans-serif;
    vertical-align: middle;
    
    padding-top: 18px;
    position: absolute;
    bottom: 40px;

}



.point_tit{
 color:#47acdd;
 font-size: 24px;
 text-align: center;
 line-height: 1.3em;
}

.point_tit:after{

	  background-color: #47acdd;
    content: '';
    display: block;
    height: 2px;
    margin: 0 auto;
    margin-top: 20px;
    width: 90px;
  
}



.point_tit3{
 color:#47acdd;
 font-size: 24px;
 text-align: center;
 line-height: 2em;
 margin-top: 3px;
}

.point_tit3:after{

      background-color: #47acdd;
    content: '';
    display: block;
    height: 2px;
    margin: 0 auto;
    margin-top: 20px;
    width: 90px;
  
}



.point3_tit{
    color: #47acdd;
    font-size: 24px;
    text-align: center;
    line-height: 1.3em;
    position: absolute;
    /* left: 50%; */
    margin-left: -219px;
    top: -35px;
    width: 500px;
    /* margin-top: 20px; */
}
  


.point_tit2 {

   font-size: 15px;

}


.conbg3{
	margin-top: 20px;
}


.conbg3 .left{
	float: left;
	text-align: left;
	width: 48%;

}

.conbg3 .left2 {
    float: left;
    text-align: left;
    width: 39%;
    margin-left: 100px;
}



.prtit{
	color: #000;
	font-size: 29px;
	line-height: 1.7em;
}

.prtit:after{
	    background-color: #000;
    content: '';
    display: block;
    height: 2px;
    /* margin: 0 auto; */
    margin-top: 12px;
    width: 90px;
}





#block4{

}

.conbg4 {
	background: #cbeafc;
	padding:80px 0px;

}

.conbg4 li{
	float: left;
	width: 236px;
}

#c1,
#c2,
#c3,
#c4

{ background: #fff; 
	height: 324px;
position: relative;}


p.num
{
    position: absolute;
    top: 132px;
    left: 10px;
}

.comment{ 
     text-align: center;
    padding: 30px 7px 20px;
}



.txt1{
	color: #47acdd;
	font-size:27px;
	line-height: 1em;
	letter-spacing: 0.04em;

}
.txt2{

	color: #000;
	font-size:13px;
	line-height: 1.6em;

}





#block5{}

.conbg5{

 	background: #d8d8d8;
 	padding: 50px 0px;
 }




#block6{

}



#block7{
	 background: #f0f5f8;
}


.bn{
	padding: 40px 0px;
}



#block8{}

.news{    margin-left: 25px;}

.news li{}
.news li.list{
	float: left;
	width: 288px;

}

.news li.list p{
	color:#000;
	text-align: left;
}



#block9{}
.conbg9
{
	background:url(/common/image/block9_bg.jpg) center top repeat-x;
	width:100%;
    position: relative;
    padding:50px 0px;
    
}

.conbg9 li{
	float: left;
	width: 40%;
	color: #fff;
	height: 155px;
    text-align: center;

}




#quick1{
	background: #5bc5ed;
    padding: 20px;
    cursor: pointer;

}



#quick2{
	background: #6b6871;
    padding: 20px;
     cursor: pointer;

}

#quick3{
	background: #acacac;
    padding: 20px;
     cursor: pointer;

}



#quick4{
	background: #ffb1ac;
    padding: 20px;
     cursor: pointer;

}


.quicktxt{
	font-size: 19px;
	letter-spacing: 0.03em;
	line-height: 1.6em;
}

.quicktxt2{
    font-size: 15px;
	margin-top: 6px;
	line-height: 1.7em;
}

/************************************************************
  btn
************************************************************/
.btn{
	background: #6eccf0;
	padding: 5px 10px;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	font-family: 'lato', sans-serif;
	letter-spacing: 0.1em;
	cursor: pointer;
	vertical-align: middle;
}


.btn a{
	display: block;
	
}

.btn a:after{
	content: ">";
	color: #fff;

}






.viewbtn{

	background: #6eccf0;
    padding: 12px 10px;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    font-family: 'lato', sans-serif;
    letter-spacing: 0.1em;
    cursor: pointer;
    text-align: center;
    width: 20%;

}


.viewbtn:hover{

    opacity: 0.9;
    transition:all 0.3s ease-out;
}


.viewbtn a{
   
   display: block;
}






.viewbtn2{

	background: #6eccf0;
    padding: 12px 10px;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    font-family: 'lato', sans-serif;
    letter-spacing: 0.1em;
    cursor: pointer;
    text-align: center;
    width: 14%;

}


.viewbtn2:hover{

    opacity: 0.9;
    transition:all 0.3s ease-out;
}


.viewbtn2 a{
   
   display: block;
}




.orderbtn{
	    background: #94d76b;
    padding: 10px 20px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    font-family: 'lato', sans-serif;
    letter-spacing: 0.1em;
    cursor: pointer;
    vertical-align: middle;
    width: 200px;
}


.orderbtn a{
	display: block;
	
}

.orderbtn a:before{
	content:url(/common/image/ico_order.png);
	color: #fff;
	vertical-align: middle;
    display: inline-table;
    margin-right: 10px;

}



.orderbtn a:hover{

    opacity: 0.9;
    transition:all 0.3s ease-out;
}






.eventbtn{
    background: #94d76b;
    padding: 10px 20px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    font-family: 'lato', sans-serif;
    letter-spacing: 0.1em;
    cursor: pointer;
    vertical-align: middle;
    width: 300px;
    position: absolute;
    bottom: 148px;
    left: 16%;
}


.eventbtn a{
    display: block;
    
}

.eventbtn a:before{
    content:url(/common/image/ico_order.png);
    color: #fff;
    vertical-align: middle;
    display: inline-table;
    margin-right: 10px;

}



.eventbtn a:hover{

    opacity: 0.9;
    transition:all 0.3s ease-out;
}









/*  loop slider */



#loopslider {
    height: 245px;
    text-align: left;
    position: relative;
    overflow: hidden;
} 
#loopslider ul {
    float: left;
    display: inline;
    overflow: hidden;
    height: 245px;
} 
#loopslider ul li {
    float: left;
    display: inline;
    overflow: hidden;
    height: 245px;
}

#loopslider ul li img {
	margin: 0 ;

}
.about_slider {
}



.block_inr9{
    width: 500px;
    margin: 0 auto;
    position: relative;
}




::selection {
/*  color: #fff; */
  color: #222;
  background: #ffb1ac;
}
::-moz-selection {  /* Firefox */
  color: #fff;
  background: #ffb1ac;
}