@charset "utf-8";
@import "import.css";
/* -----------------------------------------------------------
CSS Information
 File name:    main.css
 Date:         2012/07/24
 Style Info:   main
----------------------------------------------------------- */

/**--------------------------------------------------------------------------------------------------------------
		subpage common Setting
---------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width:741px){

#header{margin-bottom:20px;}
#wrapper{
    height:100%;
	background:none;
}
#contents{
	overflow:hidden;
	padding:0;
}

body.naka #mainContent {
	font-size: 82%;
	_zoom: 1;
}


/**--------------------------------------------------------------------------------------------------------------
		アクセスマップ
		access map
---------------------------------------------------------------------------------------------------------------*/
#access .map {
	border: 1px solid #CCC;
}

/* popImg */
ul#popImg {
	padding: 10px 0;
	height: 160px;
}
ul#popImg li {
	display: inline;
	padding-right: 20px;
}
ul#popImg li img {
	background: #FFF;
	padding: 3px;
	border: 1px solid #CCC;
	*zoom: 1;
}


/**--------------------------------------------------------------------------------------------------------------
		お問い合わせ
---------------------------------------------------------------------------------------------------------------*/
#inquiry #mainContent,
#inquiry #mainContent p {
	font-size: 95%;
}
#inquiry table {
	font-size: 100%;
	margin-bottom: 20px;
}
#inquiry table td {
	padding: 5px 0;
}
#inquiry table td.mark {
	text-align: center;
}


/**--------------------------------------------------------------------------------------------------------------
		お部屋探しの流れ
		procedure (rental)
---------------------------------------------------------------------------------------------------------------*/
dl.list1 dt {
	font-weight: bold;
	font-size: 110%;
	padding: 5px 10px;
	background: #F6F6F6;
	color: #666;
	margin-bottom: 10px;
}
	dl.list1 dt span {
		color: #02A0E9;
		padding-left: 2px;
	}
dl.list1 dd {
	margin-bottom: 20px;
	padding: 0 10px;
}


/**--------------------------------------------------------------------------------------------------------------
		外国人の方へ
		About
---------------------------------------------------------------------------------------------------------------*/
#about p {
	font-size: 100%;
	margin-bottom: 10px;
}
#about p.att {
	padding: 10px 15px;
	font-size: 130%;
	background: #FFCB99;
	margin-bottom: 20px;
	font-weight: bold;
	line-height: 1.8;
}
strong.name {
	letter-spacing: 1px;
	font-size: 110%;
}
strong.name span {
	color: #019FE8;
}

ul.troubleList {
	overflow: hidden;
	margin-right: -20px;
	margin-bottom: 10px;
}
	ul.troubleList li {
		width: 140px;
		float: left;
		padding: 10px;
		margin-right: 20px;
		margin-bottom: 10px;
		background: #FFF4DE;
		border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		-o-border-radius: 10px;
	}
#about p.arrow_btm {
	font-size: 120%;
	padding-bottom: 60px;
	background: url(../images/common/arrow_btm.png) center bottom no-repeat;
	margin-bottom: 20px;
}
#about div.txt_ok {
	font-size: 110%;
	margin-bottom: 30px;
}
	#about div.txt_ok p {
		font-size: 110%;
		font-weight: bold;
		text-align: center;
	}

#about dl.list1 dt span {
	color: #019FE8;
	padding-right: 1px;
}
#about dl.list1 ul li {
	text-indent: -1em;
	padding-left: 1em;
	font-size: 105%;
}

/**--------------------------------------------------------------------------------------------------------------
		よくある質問
		faq
---------------------------------------------------------------------------------------------------------------*/
#faqList {
	overflow: hidden;
}
#faqList dt, #faqList dd {
	position: relative;
	padding-left: 30px;
}
#faqList dt span.ttl, #faqList dd span.ttl {
	position: absolute;
	left: 0;
	top: -3px;
	font-weight: bold;
	letter-spacing: 1px;
	font-size: 18px !important;
}
#faqList dt {
	margin-bottom: 5px;
	padding-bottom: 4px;
	border-bottom: 1px dotted #AAA;
	font-size: 110%;
}
	#faqList dt span.ttl {
		color: #000;
	}
#faqList dd {
	margin-bottom: 30px;
}
	#faqList dd span.ttl {
		font-size: 110%;
		color: #019FE8;
	}

table.table2 {
	border-top: 1px solid #AAA;
	border-right: 1px solid #AAA;
	width: 670px;
	margin: 10px 0;
}
table.table2 th, table.table2 td {
	border-left: 1px solid #AAA;
	border-bottom: 1px solid #AAA;
	padding: 5px 0;
	text-align: center;
}
table.table2 th {
	background: #F6F6F6;
	border-bottom: 1px dotted #AAA;
	color: #666;
	vertical-align: middle;
}
table.table2 .all {
	border-left: 3px double #AAA;
}

/**--------------------------------------------------------------------------------------------------------------
		サイトマップ
		sitemap Setting
---------------------------------------------------------------------------------------------------------------*/

.sitemap{overflow:hidden;}
h3.sitemapTtl{
	font-size:14px;
	font-weight:bold;
	background:#f6f6f6;
	/* color:#999; */
	color: #777;
	margin:10px 0;
	padding:4px 8px;
}
ul.sitemapList{
	width:680px;
	margin:0 -15px 40px 15px;
	overflow:hidden;
	_zoom:1;
	clear:both;
}

ul.sitemapList li{
	border-bottom:solid 1px #ddd;
	margin:0 15px 0 0;
	width:320px;
	float:left;
}
ul.sitemapList li a{
	font-size:12px;
	padding:8px 0 8px 6px;
	width:324px;
	line-height:1.1;
	margin:0;
	display:block;
	text-decoration:none;
}
ul.sitemapList li a:hover{
	background:#fff9dd;
	color:#f00;
	text-decoration:underline;
}

ul.sitemapList li.sitemapHead{
	width:660px!important;
	padding:20px 0 0;
	margin:0 0 10px!important;
	float:none!important;
	font-weight:bold;
	clear:both;
}


/**--------------------------------------------------------------------------------------------------------------
		プライバシーポリシー
		privacy
---------------------------------------------------------------------------------------------------------------*/
dl.privacy {
	
}
dl.privacy dt {
	font-size: 110%;
	font-weight: bold;
	padding-bottom: 3px;
	border-bottom: 1px dotted #AAA;
	margin-bottom: 10px;
}
dl.privacy dd {
	margin-bottom: 20px;
	padding-left: 1.5em;
}

dl.privacy ul {
	margin-top: 5px;
}
dl.privacy li {
	text-indent: -1.8em;
	padding-left: 1.8em;
}
#privacy .en li {
	text-indent: -1.5em;
	padding-left: 1.5em;
}

#privacy p {
	font-size: 100%;
}

#privacy .date {
	text-align: right;
	margin-bottom: 20px;
}







/*	 Fix Setting
----------------------------------------------------*/

/* hasLayout bug */

[if IE]> #wrapper,#wrapperInner,#header,#footer,#contents,#mainContent,#sideContent{
	zoom:1;
}
<![endif]

}


@media screen and (max-width:740px){

#header{margin-bottom:20px;}
#wrapper{
    height:100%;
	background:none;
}
#contents{
	overflow:hidden;
	padding:0;
}

body.naka #mainContent {
	font-size: 100%;
	_zoom: 1;
}


/**--------------------------------------------------------------------------------------------------------------
		アクセスマップ
		access map
---------------------------------------------------------------------------------------------------------------*/
#access .map {
	border: 1px solid #CCC;
}

/* popImg */
ul#popImg {
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}
ul#popImg li {
	padding: 0px;
}
ul#popImg li img {
	background: #FFF;
	padding: 1%;
	border: 1px solid #CCC;
	*zoom: 1;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	width: 97%;
}


/**--------------------------------------------------------------------------------------------------------------
		お問い合わせ
---------------------------------------------------------------------------------------------------------------*/
#inquiry #mainContent,
#inquiry #mainContent p {
	font-size: 100%;
}
#inquiry table {
	font-size: 100%;
	margin-bottom: 20px;
}
#inquiry table td {
	padding: 5px 0;
}
#inquiry table td.mark {
	text-align: center;
}


/**--------------------------------------------------------------------------------------------------------------
		お部屋探しの流れ
		procedure (rental)
---------------------------------------------------------------------------------------------------------------*/
dl.list1 dt {
	font-weight: bold;
	font-size: 110%;
	padding: 5px 10px;
	background: #F6F6F6;
	color: #666;
	margin-bottom: 10px;
}
	dl.list1 dt span {
		color: #02A0E9;
		padding-left: 2px;
	}
dl.list1 dd {
	margin-bottom: 20px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
}


/**--------------------------------------------------------------------------------------------------------------
		外国人の方へ
		About
---------------------------------------------------------------------------------------------------------------*/
#about p {
	font-size: 100%;
	margin-bottom: 10px;
}
#about p.att {
	padding: 10px 15px;
	font-size: 130%;
	background: #FFCB99;
	margin-bottom: 20px;
	font-weight: bold;
	line-height: 1.5;
}
strong.name {
	letter-spacing: 1px;
	font-size: 110%;
}
strong.name span {
	color: #019FE8;
}

ul.troubleList {
	overflow: hidden;
	margin-right: 0px;
	margin-bottom: 10px;
	padding: 0px;
	width: 100%;
	margin-top: 0px;
	margin-left: 0px;
}
	ul.troubleList li {
	width: 94%;
	float: left;
	padding: 3%;
	margin-right: 0px;
	margin-bottom: 20px;
	background: #FFF4DE;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;
	}
#about p.arrow_btm {
	font-size: 120%;
	padding-bottom: 60px;
	background: url(../images/common/arrow_btm.png) center bottom no-repeat;
	margin-bottom: 20px;
}
#about div.txt_ok {
	font-size: 110%;
	margin-bottom: 30px;
}
	#about div.txt_ok p {
		font-size: 110%;
		font-weight: bold;
		text-align: center;
	}

#about dl.list1 dt span {
	color: #019FE8;
	padding-right: 1px;
}
#about dl.list1 ul li {
	text-indent: -1em;
	padding-left: 1em;
	font-size: 105%;
}

/**--------------------------------------------------------------------------------------------------------------
		よくある質問
		faq
---------------------------------------------------------------------------------------------------------------*/
#faqList {
	overflow: hidden;
}
#faqList dt, #faqList dd {
	position: relative;
	padding-left: 30px;
}
#faqList dt span.ttl, #faqList dd span.ttl {
	position: absolute;
	left: 3px;
	top: -3px;
	font-weight: bold;
	letter-spacing: 1px;
	font-size: 18px !important;
	bottom: 595413167px;
}
#faqList dt {
	margin-bottom: 5px;
	padding-bottom: 4px;
	border-bottom: 1px dotted #AAA;
	font-size: 110%;
}
	#faqList dt span.ttl {
		color: #000;
	}
#faqList dd {
	margin-bottom: 30px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}
	#faqList dd span.ttl {
		font-size: 110%;
		color: #019FE8;
	}

table.table2 {
	width: 100%;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	border-top-style: none;
	border-right-style: none;
	font-size: 100%;
}
table.table2 th, table.table2 td {
	border-left: none;
	border-bottom: none;
	padding: 5px 0;
	text-align: center;
}
table.table2 th {
	background: #F6F6F6;
	border-bottom: none;
	color: #666;
	vertical-align: middle;
}
table.table2 .all {
	border-left: 3px double #AAA;
}

/**--------------------------------------------------------------------------------------------------------------
		サイトマップ
		sitemap Setting
---------------------------------------------------------------------------------------------------------------*/

.sitemap{overflow:hidden;}
h3.sitemapTtl{
	font-size:100%;
	font-weight:bold;
	background:#f6f6f6;
	/* color:#999; */
	color: #777;
	margin:10px 0;
	padding:4px 8px;
}
ul.sitemapList{
	width: 100%;
	overflow: hidden;
	_zoom: 1;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 40px;
	margin-left: 0px;
	clear: both;
	padding: 0px;
}

ul.sitemapList li{
	border-bottom: solid 1px #ddd;
	width: 96%;
	float: left;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 8px;
	padding-right: 2%;
	padding-bottom: 8px;
	padding-left: 2%;
}
ul.sitemapList li a{
	font-size: 100%;
	width: 96%;
	line-height: 1.1;
	margin: 0;
	display: block;
	text-decoration: none;
	padding-top: 8px;
	padding-right: 2%;
	padding-bottom: 8px;
	padding-left: 2%;
}
ul.sitemapList li a:hover{
	background:#fff9dd;
	color:#f00;
	text-decoration:none;
}

ul.sitemapList li.sitemapHead{
	width:660px!important;
	padding:20px 0 0;
	margin:0 0 10px!important;
	float:none!important;
	font-weight:bold;
	clear:both;
}


/**--------------------------------------------------------------------------------------------------------------
		プライバシーポリシー
		privacy
---------------------------------------------------------------------------------------------------------------*/
dl.privacy {
	
}
dl.privacy dt {
	font-size: 110%;
	font-weight: bold;
	padding-bottom: 3px;
	border-bottom: 1px dotted #AAA;
	margin-bottom: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
}
dl.privacy dd {
	margin-bottom: 20px;
	padding-left: 2%;
	width: 96%;
	padding-right: 2%;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

dl.privacy ul {
	margin-top: 5px;
}
dl.privacy li {
	text-indent: -1.8em;
	padding-left: 1.8em;
}
#privacy .en li {
	text-indent: -1.5em;
	padding-left: 1.5em;
}

#privacy p {
	font-size: 100%;
}

#privacy .date {
	text-align: right;
	margin-bottom: 20px;
}







/*	 Fix Setting
----------------------------------------------------*/

/* hasLayout bug */

[if IE]> #wrapper,#wrapperInner,#header,#footer,#contents,#mainContent,#sideContent{
	zoom:1;
}
<![endif]


}