@charset 'utf-8';

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

#  layout_style.css
margin・padding・fontの汎用classを記載します。

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

/* ----------------------------------------
  配置
---------------------------------------- */

.left{float:left;display:inline;}
.right{float:right;display:inline;}
.clear{clear:both;}
.clearleft{clear:left;}
.clearright{clear:right;}

.alignleft{text-align:left;}
.aligncenter{text-align:center;}
.alignright{text-align:right;}

.valignmiddle{vertical-align:middle;}

/* ----------------------------------------
  マージン
---------------------------------------- */

.m2{margin: 2px !important;}
.m5{margin: 5px !important;}
.m10{margin: 10px !important;}
.m15{margin: 15px !important;}
.m20{margin: 20px !important;}
.m30{margin: 30px !important;}
.m40{margin: 40px !important;}

.mt0{margin-top: 0px !important;}
.mt2{margin-top: 2px !important;}
.mt5{margin-top: 5px !important;}
.mt10{margin-top: 10px !important;}
.mt15{margin-top: 15px !important;}
.mt20{margin-top: 20px !important;}
.mt30{margin-top: 30px !important;}
.mt40{margin-top: 40px !important;}

.mt-5{margin-top: -5px !important;}
.mt-10{margin-top: -10px !important;}
.mt-15{margin-top: -15px !important;}
.mt-20{margin-top: -20px !important;}

.mr2{margin-right: 2px !important;}
.mr5{margin-right: 5px !important;}
.mr7{margin-right: 7px !important;}
.mr8{margin-right: 8px !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;}
.mr50{margin-right: 50px !important;}

.mb2{margin-bottom: 2px !important;}
.mb3{margin-bottom: 3px !important;}
.mb4{margin-bottom: 4px !important;}
.mb5{margin-bottom: 5px !important;}
.mb7{margin-bottom: 7px !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;}
.mb40{margin-bottom: 40px !important;}
.mb50{margin-bottom: 50px !important;}
.mb60{margin-bottom: 60px !important;}
.mb100{margin-bottom: 100px !important;}

.mb-5{margin-bottom:-5px !important;}
.mb-10{margin-bottom:-10px !important;}
.mb-15{margin-bottom:-15px !important;}

.ml0{margin-left: 0 !important;}
.ml2{margin-left: 2px !important;}
.ml5{margin-left: 5px !important;}
.ml10{margin-left: 10px !important;}
.ml15{margin-left: 15px !important;}
.ml16{margin-left: 16px !important;}
.ml18{margin-left: 18px !important;}
.ml19{margin-left: 19px !important;}
.ml20{margin-left: 20px !important;}
.ml25{margin-left: 25px !important;}
.ml30{margin-left: 30px !important;}
.ml40{margin-left: 40px !important;}

.ml-5{margin-left: -5px !important;}
.ml-10{margin-left: -10px !important;}
.ml-15{margin-left: -15px !important;}
.ml-20{margin-left: -20px !important;}

.mlra{margin: 0 auto !important;}

.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: 30px !important;}
.pt40{padding-top: 40px !important;}
.pt50{padding-top: 50px !important;}
.pt100{padding-top: 100px !important;}
.pt200{padding-top: 200px !important;}
.pt250{padding-top: 250px !important;}
.pt300{padding-top: 300px !important;}

.pb5{padding-bottom: 5px !important;}
.pb10{padding-bottom: 10px !important;}
.pb50{padding-bottom: 50px !important;}
.pb100{padding-bottom: 100px !important;}
.pb200{padding-bottom: 200px !important;}
.pb300{padding-bottom: 300px !important;}
.pb400{padding-bottom: 400px !important;}

.pl0{padding-left: 0 !important;}
.pl2{padding-left: 2px !important;}
.pl5{padding-left: 5px !important;}
.pl10{padding-left: 10px !important;}
.pl15{padding-left: 15px !important;}
.pl16{padding-left: 16px !important;}
.pl18{padding-left: 18px !important;}
.pl19{padding-left: 19px !important;}
.pl20{padding-left: 20px !important;}
.pl25{padding-left: 25px !important;}
.pl30{padding-left: 30px !important;}
.pl40{padding-left: 40px !important;}
.pl200 { padding-left: 200px;}
.pl210 { padding-left: 210px;}

.pr10{padding-right: 10px !important;}
.pr15{padding-right: 15px !important;}
.pr20{padding-right: 20px !important;}
.pr35{padding-right: 35px !important;}
.pr50 { padding-right: 50px;}
.pr100 { padding-right: 100px;}
.pr200 { padding-right: 200px;}

.ptb30{ padding-bottom: 30px; padding-top: 30px;}
.ptb50{ padding-bottom: 50px; padding-top: 50px;}
.ptb100 { padding-top: 100px; padding-bottom: 100px;}
.ptb200 { padding-top: 200px; padding-bottom: 200px;}
.ptb300 { padding-top: 300px; padding-bottom: 300px;}
.ptb500 { padding-top: 500px; padding-bottom: 500px;}

.plr10{ padding-left: 10px; padding-right: 10px !important;}
.plr100{ padding-left: 100px; padding-right: 100px !important;}
.plr200{ padding-left: 200px; padding-right: 200px !important;}
.plr210{ padding-left: 210px; padding-right: 210px !important;}

.p200 { padding: 200px;}
.p210 { padding: 210px;}

.p5{padding:5px !important;}
.p10{padding:10px !important;}
.p20{padding:20px !important;}
.p30{padding:30px !important;}
.p40{padding:40px !important;}


/* ----------------------------------------
  文字の大きさ
---------------------------------------- */

.f50{font-size:50%;}
.f80{font-size:80%;}
.f90{font-size:90%;}
.f110{font-size:110%;}
.f120{font-size:120%;}
.f130{font-size:130%;}

.f9{font-size:9px;}
.f10{font-size:10px;}
.f11{font-size:11px;}
.f12{font-size:12px;}
.f13{font-size:13px;}
.f14{font-size:14px;}
.f15{font-size:15px;}
.f16{font-size:16px;}
.f17{font-size:17px;}
.f18{font-size:18px;}
.f19{font-size:19px;}
.f20{font-size:20px;}
.f21{font-size:21px;}
.f22{font-size:22px;}
.f25{font-size:25px;}
.f30{font-size:30px;}
.f60{font-size:60px;}

.ti-50{text-indent:-.5em;}

/* ----------------------------------------
  行間
---------------------------------------- */

.lh110{line-height:110%;}
.lh120{line-height:120%;}
.lh130{line-height:130%;}
.lh140{line-height:140%;}
.lh150{line-height:150%;}
.lh160{line-height:160%;}
.lh170{line-height:170%;}
.lh180{line-height:180%;}
.lh185{line-height:185%}
.lh190{line-height:190%;}
.lh200{line-height:200%;}
.lh300{line-height:210%;}


/* ----------------------------------------
  font 装飾
---------------------------------------- */
.fbold { font-weight: bold;}


/* ----------------------------------------
  オンマウスでアルファ化
---------------------------------------- */
a.transition03:hover { 
	filter: alpha(opacity=0);
		-moz-opacity: 0;
	opacity: 0;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
}
a.transition02:hover { 
	filter: alpha(opacity=0);
		-moz-opacity: 0;
	opacity: 0;
		-webkit-transition: all 0.2s ease;
		-moz-transition: all 0.2s ease;
		-o-transition: all 0.2s ease;
	transition: all  0.2s ease;
}
a.transition00:hover { 
	filter: alpha(opacity=0);
		-moz-opacity: 0;
	opacity: 0;
		-webkit-transition: all 0s ease;
		-moz-transition: all 0s ease;
		-o-transition: all 0s ease;
	transition: all  0s ease;
}