.left {
  float: left
}

.right {
  float: right
}

.textLeft {
  text-align: left
}

.textRight {
  text-align: right
}

.textCenter {
  text-align: center
}

.hidden {
  display: none
}

.bold {
  font-weight: bold
}

.normal {
  font-weight: normal
}

.red {
  color: #F00
}

.white {
  color: #FFF
}

.orange {
  color: #F60
}

.txt10 {
  font-size: 10px !important
}

.txt11 {
  font-size: 11px !important
}

.txt12 {
  font-size: 12px !important
}

.txt13 {
  font-size: 13px !important
}

.txt14 {
  font-size: 14px !important
}

.txt15 {
  font-size: 15px !important
}

.txt16 {
  font-size: 16px !important
}

.txt18 {
  font-size: 18px !important
}

.txt20 {
  font-size: 20px !important
}

.txt22 {
  font-size: 22px !important
}

.txt24 {
  font-size: 24px !important
}

.txt26 {
  font-size: 26px !important
}

.mgB05 {
  margin-bottom: 5px !important
}

.mgB10 {
  margin-bottom: 10px !important
}

.mgB20 {
  margin-bottom: 20px !important
}

.mgB30 {
  margin-bottom: 30px !important
}

.mgB40 {
  margin-bottom: 40px !important
}

.mgL05 {
  margin-left: 5px !important
}

.mgL10 {
  margin-left: 10px !important
}

.mgL20 {
  margin-left: 20px !important
}

.mgL30 {
  margin-left: 30px !important
}

.mgL40 {
  margin-left: 40px !important
}

.mgT10 {
  margin-top: 10px !important
}

.mgT20 {
  margin-top: 20px !important
}

.mgT30 {
  margin-top: 30px !important
}

.mgT40 {
  margin-top: 40px !important
}

.mgR05 {
  margin-right: 5px !important
}

.mgR10 {
  margin-right: 10px !important
}

.mgR20 {
  margin-right: 20px !important
}

.mgR30 {
  margin-right: 30px !important
}

.mgR40 {
  margin-right: 40px !important
}

.pd05 {
  padding: 5px !important
}

.pd10 {
  padding: 10px !important
}

.pdB05 {
  padding-bottom: 5px !important
}

.pdB10 {
  padding-bottom: 10px !important
}

.pdB20 {
  padding-bottom: 20px !important
}

.pdB30 {
  padding-bottom: 30px !important
}

.pdB40 {
  padding-bottom: 40px !important
}

.pdL05 {
  padding-left: 5px !important
}

.pdL20 {
  padding-left: 20px !important
}

.pdL30 {
  padding-left: 30px !important
}

.pdL40 {
  padding-left: 40px !important
}

.pdT05 {
  padding-top: 5px !important
}

.pdT10 {
  padding-top: 10px !important
}

.pdT20 {
  padding-top: 20px !important
}

.pdT30 {
  padding-top: 30px !important
}

.pdT40 {
  padding-top: 40px !important
}

.pdR05 {
  padding-right: 5px !important
}

.pdR10 {
  padding-right: 10px !important
}

.pdR20 {
  padding-right: 20px !important
}

.pdR30 {
  padding-right: 30px !important
}

.pdR40 {
  padding-right: 40px !important
}

* html .clearfix {
  height: 1%
}

.clearfix {
  *zoom: 1;
  display: inline-table;
  display: block
}

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

.inner {
  position: relative
}

@media only screen and (min-width: 1025px) {
  .inner {
    width: 960px;
    margin: 0 auto
  }
}

@media only screen and (max-width: 1024px) {
  .inner {
    width: 100%
  }
}

.red02 {
  color: #f33
}

.green {
  color: #4fb28c !important
}

.yellow {
  color: #ffa200 !important
}

.gray {
  color: #666 !important
}

.gray02 {
  color: #7d7d7d !important
}

.orange02 {
  color: #e8a125 !important
}

.blue {
  color: #3e7eb8 !important
}

.bg_yellow {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSI2MCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSI2MCUiIHN0b3AtY29sb3I9IiNmZmZmNjYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, rgba(0, 0, 0, 0)), color-stop(60%, #ffff66));
  background: linear-gradient(rgba(0, 0, 0, 0) 60%, #ffff66 60%)
}



*{
	-webkit-touch-callout:none;
	-webkit-text-size-adjust:100%;
	-webkit-tap-highlight-color:rgba(0,0,0,0) !important;
	box-sizing:border-box;
}


img{
	margin:0;
	padding:0;
	max-width:100%;
	height:auto;
	vertical-align:middle;
}

html,body{height:100%;}

body{
	color:#333;
	font-size:14px;
	line-height:1.5;
	font-family: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background:#fff;
}



#container{

	overflow:hidden;

}



#wrapper{
	position: relative;
	overflow-x: hidden;
}

header#header{
	background:#fff;

}

main#main{
	width:100%;
}



footer#footer{
	padding:12px 0 2em;
	background:#333;

}

@media (max-width: 800px) {
	footer#footer{
		padding:12px 0 2em;
	}
}




footer#footer p{
	color:#fff;
	text-align:center;



}