/*--------------------------------content------------------------------------*/


.content {
//	width: 490px;
//	float: right;
//	display: inline;
//	color:#ddd;
//	padding-top:25px;
//	margin-bottom:10px;
}
.content h3 {
	/*font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
	font-size:195%;
	letter-spacing:5px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #090;
	padding-left:10px;
	/*font-weight:100;*/
}
/* ~~ このセレクターグループは、.content 内のリストに領域間隔を指定します。~~ */
.content ul, .content ol {
	padding: 0 15px 15px 40px; /* この余白は、上述の見出しと段落ルールの右の余白を表します。下の余白はリスト内の他のエレメントとの間隔用に配置され、左の余白はインデント作成用に配置されています。これは必要に応じて調整できます。 */
}
/* ~~ ナビゲーションリストのスタイル付け (Spry などの事前作成済みのフライアウトメニューを使用する場合は削除できます) ~~ */
ul.nav {
	list-style: none; /* リストのマーカーを削除します。 */
	border-top: 1px solid #666; /* リンク用の上部のボーダーを作成します。他のすべてのものは LI 上で下部のボーダーを使用して配置されます。 */
	margin-bottom: 15px; /* 下のコンテンツのナビゲーション間の間隔を作成します。 */
}
ul.nav li {
	border-bottom: 1px solid #666; /* ボタンの区切り線を作成します。 */
}
ul.nav a, ul.nav a:visited { /* これらのセレクターをグループ化することで、リンクのボタン表示が訪問後も確実に保持されます。 */
	padding: 5px 5px 5px 15px;
	display: block; /* リンクにブロックプロパティを指定し、リンクが含まれる LI 全体がリンクになるようにします。これにより、領域全体がマウスのクリックに反応するようになります。 */
	width: 160px;  /*この幅により、IE6 でボタン全体をクリックできるようになります。IE6 をサポートする必要がない場合は削除できます。適切な幅を計算するには、サイドバーコンテナの幅からそのリンクの余白を減算します。 */
	text-decoration: none;
	background: #C6D580;
}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus { /* マウスを使用する場合もキーボードを使用する場合も、背景色とテキストカラーを変更します。 */
	background: #ADB96E;
	color: #FFF;
}
.distname {
	width:95%;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #090;
}
.distnameL {
	/*font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
	padding-left:8px;
	padding-rigth:8px;
	font-size:195%;
	/*font-weight:100;*/
}
.distnameS {
	font-size:75%;
	padding-left:8px;
}
.disttext {
	width:460px;
	font-size:100%;
	margin-top:10px;
	margin-bottom:15px;
	padding-left:5px;
	color:#d0d0b5;
}
/*--------------------------------list------------------------------------*/
 .propli {
	border-top-width: 0px;
	border-top-style: solid;
	border-top-color: #555;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #555;
//	width:470px;
	width: 100%;
	height:49px;
//	margin-left:5px;
	margin-right:auto;
//	margin-top:10px;
//	margin-bottom:15px;
	margin-top: 0rem;
	margin-bottom: 0rem;
	padding-top: 0rem;
	padding-bottom: 0rem;

	word-spacing:5px;
	background-color: rgba( 255, 255, 255, 1 );
	color:#FFF;
}
.propli a {
//	background-color:#222;
//	border-left-width: 8px;
//	border-left-style: solid;
//	border-left-color: #222;
//	float: left;
	display:block;
	text-decoration: none;
//	width:462px;
	width: 100%;
	height:49px;
//	color: #bbb;
	color: #333;
}
.propli a:hover {
//	background-color: #445;
//	background-color: rgba(102, 204, 255, 1);
	background-color: rgba( 0, 136, 255, 1);
	border-left-color: #F90;
//	color: #EA5515;
	color: rgba( 255, 255, 255, 1);
}
.propli img {
	margin-right:10px;
	float:left;
	background-color: #555;
	overflow:hidden;
	display:inline;
	width:64px;
//	width: 15%;
	min-width: 64px;
	height:49px;
}
.propli_name {
	font-size: 100%;
	float:left;
//	display:inline;
//	width:260px;
	width: 61%;
	word-spacing:0px;
	padding-top:16px;
//	line-height:15px;
}
.propli_nameS {
	font-size: 100%;
	float:left;
//	display:inline;
//	width:240px;
	width: 57%;
	word-spacing:0px;

	padding-top:16px;
	line-height:15px;
}
.propli_nameL {
	font-size: 100%;
	float:left;
//	display:inline;
//	width:295px;
	width: 69%;
	word-spacing:0px;
	padding-top:16px;
	line-height:15px;
}

.propli_name_2Li {
	font-size: 100%;
	float:left;
//	display:inline;
//	width:264px;
	width: 62%;
	word-spacing:0px;
	padding-top:8px;
	line-height:15px;
}
.propli_detail {
	font-size:80%;
	word-spacing:0px;
	width: auto;
	line-height: 1rem;
//	float:left;
//	display:inline;
//	padding-top:18px;
//	color:#888;
}

.propli_name fontS{
	font-size:80%;
}




@media only screen and (min-width: 320px) and (max-width: 767px) {
.propli {
	height: auto;
}
.propli a {
//	height: auto;
//	width: auto;
	display: table;
	padding-top: 0.25rem;
	padding-bottom: 0.25rem;
	line-height: 1.2rem;
}
.propli img {
	margin-left: 1%;
	display: inline-block;
	display:table-cell;
	vertical-align: middle;
	background-color: transparent;
	padding-bottom: 1rem;
}
.propli_name,
.propli_nameS,
.propli_nameL {
	float: none;
//	float: left;
	width: auto;
	width: calc( 80% - 75px ); 
	display: inline-block;
//	display:table-cell;

	padding-top: 0rem;
	line-height: 1rem;
	vertical-align: middle;
	text-align: left;
}
.propli_name::after,
.propli_nameS::after,
.propli_nameL::after,
.fontS::before {
	content:"\A";
	white-space:pre;
}
.fontS {
	font-size: 80%;
	line-height: 0.8rem;
}
.propli_detail {
	float: none;
//	float: left;
//	width: calc( 100% - 75px ); 
	display: inline;
//	display:table-cell;
	vertical-align: middle;

	line-height: 1rem;
}

}