@charset "UTF-8";


/*** かんたん！インストールページ ここから ***/
.tm_box_max_640{
	width:100%;
	max-width:640px;
	margin:0 auto;
}

.tm_tab_links{
	margin-bottom:40px;
	padding-bottom:1px;
}

.tm_tab_links li{
	float:left;
	width:33.33%;
	margin-bottom:0;
}

.tm_tab_links li img{
	max-width:100%;
}

.kantanbox1 {
	margin:0px auto 30px auto;
	text-align:center;
	/*padding-top: 80px;*/
}
.kantanbox1 .tm_float_l { width:30%;}
.kantanbox1 .tm_float_r { width:70%; text-align:left; }

.kantanbox2{
	border: 10px solid #efefef;
	margin: 0 auto;
	text-align:center;
	clear:both;
	padding: 20px;
}
.kantanbox2 p{ margin-bottom:0; }
.kantanbox2 .l_kantanbox2 { width:55%; float:left; text-align:left; }
.kantanbox2 .r_kantanbox2 { width:45%; float:right;}

.tm_section_1,
.tm_section_2{
	padding:0px 5% 20px 5%;
	margin:0 0 20px 0;
}

.tm_section_1 .tm_float_l{ width:70%; }
.tm_section_1 .tm_float_r{ width:30%; }

.tm_section_2 .tm_float_l{ width:30%; }
.tm_section_2 .tm_float_r{ width:70%; }

/*** かんたん！インストールページ ここまで ***/


@media screen and (max-width:480px){

.kantanbox2 .l_kantanbox2,
.kantanbox2 .r_kantanbox2,
#tm_main_1col .tm_float_l,
#tm_main_1col .tm_float_r{
	float:none;
	width:100%;
}

.tm_tab_links li{
	width:50%;
}

}/*** @media screen and (max-width:480px)の設定 ここまで ***/