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

body {
	color: #333333;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif; }

.textCenter {
  text-align: center; }

.textRight {
  text-align: right; }

.textLeft {
  text-align: left; }

.v_top {
  vertical-align: top; }

.v_middle {
  vertical-align: middle; }

.v_bottom {
  vertical-align: bottom; }


/* ----------------------------------

 clearfix
 
 ----------------------------------*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}





/* ----------------------------------

 a setting 
 
 ----------------------------------*/
a:link { color: #0FA3B1; }
a:hover { color: #80DED9; }
a:active { color: #80DED9; }
a:visited { xxxxxcolor: #6D9DC5; }

a{
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-khtml-transition: all 0.3s ease;
}

a img{
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-khtml-transition: all 0.3s ease;
}



a:hover img ,
a:active img {
	opacity:0.6;
	filter:alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
}




/* ----------------------------------

 margin setting 
 
 ----------------------------------*/
.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; }

.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; }



/* ----------------------------------

 font setting 
 
 ----------------------------------*/
.font08 { font-size: 8px; font-size:0.571428571rem; }
.font09 { font-size: 9px; font-size:0.642857142rem; }
.font10 { font-size: 10px; font-size:0.714285714rem; }
.font11 { font-size: 11px; font-size:0.785714285rem; }
.font12 { font-size: 12px; font-size:0.857142857rem; }
.font13 { font-size: 13px; font-size:0.928571428rem; }
.font14 { font-size: 14px; font-size:1rem; }
.font15 { font-size: 15px; font-size:1.071428571rem; }
.font16 { font-size: 16px; font-size:1.142857142rem; }
.font17 { font-size: 17px; font-size:1.214285714rem; }
.font18 { font-size: 18px; font-size:1.285714285rem; }
.font19 { font-size: 19px; font-size:1.357142857rem; }
.font20 { font-size: 20px; font-size:1.428571428rem; }
.font21 { font-size: 21px; font-size:1.5rem; }
.font22 { font-size: 22px; font-size:1.571428571rem; }
.font23 { font-size: 23px; font-size:1.642857142rem; }
.font24 { font-size: 24px; font-size:1.714285714rem; }
.font25 { font-size: 25px; font-size:1.785714285rem; }
.font26 { font-size: 26px; font-size:1.857142857rem; }
.font27 { font-size: 27px; font-size:1.928571428rem; }
.font28 { font-size: 28px; font-size:2rem; }
.font29 { font-size: 29px; font-size:2.071428571rem; }
.font30 { font-size: 30px; font-size:2.142857142rem; }
.font31 { font-size: 31px; font-size:2.214285714rem; }
.font32 { font-size: 32px; font-size:2.285714285rem; }
.font33 { font-size: 33px; font-size:2.357142857rem; }
.font34 { font-size: 34px; font-size:2.428571428rem; }
.font35 { font-size: 35px; font-size:2.5rem; }
.font36 { font-size: 36px; font-size:2.571428571rem; }
.font37 { font-size: 37px; font-size:2.642857142rem; }
.font38 { font-size: 38px; font-size:2.714285714rem; }