@charset "utf-8";
/* CSS Document */
/**----------------------------------------------------------
 *CSS information 
 *
 * file name	: this_dirctory_css.css
 * author		: takaaki koyama
 * style info	: このディレクトリ内用ページCSS
 -----------------------------------------------------------*/
/* subpage.css -  2階層目以降ページ用共通CSS
----------------------------------------------------------- */
@import url("../../common/css/subpage.css");



/*	index
----------------------------------------------------*/

#form {
	background: url(../img/bg_length_dot.gif) repeat-y left top;
	padding: 0 1px;
}

#form table {
	width: 100%;
	border: none;
	margin-bottom: 0px;
}

#form table th {
	padding: 19px 0 22px 20px;
	vertical-align: top;
	width: 132px;
}

#form .length {
	width: 200px;
}

#form table td {
	padding: 19px 0 22px 20px;
	vertical-align: middle;
}

#form table .formCell {
	width: 234px;
}

#form table .attention {
	color: #556E75;
}



#form .bgColorATop {
	background: url(../../common/img/parts/img_dot.gif) repeat-x left top #D1EEF6;
}

#form .bgColorABtm {
	background: url(../../common/img/parts/img_dot.gif) repeat-x left bottom #D1EEF6;
}

#form .bgColorBTop {
	background: url(../../common/img/parts/img_dot.gif) repeat-x left top #E7F6FB;
}

#form .bgColorA {
	background: #D1EEF6;
}

#form .bgColorB {
	background: #E7F6FB;
}

#form .btnArea {
	background: url(../img/bg_form.jpg) no-repeat left top;
	padding: 14px 0 16px 0;
}

#form .btnArea input {
	margin-left: 130px;
}

/*	result
----------------------------------------------------*/



#result {
	background: url(../img/bg_length_dot.gif) repeat-y left top;
	padding: 0 1px;
}

#result table {
	width: 100%;
	background-image: url(../../common/img/parts/img_dot.gif);
	background-position: top left;
	background-repeat: repeat-x;
	
}

#result table th {
	border-right: 1px solid #BFBFBF;
	text-align: center;
	padding: 9px 0 7px 0;
}

#result table td {
	border-right: 1px solid #BFBFBF;
	padding: 18px 14px 31px 10px;
}

#result table td.even  {
	background-color: #E0F8D8;	
}

#result table td.odd  {
	background-color: #EFFCEB;	
}

#result table .borderNone {
	border: none;
	text-align: center;
}

#result table .pdNone {
	padding: 18px 0 31px 0;	
}

#result table .btm {
	background: url(../../common/img/parts/img_dot.gif) bottom left repeat-x;
	padding: 14px 0 14px 0;
	position: relative;
}

#result table .btm img {
	display: inline;
}

#result table .btm ul {
	display: inline;
	position: relative;
	left: 0px;
	top: -10px;
	margin: 0 10px;
}

#result table .btm li {
	display: inline;
	margin: 0 5px 0 5px;
}

#result table .btm li .page {
}

#result table .width1 {
/*	width: 152px;*/
	width: 128px;
}

#result table .width2 {
/*	width: 105px;*/
	width: 81px;
}

#result table .width3 {
/*	width: 92px;*/
	width: 68px;
}

#result table .width4 {
/*	width: 144px;*/
	width: 170px;
}

#result table .width5 {
	width: 70px;
}

#result table .width6 {
	width: 26px;
	text-align: center;
}

/* clearfix */
.resultTop:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

.resultTop {
	margin: 10px 0 20px 0;
}


.hit {
	font-size: 125%;
	float: left; 
}

.icon {
	float: right;
}

/* clearfix */
.icon:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}


.icon li {
	float: left;
	width: 53px;	
}



/*	details
----------------------------------------------------*/
#article {
	padding: 0px;
}

#article .ttl {
	border-top: 2px solid #636363;
	border-bottom: 1px solid #636363;
}

/* clearfix */
#article .ttl .upper:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

#article .ttl .upper {
 zoom: 1;
 background: #e0f7d7;
 padding-top: 10px; 
}



#article .ttl .upper h2 {
	font-size: 150%;
	font-weight: bold;
	float: left;
	margin: 0px;
	width: 315px;
}

#article .ttl .upper p.btn {
	float: right;
	margin-top: 5px;
}

#article .ttl .upper .mobile {
	margin-right: 10px;
}

#article .url {
	margin-bottom: 0em;
	clear: both;
	background: url(../../common/img/parts/img_dot.gif) repeat-x left top #effbea;
	width: 649px;
}

#article #spec:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

#article #spec {
width: 633px;
padding: 28px 0 42px 0;
}

#article #spec table {
	width: 305px;
	border: 0;
	background: url(../../common/img/parts/img_dot.gif) repeat-x left top;
	float: left;
	margin-right: 24px;
}

#article #spec tr {
	background: url(../../common/img/parts/img_dot.gif) repeat-x left bottom;
}

#article #spec th {
	width: 86px;
	padding: 10px 0 10px 4px;
	
}

#article h3 {
	margin-bottom: 10px;
}

#article #inspection table {
	width: 100%;
	border: 0;
	margin-bottom: 0px;
}

#article #inspection {
	background: url(../img/bg_length_dot.gif) repeat-y left top;
	padding: 0 1px;
	margin-bottom: 40px;
}


#article #inspection th {
	width: 108px;
	padding: 17px 0 16px 15px;
	vertical-align: top;
}

#article #inspection td {
	padding: 17px 0 16px 0;
}

.bgColorA {
	background: #E0F8D8;
}

.bgColorATop {
	background: url(../../common/img/parts/img_dot.gif) repeat-x left top #E0F8D8;
}

.bgColorABtm {
	background: url(../../common/img/parts/img_dot.gif) repeat-x left bottom #E0F8D8;
}

.bgColorB {
	background: #EFFCEB;
}

#article .procedureTtl {
	background:url(../../common/img/parts/img_dot.gif) repeat-x left bottom;
	margin-bottom: 0px;
	padding-bottom: 10px;	
}

#article #procedure {
	background: url(../img/bg_length_dot.gif) repeat-y left top;
	padding: 1px;
	margin-bottom: 20px;
}

#article #procedure #procedureInner {
	background:url(../../common/img/parts/img_dot.gif) repeat-x left bottom #effbea;
	padding: 20px;
}

#article #procedure .procedureTop {
	padding: 24px 20px 0 20px;
}

#article #procedure dd:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

#article #procedure .dateTtl {
	float: left;
	width: 61px;
}

#article #procedure dl {
	padding: 0 20px;
}

#article #procedure dt {
	font-weight: bold;
}

#article #procedure .last {
	padding-bottom: 28px;
}

#article .mapTtl {
	margin-top: 40px;
}

#article #listMapWrapper {
	background: url(../img/bg_listmap.gif) no-repeat left top;
	padding: 1px;
	margin: 20px 0;
}

#article #detailMapWrapper {
	background: url(../img/bg_map.gif) no-repeat left top;
	padding: 1px;
}

#article .lowerBtn {
	text-align: center;
	margin: 10px 0 10px 0;
}

#article .lowerBtn li {
	display: inline;
	margin-right: 10px;
}

#article #list {
	border-top: 2px solid #636363;
	margin-bottom: 40px; 
}

#article .researchTtl {
	margin: 20px 0 0 0;
	line-height: 0;
}

#article #researchArea:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

#article #researchArea {
	background: url(../img/bg_researchArea.gif) repeat-y left top;
	width: 639px;
	padding: 10px 0 5px 10px;
}

#article #researchArea p {
	float: left;
	width: 247px;
}

#article #researchArea ul {
	float: left;
	width: 390px;
}

#article #researchArea ul:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

/*#article #researchArea li {
	float: left;
	width: 130px;
	margin-bottom: 5px;
}*/

#article #researchArea li {
    display: -moz-inline-box; /*for Firefox 2*/
    display: inline-block; /*for modern*/
    /display: inline; /*for ie5～7*/
    /zoom: 1; /*for ie5～7*/
	width: 130px;
	margin-bottom: 5px;
}

#article #researchArea .last {
	clear: both;
}

#article #researchArea select {
	width: 142px;
	margin: 15px 0 0 15px;
	vertical-align: -0.1em;
}

#article #researchArea input {
	vertical-align: -0.5em;
}

#article #researchBtn {
	clear: both;
	background: url(../img/bg_research_btn.jpg) no-repeat left top;
	padding: 16px 0;
	margin-bottom: 20px;
}

#article #researchBtn ul {
	margin-left: 77px;
}

#article #researchBtn li {
	display: inline;
	margin-right: 8px; 
}

/*	lightbox
----------------------------------------------------*/
#lightbox {
	background: #FFFFFF;
}