/*----------------------------------*/
/*common style 共通装飾

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


/*Headline*/
h1 {
    /*margin: 0.67em 0;*/
  font-size: 46px;
  font-size: 4.6rem;
}
h2 {
  /*margin: 0.83em 0;*/
  font-size: 32px;
  font-size: 3.2rem;
}
h3 {
    /*margin: 1em 0;*/
  font-size: 24px;
  font-size: 2.4rem;
}
img,video {
  max-width: 100%;
  height: auto;
}
.ie8 img{
  width: 100%;
} 



/*font*/
.font9{
font-size: 9px;
line-height: 140%;
	}


.font10{
font-size: 10px;
line-height: 140%;
	}
	
.font11{
font-size: 11px;
line-height: 140%;
	}

.font12{
font-size: 12px;
line-height: 140%;
	}
	
.font13{
font-size: 13px;
line-height: 160%;
	}
	
.font14{
font-size: 14px;
line-height: 160%;
	}
	
.font15{
font-size: 15px;
line-height: 160%;
	}

.font16{
font-size: 16px;
line-height: 160%;
	}

.font17{
font-size: 17px;
line-height: 160%;
	}
	
.font18{
font-size: 18px;
line-height: 160%;

	}
	
.font19{
font-size: 19px;
line-height: 160%;

	}
	
.font20{
font-size: 20px;
line-height: 160%;

	}
	
.font22{
font-size: 22px;
line-height: 160%;

	}
	
.font24{
font-size: 24px;
line-height: 160%;

	}
	
.font25{
font-size: 25px;
line-height: 160%;

	}
	
	
.font26{
font-size: 26px;
line-height: 160%;

	}

.font27{
font-size: 27px;
line-height: 160%;

	}

.font28{
font-size: 28px;
line-height: 160%;

	}


/*fontcolor*/
.white{
color: #FFFFFF;
}

.red{
color: #FF3300;
}

.reddark {color: #cc0033; 
 }

.orange{
color: #F60;
}

.back_red{
background: #FF3300;
}

.blue{
color: #3366FF;
}

.blue2{
color: #1391ED;
}

.back_blue{
background: #3366FF;
}

.navy{
color:#252B85;
	}
	
.green{
color: #339933;
}

.green2{
	color:#457570;
} 

.yellow{
	color:#FF8E11;
}


.pink {
	color: #D52B6F;
	
}

.pink2 {
	color: #EB4976;
	
}


/* border etc */
/* -------------------------------------------------------- */


.border{
border: 1px solid #cccccc;
}

.border_dot{
	border:1px dotted #999999;
}

.border_dash{
	border:1px dashed #999999;
}

.border_dash_blue{
	border:1px dashed #33A0B0;
}

.border_dash_red{
	border:1px dashed #FF3300;
}


.border_dash_org{
	border:1px dashed #F60;
}


.border_dot_blue{
	border:2px dotted #33A0B0;
}

.border_dot_red{
	border:2px dotted #FF3300;
}





.bordertop_dot{
	border-top:1px dotted #999999;
}

.borderbtm_dot{
	border-bottom:1px dotted #999999;
}

.borderbtm{
	border-bottom:solid 1px #000000;
}
 

/*ベース*/
/* -------------------------------------------------------- */

.div_infoBlue01 {
	padding : 10px;
	background : #ebf6ff;
	-webkit-border-radius : 5px;
	-moz-border-radius : 5px;
	border-radius : 5px;
}
.div_infoPink01 {
	padding : 10px;
	background : #fff6f6;
	-webkit-border-radius : 5px;
	-moz-border-radius : 5px;
	border-radius : 5px;
}
.div_infoGray01 {
	padding : 10px;
	background : #f8f8f8;
	-webkit-border-radius : 5px;
	-moz-border-radius : 5px;
	border-radius : 5px;
}
.div_infoYellow01 {
	padding : 10px;
	background : #fffddc;
	-webkit-border-radius : 5px;
	-moz-border-radius : 5px;
	border-radius : 5px;
}
.div_infoGreen01 {
	padding : 10px;
	-webkit-border-radius : 5px;
	-moz-border-radius : 5px;
	border-radius : 5px;
	background: #F2FEDF;
}
.div_infoBlueBorder01 {
	padding : 10px;
	border : solid 1px #40acfd;
	background : #fff;
	-webkit-border-radius : 5px;
	-moz-border-radius : 5px;
	border-radius : 5px;
}
.div_infoPinkBorder01 {
	padding : 10px;
	border : solid 1px #ff6868;
	background : #fff;
	-webkit-border-radius : 5px;
	-moz-border-radius : 5px;
	border-radius : 5px;
}
.div_infoGreenBorder01 {
	padding : 10px;
	border : solid 1px #8dbd40;
	background : #fff;
	-webkit-border-radius : 5px;
	-moz-border-radius : 5px;
	border-radius : 5px;
}





/*clearfix*/
.clearfix:after {
  content: "";
  display: block;
  clear: both;
}
.clearfix {
  zoom: 1;
}
.clear {
  clear: both;
}

/*clearfix 可変TABLE*/
.cf:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .cf { zoom: 1; }
*:first-child+html .cf { zoom: 1; }


/* position etc */

.center{
text-align: center;
}

.centering {
margin:0 auto;
}

.right{
text-align: right;
}

.left{
text-align: left;
}

.float_right{
float: right;
}

.float_left{
float: left;
}



/*button*/
.btn {
  display: inline-block;
  padding: 5px 23px;
  border: 1px #e6e6e6 solid;
  border-radius: 5px;
  background: #e5e5e5;
  background: -webkit-linear-gradient(top, #ffffff, #e5e5e5);
  background: -moz-linear-gradient(top, #ffffff, #e5e5e5);
  background: -o-linear-gradient(top, #ffffff, #e5e5e5);
  background: linear-gradient(to bottom, #ffffff, #e5e5e5);
  color: #333;
  text-decoration: none;
}
.btn:hover {
  border: 1px #ccc solid;
  background: #d9d9d9;
  background: -webkit-linear-gradient(top, #e5e5e5, #d9d9d9);
  background: -moz-linear-gradient(top, #e5e5e5, #d9d9d9);
  background: -o-linear-gradient(top, #e5e5e5, #d9d9d9);
  background: linear-gradient(to bottom, #e5e5e5, #d9d9d9);
}

/*margin*/
.margin0 {margin:0; }
.margin03{margin:0.3em; }
.margin05{margin:0.5em; }
.margin08{margin:0.8em; }
.margin1em{margin:1em; }
.marginbottom01em{margin-bottom:0.1em; }
.marginbottom05em{margin-bottom:0.5em; }
.marginbottom1em{margin-bottom:1em; }
.marginbottom2em{margin-bottom:2em; }
.marginbottom4em{margin-bottom:4em; }
.marginTop05em{ margin-top:0.5em !important}
.marginTop08em{ margin-top:0.8em !important}
.marginTop1em{ margin-top:1em !important}
.marginTop2em{ margin-top:1em !important}
.marginTop4em{ margin-top:4em !important}
.marginTop5{ margin-top:5px !important}
.marginTop10{ margin-top:10px !important}
.marginTop20{ margin-top:20px !important}
.marginTop30{ margin-top:30px !important}
.marginTop40{ margin-top:40px !important}
.marginLeft1em{ margin-left:1em !important}
.marginLeft5{ margin-left:5px !important}
.marginLeft10{ margin-left:10px !important}
.marginLeft20{ margin-left:20px !important}
.marginLeft30{ margin-left:30px !important}
.marginLeft50{ margin-left:50px !important}
.marginRight5{ margin-right:5px !important}
.marginRight10{ margin-right:10px !important}
.marginRight20{ margin-right:20px !important}
.marginRight70{ margin-right:70px !important}
.marginTop-1em{ margin-top:-1em !important}
.marginTop-4em{ margin-top:-4em !important}
.marginTop-5{ margin-top:-5px !important}
.marginTop-10{ margin-top:-10px !important}
.marginTop-20{ margin-top:-20px !important}
.marginTop-30{ margin-top:-30px !important}
.marginTop-40{ margin-top:-40px !important}

.padding0{padding:0; }
.padding1em{padding:1em; }
.padding105em{padding:1.5em; }
.padding05em{padding:0.5em; }
.padding0e1e {padding:0em 1em; }
.paddingbottom01em{padding-bottom:0.1em; }
.paddingbottom05em{padding-bottom:0.5em; }
.paddingbottom1em{padding-bottom:1em; }
.paddingbottom2em{padding-bottom:2em; }
.paddingTop05em{ padding-top:0.5em !important}
.paddingTop1em{ padding-top:1em !important}
.paddingTop4em{ padding-top:4em !important}
.paddingTop5{ padding-top:5px !important}
.paddingTop10{ padding-top:10px !important}
.paddingTop20{ padding-top:20px !important}
.paddingTop30{ padding-top:30px !important}
.paddingTop40{ padding-top:40px !important}
.paddingLeft1em{ padding-left:1em !important}
.paddingLeft5{ padding-left:5px !important}
.paddingLeft10{ padding-left:10px !important}
.paddingLeft20{ padding-left:20px !important}
.paddingRight5{ padding-right:5px !important}