﻿﻿@charset "UTF-8";

/*----------------------------------------------------
	File Name: base.css
	Style Info: スマホ

/* F
-----------------------------------------------------------------------------------------------------------*/
<style>
@media only screen and (min-device-width:320px)and (max-device-width: 640px){
 #wrap	{

	min-width:320px;
	max-width:640px;
	}

}


body{
	font-family: Meiryo;
	font-size:17px;
	line-height:15px;
}
#mainArea{
	padding:3px;
}
#love{
	word-break:break-all;
	font-family: Meiryo;
}
h2 {
	font-size: 1.2em;
	color: #ee9bc0;
}

.ui-footer {
	text-align: center;
}
.ui-footer a {
	color: #FFF;
	font-weight: normal;
	text-decoration: none;
}
.ui-header h1 {
	margin-left:0 !important;
	margin-right:0 !important;
}
.color1 {
	color: #F00;
}
#chintai h3, #chintai p,
#baibai h3, #baibai p,
#parking h3, #parking p,
#tenant h3, #tenant p,
#tochi h3, #tochi p{
	overflow: visible;
	white-space: normal;
}

#googlemap {
	width: 100%;
	height: 300px;
	border: 8px solid #ccc;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
a.widelink {
    display:block;
    width:100%;
}

ul li{
	list-style-type:none;
}
*.clearfix:after {
 content: ".";
 display: block;
 clear: both;
 height: 0;
 visibility: hidden;
 overflow:hidden;
font-size:0.1em;
line-height:0;
}
td{
	padding:5px;
}
.clearfix {
   min-height: 1px;
}
* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

.clear{
	clear:both;
}
.float{
	float:left;
}


/*----------------------����---------------------*/
#header{
	clear:both;
	}
#header_sp	{ display:block; overflow:hidden; 	height:10%;}

#headerInner_sp{
	 width:100%;
	height:;
	margin:0px auto;
			}
#header_sp #site-title { margin:0px;position:relative;float:left; width:11%;}

#header_sp #site-title a { font-weight: bold; text-decoration: none; }

#header_sp #site-title a img	{ /*max-height:60px;*/   }

#header_sp #headContact{float:right;}

#headContact_sp li{list-style-type:none;
				float:left;
				width:107px;
				}
#headerTop #site-description	{ line-height:150%; }
#header #site-title	{ /*padding-bottom:30px;*/ float:left;}

.header ul{
	/*background-image:url(../img/headback_sp.jpg);
	background-repeat:repeat;*/
	background-color:#FCACC7;
	display:inline-block;
	width:100%;
	}
.header li{
	float:left;
	width:33%;
	padding:4px 0;
	text-align:center;
	border-right:1px solid #FFF;
	line-height:15px;

	}
.loginback{
	background-image:url(../img/back.png);
	background-repeat:repeat;
	height:100%;
	padding:20px 0;
}
.login{
	width:100%;
	height:auto;
	margin-bottom:10px;
	background-color: #F69;
}
.login ul {

    min-height:10px;
    padding: 8px 0;
    color: #ffffff;
}
.login li{
	float:left;
}
.login-inner{
	width:90%;
	margin: 5px auto;
	border: 1px dotted #F69;
	padding: 5px;
	background-color:#ffffff;
}
.dialog{
	margin:10px 0;
}
.actionButtons{
	text-align:center;
	margin:8px 0 0 0;
}
.actionButtons1{
	text-align:center;
	margin-bottom:-10px;
}
/*--------------------����-----------------------*/

#footer{
	width:100%;
	margin:0px auto;
	background-color:#FA99BC;
	}
#footerInner{
	color:#ffffff;
	text-align:center;
	font-size:12px;
	padding:5px;
	}
/*----------------����---------------------------*/
div#titleArea{
	margin:10px 0;
	font-size:22px;
	font-weight:bold;
	}
/*----------------column---------------------------*/
.column1{
	width:100%;
	font-size:17px;

}
.column1 dt{
	margin-bottom:15px;
	color: #F69; border-bottom: 1px dotted #F69;
	text-align:left;
	}
.column1 dd{
	margin:3px 0 10px;
	}
 .clear{
	clear:both;
	}
.red{
	color:#000000;
	background-color:#ffffff;
	width:100%;
	}
.h-ken{
	font-size:100%;
	margin: 5px 0;
	background-color:#F69;
	padding:3px;
	color:#ffffff;
}
p.label{
	background-color:#F69;
	}
.ui-select{
	width:80px;
	}
li.selectbox-one select{
	margin-right:5px;
	font-size:14px;
	padding:0;
	}
li.selectbox-two{
	float:left;
	font-size:14px;
	margin-right:5px;
	}
li.selectbox-two  select{
	float:left;
	font-size:14px;
	height:19px;
	margin-right:5px;
	}
input.textbox1{
	width:200px;
	height:20px;
	padding:1px;
    font-size:15px;
	}
.float{
	float:left;
	}
.floatbox{
	margin:8px 0;
}
.box1 table{
	margin:5px 0;
	width:100%;
	}
.box1{
	padding:3px;
	}
	.box1 li{
	margin-bottom:13px;
	}
li.list1{
		font-weight:bold;
		/*border-bottom:1px dotted #cfcfcf;*/
		margin-bottom:3px;
		}
li.list11{
		font-weight:bold;
		margin-bottom:5px;
		height:14px;
		}
li.list2{
	float:left;
	margin:0;
	font-size:80%;
}
li.list3{
		line-height:15px;
		margin-bottom:10px;
		}

 /*--------------------ボタン-----------------------*/

input.botton{
	background-color: #333;
	color: #fff;
}
input.botton:hover {
}
.bottun{
	width:96%;
	border:2px solid #FAABC1;
	background-color:#FEEEEE;
	border-radius: 10px;
	color:#F69;
	padding:4px;
	text-align:center;
	margin:3px 0;

}
.bottun_g{
	width:96%;
	border:2px solid #999999;
	background-color:#cfcfcf;
	border-radius: 10px;
	color:#F69;
	padding:4px;
	text-align:center;
	margin:3px 0;

}
.bottun_p{
	width:96%;
	border:2px solid #F69;
	background-color:#ffffff;
	border-radius: 10px;
	color:#F69;
	padding:4px;
	text-align:center;
	margin:3px 0;

}
.bottun50{
	width:44%;
	border:2px solid #FAABC1;
	background-color:#FEEEEE;
	border-radius: 10px;
	color:#F69;
	padding:4px;
	text-align:center;
	margin:3px 2px;


}
.bottun_g50{
	width:44%;
	border:2px solid #999999;
	background-color:#cfcfcf;
	border-radius: 10px;
	color:#F69;
	padding:4px;
	text-align:center;
	margin:3px 2px;

}
.bottun_red50{
	width:44%;
	border:2px solid red;
	background-color:#ffffff;
	border-radius: 10px;
	color:#F69;
	padding:4px;
	text-align:center;
	margin:3px 2px;

}
.btn80{
	width:80px;
}
.btn100{
	width:100px;
}
.btn150{
	width:150px;
}
.btn{



	text-decoration:none;
	vertical-align: top;
}
.btn-f{
	text-align:center;

	float:left;
	}

love:btn{
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	font-size: 13px;
	display: block;
	background-color:#cfcfcf;
	border: 1px solid #DDD;
	color:#FFF;
	width: 100px;
	padding: 10px 0;
	}
 /*--------------------マイメニュー店舗�-----------------------*/

dt.title{
	border-bottom:3px dotted #F69;
	color:#F69;
	font-size:20px;
	font-weight:bold;
	margin:13px 0 10px 0;
}
.subtitle{
    background-color: #cfcfcf;
    text-align: center;
    color: #ffffff;
    padding: 3px;
    font-weight: bold;
    margin-bottom: 5px;
}
.sub-contena{
	border:1px dotted #cfcfcf;
	margin-bottom:20px;
	margin:3px;

}
.sub-contena p{
	background-color:#FDEFF4;
	border-bottom:1px dotted #cfcfcf;
	font-weight:bold;
	color:#F69;
	padding:3px;
	font-size:16px;
}

p.gray{
	background-color:#cfcfcf;
	border-bottom:1px dotted #cfcfcf;
	font-weight:bold;
	color:#ffffff;
	padding:3px;

}

.box{
	background-color:#FDEFF4;
	padding:5px;
	margin:15px 0;
}
.pink-border{
	border-bottom:1px solid #F69;
	border-left:4px solid #F69;
}
.small{
	font-size:80%;
}
#tablebox{
	width:100%;
	border:2px solid #FCE4EA;
	margin:0 auto 35px;
}
#tablebox-2{
	border:1px solid #F69;
	width:100%;
	margin:0 auto 5px;
}
#tablebox-2 tr{
	border-bottom:1px solid #F69 ;
}
#tablebox-2 td{
	text-align:center;
	padding:3px 0;
	border-right:1px solid #F69 ;
	height:30px;

}
.pink-1{
	background-color:#FC93B6;
	padding:3px;
	text-align:center;
	color:#ffffff;
	width:100px;
	border-right:1px solid #FFF;
}
#tb-1{
	width:100%;
	margin-bottom:8px;
	text-align:left;
}
#tb-1 th{
	background-color:#FCE4EA;
	padding:3px;

}
#tb-1 td{
	word-break:break-all;
	line-height:15px;
	padding:5px 3px 8px 3px;
}

table#tb-1 li{
	magin-bottom:10px;
}
 /*--------------------マイメニューキャスト�-----------------------*/
.kinmu-r{
	float:left;
	width:100%;
	line-height:25px;
}

.kinmu-r input{
	float:left;
}
dd.kinmu-r ul {
    background-color: #EEECEC;
    border: 1px dotted #cfcfcf;
    margin: 0 0 18px 0;
}




.box {
	background-color: #FDEFF4;
	padding: 5px;
	margin: 15px 0;
}

.pink-border {
	border-bottom: 1px solid #F69;
	border-left: 4px solid #F69;
}


textarea {
	overflow: hidden;
}
/*  Firefox, Chrome, Safari, Opera*/
textarea {
	resize: none;
}
table.ichiran th , table.ichiran td{
	padding:5px;

}


/* メッセージエリア */
#messageArea {
	font-size: 12px;
	font-weight: normal;
	margin: 0px 10px 0px 10px;
}

.message {
	padding: 5px;
	list-style: none;
	border: 0;
	background: none;
	margin: 0px 5px 10px 5px;
	color: #000000;
	font-weight: bolder;
	background-color: #FFFF66;
	font-size: 12px;
}

.message li {
	background: no-repeat left center;
	padding-top: 1px;
	padding-left: 20px;
	margin-left: 5px;
}

.message li.infomsg {
	background-image: url(../img/msginfo.png);
	height: auto;
}

.message li.errormsg {
	background-image: url(../img/msgerror.png);
	height: auto;
}

.message li.warnmsg {
	background-image: url(../img/msgwarn.png);
	height: auto;
}

.validError {
	padding-left: 5px;
	font-size: 12px;
	color: red;
}
/*/メッセージエリア */
input, select, textarea, button, keygen, isindex, legend, a {
	font-size: 14px;
	font-family: "����","Meiryo";
	color: #000000;

}

.font14{
	font-size:14px;
	margin-right:5px;
}

.font20{
	font-size:20px;
	margin-right:14px;
}

.bold{
	font-weight:bold;
	margin-bottom:9px;
}
a:link {
	font-size:17px;
	font-family:meiryo;
}
select.s_1{
	font-size:17px;
	height:30px;
}

</style>

