@charset "Shift_JIS";
@import url("default.css");

h2{margin-bottom:20px;}

.NewCase{margin:30px 0 30px 5px;}

.NewCase2{margin:30px 0 15px 5px;}

.NewBar{margin:0 0 15px 5px;}

.hr01 {width:680px; margin:50px 0 15px 5px; border-top:#001a02 1px solid; height:1px;}

#CaseContents{width:width:685px; margin:0 5px;}

#CaseContents .NewCaseR{width:330px; float:right;}
#CaseContents .NewCaseR p{margin:10px 0;}
#CaseContents .NewCaseL{width:330px; float:left;}
#CaseContents .NewCaseL p{margin:10px 0;}

#CaseContents .detail{text-align:center; margin-top:10px;}

#casephoto h2 {
	margin-bottom:33px;
}
#casephoto #CaseContents {
	padding-left:20px;
}
#CaseContents .PhotoArea {
	clear:both;
	display:inline;
}
#CaseContents .PhotoArea li {
	width:201px;
	height:134px;
	float:left;
	margin-bottom:23px;
}
#CaseContents .PhotoArea li a {
	background:url(../img/case/photo_bg_off.gif) no-repeat;
	display:block;
	width:201px;
	height:134px;
	padding:3px 0 0 3px;
}
#CaseContents .PhotoArea li a:hover {
	background:url(../img/case/photo_bg_ov.gif) no-repeat;
}
#CaseContents .PhotoArea li.none {
	background:none;
	padding:0;
}
#CaseContents .PhotoArea li.ml30 {
	margin-left:25px;
}

.case_left {
	position:absolute;
	left:0;
	top:0px;
}

.case_left:hover {
	opacity: 0.5;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
}

.case_right {
	position:absolute;
	right:0;
	top:0px;
}

.case_right:hover {
	opacity: 0.5;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
}

.case_left2 {
	position:absolute;
	left:0;
	top:13px;
}

.case_left2:hover {
	opacity: 0.5;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
}

.case_right2 {
	position:absolute;
	right:0;
	top:13px;
}

.case_right2:hover {
	opacity: 0.5;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
}

.none {
	display: none;
}

.fortop {
	margin-top: 50px;
	margin-left:247.5px ;
	margin-left:247.5px ;
	border: 1px solid #000000;
}

.fortop:hover {
	opacity: 0.5;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
}

.fortop2 {
	margin-top: 50px;
	margin-left:280px ;
	border: 1px solid #000000;
}

.fortop2:hover {
	opacity: 0.5;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
}

.case_index_p1 {
	text-align: center;
	font-size: 20px;
	line-height: 150%;
}

.case_select {
	position: absolute;
	top:0;
	left:0;
	z-index: 9999;
}

.case_select360 {
	position: absolute;
	top:60px;
	left:0;
	z-index: 9999;
}

.case_detailp {	
	margin-top: 7px;
	margin-left: 7px;
	width:427px;
	float: left;
}

.caselist ul {
	width: 950px;
}

.caselist li {
	width: 460px;	
	display: inline-block; /* インラインブロック化 */
    vertical-align: top;
	list-style:none;
}

.caselist li:nth-child(2n) {
	margin-left: 26px;
}

.caselist li:nth-child(n+3) {
	margin-top: 0px;
}

.caselist li p {
	float: left;
	font-size: 22px;
	line-height: 130%;
	color: #000;
}

.caselist li p a {
	text-decoration: none;
	color: #000;
}

.caselist li span {
	font-size: 18px;
	line-height: 130%;
}

.case_new {
	float: left;
	margin-top: 3px;
	margin-left: 10px;
}

.case_360 {
	width: 460px;
}





#pagetop {
	position: fixed;
	bottom: 3rem;
	right: 3rem;

	
}

#pagetop:hover
{
    opacity: 0.85 ;	
}

.fotorama-wrap {
	margin: auto;
}


#MainContents2 {
	width:850px;
	margin:0 auto;
	text-align:left;
}

#MainContents3 {
	width:760px;
	margin:0 auto;
	text-align:left;
}

.wm {
	width: 100%;
}

.w487 {
	width: 487px;
	margin: auto;
}

.mb0 {margin-bottom: 0px !important;}

.mt10 {margin-top: 0px !important;}

.case_title {
	margin: 8px;
}

.view360 {
	position: absolute;
	top:75px;
	left: 0px;
}

.design_index li {
	float: left;
}



.mr22 {
	margin-right: 22px;
}

.mt15 {
	margin-top: 15px !important;
}