/* CSS Document */
@charset "utf-8";

html,body{height:100%;}
body {font-family:sans-serif;line-height:150%;}
img,input[type="image"]{max-width:100%;height:auto;}
div#all{
	min-height:100%;
	height:auto !important;
	height:100%;
	width:100%;
	max-width:640px;
	margin:0 auto;
	padding:0 0 0 0;
	line-height:normal;
	color:#444;
}

/*=========================
	style start
==========================*/
.lesson p{
	width:80%;
	margin:0 auto;
	padding:10px 0;
	line-height:normal;
	color:#555;
}
.lessonBox{
	height:auto;
	margin:0 4%;
	padding:20px 10px;
	background:#fffcf2;
	border:1px solid #d4cdb4;
}
.lessonBox h3{
	width:65%;
	height:auto;
}
.lessonBox p{
	width:97%;
	height:auto;
	padding:0 0 0 3%;
	color:#555;
	line-height:normal;
}
.decTxt01{
	color:#d94267;
	font-weight:bold;
	background:#ffdbee;
}
.decTxt02{
	color:#109ca0;
	font-weight:bold;
	background:#cdfcf1;
}
.topMrg3{
	margin:3% 0 0 0;
}
.aboutLesson{
	width:95%;
	height:auto;
	margin:0 0 0 5%;
}
.aboutLesson th,.aboutLesson td{padding:5px;}
.aboutLesson th{
	width:27%;
	margin:0 0 0 5%;
	color:#fff;
	font-weight:normal;
	background:#ee7c98;
}
.aboutLesson td{padding:0 0 0 5px;}
.aboutLessonAtt{width:90%;margin:3% auto 0 auto;}
#footer{
	width:100%;
	height:auto;
	margin:8% 0 0 0;
}
.footerBtn{
	width:100%;
	height:auto;
	text-align:right;
}
.footerBtn li:last-child {margin:3% 0 0 0;}
.footerImg{
	width:100%;
	height:auto;
	margin:6% 0 0 0;
}
.companyBtn{
	width:50%;
	height:auto;
	margin:5% 0;
}
/*--------- kasou ------------*/
/*---------- shop ------------*/
.shopListTitle{padding:8% 0 0 0;}
.shopCategoryTxt{
	margin:4% 0 0 0;
	padding:0 0 0 5%;
	color:#565656;
	line-height:normal;
}
.shopListBtn {
	width:100%;
	height:auto;
	margin:1% 0 0 0;
}
.shopListBtn li{float: left;}
.shopListBtn .toTokyo{width:35%;}
.shopListBtn .toOther{width: 65%;}
.categoryTitle{margin: 5% 0;}
.shopBox{
	width:100%;
	height:auto;
	clear:both;
	margin:0 0 7% 0;
}
.shopTit{
	width:100%;
	height:auto;
	float:left;
}
.shopImg{
	width:35%;
	height:auto;
	float:left;
}
.shopName{
	width:63%;
	height:auto;
	padding:0 0 0 2%;
	color:#ee7c98;
	font-weight:lighter;
	line-height:normal;
	float: left;
}
.shopTxt{
	width:96%;
	height:auto;
	margin:4% 0 0 4%;
	float:left;
	font-size:13px;
	color:#292929;
	line-height:150%;
}
.shopTxt th,.shopTxt td{
	text-align:left;
	vertical-align:top;
}
.shopTxt th{
	font-weight:lighter;
	width:60px;
}
.shopInfoTxt{
	line-height:normal;
}
.shopBtmBtn{
	width:100%;
	height:auto;
	padding:3% 0 0 0;
	clear:both;
}
.w50Box{
	width:50%;
	height:auto;
}
.shopBtmTxt{text-align:center;}
.shopBtmTxt a,.shopBtmTxt a:hover,.shopBtmTxt a:active{
	color: #e64392;
}
/*--------------- q and a ---------------*/
.qa{
	width:100%;
	height:auto;
	margin:5% 0 0 0;
	line-height:0;
	font-size:0;
}
.qaList{
	width:100%;
	height:auto;
}
.qaList dt{
	width:100%;
	height:auto;
	margin:5% 0 0 0;
}
.answerTxt{
	width:100%;
	height:auto;
	margin:3% 0 5% 0;
	color:#2c000b;
	font-size:18px;
	line-height:normal;
}
.answerTxt th{
	width:10%;
	text-align:right;
	vertical-align:top;
}
.answerTxt td{
	width:90%;
	padding:0% 8% 0 2%;
}
.qaLine{
	width:92%;
	margin:0 4%;
	border-color:#bbaeb1;
}
.qaBtmTxt{
	height:auto;
	margin:4% 0 8% 0;
	padding:0 2% 0 0;
	color:#666;
	font-size:16px;
	text-align:right;
}