@charset "utf-8";

/*************************************
 * ASOKO
 **************************************/
.content-section {
	margin: 0 0 50px 0;
	padding: 0;
	color: #888;
}
.content-section h1 {
	margin: 50px 0;
}
.content-section h2 {
	margin: 32px 0;
}
.content-section h2 .ja {
	color: #888;
	font-size: .8em;
	font-weight: normal;
	display: block;
}
.content-section ol,
.content-section ul {
	padding: 0 0 0 2em;
}
.brand-content-section h1 {
	margin: 10px 0;
}
.brand-content-section .info {
	margin: 27px 0 0 0;
}
.map-section h1{
	margin: 0 0 50px;
}
.map-section{
	margin: 0 0 50px;
	padding: 0;
	clear: both;
}
.map-section .map-article {
	float: left;
	width: 420px;
}
.map-section .address-article {
	float: left;
	width: 300px;
}
.map-section dt {
	margin: 10px 0 0 0;
	font-weight: bold;
}
.map-section dd {
	margin: 0 0 0 10px;
	padding: 0;
}
.map-section .address-article .address {
	margin: 30px 0 0 0;
}
.map-section .store-logo{
	margin: 0;
	padding: 0;
	display: inline-block;
}
.map-section .sub-name{
	margin: 0 0 0 5px;
	padding: 0;
	display: inline-block;
	position:relative;
	top: -3px;
}
.map-section .open-date{
	margin: 0;
	padding: 0;
	color: #e8380d;
	font-weight: bold;
}
.pointcard-order-section {
	background: url("../images/contents/about/free-shipping.png") no-repeat right bottom;
}
.pointcard-order-section ol li {
	margin: 20px 0;
}
.interior-disp-section  {
	margin: 0 0 50px 0;
}
.interior-disp-section h2 {
	margin: 50px 0;
}
.interior-disp-workflow-section h2 {
	margin: 10px 0;
	text-align: center;
}

.renovation-section {
	margin: 0 0 50px 0;
}
.renovation-section h1 {
	margin: 40px 0;
}
.paint-head-section h1 {
	margin: 0;
}
.original-head-section h1 {
	margin: 20px 0;
	text-align: center;
}
.business-head-section {
	text-align: center;
}
.business-head-section h1 {
	margin: 20px 0;
}

/*************************************
 * About
 *************************************/
.about-section {
	margin: 0 auto;
	padding: 30px 0;
	width: 1000px;
	border: #ececec 1px solid;

	border-radius: 20px;
}
.about-section h1{
	margin: 0 auto 20px;
	padding: 30px 0 30px;
	width: 737px;
	border: none;
}
.about-section .article{
	margin: 0 50px;
	padding: 0;
	width: 600px;
	clear: both;
	position: relative;
}
.map-section:after,
.about-section .article:after {
	content: ""; display: block; height: 0; visibility: hidden; clear: both;
}
.about-section .left-article{
	left: 70px;
}
.about-section .right-article{
	left: 350px;
}
.about-section .article .face{
	float: left;
}
.about-section .article p{
	margin: 25px;
	padding: 0;
	line-height: 240%;
	font-weight: bold;
	float: left;
}
/*************************************
 * Privacy
 *************************************/
.privacy-section .privacy-article{
	margin: 35px 0;
	padding: 0 0 10px;
	border-bottom: #eee 1px dotted;
}
/*************************************
 * Recruit
 *************************************/
#rec_wrap {
	overflow:hidden;
}
.recruit-section{
	overflow:hidden
	margin: 0;
	padding: 0;
}
.recruit-section .info-article{
	width:300px;
	margin: 0 30px 0 0;
	float: left;
}
.recruit-section .img-article{
	margin: 0;
	float: right;
}
.recruit-section dt{
	margin: 0 0 10px;
	padding: 0;
	font-weight: bold;
}
.recruit-section dd{
	margin: 0 0 20px;
	padding: 0;
}

.shop_name {
	font-weight:bold;
	}

ul.shop_condition li {
	line-height:140%;
	list-style-type:none;
	}

#recruit_txt {
	font-weight:bold;
	margin-top:60px;
	}


/*************************************
 * table
 *************************************/
.workflow-tbl {
	margin: 0 auto;
	border: none;
	width: 100%;
}
.workflow-tbl th {
	background: none;
	font-weight: bold;
	white-space: nowrap;
}
.workflow-tbl th,
.workflow-tbl td {
	border: none;
	border-top: #ddd 1px solid;
	border-bottom: #ddd 1px solid;
}
.works-tbl th,
.works-tbl td,
.regal-tbl th,
.regal-tbl td {
	border: #ddd 1px solid;
}
.works-tbl th,
.regal-tbl th {
	font-weight: bold;
	background: url("../images/bg/tbl-th.png") repeat 0 0;
}

/*************************************
 * My page
 *************************************/
#mynavi_area{
	margin: 0 0 80px;
}
ul.mynavi_list{
	margin: 0 0 20px;
	padding: 17px;
	background: #ececec;
	clear: both;
}
ul.mynavi_list:after {
	content: ""; display: block; height: 0; visibility: hidden; clear: both;
}
ul.mynavi_list li a{
	display: block;
}
ul.mynavi_list li{
	margin: 0 0 0 1px;
	padding: 0 0 0 0px;
	list-style: none;
	float: left;
}

/*************************************
 * Grid System
 *************************************/
.grid {
	float: left;
	zoom: 1;/* ie */
}
*html .grid {/* ie6 */
	display: inline;
}
.grid-1 {
	margin: 0;
	padding: 0;
	width: 730px;
	zoom: 1;
}
.grid-1 .grid {
	margin: 0 0 0 0px;
	padding: 0;
	width: 730px;
}
.grid-2 {
	margin: 0 0 0 -30px;
	padding: 0;
	width: 760px;
	zoom: 1;
}
.grid-2 .grid {
	margin: 0 0 0 30px;
	padding: 0;
	width: 350px;
}
.grid-3 {
	margin: 0 0 0 -35px;
	padding: 0;
	width: 765px;
	zoom: 1;
}
.grid-3 .grid {
	margin: 0 0 0 35px;
	padding: 0;
	width: 220px;
}
.grid-4 {
	margin: 0 0 0 -26px;
	padding: 0;
	width: 756px;
	zoom: 1;
}
.grid-4 .grid {
	margin: 0 0 0 26px;
	padding: 0;
	width: 163px;
}
.grid-1:after,
.grid-2:after,
.grid-3:after,
.grid-4:after {
	content: ""; display: block; height: 0; visibility: hidden; clear: both;
}
/*************************************
 * Social
 *************************************/
.social-section{
	margin: 0;
	padding: 15px 0;
	border-top: #ececec 1px solid;
}
.social-section ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
.social-section li{
	margin: 0 5px 0 0;
	float: left;
}
.social-section ul:after {
	content: ""; display: block; height: 0; visibility: hidden; clear: both;
}
/*************************************
 * Contact
 *************************************/
.inquiry-counter{
	margin: 15px 0 60px;
	padding: 0 0 10px;
	border-bottom: #dedede 1px dotted;
}
.inquiry-counter-title{
	margin: 0 0 10px;
	padding: 0 0 0 8px;
	font-size: 1.4em;
	display: inline-block;
	clear: both;
	border-left: #e8380d 3px solid;
}
.inquiry-counter dt{
	padding: 0 10px 0 0;
	font-weight: bold;
	float: left;
	width: 60px;
	text-align: left;
}
.inquiry-counter dd{
	width: 180px;
	margin-bottom: 7px;
}
.inquiry-counter .tel-number{
	padding: 8px 8px 8px 40px;
	display: inline-block;
	font-size: 1.4em;
	background: url("../images/ic/freedial.png") no-repeat 0 center;
}
.inquiry-counter:after {
	content: ""; display: block; height: 0; visibility: hidden; clear: both;
}
.inquiry-counter .tel-wrap{
	float: left;
}
.inquiry-counter dl,
.inquiry-counter .tel-wrap p{
	margin: 0;
}
.inquiry-counter .tel-wrap a{
	cursor: default;
}
.inquiry-counter .info-wrap{
	margin: 0 0 0 25px;
	padding: 0 0 0 25px;
	float: left;
	border-left: #dedede 1px dotted;
}