@import url("/css/common.css");

/* ================================================================ */
/* style =トップページcss= */
/* ================================================================ */

/* --------------------- mainvisual --------------------- */
/* メインビジュアル */
#mainvisual{
	margin:0 0 25px;
	text-align:center;
}

#mainvisual h1{margin:0;}
#mainvisual img{vertical-align:bottom;}

/* --------------------- sos-area --------------------- */
/* 大枠 */
#sos-area{
	width:655px;
	margin:0 auto 30px;
}
#sos-area h2{
	margin:0 auto 7px;
}
/* 枠 */
.sos{
	padding:0;
}
/* clear hack */
.sos{zoom:1;}
.sos:after{content:" ";clear:both;height:0;display:block;visibility:hidden;}
/* */

/* 左エリア */
.sos .left{
	float:left;
	width:520px;
	text-align:left;
}
/* テキスト */
.sos p.text{
	margin:0;
	padding:8px 0 0 3px;
}

/* 画像 */
.sos img.photo{
	float:right;
}

/* --------------------- time --------------------- */
/* 大枠 */
#time-area{
	width:660px;
	margin:0 auto 35px;
	text-align:center;
}



/* --------------------- about-area --------------------- */
/* 大枠 */
#about-area{
	width:670px;
	margin:0 auto 40px;
}
/* clear hack */
#about-area{zoom:1;}
#about-area:after{content:" ";clear:both;height:0;display:block;visibility:hidden;}
/* */

/* 写真 */
#about-area img.photo{
	float:left;
}
/* 左エリア */
#about-area .right{
	float:right;
	width:497px;
	text-align:left;
}
/* キャッチ */
#about-area .right h2{
	margin:0 0 12px 0;
	padding:0;
}

.about{
	margin:0 auto;
}
/* clear hack */
.about{zoom:1;}
.about:after{content:" ";clear:both;height:0;display:block;visibility:hidden;}
/* */

/* テキスト */
.about p.text{
	float:left;
	margin:0;
	padding:0 0 0 7px;
}

/* もっと見る */
.about p.btn{
	float:right;
	margin:0;
	text-align:right;
}
/*## complain-info ###################################################*/
.complain{
	width:613px;
	margin:0 auto 30px;
}
.complain h2{
	margin:0 0 25px 0;
}
.complain-info{
	width:540px;
	margin:0 auto;
}
.complain-info p.text{
	margin:0 0 10px 0;
	padding:0;
}
/* 会社概要バナー */
.complain-info #bn-company{
	text-align:right;
}
.complain-info-list{
	width:380px;
	margin:0 auto 20px;
}


/* めっきの不具合：キャッチ画像 */
.catch{
	margin:0 auto 15px;	
}
.catch ul{
	margin: 0 0 5px;
	padding:0;
	list-style-type:none;
	text-align:left;
}
.catch ul li{
	margin:0 0 5px 0;
	padding:0;
}

/* めっきの不具合：リスト */
.complain-list ol{
	margin:0 0 10px 25px;
	padding:0 0 0 0;
	font-size:12px;
	font-weight:normal;
}
.complain-list ol li{
	margin:0 0 3px 0;
	padding:0;
}
.complain-list p{
	margin:0 0 3px 0;
	text-align:left;
}

/* --------------------- attention --------------------- */
/* 大枠 */
#attention{
	width:563px;
	margin:0 auto 35px;
}
#attention img{
	vertical-align:bottom;
}
#attention .back{
	width:563px;
	background:url('./../top_img/attention_back.gif') no-repeat 0 0;
}
#attention .back p{
	margin:0;
	padding:15px 10px 20px 15px;
	font-size:14px;
}
#attention .back p span{
	color:#ef0000;
	font-weight:bold;
}