@charset "UTF-8";

/*=============================================================
	URI: http://www.tokyo-menkyo.or.jp/
	Created: 2008.06
	Modified: 2010.12
	Author: wan55. yuko aono
=============================================================*/

/*========================Contents=============================
	01) Index
	  01-1) Area
	  01-2) Conditional
	    01-2-1) Type
	    01-2-2) Keywords
	    
	02) Result
	  02-1) Map Narrow Down
	  02-2) Result List
	  
	03) Not Found
	04) Useful
	
	99) Clear
=============================================================*/
/*-------------------------------------------------------------
	01) Index
-------------------------------------------------------------*/
#searchArea {padding: 15px 0 0 15px;}

/* 01-1) Area
-------------------------------------------------------------*/
#searchArea .area {
	padding: 10px 34px 10px;
	margin-bottom: 13px;
	background: transparent url(../../images/search/bg_area.gif) left bottom no-repeat;
}

.area .sectionLeft {
	float: left;
	width: 407px;
}

.area .sectionRight {
	float: right;
	width: 407px;
}

.area .areaTitle {
	width: 407px;
	background: transparent url(../../images/search/title_h3_search.gif) left top no-repeat;
}

.area .areaTitle h3 {
	padding: 10px 0 10px 13px;
	font-size: 14px;
	font-weight: bold;
	background: transparent url(../../images/search/title_h3_search_bottom.gif) left bottom no-repeat;
}

* html .area .areaTitle h3 {font-size: 120%;} /* IE6 */
*:first-child+html .area .areaTitle h3 {font-size: 120%;} /* IE7 */

.area .areaTitle h3 a {
	padding-right: 20px;
	background: transparent url(../../images/icon/arrow_gray_l.gif) right center no-repeat;
	color: #333333;
	text-decoration: none;
}

.area .areaTitle h3 a:hover {text-decoration: underline;}

.area ul {margin: 8px 20px 17px 23px;}

.area li {
	float: left;
	margin-right: 10px;
	line-height: 2;
}

.area li a {
	padding-left: 20px;
	background: transparent url(../../images/icon/arrow_gray_l.gif) left center no-repeat;
	color: #333333;
	text-decoration: none;
}

.area li a:hover {text-decoration: underline;}

* html .area li { /* IE6 */
	float: none;
	display: inline;
	position: relative;
}

* html .area li a { display: inline-block;} /* IE6 */

*:first-child+html .area li { /* IE7 */
	float: none;
	display: inline;
	position: relative;
}

*:first-child+html .area li a { display: inline-block;} /* IE7 */


/* 01-2) Conditional
-------------------------------------------------------------*/
#conditional {width: 892px;}


/* 01-2-1) Type
-------------------------------------------------------------*/
.type {
	float: left;
	width: 443px;
}

.type .typeSpace {
	height: 169px;
	background: transparent url(../../images/search/bg_type_key.gif) left bottom no-repeat;
}

.type .typeSpace ul {padding: 10px 0 0 34px;}

.type .typeSpace li {
	margin-right: 18px;
	margin-bottom: 10px;
}


/* 01-2-2) Keywords
-------------------------------------------------------------*/
.keywords {
	float: right;
	width: 443px;
}

.keywords .keywordsSpace {
	padding: 10px 0 30px 25px;
	background: transparent url(../../images/search/bg_type_key.gif) left bottom no-repeat;
}

.keywordsSpace ul {margin: 0 0 2px 25px;}

.keywordsSpace li {
	display: inline;
	color: #d2d2d2;
}

.keywordsSpace ul#searchSelect li a {
	padding: 4px 8px;
	border-right: 1px solid #cccccc;
	color: #ff6600;
	text-decoration: none;
}

.keywordsSpace ul#searchSelect li a#route {border-right: 0;}

.keywordsSpace ul#searchSelect li a.active {
	background-color: #fb5c25;
	color: #ffffff;
}

.keywordsSpace #searchInput {
	margin: 2px 0 15px 7px;
	width: 379px;
	height: 55px;
	background: transparent url(../../images/search/bg_keyword_search.gif) left top no-repeat;
}

.keywordsSpace #searchInput input {
	margin: 15px 0 0 17px;
	padding: 2px 0 0 0;
	width: 245px;
	height: 16px;
	color: #666666;
}

* html .keywordsSpace #searchInput input {margin-left: 10px;} /* IE6 */
*:first-child+html .keywordsSpace #searchInput input {margin-left: 10px;} /* IE7 */


.keywordsSpace #searchInput button {
	margin-top: -5px;
	margin-left: 0;
	vertical-align: middle;
}

/*-------------------------------------------------------------
	02) Result
-------------------------------------------------------------*/

/* 02-1) Map Narrow Down
-------------------------------------------------------------*/
#gmapNarrow {
	margin-left: 16px;
	padding-top: 14px;
	width: 890px;
}

#gmap{
	float: left;
	margin-top: 2px;
	width: 601px;
	height: 281px;
	border: 1px solid #999999;
}

#narrow {
	float: right;
	width: 280px;
	height: 287px;
	background: transparent url(../../images/search/bg_narrow.gif) left top no-repeat;
}

#narrowArea {padding: 17px 0 0 10px;}

#narrowArea p {margin-bottom: 7px;}

#narrowArea ul {margin: 0 0 2px 10px;}

#narrowArea li {
	display: inline;
	color: #d2d2d2;
}

#narrowArea ul#searchSelect li a {
	padding: 4px 8px;
	border-right: 1px solid #cccccc;
	color: #ff6600;
	text-decoration: none;
}

#narrowArea ul#searchSelect li a#route {border-right: 0;}

#narrowArea ul#searchSelect li a.active {
	background-color: #fb5c25;
	color: #ffffff;
}

#searchInput {
	margin: 2px 0 15px 7px;
	width: 246px;
	height: 45px;
	background: transparent url(../../images/search/bg_narrow_search.gif) left top no-repeat;
}

#searchInput input {
	margin: 12px 0 0 12px;
	padding: 2px 0 0 0;
	width: 195px;
	height: 16px;
}

* html #searchInput input {margin-left: 5px;} /* IE6 */
*:first-child+html #searchInput input {margin-left: 5px;} /* IE7 */

#searchInput button {
	margin-top: -5px;
	margin-left: 0;
	vertical-align: middle;
}

#narrowArea #searchType {position: relative;}

#narrowArea #searchType p {margin-bottom: 12px;}

#narrowArea #searchType .btnRelease {
	position: absolute;
	top: 0px;
	left: 120px;
}

#narrowArea ul.licenseIcon {width: 220px;}


/* 02-2) Result List
-------------------------------------------------------------*/
#resultList {
	margin: 17px 0 0 16px;
	padding: 17px 0 0 0;
	width: 889px;
	background: transparent url(../../images/shared/dot_gray.gif) left top repeat-x;
}

.schoolTitle {
	width: 889px;
	margin-bottom: 12px;
	padding-bottom: 5px;
	background:transparent url(../../images/title/title_h2_result_bottom.gif) left bottom no-repeat;
}

.schoolTitle h2 {
	padding: 12px 0 2px 37px;
	background: transparent url(../../images/title/title_h2_result.gif) left top no-repeat;
	line-height: normal;
	font-size: 14px;
	font-weight: bold;
}

* html .schoolTitle h2 {font-size: 120%;} /* IE6 */
*:first-child+html .schoolTitle h2 {font-size: 120%;} /* IE7 */

.schoolTitle h2 a {
	padding-right: 20px;
	background: transparent url(../../images/icon/arrow_gray_l.gif) right top no-repeat;
	color: #333333;
	text-decoration: none;
}

.schoolTitle h2 a:hover {text-decoration: underline;}

.school {
	position: relative;
	margin-left: 12px;
	padding-bottom: 6px;
	width: 864px;
}

.school .schoolImg {
	float: left;
	width: 243px;
}

.school .schoolImg img {border: 1px solid #666666;}

.school .schoolImg a:hover img {border: 1px solid #006600;}

.school .schoolTxt {
	float: left;
	width: 447px;
}

.school .schoolTxt h3 {
	margin: 18px 0 5px 0;
	padding-left: 12px;
	background: transparent url(../../images/icon/list_02.gif) left center no-repeat;
	font-weight: bold;
	color: #256802;
}

.school .schoolBtn {
	float: right;
	width: 170px;
}

.school .schoolBtn ul {
	position: absolute;
	right: 0;
	bottom: 15px;
	width: 170px;
}

#resultList .noteFoot {
	padding: 10px 0 0 20px;
	font-size: 10px;
	color: #666666;
}

* html #resultList .noteFoot {font-size: 80%;} /* IE6 */

*:first-child+html #resultList .noteFoot {font-size: 80%;} /* IE7 */

/*-------------------------------------------------------------
	03) Not Found
-------------------------------------------------------------*/
#notFound {
	margin-bottom: 250px;
	width: 922px;
	height: 217px;
	background: transparent url(../../images/search/bg_notfound.jpg) left bottom no-repeat;
}

#notFound h2 {padding: 57px 0 10px 386px;}
#notFound p {padding-left: 386px;}


/*-------------------------------------------------------------
	04) Useful
-------------------------------------------------------------*/
#useful { margin: 20px 0 0 16px;}

#useful .useTitle {
	margin-bottom: 17px;
	position: relative;
}

#useful .useTitle h3 {
	margin-right: 15px;
	padding: 10px 10px 8px 30px;
	background: #6bb30e url(../../images/title/title_h3_search.gif) left center no-repeat;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
}

* html #useful .useTitle h3 {font-size: 120%;} /* IE6 */
*:first-child+html #useful .useTitle h3 {font-size: 120%;} /* IE7 */

#useful .useContents { margin-left: 10px;}

#useful .useContents .usefuls {
	float: left;
	width: 201px;
	margin: 0 20px 20px 0;
}

#useful .useContents .usefuls a img { border: 1px solid #cccccc;}

#useful .useContents .usefuls a:hover img { border: 1px solid #006600;}

#useful .useContents .usefuls .bnr { margin-bottom: 10px;}

#useful .useContents .usefuls .btn { margin-bottom: 12px;}

#useful .useContents .usefuls h4 a {
	padding-right: 17px;
	background: transparent url(../../images/icon/arrow_green_m.gif) right top no-repeat;
	font-weight: bold;
	color: #006600;
	text-decoration: none;
}

#useful .useContents .useful h4 a:hover {text-decoration: underline;}


/*-------------------------------------------------------------
	99) Clear
-------------------------------------------------------------*/
#searchArea .area:after,
.area ul:after,
#conditional:after,
#gmapNarrow:after,
.school:after,
#useful .useContents:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#searchArea .area,
.area ul,
#conditional,
#gmapNarrow,
.school,
#useful .useContents {display: inline-block;}

/* exclude MacIE5 \*/
* html #searchArea .area,
* html .area ul,
* html #conditional,
* html #gmapNarrow,
* html .school,
* html #useful .useContents {height: 1%;}
#searchArea .area,
.area ul,
#conditional,
#gmapNarrow,
.school,
#useful .useContents {display: block;}
/* end MacIE5 */