@charset "utf-8";

/*=============== ユーザ一覧定義 ================*/

#main-contents{
	padding-left: 0;
}

h1{
	width:	940px;
	height:	33px;
	background:	url(/home/images/title_user_search_long.png)no-repeat;
	background-size: 960px;
	padding-top:	17px;
	text-align:	right;
	padding-right: 20px;
}

#contents{
	background: none;
	border: none;
}

.userSearchWrap div.ad-box300x250{
	background: none;
}

.userSearchWrap a {
	text-decoration: none;
}

#comments{
	opacity: 0.0;
}

/* ユーザ検索窓定義 */
#user_search_box{
	line-height: 1;
	padding: 54px 20px 0;
	height: 185px;
	background:	url("/home/images/user_search_bg.gif") no-repeat;
	background-size: 300px;
}
#user_search_box input,
#user_search_box select {
	margin-left:15px;
}
#user_search_box table th,
#user_search_box table td{
	color: 	#663205;
	height: 25px;
	padding: 0;
	margin-left: 5px;
	background: inherit;
	border: 0;
}
#user_search_box table th{
	width: 70px;
}
#user_search_box table td.delimiter{
	width: 8px;
	padding: 0px 5px;
}
#user_search_box table select{
	width: 142px;
}
#user_search_box table input{
	padding: 1px;
	width: 136px;
}


/* 検索結果文エリア */
#main-contents #user_search_keyword {
	font-size: 14px;
	color: #5B3E1C;
}
#main-contents .keyword_color {
	color: #633;
}
#main-contents #user_search_keyword table {
	width: 100%;
}
#main-contents #user_search_keyword table td {
	border: none;
	height:30px;;
	padding: 0 70px;
	background:none;
}

/* 並び替え窓定義 */
#user_sort_box {
	line-height: 1;
	padding: 60px 10px 0;
	height: 105px;
	background:url("/home/images/user_sort_bg.png") no-repeat;
}
#user_sort_box table th {
	height: 40px;
	padding: 0 6px;
	margin: 5px 5px;
	background: inherit;
	border: 0;
	width: 65px;
}


/* 前へ次への遷移リンクエリア */
#main-contents table.move-page-box {
	background:#eee;
	margin:5px auto;
	width:640px;
}
#main-contents table.move-page-box td {
	padding:2px;
	border:none;
	background:#eee;
}
#main-contents table.move-page-box td.center{
	width:90px;
}
#main-contents table.move-page-box td.left,
#main-contents table.move-page-box td.right{
	width:275px;
}

/*--- ユーザリストエリア全体 ---*/
#main_content_area_new {
	padding:1px 8px 0px 0px;
	width:640px;
}

/* ユーザリスト定義 */
#user-list-area {
	position:relative;
	color: #77521A;
}
#main-contents table.user-list {
	vertical-align: middle;
	width: 100%;
}

#main-contents table{
	border-spacing: 5px;
}

#main-contents table.user-list th,
#main-contents table.user-list td {
	vertical-align: middle;
	text-align: left;
	background: #fff;
	border: 0;
}

/*
#main-contents table.user-list tr.userlist_stage1 th,
#main-contents table.user-list tr.userlist_stage1 td,
#main-contents  table.user-list td.borderLine {
	border-top: 1px solid #FFCC99;
}
#main-contents  table.user-list .first_bgcolor1 td,
#main-contents  table.user-list .first_bgcolor1 th {
	background: #fcfaf8;
}
*/

#main-contents table.user-list .userName {
	text-align: left;
	font-size: 14px;
	font-weight: bold;
}
#main-contents table.user-list .userlist_stage1 th {
	padding: 12px, 5px, 12px, 12px;
	height: 50px;
	width: 50px;
}
#main-contents table.user-list .userlist_stage1 td {
	height: 20px;
	padding-top: 14px;
}
#main-contents table.user-list .userlist_stage2 td {
	height: 20px;
	padding-top: 0;
	padding-bottom: 14px;
}
#main-contents table.user-list td.list1_1 {
	overflow:hidden;
}
#main-contents table.user-list td.list1_1 img {
	vertical-align: middle;
}
#main-contents table.user-list td.list1_2 {
	width:78px;
}
#main-contents table.user-list td.list1_3 {
	width:90px;
}
#main-contents table.user-list td.date_area {
	width:196px;
}
#main-contents table.user-list .userimg_a {
	width: 45px;
	height: 45px;
	display: block;
}
#main-contents table.user-list .user_img {
	padding-left: 2px;
	width: 45px;
	height: 45px;
}

/*
#main-contents table.user-list .user_prof {
	font-size: 11px;
	position: absolute;
	margin-top:-10px;
	padding: 1px 10px 1px 5px;
	background-color: #ffc;
	border: 1px solid #FFCC99;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}
#main-contents table.user-list .user_prof:after {
	top: 5px;
	left: -5px;
	position: absolute;
	content: "";
	width: 0;
	height: 0;
	border-top: 5px solid #FFCC99;
	border-left: 5px solid transparent;
}

*/

#main-contents table.user-list .kaineko {
	font-weight: bold;
	width: 66px;
}
#main-contents table.user-list .kaineko img{
	vertical-align: middle;
	padding-right:3px;
}
#main-contents table.user-list .user_pref {
	padding: 2px;
}
#main-contents table.user-list .user_pref img {
	vertical-align: middle;
}
#main-contents table.user-list .pref-sex {
	width: 74px;
}
#main-contents table.user-list .men {
	color:  #369;
}
#main-contents table.user-list .women {
	color:  #F66;
}
#main-contents table.user-list .date_title {
	width:96px;
	font-size: 12px;
	text-align:left;
	padding: 2px;
}
#main-contents table.user-list .date_title img {
	vertical-align: middle;
	padding-top: -2px;
}
#main-contents table.user-list .date_num {
	width: 75px;
	font-size: 12px;
	text-align:left;
	padding: 2px;
}
#main-contents table.user-list .last_border tr.userlist_stage2 td,
#main-contents table.user-list .last_border th {
	border-bottom: 1px solid #FFCC99 !important;
}

/* topユーザ分布図定義 */
#user_map_area{
	position : relative;
	width: 640px;
	height: 430px;
	text-align: center;
	background:url(/home/images/user_map.jpg) no-repeat; 
}
#user_map_area div {
	position: absolute;
}
#user_map_area div a {
	display: block;
	text-align: center;
	font-weight : bold;
}
#user_map_area div.pref_orange a:link,
#user_map_area div.pref_white a:link {
	color: #660000;
	font-size: 13px;
	font-weight : bold;
	line-height : 14px;
	text-shadow: 1px 1px 1px #fff;
}
#user_map_area div.pref_orange a:hover {
	color: #ff6600;
	font-size: 13px;
	text-align: center;
	text-shadow: 1px 1px 1px #fff;
	-webkit-transform: scale(1.4);
	-moz-transform: scale(1.4);
	transform: scale(1.4);
}
#user_map_area div.pref_white a:hover {
	color: #fff;
	font-size: 13px;
	text-shadow: 1px 1px 1px #000;
	-webkit-transform: scale(1.4);
	-moz-transform: scale(1.4);
	transform: scale(1.4);
}
#user_map_area .prefcnt_selected {
	font-size : 13px;
	font-weight : bold;
	color: #003300;
	text-shadow: 1px 1px 1px #fff,
	-1px 1px 1px #fff,
	1px -1px 1px #fff,
	-1px -1px 1px #fff;
}
#user_map_area div.pref_cnt_all {
	width:130px;
	top:157px;
	left:24px;
}
#user_map_area div.pref_cnt_all a:link {
	color: #66f;
	font-size: 13px;
	text-shadow: 1px 1px 1px #fff,
		-1px 1px 1px #fff,
		1px -1px 1px #fff,
		-1px -1px 1px #fff;
		text-decoration:none;
}
#user_map_area div.pref_cnt_all a:hover {
	color: #f60;
	font-size: 13px;
	text-shadow: 1px 1px 1px #fff,
		-1px 1px 1px #fff,
		1px -1px 1px #fff,
		-1px -1px 1px #fff;
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	transform: scale(1.1);
}
	/*北海道*/
#user_map_area div.pref_cnt1 {
	top:52px;left:547px;
}
	/*青森*/
#user_map_area div.pref_cnt2 {
	top:131px;left:551px;
}
	/*岩手*/
#user_map_area div.pref_cnt3 {
	top:161px;left:584px;
}
	/*宮城*/
#user_map_area div.pref_cnt4 {
	top:199px;left:581px;
}
	/*秋田*/
#user_map_area div.pref_cnt5 {
	top:162px;left:525px;
}
	/*山形*/
#user_map_area div.pref_cnt6 {
	top:198px;left:525px;
}
	/*福島*/
#user_map_area div.pref_cnt7 {
	top:232px;left:564px;
}
	/*茨城*/
#user_map_area div.pref_cnt8 {
	top:264px;left:583px;
}
	/*栃木*/
#user_map_area div.pref_cnt9 {
	top:260px;left:541px;
}
	/*群馬*/
#user_map_area div.pref_cnt10 {
	top:260px;left:496px;
}
	/*埼玉*/
#user_map_area div.pref_cnt11 {
	top:283px;left:523px;
}
	/*千葉*/
#user_map_area div.pref_cnt12 {
	top:309px;left:588px;
}
	/*東京*/
#user_map_area div.pref_cnt13 {
	top:307px;left:537px;
}
	/*神奈川*/
#user_map_area div.pref_cnt14 {
	top:332px;left:532px;
}
	/*新潟*/
#user_map_area div.pref_cnt15 {
	top:227px;left:488px;
}
	/*富山*/
#user_map_area div.pref_cnt16 {
	top:250px;left:420px;
}
	/*石川*/
#user_map_area div.pref_cnt17 {
	top:246px;left:380px;
}
	/*福井*/
#user_map_area div.pref_cnt18 {
	top:278px;left:379px;
}
	/*山梨*/
#user_map_area div.pref_cnt19 {
	top:307px;left:495px;
}
	/*長野*/
#user_map_area div.pref_cnt20 {
	top:280px;left:458px;
}
	/*岐阜*/
#user_map_area div.pref_cnt21 {
	top:291px;left:421px;
}
	/*静岡*/
#user_map_area div.pref_cnt22 {
	top:339px;left:490px;
}
	/*愛知*/
#user_map_area div.pref_cnt23 {
	top:338px;left:452px;
}
	/*三重*/
#user_map_area div.pref_cnt24 {
	top:362px;left:416px;
}
	/*滋賀*/
#user_map_area div.pref_cnt25 {
	top:306px;left:383px;
}
	/*京都*/
#user_map_area div.pref_cnt26 {
	top:304px;left:336px;
}
	/*大阪*/
#user_map_area div.pref_cnt27 {
	top:341px;left:340px;
}
	/*兵庫*/
#user_map_area div.pref_cnt28 {
	top:299px;left:293px;
}
	/*奈良*/
#user_map_area div.pref_cnt29 {
	top:347px;left:382px;
}
	/*和歌山*/
#user_map_area div.pref_cnt30 {
	top:390px;left:348px;
}
	/*鳥取*/
#user_map_area div.pref_cnt31 {
	top:289px;left:257px;
}
	/*島根*/
#user_map_area div.pref_cnt32 {
	top:289px;left:220px;
}
	/*岡山*/
#user_map_area div.pref_cnt33 {
	top:315px;left:257px;
}
	/*広島*/
#user_map_area div.pref_cnt34 {
	top:315px;left:210px;
}
	/*山口*/
#user_map_area div.pref_cnt35 {
	top:299px;left:175px;
}
	/*徳島*/
#user_map_area div.pref_cnt36 {
	top:376px;left:269px;
}
	/*香川*/
#user_map_area div.pref_cnt37 {
	top:350px;left:265px;
}
	/*愛媛*/
#user_map_area div.pref_cnt38 {
	top:361px;left:197px;
}
	/*高知*/
#user_map_area div.pref_cnt39 {
	top:392px;left:205px;
}
	/*福岡*/
#user_map_area div.pref_cnt40 {
	top:295px;left:120px;
}
	/*佐賀*/
#user_map_area div.pref_cnt41 {
	top:293px;left:83px;
}
	/*長崎*/
#user_map_area div.pref_cnt42 {
	top:304px;left:41px;
}
	/*熊本*/
#user_map_area div.pref_cnt43 {
	top:353px;left:83px;
}
	/*大分*/
#user_map_area div.pref_cnt44 {
	top:331px;left:126px;
}
	/*宮崎*/
#user_map_area div.pref_cnt45 {
	top:363px;left:126px;
}
	/*鹿児島*/
#user_map_area div.pref_cnt46 {
	top:391px;left:105px;
}
	/*沖縄*/
#user_map_area div.pref_cnt47 {
	top:378px;left:13px;
}


/*----------------------------------------
サブナビゲーション
----------------------------------------*/

.subNav{
	background:#977b53;
	display:table;
	width:100%;
	margin-bottom: 20px;
}
.subNav ul{
	display:table-cell;
	vertical-align:middle;
}
.subNav ul li{
	float:left;
	width:125px;
	text-align:center;
}
.subNav ul li a{
	color:#fff;
	display:block;
	padding:10px 0;
}
.subNav ul li:hover{
	background-color:#644600;
}
.subNav ul li.active{
	background-color:#644600;
}
.subNav .searchArea{
	display:table-cell;
	padding:5px 5px 3px 5px;
	vertical-align:middle;
	text-align:right;
}
.subNav .searchArea input{
	background:#bda67d;
	border-radius:3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
	border:none;
	margin-bottom:4px;
	margin-right:5px;
	color:#fff;
	padding:2px 5px;
}
input:placeholder-shown {
	color: white; }

/* Google Chrome, Safari, Opera 15+, Android, iOS */
input::-webkit-input-placeholder {
	color: white; }

/* Firefox 18- */
input:-moz-placeholder {
	color: white; opacity: 1; }

/* Firefox 19+ */
input::-moz-placeholder {
	color: white; opacity: 1; }

/* IE 10+ */
input:-ms-input-placeholder {
	color: white; }

/*----------------------------------------
検索ボタン
----------------------------------------*/
.searchSubmitBtn {
	background: #400000 none repeat scroll 0 0;
	border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
	color: #fff !important;
	display: inline-block;
	font-size: 14px;
	padding: 3px 10px;
	white-space: nowrap;
	width: 70px;
	text-align:center;
}
.searchSubmitBtn img{
	vertical-align:middle;
}
.searchSubmitBtn:hover{
	background-color:#644600;
}

.areaWrap{
	margin-top:20px;
}
.contents.maigo h2 {
	border:none;
	box-shadow: none;
	font-size: 16px;
	margin: 0 0 15px 0;
	border-bottom:3px solid #ec6941;
	padding:10px 10px 5px;
	border-radius: 0;
}

.contents.maigo h2 span:not(.condText){
	font-size:15px;
	margin-left:30px;
}

.detailAreaWrap h2.detail_head span{
	margin-left: 0!important;
}

.areaWrap .contentsBlock{
	width:636px;
	float:left;
}
.areaWrap .contentsBlock h2{
	width:616px;
}
.areaWrap .rightArea{
	width:300px;
	float:right;
}


/*----------------------------------------
ユーザ表示部分デザイン変更
----------------------------------------*/
.userSearchWrap #user-list-area li{
	display: table;
	width: 640px;
	background: #fff;
	margin-bottom: 10px;
}

.userSearchWrap .userPhoto{
	width: 75px;
	line-height: 0;
	font-size: 0;
	display: table-cell;
	vertical-align: middle;
}

.userSearchWrap .userPhoto img{
	width: 100%;
}

.userSearchWrap .textArea{
	width: 100%;
	padding: 8px;
	display: table-cell;
	vertical-align: middle;
}

.textArea div.userInfo{
	width: 380px;
	display: table-cell;
	vertical-align: top;
	padding-right: 25px;
}

.textArea div.userInfo .comment{
	height: 29.5px;
	display: table-cell;
	vertical-align: middle;

}


.textArea div.day{
	width: 180px;
	display: table-cell;
	vertical-align: middle;
}

.userInfo	.comment,
.day span.date_num{
	font-size: 90%;
}

.day .last_login .fa{
	color: #60b7da;
	font-size: 15px;
}

.day .regist .fa{
	color: #e89846;
	font-size: 15px;
}

.userInfo .men{
	color: #2c8ac0;
}

.userInfo .women{
	color: #F66;
}

.userPhoto img:hover{
	opacity: 0.7;
}

.nameArea .name a{
	color: #1067b7;
	font-size: 105%;
}

.nameArea .name a:hover{
	color: #ff6c00;
}

.page_area{
	border-width: 1px 0;
	border-style: solid;
	border-color: #ca9;
	background-color: #fff;
	padding: 5px;
	margin: 20px 0;
}

.user_search{
	border-top: solid 2px #EBD9CB;
	border-bottom: solid 2px #EBD9CB;
	background: #fff;
	margin: 0 0 10px 0;
	padding: 10px;
}

.user_search p{
	width: 80px;
	margin-right: 20px;
	font-weight: bold;
}


.textArea{
	overflow: hidden;
	width: 100%;
}

.textArea p.comment{
	width: 549px;
	height: 15px;
	margin-top: 3px;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	font-size: 11px;
	text-align: left;
	white-space: nowrap;
	color: #999;
}