@charset "utf-8";

/************************************************
 お客様事例用
************************************************ */
div#case_feature {
    width: 100%;
    margin: 15px 0;
}

div.case_area {
    float: left;
    width: 49%;
    border-bottom:1px dashed #bbb;
    height: 190px;
    margin: 0 10px 30px 0;
    position: relative;
}

div.case_area_last {
    margin-right: 0;
}

div.case_area h4 {
    padding:5px 5px 2px 15px;
    color: #000;
    font-size: 110%;
}

div.case_area .listcomment {
    padding:0 10px;
    margin: 5px auto;
}

div.case_area .select_arrow {
    position: absolute;
    right:10px
}

div.case_area .listphoto {
	border: 0px !important;
	height: 105px!important;
	padding-top: inherit;
    padding-bottom: inherit;
}

div#case_detail {
	width: 100%;
	margin: 15px 0;
	text-align: center;
}

div#case_detail .case_photo {
	margin-bottom:10px;
}

div#case_detail .case_photo_left {
	text-align: left;
	margin-bottom:10px;
}

div#case_detail .case_photo_right {
	text-align: right;
	margin-bottom:10px;
}

div#case_detail .case_text {
    width: 95%;
    margin: 5px auto;
    margin-bottom:10px;
    text-align: left;
}

div#case_detail .case_text_right {
    width: 95%;
    margin-bottom:10px;
    text-align: right;
}

div#case_detail .container {
    width: 100%;
    overflow: hidden;
    position: relative;
    zoom:1;
    vertical-align: bottom;
}


div#case_detail .half_column {
	float: left;
    width: 50%;
    position: relative;
}

div#case_detail .third_column {
	float: left;
    width: 33%;
    position: relative;
}

div#case_detail .two_third_column {
	float: left;
    width: 66%;
    position: relative;
}