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

/*=================================================
	Reset
===================================================*/
* {
	margin: 0;
	padding: 0;
}
html,body {
	height: 100%;
	min-width: 320px;
}
html {
	font-size: 14px;
	height: 100%;
}
ul,ol {
	list-style: none;
}
img {
	vertical-align: bottom;
}
img {
	max-width: 100%;
}

a {
	color: #333;
	text-decoration: none;	
}

a:link,a:visited {
	text-decoration: underline;
}

a:hover,a:active {
	color: #0E97A6;
	text-decoration: none;
}


/* ================================================
		p
================================================== */
p {
	font-size: 1em;
}

/* ================================================
		
================================================== */

#fontSize {
	float: right;
	margin: 24px 0 0 0;
}


#fontSize dt {
	font-size: 0.95em;
	font-family: "小塚ゴシック Pro,ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	float: left;
   margin: 2px 12px 0 0;	
}
#fontSize dd {
	float: left;
}
#fontSize dd a {
	font-size: 0.95em;
	display: block;
	padding: 2px 5px;
	margin: 0 3px 0 0;
	font-weight: bold;
	cursor: pointer;
	text-decoration: none;
	color: #333;
	background-color: #FFF;
}
#fontSize dd:last-child a {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CECECE;
}
#fontSize dd a:hover {
	color: #FFFFFF;
	background-size: 100%; /* Old browsers */
	background-color: #0E97A6;
}
#fontSize .active a {
	color: #FFFFFF;
	background-size: 100%; /* Old browsers */
	background-color: #0E97A6;}

#fontSize dd a:active {
	color: #FFFFFF;
	background-size: 100%; /* Old browsers */
	background-color: #0E97A6;}

#header .headerFunction .headerSearch input {
	width: 192px;
	height: 20px;
	color: #165E83;	
}

/* ================================================
		clearfix
================================================== */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
    font-size: 0.1em; 
    line-height: 0; 
}
.clearfix { display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hides from IE-mac */

.clear{
	clear:both;
	font-size:0;
	line-height:0;
	padding:0;
	margin:0;
}

.clearB {clear: both;}


/* ================================================
		float settings
================================================== */
.floatR { float:right;}
.floatL { float:left;}


/* ================================================
		align settings
================================================== */
.alignC { text-align:center; }
.alignL { text-align:left; }
.alignR { text-align:right; }

/* ================================================
	font weight
================================================== */
.bold {
	font-weight: bold;
}

/* ================================================
	font
================================================== */

li.arrowR a {
	color: #111;
	text-decoration: none;	
}

li.arrowR a:hover {
	color: #666;
	text-decoration: none;	
}

.greenTxt {
	color: #00A1BA;
	font-size: 20px;
	margin: 0 0 17px 0;	
}

.txtLeft {
	text-align: left;	
}

.green {
	color: #0F979E;
}
/* ================================================
	squreIcon
================================================== */

.squareIcon:before {
  color: #0E7BA6;
  content: "\f0c8";
  display: inline-block;
  font-family: FontAwesome;
  font-size: 110%;
  padding-right: 0.5em;
  text-decoration: none;
  font-size:15px;
}

/* ================================================
	margin settings
================================================== */
.mT0 { margin-top : 0px !important; }
.mT5 { 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; }
.mT55 { margin-top : 55px !important; }
.mT60 { margin-top : 60px !important; }
.mT65 { margin-top : 65px !important; }
.mT70 { margin-top : 70px !important; }
.mT75 { margin-top : 75px !important; }
.mT80 { margin-top : 80px !important; }
.mT85 { margin-top : 85px !important; }
.mT90 { margin-top : 90px !important; }
.mT95 { margin-top : 95px !important; }
.mT100 { margin-top : 100px !important; }

.mR0 { margin-right : 0px !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; }
.mR55 { margin-right : 55px !important; }
.mR60 { margin-right : 60px !important; }
.mR65 { margin-right : 65px !important; }
.mR70 { margin-right : 70px !important; }
.mR75 { margin-right : 75px !important; }
.mR80 { margin-right : 80px !important; }
.mR85 { margin-right : 85px !important; }
.mR90 { margin-right : 90px !important; }
.mR95 { margin-right : 95px !important; }
.mR100 { margin-right : 100px !important; }

.mB0 { margin-bottom : 0px !important; }
.mB5 { 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; }
.mB55 { margin-bottom : 55px !important; }
.mB60 { margin-bottom : 60px !important; }
.mB65 { margin-bottom : 65px !important; }
.mB70 { margin-bottom : 70px !important; }
.mB75 { margin-bottom : 75px !important; }
.mB80 { margin-bottom : 80px !important; }
.mB85 { margin-bottom : 85px !important; }
.mB90 { margin-bottom : 90px !important; }
.mB95 { margin-bottom : 95px !important; }
.mB100 { margin-bottom : 100px !important; }

.mL0 { margin-left : 0px !important; }
.mL5 { 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; }
.mL55 { margin-left : 55px !important; }
.mL60 { margin-left : 60px !important; }
.mL65 { margin-left : 65px !important; }
.mL70 { margin-left : 70px !important; }
.mL75 { margin-left : 75px !important; }
.mL80 { margin-left : 80px !important; }
.mL85 { margin-left : 85px !important; }
.mL90 { margin-left : 90px !important; }
.mL95 { margin-left : 95px !important; }
.mL100 { margin-left : 100px !important; }


/* ================================================
	padding settings
================================================== */
.pT0 { padding-top : 0px !important;}
.pT5 { 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 : 20px !important;}
.pT35 { padding-top : 35px !important;}
.pT40 { padding-top : 45px !important;}
.pT50 { padding-top : 50px !important;}
.pT55 { padding-top : 55px !important;}
.pT60 { padding-top : 60px !important;}
.pT65 { padding-top : 65px !important;}
.pT70 { padding-top : 70px !important;}
.pT75 { padding-top : 75px !important;}
.pT80 { padding-top : 80px !important;}
.pT85 { padding-top : 85px !important;}
.pT90 { padding-top : 90px !important;}
.pT95 { padding-top : 95px !important;}
.pT100 { padding-top : 100px !important;}

.pR0 { padding-right : 0px !important;}
.pR5 { 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 : 20px !important;}
.pR35 { padding-right : 35px !important;}
.pR40 { padding-right : 45px !important;}
.pR50 { padding-right : 50px !important;}
.pR55 { padding-right : 55px !important;}
.pR60 { padding-right : 60px !important;}
.pR65 { padding-right : 65px !important;}
.pR70 { padding-right : 70px !important;}
.pR75 { padding-right : 75px !important;}
.pR80 { padding-right : 80px !important;}
.pR85 { padding-right : 85px !important;}
.pR90 { padding-right : 90px !important;}
.pR95 { padding-right : 95px !important;}
.pR100 { padding-right : 100px !important;}

.pB0 { padding-bottom : 0px !important;}
.pB5 { padding-bottom : 5px !important;}
.pB7 { padding-bottom : 7px !important;}
.pB10 { padding-bottom : 10px !important;}
.pB15 { padding-bottom : 15px !important;}
.pB20 { padding-bottom : 20px !important;}
.pB25 { padding-bottom : 25px !important;}
.pB30 { padding-bottom : 20px !important;}
.pB35 { padding-bottom : 35px !important;}
.pB40 { padding-bottom : 45px !important;}
.pB50 { padding-bottom : 50px !important;}
.pB55 { padding-bottom : 55px !important;}
.pB60 { padding-bottom : 60px !important;}
.pB65 { padding-bottom : 65px !important;}
.pB70 { padding-bottom : 70px !important;}
.pB75 { padding-bottom : 75px !important;}
.pB80 { padding-bottom : 80px !important;}
.pB85 { padding-bottom : 85px !important;}
.pB90 { padding-bottom : 90px !important;}
.pB95 { padding-bottom : 95px !important;}
.pB100 { padding-bottom : 100px !important;}

.pL0 { padding-left : 0px !important;}
.pL5 { 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 : 20px !important;}
.pL35 { padding-left : 35px !important;}
.pL40 { padding-left : 45px !important;}
.pL50 { padding-left : 50px !important;}
.pL55 { padding-left : 55px !important;}
.pL60 { padding-left : 60px !important;}
.pL65 { padding-left : 65px !important;}
.pL70 { padding-left : 70px !important;}
.pL75 { padding-left : 75px !important;}
.pL80 { padding-left : 80px !important;}
.pL85 { padding-left : 85px !important;}
.pL90 { padding-left : 90px !important;}
.pL95 { padding-left : 95px !important;}
.pL100 { padding-left : 100px !important;}


/*=======================================================
	fade
=======================================================*/
a img.fade {
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
img.fade:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

/*=======================================================
	icon
=======================================================*/

.squareArrow {
	display: inline-block;
	height: 3px;
	width: 14px;
	margin: 0 10px 4px 0;
	background-color: #0082D9;
	background-size: 12px 3px;
}

/*=======================================================
	googleMap
=======================================================*/


.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
border: 1px solid #008AE6;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.rightArrow01 {
padding-right: 20px;
font-size: 1em;
background-image: url(../img/common/arrow_r_icon.png);
background-repeat: no-repeat;
background-position: right center;
}