@charset "utf-8";

/* @group Reset */

html {
	
	font-family:'Roboto',"Yu Gothic","游ゴシック体", "YuGothic","Lucida Grande",
	"Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3",
	Meiryo, "メイリオ", sans-serif;
	font-weight: 500;
	line-height:1.6em;
	color :    #000000;
}

/*IEだけメイリオ高木記載*/
@media all and (-ms-high-contrast:none)
{
    html
    {
        font-family:'Roboto',"Lucida Grande",
	"Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3",
	Meiryo, "メイリオ", sans-serif;
	font-weight: normal;
    }
}
/*IEだけメイリオ高木記載end*/
body {
	-webkit-text-size-adjust: 100%; 
 	-webkit-overflow-scrolling:touch; 
}

*{ margin: 0;padding: 0; filter: inherit; }

ul, ol { list-style : none; }

img { 
	border:0;
	display:block;
    width: auto;
    max-width: 100%;
    margin:0 auto;
}

h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:500;}

.alcenter {	text-align:center;	margin: 0 auto; }

.aljust { text-align:justify; }

.alleft { text-align:left; }

.alright { text-align:right; }

.float_L { float:left;}

.float_R { float:right;}

.center_img img { margin:0 auto;}


a{ color:#333333; text-decoration:underline; }

a:hover{ color:#333333;  text-decoration:none; }

a:hover img{
	filter: alpha(opacity=100);
  -moz-opacity:1.00;
  opacity:1.00;
} 

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

.clearfix{ 
	display:block;
	clear:both;
	overflow:hidden; 
}

/*ホバーで動くcss*/

.hover a img{
	filter: alpha(opacity=100);
	-webkit-opacity:1.00;
	-moz-opacity:1.00;
	opacity:1.00;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-ms-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
}

.hover a:hover img{
	-webkit-transform: translate(0,-3px);
	-moz-transform: translate(0,-3px);
	-ms-transform: translate(0,-3px);
	-o-transform: translates(0,-3px);
}


/*** 位置設定 ================================================== */
.ma_to05 {
	margin-top:0.5em;
}
.ma_to10 {
	margin-top:1em;
}
.ma_to20 {
	margin-top:2em;
}
.ma_to30 {
	margin-top:3em;
}
.ma_to40 {
	margin-top:4em;
}
.ma_to50 {
	margin-top:5em;
}
.ma_to60 {
	margin-top:6em;
}
.ma_to70 {
	margin-top:7em;
}

.ma_bo05 {
	margin-bottom:0.5em;
}
.ma_bo10 {
	margin-bottom:1em;
}
.ma_bo20 {
	margin-bottom:2em;
}
.ma_bo30 {
	margin-bottom:3em;
}
.ma_bo40 {
	margin-bottom:4em;
}
.ma_bo50 {
	margin-bottom:5em;
}
.ma_bo60 {
	margin-bottom:6em;
}
.ma_bo70 {
	margin-bottom:7em;
}
.ma_tobo05 {
	margin:0.5em 0;
}
.ma_to15 {
	margin-top:1.5em;
}


.pa_to80 {
	padding-top:8em;
}
.pa_to70 {
	padding-top:7em;
}
.pa_to60 {
	padding-top:6em;
}
.pa_to50 {
	padding-top:5em;
}
.pa_to40 {
	padding-top:3em;
}
.pa_to30 {
	padding-top:3em;
}
.pa_to20 {
	padding-top:2em;
}

.pa_to15 {
	padding-top:1.5em;
}
.pa_to12 {
	padding-top:1.2em;
}

.pa_to10 {
	padding-top:1em;
}
.pa_to07 {
	padding-top:0.7em;
}
.pa_to05 {
	padding-top:0.5em;
}
.pa_to03 {
	padding-top:0.3em;
}

.pa_bo70 {
	padding-bottom:7em;
}
.pa_bo60 {
	padding-bottom:6em;
}
.pa_bo50 {
	padding-bottom:5em;
}
.pa_bo40 {
	padding-bottom:4em;
}
.pa_bo30 {
	padding-bottom:3em;
}
.pa_bo25{
	padding-bottom:2.5em;
}

.pa_bo20 {
	padding-bottom:2em;
}
.pa_bo15 {
	padding-bottom:1.5em;
}
.pa_bo10 {
	padding-bottom:1em;
}

.pa_bo07 {
	padding-bottom:0.7em;
}

.pa_bo05 {
	padding-bottom:0.5em;
}
.pa_bo02 {
	padding-bottom:0.2em;
}

.pa_tobo20 {
	padding:2em 0;
}

.pa_tobo10 {
	padding:1em 0;
}

.pa_tobo05 {
	padding:0.5em 0;
}

.pa_ri03 {
	padding-right:3%;
}

.pa_le20 {
	padding-left:20%;
}

.w_auto img {
	width:auto;
}

.w_100 img {
	width:100%;
}

/*.w_70 img {
	width:70%;
}*/

/* @end */