@charset "utf-8";
/* CSS Document */

.container {
	width: 100%;
	max-width: 1240px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0px;
	padding-bottom: 0px;
	overflow: auto;
	box-sizing: border-box;
}

.contents {
	overflow: auto;
	float: left;
	width: 1210px;
	padding-top: 50px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 30px;
}

.column_12 {
	float: left;
	width: 1180px;
	margin-right: 20px;
	margin-bottom: 20px;
	overflow: auto;
	box-sizing: border-box;
}

.column_09 {
	float: left;
	width: 880px;
	margin-right: 20px;
	margin-bottom: 20px;
	overflow: auto;
	box-sizing: border-box;
}

.column_08 {
	float: left;
	width: 780px;
	margin-right: 20px;
	margin-bottom: 20px;
	overflow: auto;
	box-sizing: border-box;
}

.column_06 {
	float: left;
	width: 580px;
	margin-right: 20px;
	margin-bottom: 20px;
	overflow: auto;
	box-sizing: border-box;
}

.column_04 {
	float: left;
	width: 380px;
	margin-right: 20px;
	margin-bottom: 20px;
	overflow: auto;
	box-sizing: border-box;
}

.column_03 {
	float: left;
	width: 280px;
	margin-right: 20px;
	margin-bottom: 20px;
	overflow: auto;
	box-sizing: border-box;
}

.column_03c {
	float: left;
	width: 280px;
	margin-right: 20px;
	margin-bottom: 20px;
	overflow: auto;
	box-sizing: border-box;
}

.column_03_50par {
	float: left;
	width: 280px;
	margin-right: 20px;
	margin-bottom: 20px;
	overflow: auto;
	box-sizing: border-box;
}

.column_20par {
	float: left;
	width: 220px;
	margin-right: 20px;
	margin-bottom: 20px;
	overflow: auto;
	box-sizing: border-box;
}

.column_02 {
	float: left;
	width: 180px;
	margin-right: 20px;
	margin-bottom: 20px;
	overflow: auto;
	box-sizing: border-box;
}

.column_01 {
	float: left;
	width: 80px;
	margin-right: 20px;
	margin-bottom: 20px;
	overflow: auto;
	box-sizing: border-box;
}

.spacer_left {
	margin-left: 15px;
	overflow: auto;
}

.sort_right {
	float: right;
	overflow: auto;
}

/* 例外 */

.contents2 {
	overflow: auto;
	float: left;
	width: 1210px;
	padding-left: 30px;
}

.contents3 {
	overflow: auto;
	float: left;
	width: 1210px;
	padding-top: 50px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 30px;
}

.column_09top {
	float: left;
	width: 880px;
	margin-right: 20px;
	margin-bottom: 20px;
	overflow: auto;
	box-sizing: border-box;
}

.column_03_company {
	float: left;
	width: 280px;
	height: 1800px;
	margin-right: 20px;
	margin-bottom: 20px;
	overflow: auto;
	box-sizing: border-box;
	font-size: 13px;
	line-height: 22px;
	background-image: url(http://www.birukan.jp/images/temp/column_03_company_back.png);
	background-repeat: repeat-x;
}



/* まんぷく ---------------*/



.column_2l {
	float: left;
	width: 74%;
	margin-bottom: 16px;
	box-sizing: border-box;
}

.column_2l_50 {
	float: left;
	width: 47.5%;
	box-sizing: border-box;
	border: 1px solid #333;
	margin: 1%;
	padding: 15px;
	font-size: 12px;
	line-height: 20px;
}

.column_2l_50_index {
	float: left;
	width: 47.5%;
	box-sizing: border-box;
	margin: 1%;
	padding: 15px;
	font-size: 12px;
	line-height: 20px;
	background-image: url(images/comment-btn_back.png);
	background-repeat: repeat-x;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCC;
	border-left-color: #CCC;
	box-shadow:0px 5px 3px #999;
    -moz-box-shadow:0px 5px 3px #999;
    -webkit-box-shadow:0px 6px 6px #CCC;
}

.column_3r {
	float: right;
	width: 22%;
	margin-right: 16px;
	margin-bottom: 0px;
	box-sizing: border-box;
}
.column_3r2 {
	float: right;
	width: 22%;
	margin-right: 16px;
	margin-bottom: 16px;
	box-sizing: border-box;
}



.con_50 {
	float: left;
	width: 50%;
	box-sizing: border-box;
}

.column_2l_photo img {
	width: 100%;
	clear: both;
	background-color: #E8E8E8;
	padding: 15px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	box-sizing: border-box;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999;
}

@media only screen and (max-width: 1270px) {
	
.container {
	padding: 0px;
}

.contents {
	width: 90%;
	padding-top: 7%;
	padding-right: 5%;
	padding-bottom: 4%;
	padding-left: 5%;
}

.column_12 {
	clear: both;
	width: 100%;
}

.column_09 {
	clear: both;
	width: 100%;
}

.column_08 {
	clear: both;
	width: 100%;
}

.column_06 {
	clear: both;
	width: 100%;
}

.column_04 {
	clear: both;
	width: 100%;
}

.column_04_right {
	clear: both;
	width: 100%;
	float: left;
}

.column_03 {
	float: left;
	width: 31.3%;
	margin: 1%;
}

.column_03c {
	float: left;
	width: 48%;
	margin: 1%;
}

.column_03_50par {
	float: left;
	width: 31.3%;
	margin: 1%;
}

.column_02 {
	float: left;
	width: 31.3%;
	margin: 1%;
}

.spacer_left {
	margin-left: 0px;
	overflow: auto;
}

.sort_right {
	float: left;
}


/* まんぷく ---------------*/

.column_2l {
	clear: both;
	width: 100%;
}

.column_2l_50 {
	clear: both;
	width: 100%;
	padding: 10px;
	margin-top: 0%;
	margin-right: 0%;
	margin-bottom: 3%;
	margin-left: 0%;
}

.column_2l_50_index {
	clear: both;
	width: 100%;
	box-sizing: border-box;
	margin: 1%;
	padding: 15px;
	font-size: 12px;
	line-height: 20px;
	background-image: url(images/comment-btn_back.png);
	background-repeat: repeat-x;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCC;
	border-left-color: #CCC;
}

.column_3r {
	float: left;
	clear: right;
	width: 100%;
	margin-right: 0px;
}



}	
	
	
@media only screen and (max-width: 597px) {

.column_03 {
	float: left;
	width: 48%;
	margin: 1%;
}

.column_03c {
	clear: both;
	width: 100%;
	margin: 0%;
}

.column_03_50par {
	float: left;
	width: 48%;
	margin: 1%;
}

.column_20par {
	clear: both;
	width: 100%;
}

.column_02 {
	float: left;
	width: 31%;
	margin: 1%;
}

.column_01 {
	float: left;
	width: 31%;
	margin: 1%;
}

.column_banner {
	padding-bottom: 0px;
	float: left;
	width: 48%;
	margin: 1%;
}

/* まんぷく ---------------*/

.con_50 {
	width: 100%;
}



}