@CHARSET "UTF-8";
@import "/css/jtip.css";
@import "/css/common.css";

h3          { margin: 5px 0px; font-weight: bold; color: #264B76; }
input.space { width: 80px; ime-mode: disabled; text-align: right; }

.catchcopy p { margin: 10px; }
.ctrl { text-align:right; }
#main #searchbox  #condition{ background-color:#FFFFFF; padding:0px; width:718px; }
#main #searchbox table.ctrl	{ width:720px; }
table.condition	{ border-collapse: collapse; }
table.condition td,
table.condition th { border: solid 1px #6EA1FE; background-color: #ffffff; }

/******************************************************************************
 * SEARCHBOX
 *****************************************************************************/
#searchbox                  { width: 750px;padding:5px 0px 5px 5px;	margin-right: 0px; }
	#condition              { clear: left; width:750px ; padding: 0px; }
	#condition td           { vertical-align: top; padding: 5px; }
	#condition td.sidepanel { width: 200px; padding: 0px; }
	#condition td.sidepanel div.type-a { height: 40px; border-style: solid; border-width: 2px; padding: 5px; }
	#condition td.sidepanel div.type-b { height: 40px; border-style: solid; border-width: 2px; padding: 5px; }
	#condition td.sidepanel div.type-c { height: 40px; border-style: solid; border-width: 2px; padding: 5px; }

#searchbox li                            { float: left; width: auto; padding: 2px 4px; }

/******************************************************************************
 * CONDITION TABLE
 *****************************************************************************/
table.condition               { width: 100%; }
	table.condition th        { padding: 5px; background-color: #e1e8ff; font-weight: normal; }
	table.condition td        { padding: 5px; border: solid 1px #6ea1fe; }
	table.condition td.config { width: 80px; }
	table.condition caption   { text-align: left; }

/******************************************************************************
 * CONTROL TABLE
 *****************************************************************************/
table.ctrl { width:100%; }
	table.ctrl td		{ padding: 5px; }
	table.ctrl td.left	{ width: 25%; padding: 5px; text-align:left; }
	table.ctrl td.center{ width: *;   padding: 5px; text-align:center; }
	table.ctrl td.right	{ width: 25%; padding: 5px; text-align:right; }

ul.buttons 			 { clear: left; padding:4px 0px; }
ul.buttons li		 { float: left; display: inline; margin: 0px; padding: 0px 0px 0px 10px; margin-right: 5px; overflow: hidden; height: 26px; background: url(/search/images/libuttons-head2.gif) top left no-repeat; }
ul.buttons li.on	     { margin: 0px; padding: 0px 0px 0px 10px; margin-right: 5px; overflow: hidden; height: 26px; background: url(/search/images/libuttons_on-head2.gif) top left no-repeat;}
ul.buttons li a		 { float:left; display: block; padding: 5px 10px 5px 0px; *padding: 5px 10px 5px 0px; height: 16px; color: #836003; text-align: center; text-decoration: none; background: url(/search/images/libuttons2.gif) top right no-repeat;  }
ul.buttons li a:hover { text-decoration: underline; }
ul.buttons li.on a	 { padding: 5px 10px 5px 0px; *padding: 5px 10px 5px 0px; height: 16px; color: #836003; text-align: center; text-decoration: none; background: url(/search/images/libuttons_on2.gif) top right no-repeat; }

div#spacelist {}
	div#spacelist li        { display: block;	float: left;	padding-right: 10px; }
	div#spacelist li.on     { background-color: #ffffff; }
	div#spacelist li.on a 	{ color: #000000; }
	div#spacelist li.direct { border: solid 1px #333333; padding: 2px 8px 0px; height:22px}
	div#spacelist li.direct input { width: 60px; text-align: right; }

/* Jtip サブエリア選択 */
#subraeaList ul.buttons { clear: left; padding:4px 0px; }
	#subraeaList ul.buttons li	       { width: 160px; padding: 2px 8px; margin-bottom: 2px; padding: 0px 0px 0px 10px; margin-right: 5px; overflow: hidden; height: 26px; background: url(/search/images/libuttons-head2.gif) top left no-repeat; }
	#subraeaList ul.buttons li.on      { margin: 0px; padding: 0px 0px 0px 10px; margin-right: 5px; overflow: hidden; height: 26px; background: url(/search/images/libuttons_on-head2.gif) top left no-repeat;}
		#subraeaList ul.buttons li a       { display: block; padding: 5px 10px 5px 0px; *padding: 5px 10px 5px 0px; height: 16px; color: #836003; text-align: center; text-decoration: none; background: url(/search/images/libuttons2.gif) top right no-repeat; }
		#subraeaList ul.buttons li a:hover { text-decoration: underline; }
		#subraeaList ul.buttons li.on a	   { display: block; padding: 5px 10px 5px 0px; *padding: 5px 10px 5px 0px; height: 16px; color: #836003; text-align: center; text-decoration: none; background: url(/search/images/libuttons_on2.gif) top right no-repeat; }
#JT .ctrl{ clear:left; text-align: right; }


table.condition input.cost { text-align:right; width:80px; }

/******************************************************************************
 * INNER TABLE
 *****************************************************************************/
table.inner { border: none; }
table.inner td { border: none; background-color: transparent; color: inherit; padding:2px; }
table.inner th { border: none; background-color: transparent; color: inherit; padding:2px; }

/******************************************************************************
 * エリア検索タブ
 *****************************************************************************/
#arealist { /*background-color: #CCCCFF;*/ }
#arealist table.areatab        { border-collapse: collapse; border: none; }
#arealist table.areatab td     { width: 65px; border: 0px; border-bottom: 4px solid #CCCCFF; text-align: center; font-size: 10px; }
#arealist table.areatab td.on  { width: 65px; border: 0px; border-bottom: 4px solid #CCCCFF; background-color: #CCCCFF; font-size:10px; }
#arealist table.areatab td.on a { color: #000000; text-decoration: none;  font-weight: bold; }
#arealist table.areatab td div { cursor: pointer; }
#arealist table.areatab td.on div { cursor: default; }

#subarea { background-color: #ffffff; padding: 10px 10px 0px ; zoom: 1; }
#subarea p { padding-top: 10px; }

div#subarea li {
	background:transparent url(/search/images/libuttons-head2.gif) no-repeat scroll left top;
	/* display:inline; */
	float:left;
	height:30px;
	margin:0 5px 5px 0;
	padding: 0 0 0 1em;
	overflow:hidden;
}

div#subarea li a {
	background:transparent url(/search/images/libuttons2.gif) no-repeat scroll right top;
	color:#836003;
	display:block;
	float:left;
	overflow: hidden;
	height:16px;
	margin: 0px;
	padding:5px 1em 5px 0;
	text-align:center;
	text-decoration:none;
}

div#subarea li.on {
	background-image: url(/search/images/libuttons_on-head2.gif);

}

div#subarea li.on a {
	background-image: url(/search/images/libuttons_on2.gif);
}