@charset "utf-8";
/* pages.css */


/* --------------------------------

	* Pages Style Sheet {


		* last update 08.03/05
		* author : hirai;
	
	}
	
	
--------------------------------
		 Contents
	
	1. common
	2. index.html
	3. 一覧
	4. 詳細
	
	
	
--------------------------------- */


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

	 1. common
 
============================================================================================================*/

body.cases {
	background: #FFFFFF url(../img/common/bg/bg_body.gif) repeat-x left top;
}

body.cases div#container {
	background	: url(../img/common/bg/bg_container.gif) no-repeat left top;
}

body.cases div.contentHead {
	height	: 100px;
}


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

	 2. index.html
 
============================================================================================================*/

ul.caseView {

}
/* start clearfix */
ul.caseView:after { content: " "; display: block; visibility: hidden; clear: both; height: 0.1px; font-size: 0px; line-height: 0; }
/* ie6 hack */
* html ul.caseView { height: 1%; }
/* ie7 hack */
*:first-child+html ul.caseView { min-height: 1%;}
/* end clearfix */

ul.caseView li {
	float: left;
	margin-right: 13px;
	margin-bottom: 13px;
}

ul.caseView li.rightChild {
	margin-right: 0;
}


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

	 3. 一覧
 
============================================================================================================*/

body.cases.archive div#mainContent div.h1Group p.voice {
	margin-bottom: 2em;
}

body.cases.archive div#mainContent div.h1Group h1.hnImg01 {
	margin-bottom: 20px;
}

/*  ------------------------------------------------------------------

	一覧リスト

---------------------------------------------------------------------*/

/* dlで組みなおし */
body.cases.archive dl.case {
	float:left;
	display:inline;
	width:174px;
	zoom:1;
}

body.cases.archive dl.case.lastChild {
	background: none;
	padding-bottom: 0;
}

body.cases.archive dl.case dt {
	border: 1px solid #CCCCCC;
	padding: 1px;
}

body.cases.archive dl.case dd.caption {
	font-weight:bold;
	border-bottom:1px solid #CCCCCC;
	margin-bottom:0.2em;
}

body.cases.archive dl.case dd.caption a {
	font-weight:bold;
	display:block;
}

body.cases.archive dl.case dd.caption span {
	font-size: 90%;
	font-weight: normal;
}

body.cases.archive dl.case dd.toDetail01 a {
	background	: url(../../_common/img/parts/arrow/arrow_01.gif)  no-repeat 0 3px;
	padding-left: 15px;
	margin-bottom: 0.5em;
}


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

	 4. 詳細
 
============================================================================================================*/

body.cases.detail div#mainContent div.h1Group p.voice {
	margin-bottom: 2em;
}

body.cases.detail div#mainContent div.h1Group h1.hnImg01 {
	margin-bottom: 35px;
}

body.cases.detail p#userName {
	text-align: right;
	font-weight: bold;
}

body.cases.detail p#userName span {
	margin-left: 0.5em;
	font-size: 118%;
}

/*  ------------------------------------------------------------------

	外観リスト

---------------------------------------------------------------------*/

body.cases.detail ul.appearanceList {
	margin-bottom: 20px;
}
/* start clearfix */
body.cases.detail ul.appearanceList:after { content: " "; display: block; visibility: hidden; clear: both; height: 0.1px; font-size: 0px; line-height: 0; }
/* ie6 hack */
* html body.cases.detail ul.appearanceList { height: 1%; }
/* ie7 hack */
*:first-child+html body.cases.detail ul.appearanceList { min-height: 1%;}
/* end clearfix */

body.cases.detail ul.appearanceList li {
	float: left;
	margin-right:7px;
	width: 177px;
	font-size: 90%;
	line-height: 1.5;
}

body.cases.detail ul.appearanceList li.lastChild {
	margin-right:0;
}


/*  DATA
-----------------------------------*/

body.cases.detail div#userData table.generalRow {
	width: 290px;
}

body.cases.detail div#userData table.generalRow th {
	width: auto;
}
body.cases.detail div#userData table.generalRow th, table.generalRow td {
	padding: 4px;
}

body.cases.detail div#userData p {
	float: right;
	width: 240px;
	font-size: 90%;
	line-height: 1.5;
}

body.cases.detail div#userData p img {
	border: 1px solid #CCCCCC;
	padding: 1px;
}


/*  お客様のご感想
-----------------------------------*/
body.cases.detail div#impression ul {
	list-style: inside;
	list-style-type:disc;
}