@charset "Shift_JIS";
/* CSS Document */




/*---------------------------------------------------------------------------------------------------------
スタッフ紹介ページ用
---------------------------------------------------------------------------------------------------------*/


h2{
	margin:30px 0 30px 0;
}

.staff_thumb li{
	float: left;
	margin:5px 5px 0 0;
}

.staff_thumb{
	margin-bottom:200px;
}

.staff_list{
	border-top:#585858 dotted 1px;
}

.staff_list li{
	padding:40px 0 40px 0; 
	border-bottom:#585858 dotted 1px;
	position:relative;
}

.staff_list .left-area{
	float:left;
	width:307px;
}

.staff_list .right-area{
	float:right;
	width:530px;
}

.staff_list p{
	margin-bottom:11px;
}

.private_comment{
	border:#b7b7b7 solid 1px;
	background:#f8f8f8;
	padding:10px;
}

.private_comment .left-area{
	float:left;
	width:114px;
}

.private_comment .right-area{
	float:right;
	width:380px;
	padding-left:5px;
}

.private_comment p{
	padding-left:0px;
	margin-bottom:0px;
	font-size:10px;
	letter-spacing:0.01em;
	line-height:1.4em;
}

h5{
	font-size:14px;
	font-weight:lighter;
	margin:0 0 5px 0;
	padding:0px;
}

h4{
	margin-bottom:10px;
}

h3{
	border:none;
	margin-bottom:0px;
}


.staff_list li .message_button{
	position:absolute;
	right:0px;
	top:30px;
}

.staff_list li .goto_top{
	position:absolute;
	right:0px;
	bottom:5px;
}


/*---------------------------------------------------------------------------------------------------------
マイページ用
---------------------------------------------------------------------------------------------------------*/


.index-menu{
	margin-bottom:50px;
}

.title_area{
	position:relative;
	margin-bottom:30px;
}
.title_area h2{
	margin:0px;
	padding:0px;
}

.title_area p{
	width:452px;
	font-size:11px;
	color:#574739;
	position:absolute;
	top:110px;
	left:29px;
	margin:0px;
	padding:0px;
}

.menu{
	position:relative;
	height:38px;
}

.menu li{
	float:left;
	margin-right:8px;
}

.menu li img{
	vertical-align:bottom;
}

.menu .logout_menu{
	position:absolute;
	right:0px;
	bottom:2px;
}
.menu .logout_menu li{
	margin-left:8px;
	margin-right:0px;
}

.menu .logout_menu a{
	color:#666666;
	text-decoration:none;
}

.menu .logout_menu a:hover{
	color:#787878;
	text-decoration: underline;
}

.box_wrapper{
	background: url(../img/mypage/box_bg.png) top no-repeat;
	margin-top:-1px;
	width:871px;
	padding-top:16px;
}

.box_wrapper .box_inner{
	width:829px;
	margin:0 auto 0 auto;
	padding:20px;
	border-bottom:#c2c2c2 1px solid;
	border-left:#c2c2c2 1px solid;
	border-right:#c2c2c2 1px solid;
}

/*---------------------------------------------------
search
---------------------------------------------------*/


.search_box{
	border:#c2c2c2 1px solid;
	background:url(../img/mypage/search_bg.png) repeat-x bottom;
	padding:20px;
}

.search_content{
	width:234px;
	float:left;
}

.center_area{
	border-left:#c2c2c2 1px solid;
	border-right:#c2c2c2 1px solid;
}

.search_content h3{
	font-size:14px;
	font-weight:500;
	margin-bottom:10px;
}

.search_content h3 span{
	display:block;
	border-top:#c2c2c2 1px solid;
	font-size:10px;
	margin-top:3px;
	padding-top:3px;
}

.search_content h3.sub_title{
	font-size:14px;
	font-weight:500;
	margin-bottom:5px;
	padding-bottom:3px;
	border-bottom:#c2c2c2 1px solid;
}

.search_inner{
	padding-left:5px;
	line-height:1.9em;
	font-size:11px;
	margin-bottom:10px;
}

.search_content .area_search label{
	font-weight:bold;
}
.search_inner span.area_detail{
	font-size:9px;
	display:block;
	letter-spacing:0.08em;
	padding-left:1.5em;
	line-height:1.2em;
	margin-bottom:7px;
}

.search_inner input.text_box{
	width:220px;
}

select#railroad{
	height:30em;
}

.search_inner option{
	font-size:11px;
}
.search_box .search_button{
	padding-top:30px;
	position:relative;
}

.search_box .search_button ul{
	height:58px;
}

.search_box .search_button li{
	position:absolute;
	top:30px;
}

.search_box .search_button li.view{
	position:static;
	margin:0 auto;
	width:186px;
}

.search_box .search_button li.save{
	bottom:0px;
	right:0px;
}

.search_box .search_button li.clear_search{
	top:10px;
	right:0px;
}
/*---------------------------------------------------
list
---------------------------------------------------*/


.list_area{
	width:750px;
	margin:0 auto;
	padding-top:60px;
}

.list_area li{
	border:1px solid #b4b4b4;
	padding:36px;
	position:relative;
	clear:both;
	margin-bottom:30px;
}

.list_area li h3{
	font-size:20px;
	font-weight:lighter;
	border-bottom:1px solid #b4b4b4;
	padding-bottom:5px;
	margin-bottom:15px;
	color:#3f3f3f;
}

.list_area li .new{
	text-indent:-9999px;
	width:55px;
	height:55px;
	background:url(../img/mypage/new_icon.png) no-repeat;
	display:block;
	position:absolute;
	top:0px;
	right:0px;
}

.list_area li .img_area{
	width:295px;
	float:left;
	margin-right:15px;
}

.list_area li .detail_area{
	width:360px;
	float:left;
	height:221px;
	position:relative;
	font-size:11px;
	line-height:1.2em;
}

.list_area li dl{
	margin:0px;
	padding:0px;
}

.list_area li dt{
	margin-right: -5em;
	padding: 0.2em 0;
	float: left;
	clear: both;
	display: inline;
	width: 5em;
	text-indent: 0px;
}


.list_area li dd {
	margin-left:5em;
	padding: 0.2em 10px;
}

.list_area li dl {
	/*\*/
	min-height: 1px;
	_height: 1%;
	/* */

	/*\*//*/
	overflow: hidden;
	/**/
}

.list_area li dl::after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}


.more_detail{
	position:absolute;
	bottom:-6px;
	text-align:right;
	margin:0px;
	font-size:12px;
	left: 2px;
}

.delete_list{
	position:absolute;
	top:-38px;
	text-align:right;
	margin:0px;
	font-size:10px;
	left: 2px;
}


.list_area li ul.icon-set {
display:inline;
float:left;
height:38px;
overflow:hidden;
width: auto;
margin-bottom:10px;
}
ul.icon-set li {
display:block;
float:left;
height:38px;
margin:0 7px 0 0;
width:38px;
	border:none;
	padding:0px;
	position: static;
	clear: none;
}
ul.icon-set li img {
height:76px;
}
ul.icon-set4list {
width:345px;
}
ul.icon-set li img:hover {
margin-top:-38px;
}


/*---------------------------------------------------
pagenavi
---------------------------------------------------*/

.list_area .page_navi{
	position:relative;
	height:18px;
}

.list_area .page_navi li{
	border:none;
	padding:0px;
	position: static;
	clear:none;
}

.list_area .page_navi li.next{
	position:absolute;
	right:0px;
	padding-bottom:30px;
}

/*---------------------------------------------------
login
---------------------------------------------------*/

.login_right{
	width:255px;
	float:right;
	margin-bottom:30px;
	padding:12px 0 0 0;
}

.login_left{
	width:547px;
	float:left;
	margin-bottom:30px;
	padding:12px;
}


#mypage_login .box_left{
	width:305px;
	float:left;
}

#mypage_login .box_right{
	width:237px;
	float:right;
	margin-bottom:50px;
}


.future_box{
	border:3px solid #cacaca;
	margin-bottom:10px;
}

.future_box li{
	padding:20px 26px 20px 26px;
}

.future_box li.search{
	background:url(../img/mypage/future_bar.png) no-repeat bottom center;
}

#mypage_regist .future_box li.search{
	background:url(../img/mypage/future_bar2.png) no-repeat bottom center;
}

.future_box li img{
	float:left;
}


.future_left{
	width:367px;
	float:left;
}

#mypage_regist .future_left{
	width:621px;
	float:left;
}

.future_left h4{
	font-size:14px;
	margin:0 0 5px 0;
	padding:0px;
	font-weight:lighter;
}

.future_box li.search h4{
	color:#1fa1ca;
}

.future_box li.favarite h4{
	color:#f08400;
}

.future_left p{
	font-size:11px;
}


.login_box{
	border:1px solid #cacaca;
	padding:20px;
	margin:20px 0 0 0;
}

.login_box input.text_box{
	width:200px;
}

.login_box .pw_lost input.text_box{
	width:160px;
}

.login_box h3{
	font-size:14px;
	font-weight: bolder;
	border-bottom:1px solid #cacaca;
	margin-bottom:5px;
	padding-bottom:2px;
}

.login_box h4{
	margin:12px 0 0 0;
	font-size:12px;
}

.login_box p{
	padding:0px;
	margin:0 0 10px 0;
	font-size:12px;
	line-height:1.2em;
	letter-spacing:0.01em;
}

.login_left p.button{
	padding-top:9px;
}

.pw_lost{
	margin-top:23px;
	border:1px solid #c4c4c4;
	background:#f4f4f4;
	padding:11px 15px 11px 15px;
}


#mypage_logout h3{
	font-size:14px;
	font-weight:bold;
	color:#676767;
	padding-left:5px;
	margin-bottom:10px;
}

.page_bottom{
	padding-bottom:130px;
}

.remove_button{
	width:423px;
	margin:0 auto;
}

.remove_button li{
	float:left;
	margin-right:50px;
}


.regist_box{
	background:url(../img/mypage/search_bg.png) repeat-x bottom;
	border:1px solid #cacaca;
	margin-top:30px;
}

.regist_inner{
	width:470px;
	margin:30px auto;
}

.regist_inner h4{
	font-size:14px;
	letter-spacing:0.1em;
	color:#676767;
	margin:0 0 10px 0;
}

.account_area {
	border:1px solid #cacaca;
	background:#FFFFFF;
	padding:30px 35px 0 35px;
	margin-bottom:30px;
}

.account_area input.text_box {
	width:250px;
}

.account_area table{
	width:100%;
	border-collapse:collapse;
}

.account_area table td,
.account_area table th{
	padding:0 0 25px 0;
}

.rule_area{
	border:1px solid #cacaca;
	background:#FFFFFF;
	padding:10px;
	height:125px;
	overflow:scroll;
	margin-bottom:30px;
}

p.right{
	text-align:right;
}

/* clearfix ----------------------------------------------------------------------------------- */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {zoom:1;}


/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.clear { clear:both;}