@charset "utf-8";

/* トップページ */
@import url("../common/css/common.css");

/*border: 1px solid red;*/



/* wrapper */
#wrapper article.syousai {
	border: 1px solid #b5b6b6;
	background-color: #fff;
}
#wrapper #return {
	text-align: right;
	font-size: 0.75em;
}
#wrapper #return a {
	text-decoration: underline;
	font-weight: normal;
}
#wrapper article {
	margin-bottom: 15px;
}
#wrapper article .greentitle {
	background-color: #3da52a;
	padding: 5px;
}
#wrapper article h4.green {
	padding-left: 60px;
	font-size: 1.13em;
	line-height: 1.13em;
	color: #fff;
	background: url(../img/tp_green.gif) no-repeat;
}
#wrapper article h4.green p {
	text-align: right;
	float: right;
}
#wrapper article p.detail_1 {
	padding: 15px;
	font-size: 0.88em;
	line-height: 1.25em;
	font-weight: bold;
}
#wrapper article .orangetitle {
	background-color: #eb6c1c;
	padding: 5px;
}
#wrapper article h4.orange {
	padding-left: 60px;
	font-size: 1.13em;
	line-height: 1.13em;
	color: #fff;
	background: url(../img/tp_orange.gif) no-repeat;
}
#wrapper article h4.orange p {
	text-align: right;
	float: right;
}
/**/
article#syousai01 {
/*	width: 730px;*/
	border-collapse: collapse;
	border: 1px solid #b5b6b6;
	background-color: #fff;
}
article#syousai01 td {
/*	border-collapse: collapse;*/
	vertical-align: top;
}

table#syousai_main {
	width: 400px;
	border-collapse: collapse;
	margin: 20px 0px 10px 20px;
	float: left;
}
#syousai_gaiyou {
	width: 302px;
	border-collapse: collapse;
	float: right;
	border: 1px solid #b5b6b6;
}
table#syousai_gaiyou th {
	width: 90px;
	font-size: 0.75em;
	line-height: 180%;
	text-align: center;
	font-weight: normal;
	border-bottom: 1px solid #b5b6b6;
	border-right: 1px solid #b5b6b6;
	background-color: #eae6e3;
}
table#syousai_gaiyou td {
	width: 210px;
	font-size: 0.75em;
	line-height: 180%;
	padding: 5px 5px 5px 5px;
	border-bottom: 1px solid #b5b6b6;
	background-color: #fffde6;
}
table#syousai_gaiyou th.clor_ore {
	font-size: 1.00em;
	line-height: 180%;
	border-right: none;
	background-color: #5abdb4;
	font-weight: bold;
}
table#syousai_gaiyou th.table_end,
table#syousai_gaiyou td.table_end{
	border-bottom: none;
}
.toi_img {
	width: 730px;
	text-align: center;
	padding-bottom: 20px;
}

/* syousaiimg */
table.report_img {
	width: 730px;
	font-size: 0.875em;
	line-height: 1.8em;
}
table.report_img tr {
	margin-bottom: 10px;
}
table.report_img th {
	width: 234px;
	padding-right: 14px;
	padding-bottom: 10px;
	vertical-align: top;
	text-align: center;
	font-weight: normal;
}
table.report_img td {
	width: 234px;
	padding-right: 14px;
	vertical-align: top;
	padding-bottom: 10px;
}
table.report_img td.left_sp {
	padding-right: 0;
}
table.report_img p {
	font-size: 0.85em;
	line-height: 1.8em;
	margin-top: 3px;
	text-align: left;
}

#crop_area { 
	width: 234px;
  height:234px;
  overflow:hidden;
  position:relative;
}
#crop_area img { 
  max-width:140%;
  min-width:100%;
  width:auto;
  min-height:100%;
  max-height:140%;
  height:auto;
  position:absolute;
  top:-40%;
  right:-40%;
  bottom:-40%;
  left:-40%;
  margin:auto;
}

table.report_img2 {
	width: 730px;
	font-size: 0.875em;
	line-height: 1.8em;
}
table.report_img2 tr {
	margin-bottom: 10px;
}
table.report_img2 th {
	width: 140px;
	padding-right: 7px;
	padding-bottom: 10px;
	vertical-align: top;
	text-align: center;
	font-weight: normal;
}
table.report_img2 td {
	width: 140px;
	padding-right: 7px;
	vertical-align: top;
	padding-bottom: 10px;
}
table.report_img2 td.left_sp {
	padding-right: 0;
}
table.report_img2 p {
	font-size: 0.85em;
	line-height: 1.8em;
	margin-top: 3px;
	text-align: left;
}

#crop_area2 { 
	width: 140px;
  height:140px;
  overflow:hidden;
  position:relative;
}
#crop_area2 img { 
  max-width:140%;
  min-width:100%;
  width:auto;
  min-height:100%;
  max-height:140%;
  height:auto;
  position:absolute;
  top:-40%;
  right:-40%;
  bottom:-40%;
  left:-40%;
  margin:auto;
}





/* fit images on text tags */
 {text-indent: -9999px;}

 {
	font-size: 0;
	line-height: 0;
}

/* clearfix */
#wrapper #return:after,
#wrapper article:after,
#wrapper article .greentitle:after,
article ul.report_img:after,
article ul.report_img li:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#wrapper #return,
#wrapper article,
#wrapper article .greentitle,
article ul.report_img,
article ul.report_img li {zoom:100%;}