@charset "utf-8";

/* ===========================================
	マージン。
   =========================================== */

.ml100{
	margin-left:100px;
}

.ml60{
	margin-left:60px;
}

.ml50{
	margin-left:50px;
}

.ml40{
	margin-left:40px;
}

.ml30{
	margin-left:30px;
}

.ml20{
	margin-left:20px;
}

.mr60{
	margin-right:60px;
}

.mr40{
	margin-right:40px;
}

.mr10{
	margin-right:10px;
}

.mr20{
	
	margin-right:20px;
}


.mt300-{
	margin-top:-300px;
}

.mt100{
	margin-top:100px;
}

.mt100-{
	margin-top:-100px;
}

.mt80{
	margin-top:80px;
}

.mt60{
	margin-top:60px;
}

.mt50{
	margin-top:50px;
}

.mt40{
	margin-top:40px;
}

.mt40-{
	margin-top:-40px;
}

.mt30{
	
	margin-top:30px;
}

.mt20{
	margin-top:20px;
}

.mt20-{
	margin-top:-20px;
}


.mt10{
	
	margin-top:10px;
}

.mt5{
	margin-top:5px;
}


.mb100{
	
	margin-bottom:100px;
}

.mb80{
	
	margin-bottom:80px;
}
.mb60{
	
	margin-bottom:60px;
}

.mb30{
	
	margin-bottom:30px;
}

.mb40{
	
	margin-bottom:40px;
}

.mb20{
	
	margin-bottom:20px;
}

.mb10{
	margin-bottom:10px;
}

.pt100{
	padding-top:100px;
}

.pt60{
	padding-top:60px;
}

.pt20{
	padding-top:20px;
}

.pt10{
	
	padding-top:10px;
}

.pt5{
	padding-top:5px;
}

.pt0{
	padding-top:0px;
}

.pb10{
	padding-bottom:10px;
}

.pl10{
	padding-left:10px;
}

.pl20{
	padding-left:20px;
}

.pl30{
	padding-left:30px;
}


/* ===========================================
	角丸。
   =========================================== */

.kadomaru5{
	border: 0px solid #CC3366;
	border-radius: 5px; /* CSS3 */
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
	behavior: url(../ie_css3/PIE.htc);　/* IE */
}


/* ===========================================
	汎用記述
   =========================================== */

.w100{
	width:100%;
}



/* ===========================================
	色
   =========================================== */

.yutaka-color{
	color:#292F86;
}


/* ===========================================
	背景色
   =========================================== */

.bg-glay{
	background-color:#cccccc;
}


.bg-yutaka-color{
	background-color:#292F86;
}

.bg-white{
	background-color:#ffffff;
}

.bg-black{
	background-color:#000000;
}


/* ===========================================
	下線
   =========================================== */

.underline{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}


/* ===========================================
	マウス　アクション
   =========================================== */

a:link {
	color: #555;
	text-decoration: none;
	font-weight:normal;
}

a:visited {
	color: #888;
	text-decoration: none;
	font-weight:normal;
}

a:hover {
	color: #2296d9;
	font-weight: normal;
}

a:active {
	font-weight: normal;
}

a:hover img{
	//opacity:0.8;
	//filter:alpha(opacity=80);
	//-ms-filter: "alpha( opacity=80 )";
}


ul,li{
    margin: 0;
    padding: 0;
    border: 0;
}


/* ===========================================
	問い合わせバナー
=========================================== */

.contact{
	width:800px;
	margin:0 auto;
	text-align:center;
	margin-top:20px;
	margin-bottom:20px;
	background-color:blue;
	height:60px;
}

.contact img{
	background-color:blue;
}


/* ===========================================
	メニュー固定用
=========================================== */

.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
}


/* ===========================================
	jquery用
=========================================== */


img.grow {
	-webkit-transition:0.2s ease-in-out;
	-moz-transition:0.2s ease-in-out;
	-ms-transition:0.2s ease-in-out;
	-o-transition:0.2s ease-in-out;
	transition:0.2s ease-in-out;
}

img.grow:hover {
	-webkit-transform:scale(1.05,1.05);
	-moz-transform:scale(1.05,1.05);
	-ms-transform:scale(1.05,1.05);
	-o-transform:scale(1.05,1.05);
	transform:scale(1.05,1.05);
}

/* ===========================================
	画像遅延ロードプラグインlazysizes.min.js
=========================================== */

.lazyload, .lazyloading {
    opacity: 0;
}
.lazyloaded {
    opacity: 1;
    transition: opacity 1000ms;
}