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

#area_content {min-width: 965px;}
#area_content .PageTitleStyle1 {max-width: 1245px;}
#layout_column1 #area_content_main {width: 100%;}

.ResponsiveTableStyle1 table.TableStyle1 th {background-color: #f2f2f2;}
.ResponsiveTableStyle1 table.TableStyle1 th.SubHeader {background-color: #f8f8f8;}

/*#include_area_footer_rwd #PageTopContainer > .Container {max-width: 1275px;}*/

.area_content_pad .BoxPatternB h2{
	margin: 0;
	padding: 0 15px 10px;
	font-size: 110%;
	font-weight: bold;
	color: #575757;
	border: none;
}

.area_content_pad .BoxPatternB p{
	margin: 0;
	padding: 0 15px 10px;
	font-size: 100%;
	font-weight: normal;
	border: none;
}

.area_content_pad .BoxPatternB .Column2 { width: 580px; padding: 15px; }





/* for 995px - 1304px
=========================================================================================== */

@media screen and (min-width :995px) and (max-width: 1304px) {

.JS .area_content_pad .BoxPatternB .ColumnSet {margin-left: 0; }
.area_content_pad .BoxPatternB .Column2 { width: 50%; }

}


/*==============　994px以下　===============*/

@media screen and (max-width: 994px) {

.JS .area_content_pad .BoxPatternB .ColumnSet {margin-left: 0; }
.area_content_pad .BoxPatternB .Column2 { width: 50%; }

}


/*==============　768px以上　===============*/

@media screen and (min-width: 768px) {


table.TableStyle1 th.pc-border {
	border-left: solid 1px #ddd;
	border-bottom: solid 1px #f2f2f2;
	border-right: solid 1px #f2f2f2;
}

/*#FooterArea div.Container {max-width: 1275px;}*/

span.sp-txt {display: none;}


}


/*==============　767px以下　===============*/

@media screen and (max-width: 767px) { 

.JS .ResponsiveTableStyle1 th.SubHeader, .JS .ResponsiveTableStyle1 td.Sub {
    padding: 10px 15px 10px 30px;
}


.pc-cell {display: none !important;}

.area_content_pad .BoxPatternB .Column2 { width: auto; }

}