@charset "utf-8";

/* ****************************************************************************

　目次

-------------------------------------------------------------------------------

　01. 基本
　02. コンセプト
　03. ジーヴォ一覧
　04. 
　05. 


******************************************************************************* */



/* ==

　01. 基本

=============================================================================== */
.section .xevoTop h2 {
	margin:0 0 10px 0;
	padding:10px 0;
	border-bottom:solid 1px #ccc;
	background:none;
	}
/*
.section .xevoTop h3{
	margin-bottom:10px;
	padding-bottom:0;
	background:url(/common/images/renew2009/bk_h2.gif) left top no-repeat;
	border-bottom:none;
	line-height:1.2;
	color:#333;
}
* html .section .xevoTop h3{ height:1%; }
*/
.xevoTop div{ margin-bottom:20px; }
.xevoTop div div{ margin-bottom:0; }


.main p a{
	padding-left:7px;
	background:url(/common/images/renew2009/arrow_02.gif) left 4px no-repeat;
}

.main .xevo p a{
	padding-left:0;
	background:none;
}



.xevoTop div.bnr{
	margin-top:-20px;
	padding-bottom:20px;
}
.xevoTop div.bnr p{ margin-bottom:10px; }
.xevoTop div.bnr p a{ display:block; }
.xevoTop div.bnr p a:link, .xevoTop div.bnr p a:visited{ border:1px solid #ccc; }
.xevoTop div.bnr p a:hover, .xevoTop div.bnr p a:active{ border:1px solid #f60; }

.xevoTop div.bnr p.bnr_xevoCS a:link,
.xevoTop div.bnr p.bnr_xevoCS a:visited{ border:1px solid #0e0000; }
.xevoTop div.bnr p.bnr_xevoCS a:hover,
.xevoTop div.bnr p.bnr_xevoCS a:active{ border:1px solid #f60; }






/* ==

　02. コンセプト

=============================================================================== */
div.concept p.btn{
	width:229px;
	float:right;
}
div.concept p.btn a{
	width:229px;
	height:40px;
	background-image:url(../images/btn_concept02.gif);
	background-repeat:no-repeat;
	display:block;
}
div.concept p.btn a span{ display:none; }

div.concept p.btn a:link, div.concept p.btn a:visited{ background-position:left top; } 
div.concept p.btn a:hover, div.concept p.btn a:active{ background-position:left bottom; } 

div.concept div.txt{
	width:671px;
	float:left;
	clear:none;
}
div.concept div.txt p{ margin-bottom:20px; /margin-bottom:10px; }
div.concept div.txt p a{
	padding-left:7px;
	background:url(/common/images/renew2009/arrow_02.gif) left 4px no-repeat;
}


/* ==

　03. ジーヴォ一覧

=============================================================================== */
.xevoTop .xevo{
	margin:0 0 20px;
	padding:0 0 20px;
	border-bottom:1px solid #ccc;
}
.section .xevoTop .lastChild{
	margin-bottom:0;
	padding-bottom:0;
	border-bottom:none;
}

.section .xevoList {
	margin-bottom:0;
	clear:both;
	}
.xevoList table {
	margin:0 0 40px 0;
	padding:0;
	border-collapse:collapse;
	border-bottom:solid 1px #999;
	}
.xevoList table th {
	margin:0;
	padding:0;
	border:none;
	text-align:left;
	}
.xevoList table td {
	vertical-align:top;
	}
.xevoList table td.steel-free {
	background:url(../images/bg_matrix.gif) repeat-y left top;
	width:624px;
	}
.xevoList table td.wooden-free {
	background:url(../images/bg_matrix.gif) repeat-y right top;
	width:326px;
	}
.xevoList table td.steel-project {
	/*background:#e2dfd1 url(../images/bg_matrix.gif) repeat-y left top;*/
	background:#ffffff url(../images/bg_matrix.gif) repeat-y left top;
	width:624px;
	}
.xevoList table td.wooden-project {
	/*background:#e2dfd1 url(../images/bg_matrix.gif) repeat-y right top;*/
	background:#ffffff url(../images/bg_matrix.gif) repeat-y right top;
	width:326px;
	}

.xevoList table ul {
	margin:0;
	padding:20px 0 0 20px;
	/padding:20px 0 20px 20px;
	}
.xevoList table td.steel-project ul,
.xevoList table td.wooden-project ul {
	/*background:url(../images/bg_dotted.gif) no-repeat left top;*/
	}
.xevoList table ul li {
	float:left;
	display:inline;
	margin:0 10px 20px 0;
	}
.xevoList table ul li a span { display:none; }	

/* サムネイル大 285×275 */
.xevoE a,
.xevo03 a,
.xevoWW a {
	width:285px;
	height:275px;
	display:block;
	}
.xevoE a	{ background:url(../images/xevoE_p.jpg) no-repeat left top; }
.xevo03 a{ background:url(../images/xevo03_p.jpg) no-repeat left top; }
.xevoWW a	{ background:url(../images/xevoWW_p.jpg) no-repeat left top; }

.xevoE a.btn,
.xevo03 a.btn,
.xevoWW a.btn {
	height:30px;
	margin:5px 0;
	}
.xevoE a.btn	{ background:url(../images/btn_xevoE.gif) no-repeat left top; }
.xevo03 a.btn	{ background:url(../images/btn_xevo03.gif) no-repeat left top; }
.xevoWW a.btn	{ background:url(../images/btn_xevoWW.gif) no-repeat left top; }



/* サムネイル中 */
.xevoKU a {
	width:285px;
	height:168px;
	display:block;
	}
.xevoKU a	{ background:url(../images/xevoKU_p.jpg) no-repeat left top; }

.xevoKU a.btn {
	height:30px;
	margin-top:5px;
	}
.xevoKU a.btn	{ background:url(../images/btn_xevoKU.gif) no-repeat left top; }



/* サムネイル小 138×168 */
.xevoCLEVA a,
.xevoYU a,
.xevoFU a,
.xevoLi a,
.xevoT a,
.xevoR a,
.xevoEDDI a,
.xevoAI a,
.xevoC a,
.xevoV a,
.xevoSORA a,
.xevoWV a {
	width:138px;
	height:168px;
	display:block;
	}
.xevoCLEVA a	{ background:url(../images/xevoCLEVA_p.jpg) no-repeat left top; }
.xevoYU a	{ background:url(../images/xevoYU_p.jpg) no-repeat left top; }
.xevoFU a	{ background:url(../images/xevoFU_p.jpg) no-repeat left top; }
.xevoLi a	{ background:url(../images/xevoLi_p.jpg) no-repeat left top; }
.xevoT a	{ background:url(../images/xevoT_p.jpg) no-repeat left top; }
.xevoR a	{ background:url(../images/xevoR_p.jpg) no-repeat left top; }
.xevoEDDI a	{ background:url(../images/xevoEDDI_p.jpg) no-repeat left top; }
.xevoAI a	{ background:url(../images/xevoAI_p.jpg) no-repeat left top; }
.xevoC a	{ background:url(../images/xevoC_p.jpg) no-repeat left top; }
.xevoV a	{ background:url(../images/xevoV_p.jpg) no-repeat left top; }
.xevoSORA a	{ background:url(../images/xevoSORA_p.jpg) no-repeat left top; }
.xevoWV a	{ background:url(../images/xevoWV_p.jpg) no-repeat left top; }

.xevoCLEVA a.btn,
.xevoYU a.btn,
.xevoFU a.btn,
.xevoT a.btn,
.xevoLi a.btn,
.xevoR a.btn,
.xevoEDDI a.btn,
.xevoAI a.btn,
.xevoC a.btn,
.xevoV a.btn,
.xevoSORA a.btn,
.xevoWV a.btn {
	height:30px;
	margin-top:5px;
	}
.xevoCLEVA a.btn	{ background:url(../images/btn_xevoCLEVA.gif) no-repeat left top; }
.xevoYU a.btn	{ background:url(../images/btn_xevoYU.gif) no-repeat left top; }
.xevoFU a.btn	{ background:url(../images/btn_xevoFU.gif) no-repeat left top; }
.xevoLi a.btn	{ background:url(../images/btn_xevoLi.gif) no-repeat left top; }
.xevoT a.btn	{ background:url(../images/btn_xevoT.gif) no-repeat left top; }
.xevoR a.btn	{ background:url(../images/btn_xevoR.gif) no-repeat left top; }
.xevoEDDI a.btn	{ background:url(../images/btn_xevoEDDI.gif) no-repeat left top; }
.xevoAI a.btn	{ background:url(../images/btn_xevoAI.gif) no-repeat left top; }
.xevoC a.btn	{ background:url(../images/btn_xevoC.gif) no-repeat left top; }
.xevoV a.btn	{ background:url(../images/btn_xevoV.gif) no-repeat left top; }
.xevoSORA a.btn	{ background:url(../images/btn_xevoSORA.gif) no-repeat left top; }
.xevoWV a.btn	{ background:url(../images/btn_xevoWV.gif) no-repeat left top; }

	
/* 共通 */
.xevoList table ul li a:hover,
.xevoList table ul li a:active { background-position:bottom; }