@charset "utf-8";
/**----------------------------------------------------------
 *CSS information
 *
 * file name	: style.css
 * author		: takaaki koyama
 * style info	:  基本設定、レイアウト、横幅設定など
 -----------------------------------------------------------*/

/*	基本設定、リンクカラーなど
----------------------------------------------------*/
body {
	color: #333;
/*	font-size: 76%;*/
	font-size: 10px;
/*	font-family:"メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;*/
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	line-height: 1.6;
	background-color:#FFFFFF;
}
* html body {	/* for IF6 */
	font-family: "ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}

input,textarea,select {
/*	font-family:"メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif; */
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	font-size: 100%;
}

* html input,
* html textarea,
* html select {		/* for IF6 */
	font-family: "ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}


select{
	padding:3px 2px 2px;
}

select,
.text_input {
	border: 1px #E5E5E5 solid;
}



/*\*/
* html body {
	font-size: 62.5%;
}
* html table {
	font-size: 100%;
	line-height: 1.5;
}
*:first-child+html body {
	font-size: 62.5%;
}
/**/

/* link
---------------------------------------*/
a:link {
	/*color:#0099CC;*/
	color:#f05000;
}

a:visited {
	/*color:#0099CC;*/
	color:#f05000;
}

a:hover {
	text-decoration: none;
}

a:active {
}


/*	font class
----------------------------------------------------*/
.important{
	color:#F60;
}

.require{
	/*color:#FF6000;*/
/*	border:#FF6600 1px solid;
	color:#FFFFFF;
	background-color:#FF9900;
	font-size:0.8em;
	padding:0 1px;*/
}

.require_text{
	margin:0px 5px 0px 0px;
}

.form_text{
	font-size:1.2em;
}

#member_info_table .require,
#div_item_table .require,
#select_mail .require,
.contact_table .require{
	float:right;
}

.price{
	color:#FF6000;
}


/*	icon class
----------------------------------------------------*/
.icon_c_arr_b_w{
	padding-left:8px;
	background:url(/img/front/common/icon_c_arr_b_w.png) no-repeat left 50%;
}


/*	js class
----------------------------------------------------*/
.lazyload{
	background:url(/img/front/common/loading.gif) no-repeat 50% 50%;
}

.external{
}


/* CSS3 FIX------------------*/
/* first-child */
.first-child{}
/* last-child */
.last-child{}
/* nth-child */

/* even - odd */
.even{}
.odd{}

/* :focus */
.focus{}

/* :hover */
.hover{}

.valid{
	background-color:#dfd;
}

/* MESSAGE 警告メッセージ
----------------------------------------------------------- */
/* .info_message */
.info_message {
	background: #dfd url(/img/admin/pict_info.jpg) 0 50% no-repeat;
	margin: 0 0 20px;
	padding: 10px 0 10px 55px;
	border:#bdb solid 1px;
	font-size: 100%;
	font-weight:bold;
	cursor:pointer;
}

/* .notice_message */
.notice_message {
	background: #ffd url(/img/admin/pict_notice.jpg) 0 50% no-repeat;
	margin: 0 0 20px;
	padding: 10px 0 10px 55px;
	border:#ddb solid 1px;
	font-size: 100%;
	font-weight:bold;
	cursor:pointer;
}

/* .warning_message */
.warning_message {
	background: #fdd url(/img/admin/pict_warning.jpg) 0 50% no-repeat;
	margin: 0 0 20px;
	padding: 10px 0 10px 55px;
	border:#dbb solid 1px;
	font-size: 100%;
	font-weight:bold;
	cursor:pointer;
}

/* .error_message */
p.form-error,
.error_message,
.error-message{
	color: #fFFFFF;
	background-color:#FF0000;
	font-weight: bold;
	margin:5px 0px 0px 0px;
	font-size:0.8em;
/*
	background: url(/img/admin/ico_error.png) 0 50% no-repeat;
*/
	padding: 0 0 0 5px;
	clear: both;
}

.error_message{
	margin-bottom: 0.3em;
}
.error-message{
	margin-top: 0.3em;
}

#admin_alert_box{
	border:#ccc solid 1px;
	background-color: #F9F9F9;
	padding: 10px;
}
#article #admin_alert_list{
	margin-left:20px;
	margin-bottom:0px;
}
#admin_alert_list li{
	list-style-type: disc;
}
#admin_alert_list li img{
	/*padding-top: 5px;*/
}
li.admin_alert a{
	font-weight: bold;
}
li.admin_alert a{
	color:#FF0000;
}
li.admin_alert a:link{
	color:#FF0000;
}
li.admin_alert a:visited {
	color:#FF0000;
}

/* #demo_mode_text デモサイトモードの時の通知 */
#demo_mode_text {
	width: 100%;
	position: absolute;
	top: 0;
	z-index: 999999;
	text-align: center;
	background: #fee;
	border-top: 1px #f99 solid;
	border-bottom: 1px #f99 solid;
}

#demo_mode_text a {
	display: block;
	color: #f00;
	line-height: 2;
	text-decoration: none;
	font-weight: bold;
}

/* FORM INPUT
----------------------------------------------------------- */
.shadow_text{
	color: #76879e;
}

/* エラーフォーム */
.form-error {
	background: #fee;
}



/* TABLE
----------------------------------------------------------- */
/*
.check_table
.clickable_table
----------------------------------------*/
.clickable_table tbody td,
.check_table tbody td{
	cursor:pointer;
}

.clickable_table tr.hover td,
.check_table tr.checked td{
	background-color:#E1F8FF;
}

.check_table tr.hover td{
	background-color:#F0FBFF;
}


/* 会員限定非公開物件 */
table .secret th,
table .secret td{
	background-color:#FFE7E7;
}

table .secret th a:link,
table .secret th a:visited,
table .secret td a:link,
table .secret td a:visited{
	color:#9C1010;
	text-decoration:none;
}

table .secret th a:hover,
table .secret td a:hover{
	color:#E01E1E;
	text-decoration:underline;
}

li.mt_05 .reference_collapsee{
	margin-top: -5px;
}

/* tooltip
----------------------------------------------------------- */
/*
.tooltip
----------------------------------------*/
ul.room_status_icon{
    background: none;
    border: none;
}
ul.room_status_icon li a.tooltip{
  position:relative;
  text-decoration: none;
}
ul.room_status_icon li a.tooltip span{
  display:none;
  padding:3px 4px;
  width:80px;    /*吹き出しの幅*/
}
ul.room_status_icon li a.tooltip:hover span{
display:inline-block;
text-align: center;
position:absolute;
background:#fff;
border:1px solid #092e68;
color: #2f2f2f;
bottom:25px;  /*位置指定追加。*/
left:-40px;      /*位置指定追加。吹き出しの幅の半分を左に移動させる*/
/*アニメーションの制御設定*/
-moz-animation: bubbleUp 0.2s 1;
-webkit-animation: bubbleUp 0.2s 1;
-o-animation: bubbleUp 0.2s 1;
animation: bubbleUp 0.2s 1;
}
mes bubbleUp {
0% {bottom:15px; opacity:0;}
100% {bottom:25px; opacity:1;}
}
@-webkit-keyframes bubbleUp {
0% {bottom:15px; opacity:0;}
100% {bottom:25px; opacity:1;}
}
@-o-keyframes bubbleUp {
0% {bottom:15px; opacity:0;}
100% {bottom:25px; opacity:1;}
}
@keyframes bubbleUp {
0% {bottom:15px; opacity:0;}
100% {bottom:25px; opacity:1;}
}
/*吹き出しの足*/
a.tooltip:hover span:after {
content: "";
display: block;
width:0;
height:0;
border-top:8px solid #092e68;
border-left:8px solid transparent;
border-right:8px solid transparent;
position: absolute;
left: 40px;
bottom:-8px;
}