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

a img {
    border-style:none;
}

/*a:hover img{opacity: 0.6;filter: alpha(opacity=60);-moz-opacity:0.6;}*/
html { box-sizing: border-box; } *, *:before, *:after { box-sizing: inherit; }
body{
	color:rgb(50,50,50);
	font-size:15px;
	font-family:'Yu Gothic', 'YuGothic', 'メイリオ','Meiryo','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック', sans-serif;
	margin:0;padding: 0px; 
	}
* { 
    margin: 0px; 
    padding: 0px; 
}

/************************/
/*                      */
/*         汎用         */
/*                      */
/************************/

.reg { font-size:70%; vertical-align:top;line-height:1em; }

.hidden { overflow:hidden; }
.float  { float:left; }
.clear  { clear:both; }
.clear hr { display:none; } 

.center { text-align:center; }
.left   { text-align:left; }
.right  { text-align:right; }
.bottom { bottom: 0;}

.bold { font-weight:bold; }

.line_b_dotte { width:700px; height:40px; border-bottom:dotted 2px rgb(165,144,156); }
.line_b_dotte_mdl { width:464px; height:30px; border-bottom:dotted 2px rgb(165,144,156); }

.hai{
	line-height: 150%;
}

/****** 汎用font-size ******/

.fz8 { font-size:8px; }
.fz9 { font-size:9px; }
.fz10 { font-size:10px; }
.fz12 { font-size:12px; }
.fz13 { font-size:13px; }
.fz14 { font-size:14px; }
.fz16 { font-size:16px; }
.fz18 { font-size:18px; }
.fz20 { font-size:20px; }
.fz24 { font-size:24px; }
.fz30 { font-size:30px; }
.fz40 { font-size:40px; }

/****** 汎用 font-color ******/
.brown{
	color: rgb(114,83,9);
}

.brown a{
	color: rgb(114,83,9);
}
.gold{color: rgb(171,115,0);}
.yellow{
	color: rgb(134,112,76);
}

.green{
	color: rgb(75,128,36);
}
.blue{
	color: rgb(87,133,158);
}
.red{
	color: rgb(230,0,18);
}

.white{
	color: rgb(255,255,255);
}

.white a{
	color: rgb(255,255,255);
}

.pink{color: rgb(202,71,117);}

.orange{color: rgb(239,95,0);}
.orange a{color: rgb(239,95,0);}

/****** 汎用margin ******/
.mgt-10p { margin-top:-10%; }
.mgt-03 { margin-top:-3px; }
.mgt-10 { margin-top:-10px; }
.mgt-16 { margin-top:-16px; }
.mgt-20 { margin-top:-20px; }
.mgt-30 { margin-top:-30px; }
.mgt-32 { margin-top:-32px; }
.mgt-50 { margin-top:-50px; }
.mgt2p { margin-top:2%; }
.mgt7 { margin-top:7px; }
.mgt8 { margin-top:8px; }
.mgt10 {
	margin-top: 10px;
}
.mgt15 { margin-top:15px; }
.mgt17 { margin-top:17px; }
.mgt20 { margin-top:20px; }
.mgt30 { margin-top:30px; }
.mgt40 { margin-top:40px; }
.mgt50 { margin-top:50px; }
.mgt80 { margin-top:80px; }
.mgt100 { margin-top:100px; }
.mgt150 { margin-top:150px; }

.mgl05 { margin-left:5px; }
.mgl10 { margin-left:10px; }
.mgl15 { margin-left:15px; }
.mgl20 { margin-left:20px; }
.mgl30 { margin-left:30px; }
.mgl40 { margin-left:40px; }
.mgl50 { margin-left:50px; }
.mgl60 { margin-left:60px; }
.mgl70 { margin-left:70px; }
.mgl80 { margin-left:80px; }
.mgl90 { margin-left:90px; }
.mgl93 { margin-left:93px; }
.mgl100 { margin-left:100px; }
.mgl105 { margin-left:105px; }
.mgl110 { margin-left:110px; }
.mgl270 { margin-left:270px; }
.mgl350 { margin-left:350px; }


.mgr10 { margin-right:10px; }
.mgr20 { margin-right:20px; }
.mgr30 { margin-right:30px; }
.mgr40 { margin-right:40px; }
.mgr60 { margin-right:60px; }
.mgr70 { margin-right:70px; }
.mgr80 { margin-right:80px; }

.mgb10 { margin-bottom:10px; }
.mgb20 { margin-bottom:20px; }
.mgb40 { margin-bottom:40px; }
.mgb100 { margin-bottom:100px; }
.mgb150 { margin-bottom:150px; }
.mgb200 { margin-bottom:200px; }


.m20{ margin:20px;}

/****** 画像透過50% ******/

a img.alpha_05 { background:none!important; }
a:hover img.alpha_05{
	opacity:0.5;
	filter:alpha(opacity=50);
	-ms-filter: "alpha( opacity=50 )";
	background:none!important;
	}

/****** 画像透過60% ******/

a img.alpha_06 { background:none!important; }
a:hover img.alpha_06{
	opacity:0.6;
	filter:alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
	background:none!important;
	}

/****** 画像透過80% ******/

a img.alpha_08 { background:none!important; }
a:hover img.alpha_08{
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	background:none!important;
	}

/*レイアウト用CSS*/
.layout{
}
/*アニメーション用CSS*/
.updown{
  /* アニメーションの名前 */
  animation-name:UpDown;
  /* アニメーションの１回分の長さ */
  animation-duration: 1.0s;
  /* アニメーションの回数 */
  animation-iteration-count: infinite;
  /* アニメーションの進行具合 */
  animation-timing-function: ease-in-out;
  /* アニメーション再生の向き */
  animation-direction: alternate;
}
  /* アニメーションの設定 */
@keyframes UpDown{
  /* 開始地点 */
  0%{
  /* Y軸0px */
  transform: translateY(0);
  }
  /* 終了地点 */
  100%{
  /* Y軸50px */
  transform: translateY(30px);
  }
}