@charset "utf-8";



/*======================================================================
case_list
======================================================================*/
div#case_list{
	width:694px;
	padding-left:10px;
	text-align:left;
	font-size:11px;
}

/*スペースをクリア
--------------------------------------------------*/
div#case_list div,div#case_list p,div#case_list h1,div#case_list h2,div#case_list h3,div#case_list h4,div#case_list h5,div#case_list h6,div#case_list dl,div#case_list dt,div#case_list dd,div#case_list ul,div#case_list ol,div#case_list li{
	margin:0px;
	padding:0px;
}

/*img
--------------------------------------------------*/
div#case_list img{border:0;}

/*text
--------------------------------------------------*/
div#case_list p.text{padding:20px 0px 15px 0px;}

/*一覧
--------------------------------------------------*/
div#case_list div{
	width:694px;
	zoom:1;
}
div#case_list div:after{
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}
div#case_list div div.fl{
	float:left;
	width:340px;
	padding:10px 0px 10px 0px;
	border-bottom:1px solid #cccccc;
	zoom:1;
}
div#case_list div div.fl:after{
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}
div#case_list div div.fr{
	float:right;
	width:340px;
	padding:10px 0px 10px 0px;
	border-bottom:1px solid #cccccc;
	zoom:1;
}
div#case_list div div.fr:after{
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}
div#case_list div div p{
	float:left;
	width:150px;
}
div#case_list div div div{
	float:right;
	width:180px;
}

div#case_list div div div p img{
	padding-right:5px;
	vertical-align:middle;
}

div#case_list .salonname{
	font-size: 12px;
	font-weight:bold;
}
div#case_list .salonaddress{
	margin-top:15px;
	font-size: 10px;
}
div#case_list .salonopen{
	margin-top:5px;
	font-size: 10px;
}
div#case_list .salonstorytitle{
	margin-top:15px;
	font-size: 10px;
}



/*navi
--------------------------------------------------*/
div#case_list p.navi{
	padding-top:40px;
	text-align:right;
}
div#case_list p.navi span{
	margin:0px 1px 0px 1px;
	padding:8px 10px 8px 10px;
	border:1px solid #cccccc;
}

/*pagetop
--------------------------------------------------*/
div#case_list p.pagetop{
	padding:40px 0px 20px 0px;
	text-align:right;
}







/*======================================================================
case_detail
======================================================================*/
div#case_detail{
	width:694px;
	padding-left:10px;
	text-align:left;
	font-size:11px;
	font-family: "MS ゴシック", Osaka, "sans-serif";
}

/*スペースをクリア
--------------------------------------------------*/
div#case_detail div,div#case_detail p,div#case_detail h1,div#case_detail h2,div#case_detail h3,div#case_detail h4,div#case_detail h5,div#case_detail h6,div#case_detail dl,div#case_detail dt,div#case_detail dd,div#case_detail ul,div#case_detail ol,div#case_detail li{
	margin:0px;
	padding:0px;
}

/*img
--------------------------------------------------*/
div#case_detail img{border:0;}


/*salonData
--------------------------------------------------*/
div#case_detail div.salonData{
	width:694px;
	padding-top:10px;
	zoom:1;
}
div#case_detail div.salonData:after{
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}
div#case_detail div.salonData p.img{
	float:left;
	width:360px;
}
div#case_detail div.salonData div{
	float:right;
	width:300px;
}
div#case_detail div.salonData div h2{
	padding-top:20px;
	font-size:16px;
	font-weight:bold;
}
div#case_detail div.salonData .kana{
	padding:5px 0px 40px 0px;
	font-size:10px;
}


div#case_detail div.salonData div dl{
	width:300px;
	padding:6px 0px 6px 0px;
	border-bottom:1px dotted #cccccc;
	zoom:1;
}
div#case_detail div.salonData div dl:after{
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}
div#case_detail div.salonData div dl dt{
	float:left;
	width:60px;
}
div#case_detail div.salonData div dl dd{
	float:right;
	width:220px;
}

/*storyOwnersvoice
--------------------------------------------------*/
div#case_detail div.storyOwnersvoice{
	width:694px;
	zoom:1;
}
div#case_detail div.storyOwnersvoice:after{
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}

/*story
--------------------------------------------------*/
div#case_detail div.storyOwnersvoice div.story{
	float:left;
	width:445px;
	padding-top:40px;
	line-height: 200%;
}
div#case_detail div.storyOwnersvoice div.story h3{padding-bottom:15px;}
div#case_detail div.storyOwnersvoice div.story h4{
	padding:15px 0 20px 0;
	color:#333333;
	font-size: 14px;
	font-weight:bold;
}
div#case_detail div.storyOwnersvoice div.story p{
	padding-top:15px;
	color:#333333;
	font-weight:normal;
}

/*ownersvoice
--------------------------------------------------*/
div#case_detail div.storyOwnersvoice div.ownersvoice{
	float:right;
	width:220px;
	padding-top:40px;
	font-size:10px;
	line-height: 180%;
}
div#case_detail div.storyOwnersvoice div.ownersvoice h3{padding-bottom:15px;}
div#case_detail div.storyOwnersvoice div.ownersvoice div{
	width:200px;
	padding:10px;
	background:url(../img/case/detail_ownersvoice_bg.gif) repeat-y left top;
}
div#case_detail div.storyOwnersvoice div.ownersvoice div p{padding-top:10px;}
div#case_detail div.storyOwnersvoice div.ownersvoice div p.question{
	padding-top:20px;
	color:#cc4466;
	font-weight:bold;
}

/*salonPhotoGallery
--------------------------------------------------*/
div#case_detail div.salonPhotoGallery{
	width:694px;
	padding-top:40px;
}
div#case_detail div.salonPhotoGallery h3{padding-bottom:15px;}
div#case_detail div.salonPhotoGallery div{
	width:688px;
	padding-right:6px;
	background:#000000;
	zoom:1;
}
div#case_detail div.salonPhotoGallery div:after{
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}
div#case_detail div.salonPhotoGallery div p{
	float:left;
	padding:3px 0px 3px 6px;
}

/*projectMember
--------------------------------------------------*/
div#case_detail div.projectMember{
	width:694px;
	padding-top:40px;
	font-size: 10px;
}
div#case_detail div.projectMember h3{padding-bottom:15px;}
div#case_detail div.projectMember div.line{
	width:694px;
	background:url(../img/case/detail_projectMember_bg.gif) repeat-y left top;
	zoom:1;
}
div#case_detail div.projectMember div.line:after{
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}
div#case_detail div.projectMember div div{
	float:left;
	width:210px;
	margin-left:10px;
	padding:10px 0px 10px 5px;
	border-bottom:1px dotted #999999;
}
div#case_detail div.projectMember div div p.katagaki{
	padding-bottom:5px;
	font-weight:bold;
}


/*backnumber
--------------------------------------------------*/
div#case_detail p.backnumber{
	padding:20px 0px 20px 0px;
	text-align:right;
}






/*既存スタイルバックアップ
--------------------------------------------------*/

.qa_q {
	color: #CC4466;
	font-weight: bold;
	padding: 10px 0 2px 0;
}

.qa_a {
}

.qa_a p {
	margin: 0;
	padding: 0;
	text-indent: -16px;
	padding-left: 16px;
	padding-bottom: 2px;
}
.qa_a p.sub {
	padding-bottom: 0;
	text-indent: 0;
	padding-left: 16px;
}