@charset "shift_jis";
/* ==========================================================

title : 東建ウェブサイト RCユニヴァリィ店舗 rc_univaly_tenant.css
scope : 東建ウェブサイト RCユニヴァリィ店舗　スタイル

last modify : 2012/10/29 060_nanba

========================================================== */

h1, h2, h3, h4, h5, h6, div, span, p, pre, blockquote, ul, ol, li, dl, dt, dd, address, form, select, option, input, label, section, nav, aside, article, figure, figcaption, header, footer, fieldset {
  overflow: hidden;
}

h2 {
	width:auto;
	}
	
	
.pagenav ul li {
	float:left;
	margin:0;
	padding:0;
}

p.lead {
	margin:0;
	padding:0;
	}
	
p.lead2 {
	margin:0 0 0 20px;
	padding:0;
	}

.ttlArea {
	width:890px;
	height:auto;
	margin:20px 0 10px;
	padding:0 0 10px 30px;
	border-left:10px solid #5a79ba;
	border-bottom:1px solid #7e96c9;
	}
.ttlArea p {
	padding-right:10px;
	line-height:1.2;
	}

	
.stlArea {
	width:884px;
	height:30px;
	margin:20px 0;
	padding:3px 0 0 20px;
	border-left:5px solid #A7A7A7;
	border-bottom:1px dotted #A7A7A7;
	}
.stlArea h3 {
	float:left;
	margin:0 50px 0 0;
	padding:0;
	}
.stlArea p {
	margin:0;
	padding:0;
	line-height:23px;
	}
	

/* top */

.top_img {
	width:920px;
	height:410px;
	margin:15px 0;
	background:url(../image/top_main.jpg) no-repeat right bottom;
	}
.top_img .w_keep {
	float:left;
	width:330px;	
	}
.top_img p {
	padding:10px 0 20px 20px;
	}
	
/* 商品コンセプト*/

	
ul.concept {
	clear:both;
	width:760px;
	margin:40px auto;
	}
ul.concept li {
	float:left;
	width:206px;
	margin:0 20px;
	}
ul.concept li dl dd {
	width:180px;
	height:100px;
	margin: 0;
	padding:8px 13px 12px;
  font-size:15px;
	}
ul.concept li dl dd.bg_01 { background:url(../image/concept01_bg.jpg) no-repeat 0 0;}
ul.concept li dl dd.bg_02 { background:url(../image/concept02_bg.jpg) no-repeat 0 0;}
ul.concept li dl dd.bg_03 { background:url(../image/concept03_bg.jpg) no-repeat 0 0;}

/* バリアフリーデザイン */
#main .intoroArea {
	clear:both;
	width:900px;
	margin:50px auto 20px auto;
	padding:20px 0px;
	border:5px solid #e6f4fb;
	}
#main .intoroArea h2 {
	float:left;
	width:580px;
	}
	
#main .intoroArea p.introfont {
	float:left;
	width:580px;
	margin:0;
	padding:0 0 0 10px;
	line-height:1.5;
	}
	
#main .intoroArea .group {
	clear:both;
	margin:40px 0 0 0;
	}
	
#main .intoroArea .box{
	float:left;
	width:380px;
	margin:0;
	padding:20px 30px 0 30px;
}

#main .intoroArea .box p {
	padding:10px 5px 0 0;
	line-height:1.2;
	}
#main .intoroArea span {
	display:block;
	font-size:85%;
	margin:10px 0 0 0;
	}
	

/* スタイル */
.styleArea {
	clear:both;
	padding:30px 0;
	}
	
.styleArea .fleft {
	float:left;
	margin:0px 10px 20px 10px;
	}
	
.styleArea .sidel {
	margin-left:40px;
	_margin-left:20px;
}

	
/* 都市型スタイル */
.citystyleArea {
	clear:both;
	padding:30px 0;
	}
	.citystyleArea .box {
	float:left;
	width:456px;
	margin:0 auto 20px auto;
	}


/*  多彩な店舗スタイル */

.shopstyleArea {
	clear:both;
	padding:30px 0;
	}
.shopstyleArea .box {
	float:left;
	width:270px;
	margin:20px 15px;
	} 
	
.shopstyleArea .box h3 {
	width:255px;
	margin:0 0 10px 0;
	padding:3px 0 3px 10px;
	font-size:140%;
	font-weight:bold;
	border-left:5px solid #8dc1dc;
	border-bottom:1px dotted #8dc1dc;
	}
.shopstyleArea .box p {
	margin:0;
	padding:10px 0 0 0;
	}
	
/*  prArea */

.prArea {
	clear:both;
	padding:30px 0;
	}
.prArea ul {
	width:920px;
	height:526px;
	position:relative;
	}
.prArea ul li{
	margin:0;
	padding:0;
	position:absolute;
	}
.prArea ul li.img01 { top:0; left:0; }
.prArea ul li.img02 { top:380px; left:0; }
.prArea ul li.img03 { top:380px; left:167px; }
.prArea ul li.img04 { top:0; left:494px; }
.prArea ul li.img05 { top:166px; left:494px; }
	

/*  lineupArea */

.lineupArea {
	clear:both;
	padding:30px 0;
	}

.lineupArea table {
	margin:0 auto;
	border-collapse:collapse;
	border-right:2px solid #8dc1dc;
	border-bottom:2px solid #8dc1dc;
	}
.lineupArea table th,
.lineupArea table td {
	text-align:center;
	}
.lineupArea table .th_top{
	border-left:1px solid #8dc1dc;
	border-top:2px solid #8dc1dc;
 background:#e6f4fb;
	background:#33518f;
	color:#fff;
 padding:.5em 0;
 letter-spacing:0.1em;
	}	
	
.lineupArea table .th_side{
	border-top:2px solid #8dc1dc;
	border-left:2px solid #8dc1dc;
	background:#f4e1c3;
 background:#e6f4fb;
 width:1.9em;
	}
.lineupArea table .th_side2{
	border-top:1px solid #8dc1dc;
	border-left:2px solid #8dc1dc;
	background:#f4e1c3;
 background:#e6f4fb;
	}
.lineupArea table td {
	border-left:1px solid #8dc1dc;
	border-top:1px solid #8dc1dc;
	}	
	
	
/*  colorvariaArea */

.colorvariaArea {
	clear:both;
	margin:0 auto 30px auto;
	padding:10px 0;
	}

.colorvariaArea table {
	width:890px;
	margin:0 0 0 30px;
	border-collapse:collapse;
	border:2px solid #8dc1dc;
	}
.colorvariaArea table th,
.colorvariaArea table td {
	text-align:center;
	}
.colorvariaArea table .th_top{
	border-left:1px solid #8dc1dc;
	border-top:2px solid #8dc1dc;
 background:#e6f4fb;
	background:#33518f;
	color:#fff;
 padding:.5em 0;
 letter-spacing:0.1em;
	}	
	
.colorvariaArea table .th_side{
	border-top:2px solid #8dc1dc;
	border-left:2px solid #8dc1dc;
	background:#f4e1c3;
 background:#e6f4fb;
	}
.colorvariaArea table td {
	border-left:1px solid #8dc1dc;
	border-top:1px solid #8dc1dc;
	}	
	
.attention {
	font-size:80%;
	text-align:right;
	margin:5px auto;
	}