@charset "UTF-8";
/*
	Copyright (c) 2007 Digi-Latte Corp. All Rights Reserved.
	http://www.DGLT.co.jp/
*/
a {
 color: #B81C22;
 text-decoration: none;
 }
a:hover {
 color: #46210C;
 text-decoration: underline;
 }
.case-wrapper {
	background:#EBF1BA;
	width:910px;
	margin: 0 auto;
	color: #46210C;
	padding: 0 0 20px;
	}
.case-wrapper div.case-header {
	background: url(header_bg.gif) no-repeat center top;
	padding: 50px 200px 40px 135px;
	}
.case-wrapper div.case-header h1 {
	font-size:26px;
	font-weight:bold;
	padding: 0 0 20px;
	}
.case-wrapper div.case-header p {
	font-size:11px;
	line-height:1.7;
	}

.case-content {
	width:855px;
	margin: 0 auto;
	}
.tabpanel {}
.tabpanel div.tab {
	zoom: 1;
	padding: 0 0 0 20px;
}
.tabpanel div.tab:after {  
     content: ".";  
     display: block;  
     visibility: hidden;  
     height: 0.1px;  
     font-size: 0.1em;  
     line-height: 0;  
     clear: both;  
}
.tabpanel div.tab div.tab-btn.selected {
	background-color:#FFFFFF;
	}
.tabpanel div.tab div.tab-btn {
	background-color:#DBD3CF;
	background-position:center center;
	background-repeat:no-repeat;
	width:190px;
	height:54px;
	float:left;
	margin: 0 0 0 10px;
	text-indent:-9999px;
	overflow:hidden
	}
.tab-btn.three-clock {
	background-image:url(tab_btn_3.gif);
	}
.tab-btn.individual {
	background-image:url(tab_btn_individual.gif);
}
.tab-btn.option {
	background-image:url(tab_btn_option.gif);
}
.tab-btn.txt {
	background-image:url(tab_btn_txt.gif);
}
.tabpanel div.panel {
	clear:both;
	}
.tabpanel div.panel div.panel-box {
	background:#FFFFFF;
	padding:25px 25px;
	zoom: 1;	
	}
.tabpanel div.panel div.panel-box:after {  
     content: ".";  
     display: block;  
     visibility: hidden;  
     height: 0.1px;  
     font-size: 0.1em;  
     line-height: 0;  
     clear: both;  
}
.tabpanel div.panel div.panel-box  .wb-blog-page {
	clear:both;
	}
.case-box {
	float:left;
	padding: 0 27px 0 0;
	margin: 0 0 15px;
	width:250px;
	}
.case-box.last{
	padding: 0; 
}
.case-box .box-img {
	width:248px;
	height:248px;
	border:1px solid #BAAA96;
	position:relative;
	text-align:center;
	margin: 0 0;
	display:table-cell;
	vertical-align:middle;
	}
.case-box .box-img a.arrow {
	display:block;
	position:absolute;
	right:10px;
	bottom:10px;
	}
.case-box .box-img a.arrow img{
	width:inherit;
	}
.case-box .box-img img{
	}
.case-box .box-detail {
	position:relative;
	padding: 0 0 0 50px;
	margin:10px 0 0;
	min-height:30px;
	font-size:11px;
	}
.case-box .box-detail span.number {
	position:absolute;
	background: #46210C;
	width:35px;
	height:22px;
	overflow:hidden;
	font-size:15px;
	text-align:center;
	line-height:22px;
	left:0;
	top:0;
	color:#FFFFFF;	
	}
.case-box .box-detail span.title {
	font-weight:bold;
	display:block;
	font-size:120%;
} 
.tabpanel div.panel div.panel-box .wb-blog-page {
	text-align:center;
	font-size:120%;
	font-weight:bold;
	}
	


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


.case-categ .wb-blog {
	zoom: 1;
	padding: 31px 0 0 24px;
	border-bottom: 4px solid #966830;
	background: url("tab_bg.gif") no-repeat left bottom;
}
.case-categ .wb-blog:after {  
     content: ".";  
     display: block;  
     visibility: hidden;  
     height: 0.1px;  
     font-size: 0.1em;  
     line-height: 0;  
     clear: both;  
}
.case-categ-39.case-categ .wb-blog {
	border-bottom: 4px solid #914B84;
}
.case-categ-40.case-categ .wb-blog {
	border-bottom: 4px solid #821C21;

}
.case-categ .wb-blog-categ,
.case-categ .wb-blog-categ-title {
	display:inline;
	float:left;
	}
.case-categ .wb-blog-categ-title a.current {
	background-color:#FFFFFF;
	}
.case-categ .wb-blog-categ-title a {
	background-color:#DBD3CF;
	background-position:center center;
	background-repeat:no-repeat;
	width:99px;
	height:37px;
	float:left;
	margin: 0 0 0 14px;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	filter: alpha(opacity=80); 
	opacity: 0.8;
	}
.case-categ .wb-blog-categ-title a:hover,
.case-categ .wb-blog-categ-title a.current {
	filter: alpha(opacity=100); 
	opacity: 1.0;
}
.case-categ .wb-blog-categ-title a.three-clock{
	background-image:url(tab_btn_3_off.gif);
}
.case-categ.case-categ-26 .wb-blog-categ-title a {
	background-image:url(tab_btn_3.gif);
}
.case-categ .wb-blog-categ-title a.individual {
	background-image:url(tab_btn_individual_off.gif);
}
.case-categ.case-categ-27 .wb-blog-categ-title a.individual{
	background-image:url(tab_btn_individual.gif);
}
.case-categ .wb-blog-categ-title a.option {
	background-image:url(tab_btn_option_off.gif);
}
.case-categ.case-categ-28 .wb-blog-categ-title a.option {
	background-image:url(tab_btn_option.gif);
}
.case-categ .wb-blog-categ-title a.individual.txt {
	background-image:url(tab_btn_txt_off.gif);
}
.case-categ.case-categ-29 .wb-blog-categ-title a.individual.txt {
	background-image:url(tab_btn_txt.gif);
}
.case-categ .wb-blog-categ-title a.miki {
	background-image:url(tab_btn_miki_off.gif);
	margin: 0 0 0 52px;
}
.case-categ.case-categ-39 .wb-blog-categ-title a.miki {
	background-image:url(tab_btn_miki.gif);
}
.case-categ .wb-blog-categ-title a.individual.crystal {
	background-image:url(tab_btn_crystal_off.gif);
	margin: 0 0 0 70px;
}
.case-categ.case-categ-40 .wb-blog-categ-title a.individual.crystal {
	background-image:url(tab_btn_crystal.gif);
}
.case-wrap{
	background:#FFFFFF;
	margin: 0 0 10px;
	padding:25px 25px;
	zoom: 1;	
	}
.case-wrap:after {  
     content: ".";  
     display: block;  
     visibility: hidden;  
     height: 0.1px;  
     font-size: 0.1em;  
     line-height: 0;  
     clear: both;  
}

.case-wrap .wb-blog-page {
	text-align:center;
	font-size:120%;
	font-weight:bold;
	clear:both;
	line-height:26px;
	color:#D6CEC2;
	}
.wb-blog-page {}
.wb-blog-page a.wb-blog-btn-prev, 
.wb-blog-page a.wb-blog-btn-next {
	width:14px;
	height:26px;
	display: block;
	overflow:hidden;
	text-indent:-9999px;
}
.wb-blog-page a.wb-blog-btn-prev {
	background:url(ico_arrow_prev.gif) no-repeat left center;
	margin: 0 10px 0 0;
	}
.wb-blog-page a {
	color:#D6CEC2;
	}
.wb-blog-page span.wb-blog-btn-now {
	color:#895B72;
	}
.wb-blog-page a.wb-blog-btn-next {
	background:url(ico_arrow_next.gif) no-repeat left center;
	margin: 0 0 0 10px;
 }
.case_pager {
	text-align: center;
}
.case_pager li {
	display:inline-block;
	*display: inline;  
	*zoom: 1;
	width: 28px;
	height: 26px;
}