@charset "utf-8";

/*------------clear------------*/

body,table,th,td,p,div,ul,li,form {
	margin:0;
	padding:0;
	border:none;
	color: #000;
	font-family : MS PGothic;
}

ul,li {
	list-style: none;
}

input {
	margin:0;
	padding:0;
}

img {
	border: none;
	margin: 0;
}

h1,h2,h3,h4 {
	margin:0;
	padding:0;
	font-weight: normal;
	font-size: 100%;
}

hr {
	visibility: hidden;
}

/*------------all------------*/

.title {
	font-weight: bold;
	font-size: 90%;
	background-color : #ffffff;
	text-align : left;
	padding : 0.2em;
}

.bottom {
	vertical-align: bottom;
}

.center {
	text-align: center;
}

.im_margin {
	margin: 4px 0 4px 0;
}

.top_margin {
	margin-top: 8px;
}

.clear {
	clear: both;
}

.hidden {
	display: none;
}

.bold {
	font-weight: bold;
}

.narrow {
	letter-spacing: 0.3em;
}

.gray {
	color: #333;
}

/*------------pagebody------------*/
div#pagebody {
	width: 700px;
	float: left;
}

/*------------form------------*/

#search_form {
	text-align: center;
	background: url('../img/jirei_form_back.gif') repeat-x left bottom;
	padding-top: 30px;
	padding-bottom: 25px;
}

div#search_form div#form_top {
	width: 700px;
	height: 16px;
	margin: 0 auto 0 auto;
}

div#search_form div#form_middle {
	width: 700px;
	margin: 0 auto 0 auto;
	padding-top: 20px;
	padding-bottom: 15px;
	background: url('../img/jirei_form_waku_m.gif') repeat-y left top;
}

div#search_form div#form_bottom {
	width: 700px;
	height: 2px;
	margin: 0 auto 0 auto;
	border-top: 2px solid #c4c4c4;
}

div#search_form div#form_middle table#form_table {
	width: 700px;
	margin: 0 auto 0 auto;
}

div#search_form div#form_middle table#form_table td {
	text-align: left;
	font-size: 88%;
	padding-bottom: 10px;
}

div#search_form div#form_middle table#form_table td input {
	margin-left: 5px;
	margin-right: 3px;
	display:inline;
	vertical-align:middle;
}

div#search_form div#form_middle table#form_table td.submit {
	text-align: center;
}


/*------------results------------*/

#search_result {
	width: 700px;
	margin: 0 auto 0 auto;
	background-color: #fff;
	text-align: center;
}

div#search_result h3#res_title {
	height: 15px;
	font-size: 90%;
	color: #333;
	text-align: left;
	margin-bottom: 10px;
}

div#search_result div.column_l, div#search_result div.column_r {
	width: 339px;
	height: 169px;
	border: 1px solid #7f7f7f;
	display: inline;
	margin-bottom: 20px;
}

div#search_result div.column_l {
	float: left;
	background: url('../img/jirei_form_back.gif') repeat-x left bottom;
}

div#search_result div.column_r {
	float: right;
	background: url('../img/jirei_form_back.gif') repeat-x left bottom;
}

div#search_result div.column_l_chg, div#search_result div.column_r_chg {
	width: 339px;
	height: 169px;
	border: 1px solid #80a8c9;
	display: inline;
	margin-bottom: 20px;
	cursor: pointer;
}

div.box_l h4.itiran, div.box_r p.itiran_p {
   color: #8c7b37;
   text-align: left;
   }
 
div.box_l p.itiran_p, div.box_r p.itiran_p { 
   color:#333333;
   }


div#search_result div.column_l_chg {
	float: left;
	background: url('../img/jirei_list_bk.gif') repeat-x left bottom;
}

div#search_result div.column_r_chg {
	float: right;
	background: url('../img/jirei_list_bk.gif') repeat-x left bottom;
}

div.column_inner {
	width: 324px;
	height: 145px;
	margin: 13px auto 0 auto;
	text-align: left;
}

div.column_inner div.box_l {
	width: 209px;
	height: 105px;
	float: left;
	display: inline;
}

div.column_inner div.box_r {
	width: 96px;
	height: 105px;
	float: right;
	display: inline;
}

div.column_inner h4.itiran {
	font-weight: bold;
	font-size: 120%;
	padding-bottom: 5px;
}

div.column_inner div.box_clear {
	clear: both;
	width: 323px;
	height: 1px;
	border-top: 1px solid #8c7b37;
}

div.column_inner div.itiran_ver {
	width: 280px;
	font-size: 84%;
	padding-top: 13px;
	color: #333;
}

div.column_inner div.shousai_buttom {
	width: 25px;
	height: 25px;
	float: right;
	display: inline;
	margin-top: -15px;
}

/*------------detail------------*/

div#contents {
	width: 700px;
}

.con_left {
	float: left;
	width: 465px;
	padding-bottom: 30px;
}

.con_left img {
	text-align: right;
	margin:0;
	padding:0;
}

#contents h4 {
	font-size: medium;
	color: #8c7b37;
	text-align: left;
}

#contents .con_left p { 
	font-size: small;
	color:#333333;
}

#contents .con_left p.cach {
	font-size: 100%;
	margin-bottom: 20px;
	font-weight : bold;
	color: #660000;
}

#contents h5 {
	margin-top: 20px;
	margin-bottom: 20px;
	font-weight : bold;
	color: #330000;
}

#contents div.h6 {
	font-size: medium;
	font-weight : bold;
	color : #8c7b37;
	background-color : #ffffff;
	text-align : left;
	padding : 4px;
	margin-top: 20px;
	margin-bottom: 20px;
	border-left : solid 8px;
	border-bottom : solid 2px;
	letter-spacing: 1em;
}

div#con_left div.box img {
	padding: 10px;
}

div#search_result h3#det_title {
	height: 15px;
	font-weight : bold;
	font-size: 120%;
	color: #6c6c6c;
	text-align: left;
	margin-bottom: 15px;
}

div#contents div.con_left, div#contents div.con_right {
	text-align: left;
}

div#contents div.con_right {
	width: 220px;
	float: right;
	background-color:#c2c2a3;
	margin-bottom: 30px;
	word-break:break-all;/* ���s�Ή� */
}

div#contents div.inright {
	width:198px;
	padding:10px;
}

div#contents div.con_left div.box {
	padding: 10px;
	border : solid 1px;
	border-color: #486076;
}

div#contents div.con_left div.box h4 {
	margin-top: 0;
	font-weight: bold;
}

div#contents div.con_left div.box p {
	margin-top: 10px;
	margin-bottom: 5px;
}

div#contents div.con_left p {
	margin-bottom: 15px;
}

div#contents div.con_right p.title {
	margin-bottom: 20px;
}

div#contents div.con_right img {
	margin-top: 30px;
	margin-bottom: 0;
}


/*----------------\?O---------------------*/   

#navi {
  clear: both;
  background: url(/knowledger/example/img/back-navi.gif) repeat-x;
  width: 778px;
  height: 21px;
  text-align: center;
  margin: 30px 0 0 0;
  padding: 0;
  }
#navi ul {
margin: 4px 0 0 0;
pading: 0;
list-style: none;
text-align: center;
/*line-height: 1.0;*/
}

#navi li {
display: inline;
/*padding-left: 2em;
padding-right: 2em;
text-transform: uppercase;*/
font-size: small;
font-family: bold;
}