@charset "UTF-8";
/*↓↓↓↓共通↓↓↓↓*/
body {
	font-size: small;
	width: 100%;
	margin: 0 auto;
	max-width: 940px;
	padding: 10px 0;
	min-width: 300px;
	overflow: scroll;
}
main {
	width: 100%;
	margin: 0 auto;
}
body, p, ul, li {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.5em;
	background-repeat: no-repeat;
	background-size: cover;
}
a {
	color: #000000;
}
h1 {
    font-size: x-large;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: lighter;
    color: #0075A0;/*物件名カラー*/
    text-align: left;
    text-shadow: 1px 2px 2px #0075A0;/*物件名シャドーカラー*/
    margin: 10px 0 12px;
    width: 100%;
    float: left;
}
h2 {
	font-size: small;
	color: #000000;
	font-weight: lighter;
	line-height: 1.5em;
	margin: 0px;
	width: 100%;
	display: block;
}
article h3 {
    font-style: normal;
    color: #0075A0;/*Infoタイトルカラー*/
    font-weight: normal;
    font-size: large;
    display: block;
    margin: 0 0 10px;
    width: 100%;
}
h3 {
    font-style: normal;
    color: #0075A0;/*見出しタイトルカラー*/
    font-weight: normal;
    font-size: large;
    display: block;
    margin: 0 0 10px;
    width: auto;
}
h4 {
	font-style: normal;
	font-size: small;
	font-weight: normal;
}
h5 {
	color: #777777;
	font-weight: bold;
	font-size: medium;
	margin: 0 auto 20px;
	text-align: left;
	width: 100%;
	height: auto;
	display: block; 
}
h6 {
	font-size: small;
	text-align: left;
	font-weight: normal;
	margin: 10px 0;
}
.tyusyaku {
	width: auto;
	text-align: center;
	margin: 10px 0 0;
	display: block;
	clear: both;
	font-size: x-small;
}
/*↑↑↑↑共通↑↑↑↑*/
/*↓↓↓↓ヘッダー↓↓↓↓*/
header {
	width: 100%;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 5px;
	float: left;
}
span {
    color: #7BCB3B;  <!--←いじらない-->
}
#headerleft {
	float: left;
	width: 70%;
	text-align: left;
	margin: 0;
	line-height: 0.8em;
}
#headerleft p {
	font-size: smaller;
	line-height: 1.3em;
	margin: 0;
	float: left;
	width: 98%;
}
#headerright {
	width: 30%;
	margin: 0;
	float: left;
}
a.contact {
	background: url(../images/common/btn_contactA.jpg);
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	width: 120px;
	height: 60px;
	margin: 0;
	float: left;
}
a.contact:hover {
	background: url(../images/common/btn_contactA_p.jpg);
	display: block;
}
/*台湾リンク*/
#headerlink {
	text-align: right;
}
a.hl:link {
	text-decoration: none;
}
a.hl:hover {
	color: #3080FF;
	text-decoration: underline;
}
/*台湾リンク終了*/
/*↑↑↑↑ヘッダー↑↑↑↑*/
/*↓↓↓↓ナビケーション↓↓↓↓*/
#mainmenu {
	list-style-type: none;
	width: 100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: auto;
	margin-bottom: 20px;
	padding: 0;
	height: 20px;
	float: left;
}
#mainmenu li {
	position: relative;
	width: 12.5%;
	float: left;
	margin: 0;
	padding: 0;
	text-align: center;
}
#mainmenu li a {
    display: block;
    margin: 0;
    padding-top: 9px;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 8px;
    background-color: #0075A0;/*navカラー*/
    color: #020202;/*navテキストカラー*/
    font-size: large;
    font-weight: lighter;
    line-height: 1;
    text-decoration: none;
}
#mainmenu li ul {
	list-style: none;
	position: absolute;
	z-index: 100;
	top: 100%;
	left: 0;
	width: 100%;
	margin: 0;
	padding: 0;
}
#mainmenu li ul li {
	overflow: hidden;
	width: 100%;
	height: 0;
	color: #fff;
	transition: .2s;
}
#mainmenu li ul li a {
    padding-top: 15px;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 13px;
    background-color: #0075A0;/*ドロップダウンメニュー1カラー*/
    text-align: left;
    font-weight: bold;
    font-size: x-small;
    color: #040000;
}
#mainmenu > li:hover > a {
    background-color: #0075A0;/*nav_foverカラー*/
    color: #FFFFFF;
}
#mainmenu > li:hover li:hover > a {
    background-color: #89C6DC;/*ドロップダウンメニュー1foverカラー*/
    color: #000000;
}
#mainmenu li:hover > ul > li {
	overflow: visible;
	height: 38px;
}
#mainmenu li ul li ul {
	top: 0;
	left: 100%;
}
#mainmenu li:last-child ul li ul {
	left: -100%;
	width: 100%;
}
#mainmenu li ul li ul li a {
/*background-color: #845A99;*//*ドロップダウンメニュー2カラー*/
}
#mainmenu li:hover ul li ul li:hover > a {
/*background-color: #845A99;*//*ドロップダウンメニュー2hoverカラー*/
}
#mainmenu li ul li ul:before {
	position: absolute;
	content: "";
	top: 13px;
	left: -20px;
	width: 0;
	height: 0;
	border: 5px solid transparent;
	border-left-color: #fff;/*左矢印カラー*/
}
#mainmenu li:last-child ul li ul:before {
	position: absolute;
	content: "";
	top: 13px;
	left: 200%;
	margin-left: -20px;
	border: 5px solid transparent;
	border-right-color: #727171;/*右矢印カラー*/
}
/*↑↑↑↑ナビケーション↑↑↑↑*/
/*↓↓↓↓トップ↓↓↓↓*/
.top {
	width: 100%;
	margin: 20px 0;
	display: block;
	height: auto;
	float: left;
}
#topmain {
	float: left;
	margin: 0px;
	width: 66%;
	height: auto;
}
article {
	float: right;
	width: 34%;
	height: auto;
	margin: 0px;
}
#infoblock {
	width: 90%;
	margin: 0 auto;
	display: block;
}
#text {
    border: 2px solid #0075A0;/*インフォテキストボックス枠カラー*/
    background-color: #89C6DC;/*インフォテキストボックス地カラー*/
    padding: 5px;
    margin: 0 auto;
    width: 95%;
    display: block;
    height: auto;
}
aside {
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	padding-top: 10px;
	float: right;
	width: 34%;
	margin: 0;
}
#ban {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	display: block;
	float: none;
	list-style-type: none;
}
a.ban1 {
	background: url(../images/common/ban_support.png);
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	display: block;
	width: 234px;
	height: 60px;
	margin: 5px auto;
	list-style-type: none;
}
a.ban1:hover {
	background: url(../images/common/ban_support_p.png);
}
/*a.ban2 {
	background: url(../../asakusa/images/common/20150507_seminar.png);
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	display: block;
	width: 234px;
	height: 60px;
	margin: 5px auto;
	float: none;
}
a.ban2:hover {
	background: url(../images/common/ban_support_p.png);
}
a.ban3 {
	background: url(../../asakusa/images/common/ban_shinjuku.png);
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	display: block;
	width: 234px;
	height: 60px;
	margin: 5px auto;
	float: none;
}
a.ban3:hover {
	background: url(../images/common/ban_support_p.png);
}
a.ban4 {
	background: url(../../asakusa/images/common/ban_shirokanedai.png);
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	display: block;
	width: 234px;
	height: 60px;
	margin: 5px auto;
	float: none;
}
a.ban4:hover {
	background: url(../images/common/ban_support_p.png);
}*/
/*↑↑↑↑トップ↑↑↑↑*/
/*↓↓↓↓フッター↓↓↓↓*/
footer {
	width: 100%;
	margin: 15px 0 15px;
	clear: both;
	display: block;
	float: left;
}
#footercenter {
	width: 100%;
	margin: 0 auto;
	display: block;
}
footer h6 {
	margin: 10px 0;
	font-size: smaller;
}
footer p {
	font-weight: lighter;
	font-size: smaller;
	margin: 0;
	display: block;
}
strong {
	font-size: 1.5em;
}
#footerleft {
	width: 40%;
	display: block;
	height: 82px;
	float: left;
	margin: 0;
}
#footerright {
	width: 30%;
	display: block;
	height: 82px;
	float: left;
	margin: 0;
}
.freecall {
	display: block;
	float: left;
	height: 50px;
	margin-top: -10px;
	margin-right: 5px;
	width: 50px;
}
.gcalogo {
	display: block;
	float: left;
	height: 50px;
	margin-top: -8px;
	margin-right: 5px;
	width: 50px;
}
#copyright {
	font-weight: lighter;
	font-size: x-small;
	text-align: center;
	width: 100%;
	display: block;
	margin: 0;
	float: left;
}
a.cr:link {
	text-decoration: none;
	width: 100%;
	margin: 10px 0 0 0;
	display: block;
	text-align: center;
	float: left;
	font-size: x-small;
}
a.cr:hover {
	color: #3080FF;
	text-decoration: underline;
	display: block;
}
#pmark {
	width: 10%;
	margin: 0 auto;
	display: block;
	float: left;
	height: 82px;
}
#pmark {
	width: 10%;
	margin: 0 auto;
	display: block;
	float: left;
	height: 82px;
}
#pmark a img {
	margin-top: 5px;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 0;
	float: left;
}
#pmark p {
	width: 0%;
	display: block;
	margin-top: 28px;
	margin-right: 0;
	margin-left: 5px;
	margin-bottom: 0px;
	float: left;
	font-size: xx-small;
}
/*↑↑↑↑フッター↑↑↑↑*/
/*↓↓↓↓デザイン↓↓↓↓*/
#wrapper {
	background-repeat: repeat-y;
	background-image: url(../images/common/6517903.jpg);
	overflow: hidden;
	background-position: center top;
	float: left;
	width: 100%;
}
#design {
	width: 98%;
	margin: 0;
	padding: 0 1%;
	float: left;
}
.designblock {
	width: 100%;
	margin: 30px 0;
	display: block;
	float: left;
}
#architect {
	font-weight: lighter;
	font-size: small;
	text-indent: 0px;
	color: #000000;
	width: 100%;
	margin: 0;
	float: left;
}
#gardendesigner {
	font-weight: lighter;
	font-size: small;
	text-indent: 0px;
	color: #000000;
	width: 100%;
	height: auto;
	display: block;
	margin: 10px 0px;
	float: left;
}
#senshow {
	font-weight: lighter;
	font-size: small;
	text-indent: 0px;
	color: #000000;
	width: 100%;
	height: auto;
	display: block;
	margin: 10px 0px;
	float: left;
}
.designleft {
	width: 30%;
	float: left;
	margin: 0;
}
.profilephoto {
	margin: 0;
	float: left;
	width: 100%;
}
.prof {
	float: left;
	margin: 0;
	width: 100%;
}
.prof dl {
	font-weight: lighter;
	font-size: smaller;
	line-height: 1.3em;
	float: left;
	display: block;
	margin: 5px 0px;
	width: auto;
	letter-spacing: -1px;
}
.prof dt {
	float: left;
	width: 40px;
}
.prof dd {
	margin-left: 50px;
	margin-right: 10px;
}
.designright {
	width: 70%;
	float: left;
	margin: 0;
}
.designcopy {
	margin: 0 0 5px;
	width: 96%;
	padding: 0 2%;
	float: right;
}
.designcopy h4 {
	color: #000000;
	font-weight: bold;
	margin: 0 0 10px;
	font-size: medium;
	text-align: left;
	width: auto;
}
.designcopy h5 {
	color: #777777;
	font-weight: bold;
	text-align: left;
	margin: 0;
	width: auto;
	font-size: small;
}
.designcopy p {
	margin: 0;
	width: auto;
}
.designphoto {
	width: 100%;
	margin: 0;
	float: right;
}
.designphoto figure {
	width: 48%;
	font-size: smaller;
	margin: 0;
	padding: 0 0 0 2%;
	float: left;
}
.designphoto figure a img {
	margin: 5px auto -5px;
	width: 100%;
	max-width: 300px;
}
/*↑↑↑↑デザイン↑↑↑↑*/
/*↓↓↓↓コンセプト↓↓↓↓*/
.concept {
	width: 98%;
	height: auto;
	text-align: center;
	margin: 20px 0 0;
	display: block;
	padding: 0 1%;
	float: left;
}
#concept p {
	width: 98%;
	margin: 10px auto 0;
	display: block;
}
#conceptA {
	width: 100%;
	margin: 0 auto;
	height: auto;
	display: block;
	text-align: center;
}
#conceptphotoA {
	width: 84%;
	height: auto;
	margin: 10px auto;
	text-align: left;
	display: block;
}
#conceptB {
	width: 100%;
	margin: 0 auto;
	height: auto;
	display: block;
	text-align: center;
}
#conceptphotoB {
	width: 84%;
	height: auto;
	margin: 10px auto;
	text-align: center;
	display: block;
}
.example {
	width: 46%;
	height: auto;
	font-size: smaller;
	display: block;
	margin: 1% 2%;
	float: left;
}
.example a img {
	width: 100%;
	height: auto;
}
/*↑↑↑↑コンセプト↑↑↑↑*/
/*↓↓↓↓ロケーション↓↓↓↓*/
#location {
	width: 98%;
	margin: 0;
	padding: 0 1%;
	float: left;
}
.loca {
	width: 100%;
	margin: 20px 0;
	float: left;
}
.loca h3 {
	text-align: center;
	line-height: 1.5em;
}
.loca h5 {
	width: 100%;
	height: auto;
	margin: 5px 0 0;
	display: block;
	text-align: center;
	letter-spacing: -0.1pt;
}
.loca h6 {
	width: 100%;
	height: auto;
	margin: 5px 0 0;
	display: block;
	text-align: center;
	letter-spacing: -0.1pt;
}
.loca p {
	text-align: center;
}
#loca_top {
	margin: 20px auto;
	width: 100%;
	max-width: 680px;
}
#t_map a img {
	margin: 25px auto;
	width: 90%;
}
#loca_top img {
	margin: 0 auto;
	display: block;
	max-width: 680px;
	width: 100%;
}
#loca_top p {
	text-align: right;
}
#loca_top .slides li img {
	margin: 0;
}
/*↓↓↓↓featuresリンク文字制御↓↓↓↓*/
a.features {
	color: #3080FF;
}
a.features:link {
	text-decoration: none;
}
a.features:hover {
	text-decoration: underline;
}
/*↑↑↑↑featuresリンク文字制御↑↑↑↑*/
.t_map {
	margin-top: 30px;
	margin-left: 0;
	margin-bottom: 30px;
	width: 60%;
	float: left;
}
.t_map a img {
	width: 100%;
	margin: 0 auto;
	max-width: 680px;
}
.t_access {
	width: 40%;
	margin: 30px 0;
	float: left;
}
.t_access table {
	width: 96%;
	border: thin solid #DDDDDD;
	border-collapse: collapse;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	font-size: smaller;
}
.t_access table th {
    color: #FFFFFF;
    line-height: 2.5em;
    background-color: #0075A0;
}
.t_access table td {
	border: thin solid #DDDDDD;
	border-collapse: collapse;
	letter-spacing: -0.05em;
	line-height: 2em;
}
.n_map {
	margin: 10px 0;
	width: 60%;
	float: left;
}
.n_map a img {
	width: 100%;
	margin: 0 auto;
	max-width: 680px;
}
.lifeinformation {
	width: 40%;
	text-align: left;
	float: left;
	margin: 10px 0;
	font-size: smaller;
}
.lifeinformation table {
    width: 96%;
    border: thin solid #DDDDDD;
    border-collapse: collapse;
    background-color: #FFA0CE;
    float: none;
    margin: 0 auto 5px;
    line-height: 2em;
}
.lifeinformation th {
    text-indent: 10px;
    background-color: #0075A0;
    color: #FFFFFF;
}
.lifeinformation td {
	text-indent: 10px;
	background-color: #FFFFFF;
	border: thin solid #DDDDDD;
	border-collapse: collapse;
}
/*↓↓↓↓ライフインフォ文字色制御↓↓↓↓*/
.koukyo {
	color: #000000; /*文字色*/
	text-align: left;
}
.kinyu {
	color: #000000; /*文字色*/
	text-align: left;
}
.gourmet {
	color: #000000; /*文字色*/
	text-align: left;
}
.shogyo {
	color: #000000; /*文字色*/
	text-align: left;
}
.iryo {
	color: #000000; /*文字色*/
	text-align: left;
}
.park {
	color: #000000; /*文字色*/
	text-align: left;
}
.sonota {
	color: #000000; /*文字色*/
	text-align: left;
}
/*↑↑↑↑ライフインフォ文字色制御↑↑↑↑*/
/*↑↑↑↑ロケーション↑↑↑↑*/
/*↓↓↓↓フューチャー↓↓↓↓*/
#feature {
	width: 98%;
	margin: 0;
	padding: 0 1%;
	float: left;
}
#feature h3 {
	text-align: center;
	line-height: 1.5em;
}
#feature p {
	text-align: center;
	margin-right: 0px;
	margin-left: 0px;
}
.feature_top {
	width: 70%;
	margin-top: 10px;
	margin-right: auto;
	margin-left: 130px;
	margin-bottom: 0;
	float: left;
}
.feature_top img {
	width: 100%;
	margin: 0 auto;
	display: block;
	max-width: 680px;
	left: auto;
	right: auto;
}
.ft1 {
	width: 100%;
	margin: 10px 0 10px;
	display: block;
	float: left;
}
.ft2 {
	width: 100%;
	margin-top: 20px;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 5px;
	display: block;
	float: left;
}
.ft2 img {
	width: 100%;
	margin: 10px auto;
	display: block;
	max-width: 680px;
}
.ft3 {
	width: 100%;
	margin: 40px 0 10px;
	display: block;
	float: left;
}
.ft3 img {
	width: 100%;
	margin: 10px auto;
	display: block;
	max-width: 680px;
}
/*↑↑↑↑フューチャー↑↑↑↑*/
/*↓↓↓↓設備↓↓↓↓*/
#equipment {
	width: 98%;
	display: block;
	margin: 20px 0;
	padding: 0 1%;
	float: left;
}
#equipment h3 {
	font-weight: bold;
	text-align: center;
	letter-spacing: 0.3em;
	margin: 0;
	line-height: 1.5em;
}
#equipment h4 {
	font-weight: bold;
	text-align: center;
	letter-spacing: 0.3em;
	margin: 20px 0;
	line-height: 1.5em;
	font-size: large;
	width: 100%;
	float: left;
	border-bottom: thin solid #3A3A3A;
}
#eq_t p {
	margin: 0;
	text-align: center;
}
/*設備大1コマ*/
.oneblock {
	margin: 0;
	width: 50%;
	float: left;
}
.eq_block_1 {
	width: 100%;
	font-size: x-small;
	float: left;
	margin: 0;
	text-align: center;
}
.eq_block_1 h5 {
	width: 100%;
	margin: 20px auto 0;
	text-align: center;
	font-size: small;
}
.eq_block_1 p {
	width: 90%;
	margin: 5px auto;
	min-height: 100px;
}
.eq_block_1 img {
	margin: 10px auto;
	width: auto;
	display: block;
}
/*設備コマ2分割*/
.eq_block_2 {
	width: 50%;
	font-size: x-small;
	float: left;
	margin: 0;
	text-align: center;
}
.eq_block_2 h5 {
	width: 100%;
	margin: 20px auto 0;
	text-align: center;
	font-size: small;
}
.eq_block_2 p {
	width: 90%;
	margin: 5px auto;
	min-height: 100px;
}
.eq_block_2 img {
	margin: 10px auto;
	width: auto;
	display: block;
}
/*設備コマ3分割*/
.eq_block_3 {
	width: 33%;
	font-size: x-small;
	float: left;
	margin: 0;
	text-align: center;
}
.eq_block_3 h5 {
	width: 100%;
	margin: 20px auto 0;
	text-align: center;
	font-size: small;
}
.eq_block_3 p {
	width: 90%;
	margin: 5px auto;
	min-height: 100px;
	display: block;
}
.eq_block_3 img {
	margin-top: -30px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	display: block;
	width: auto;
}
#roof_greening {
	width: 100%;
	margin: 10px 0;
	display: block;
	float: left;
}
#rg_block {
	width: 50%;
	margin: 0;
	display: block;
	height: auto;
	float: left;
}
#rg_block h5 {
	font-size: small;
	text-align: center;
	margin: 20px 0 5px;
	font-weight: normal;
}
#rg_block p {
	width: 100%;
	height: auto;
	display: block;
	margin: 0;
	text-align: center;
	font-size: x-small;
}
#rg_img {
	width: 50%;
	margin: 20px 0;
	float: left;
}
#rg_img img {
	margin: 0 auto;
	display: block;
}
/*↑↑↑↑設備↑↑↑↑*/
/*↓↓↓↓レイアウト↓↓↓↓*/
#layout {
	width: 100%;
	height: auto;
	margin-top: 30px;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 0;
	float: left;
	padding: 0 1%;
	display: block;
}
#rl {
	border-bottom: thin solid #777777;
	color: #777777;
}
.hover {
    background-color: rgba(0,117,160,1.00); /*タイプフーバー地色*/
}
#type {
	width: 100%;
	margin: 50px 0;
	float: right;
}
.typeoption {
	width: 100%; /*枠の大きさ*/
	margin: 0;
	float: left;
	display: block;
}
.typeoption ul {
	margin: 0 auto;
	width: 80%;
	padding: 0;
}
.typeoption li {
    margin: 10px auto;
    list-style-type: none;
    border-radius: 100px;
    border: medium solid #0075A0;/*枠色*/
    width: 100%;
    display: block;
}
.typeoption li a {
	text-decoration: none;
	text-align: center;
	line-height: 3em;
	width: auto;
	margin: 0;
	padding: 5px;
	display: block;
	font-size: x-small;
}
.typeoption li a strong {
	font-size: large;
}
.birdcage {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	float: left;
}
.bc {
	margin-right: auto;
	/* [disabled]margin-bottom: 0; */
	width: 100%;
	margin-left: auto;
}
.bc tr {
	text-align: center;
	height: 1px;
}
.bc th {
	border: thin solid #777777;
	background-color: #E0E0E0;
	width:0%;
}
.bc td {
	border: thin solid #777777;
	line-height: 3em;
	width: 0%;}
.bc a {
	display: block;
	text-decoration: none;
}
.bc .soldout {
	background-color: #E0E0E0;
	background-image: url(../images/common/soldout.png);
	background-position: center center;
	background-size: 6em;
	background-repeat: no-repeat;
	color: hsla(0,0%,70%,0.50);
}
/*空白テーブルセル*/
.bc .blank {
	visibility: hidden;
}
/*1Fテキスト装飾*/
.bc tr .lower {
	line-height: 1.8em;
	background-color: #E0E0E0;
	white-space: pre-wrap;
	letter-spacing: 0.1em;
}
#floor {
	width: 100%;
	height: auto;
	margin: 20px 0 40px;
	float: left;
}
#fp {
	border-bottom: thin solid #777777;
	color: #777777;
}
.floorplan {
	width: 100%;
	height: auto;
	margin: 5px 0;
	float: left;
}
.detailed {
	width: 50%;
	margin: 0;
	display: block;
	float: left;
	padding: 0;
	text-align: center;
}
.detailed a img {
	display: block;
	margin: 0 auto 10px;
	width: auto;
}
#elevation {
	width: 100%;
	height: auto;
	margin: 20px 0 40px;
	float: left;
}
#ep {
	color: #777777;
	border-bottom: thin solid #777777;
}
.elevationplan {
	width: 100%;
	margin: 5px 0;
	float: left;
}
.analytique {
	margin: 0;
	width: 25%;
	display: block;
	padding: 0;
	float: left;
	list-style-type: none;
	text-align: center;
}
.analytique a img {
	width: 100%;
	margin: 0;
	float: left;
}
#caution {
	width: 80%;
	margin: 70px 0 0;
	display: block;
	padding: 0 10%;
	float: left;
}
#ct {
	font-size: small;
	color: hsla(0,0%,0%,1.00);
}
#caution ul {
	margin: 0 0 0 -20px;
	font-size: x-small;
}
#ctcenter li {
	line-height: 1.3em;
}
/*↑↑↑↑レイアウト↑↑↑↑*/
/*↓↓↓↓ギャラリー↓↓↓↓*/
#gallery {
	width: 98%;
	float: left;
	padding: 0 1%;
	margin: 10px 0 0;
}
#gallery h3 {
	color: #777777;
	line-height: 1.5em;
}
#pers {
	width: 100%;
	float: left;
	margin: 10px 0 0;
}
#dp {
	border-bottom: thin solid #777777;
}
#pers1 {
	width: 33%; /*外観：縦33%　横：50%*/
	margin: 20px 0 0;
	float: left;
}
.pers_ext {
	font-size: smaller;
	margin: 0 auto;
	width: auto;
	max-width: 290px; /*外観：縦290px　横：458px*/
}
.pers_ext a img {
	width: 100%;
	display: block;
}
#pers2 {
	width: 67%; /*外観：縦67%　横：50%*/
	margin: 20px 0 0;
	float: left;
}
.pers2_block {
	margin: 0;
	width: 50%;
	float: left;
}
.persphoto {
	width: auto;
	font-size: smaller;
	margin: 0 auto;
	max-width: 290px; /*外観：縦290px　横：221px*/
}
.persphoto a img {
	display: block;
	width: 100%;
}
#photo {
	width: 100%;
	float: left;
	margin: 10px 0 0;
}
.ext_p {
	width: 100%;
	display: block;
	margin: 10px 0 20px;
	float: left;
}
#ext {
	border-bottom: thin solid #777777;
}
#int {
	border-bottom: thin solid #777777;
}
.gl_photo {
	width: 25%;
	float: left;
	margin: 0;
	display: block;
	text-indent: 10px;
	font-size: smaller;
}
.gl_photo img {
	display: block;
	margin: 10px auto;
	width: 90%;
}
/*↑↑↑↑ギャラリー↑↑↑↑*/
/*↓↓↓↓アウトライン↓↓↓↓*/
#outline {
	width: 98%;
	height: auto;
	margin: 10px 0;
	padding: 0 1%;
	float: left;
}
#gaiyo1 {
	display: block;
	margin: 10px 0 0;
}
#gaiyo2 {
	display: block;
	margin: 10px 0px 0px;
}
#gaiyo3 {
	display: block;
	margin: 40px 0 0;
}
#gaiyo4 {
	display: block;
	margin: 10px 0px 0px;
}
#gaiyo5 {
	display: block;
	margin: 10px 0px 0px;
}
.gaiyo {
	width: 100%;
	height: auto;
	margin: 10px 0;
	border-top: 1px solid #777777;
	border-left: 1px solid #777777;
	border-spacing: 0px;
	line-height: 1.2em;/*概要表内テキスト行間*/
	float: left;
}
.gaiyo tr th, .gaiyo tr td {
	border-bottom: 1px solid #777777;
	border-right: 1px solid #777777;
	text-align: left;
	font-weight: lighter;
	font-size: 10px;
	padding: 5px
}
.gaiyo tr th {
    width: 12%;
    background-color: #0075A0;/*概要外部仕上表カラー*/
    text-align: left;
}
.nakashiage {
	width: 100%;
	border-top: 1px solid #777777;
	border-left: 1px solid #777777;
	border-spacing: 0px;
	margin: 5px 0px 20px;
	float: left;
}
.nakashiage tr th, .nakashiage tr td {
	border-bottom: 1px solid #777777;
	border-right: 1px solid #777777;
	text-align: left;
	font-weight: lighter;
	font-size: 10px;
	padding: 5px;
}
.nakashiage tr th {
    background-color: #0075A0;/*概要内部仕上表カラー*/
    text-align: center;
    table-layout: auto;
}
.hd1 {
	width: 20px;
}
.hd2 {
	width: 112.5px;
}
.hd3 {
	width: 225px;
}
/*↑↑↑↑アウトライン↑↑↑↑*/
/*↓↓↓↓コンタクト↓↓↓↓*/
#contact {
	width: 98%;
	margin: 10px 0 0;
	padding: 0 1%;
	float: left;
}
.contact1 {
	border: medium solid #000000;
	width: 80%;
	margin: 20px auto;
	height: auto;
	border-radius: 10px;
}
.contact1 h4 {
	text-align: center;
	font-size: x-large;
	font-weight: bold;
	line-height: 1.5em;
}
.contact1 strong {
	color: #FF0000;
}
.contact1 p {
	text-align: center;
	font-size: large;
	font-weight: bold;
	line-height: 1.5em;
	color: #FF0000;
}
table caption strong {
	font-size: small;
	font-weight: normal;
	color: #FF0004;
}
table tr td strong {
	font-size: small;
	font-weight: normal;
	color: #FF0004;
}
.formcolumn {
	margin: 0 auto;
	width: 80%;
}
.formcolumn table {
	width: 100%;
	margin: 0;
	border: thin solid #999999;
}
.formcolumn tr td input {
	width: 90%;
}
.formcolumn tr td textarea {
	width: 90%;
	height: 100px;
}
#personal_info {
	margin: 20px auto;
	font-size: small;
	padding: 0 2%;
	width: 80%;
	border: medium solid #777777;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
#personal_info p {
	color: #1A00E7;
	font-weight: bold;
}
#personal_info dl {
	width: 100%;
}
#personal_info dl dt {
	width: 100%;
}
#label {
	margin: 0 auto;
	width: 80%;
}
#label p {
	text-align: center;
}
/*↑↑↑↑コンタクト↑↑↑↑*/

/*cleafix*/
.clearfix {
 *zoom : 1;
}
.clearfix:before, .clearfix:after {
	display: table;
	content: " ";
	line-height: 0;
}
.clearfix:after {
	clear: both;
}
.clearfix2 {
 *zoom : 1;
}
.clearfix2:before, .clearfix:after {
	display: table;
	content: " ";
	line-height: 0;
}
.clearfix2:after {
	clear: both;
}

@media screen and (max-width: 1030px) {
/*↓↓↓↓共通↓↓↓↓*/
body {
	width: 98%;
	margin: 10px auto 0;
}
/*↑↑↑↑共通↑↑↑↑*/
/*↓↓↓↓ヘッダー↓↓↓↓*/
header {
	margin-top: 20px;
}
/*↑↑↑↑ヘッダー↑↑↑↑*/
/*↓↓↓↓トップ↓↓↓↓*/
#text {
	width: 95%;
}
/*↑↑↑↑トップ↑↑↑↑*/
}

@media screen and (max-width: 840px) {
/*↓↓↓↓ヘッダー↓↓↓↓*/
#headerleft {
	width: 100%;
	line-height: 50%;
}
#headerleft p {
	padding: 0;
	text-align: left;
}
#headerright {
	width: 100%;
	margin: 10px 0 10px;
	float: left;
}
/*↑↑↑↑ヘッダー↑↑↑↑*/
/*↓↓↓↓フッター↓↓↓↓*/
#footercenter {
	width: 90%;
}
#footerleft {
	width: 60%;
}
#footerright {
	width: 40%;
}
#pmark {
	width: 50%;
	display: block;
	margin: 10px auto;
	clear: both;
	float: none;
}
#pmark p {
	margin-top: 18px;
	margin-right: 0;
	margin-left: 5px;
	margin-bottom: 0;
}
/*↑↑↑↑フッター↑↑↑↑*/
/*↓↓↓↓ロケーション↓↓↓↓*/
#t_map {
	width: 100%;
	margin: 0;
	float: left;
	display: block;
}
#t_map a img {
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
}
#t_access {
	margin: 0 auto;
	width: 100%;
}
#t_access table {
	width: 60%;
	margin: 15px auto;
	text-align: center;
	float: none;
}
#lifeinformation {
	width: 100%;
}
#lifeinformation table {
	margin: 5px auto;
	width: 60%;
	line-height: 3em;
	text-align: center;
	float: none;
}
/*↑↑↑↑ロケーション↑↑↑↑*/
/*↓↓↓↓レイアウト↓↓↓↓*/
.typeoption {
	width: 100%;
}
.birdcage {
	width: 100%;
}
.bc {
	width: 100%;
}
/*↑↑↑↑レイアウト↑↑↑↑*/
/*↓↓↓↓ギャラリー↓↓↓↓*/
.pers_ext {
	width: 90%; /*外観：縦90%　横：95%*/
}
.persphoto {
	width: 88%; /*外観：縦88%　横：90%*/
}
/*↑↑↑↑ギャラリー↑↑↑↑*/
/*↓↓↓↓アウトライン↓↓↓↓*/
.nakashiage {
	display: block;
}
.nakashiage tbody {
	display: block;
	overflow-x: auto;
	white-space: nowrap;
	table-layout: fixed;
}
/*↑↑↑↑アウトライン↑↑↑↑*/
}

@media screen and (max-width: 740px) {
/*↓↓↓↓共通↓↓↓↓*/
h1 {
	float: none;
	text-align: center;
}
h2 {
	font-size: smaller;
	text-align: center;
}
/*↑↑↑↑共通↑↑↑↑*/
/*↓↓↓↓ヘッダー↓↓↓↓*/
#headerleft p {
	text-align: center;
}
a.contact {
	float: none;
	margin: 0 auto;
	width: 120px;
	display: block;
}
/*↑↑↑↑ヘッダー↑↑↑↑*/
/*↓↓↓↓トップ↓↓↓↓*/
#topmain {
	margin: 10px auto 40px;
	width: 100%;
}
article {
	width: 70%;
	margin: 0 auto;
	clear: both;
	float: none;
}
#infoblock {
	width: 100%;
}
aside {
	width: 100%;
	margin: 10px auto;
	float: none;
}
#ban {
	padding: 0 auto;
	float: none;
	width: 100%;
}
a.contact2 {
	float: right;
	margin: 5px 0px;
}
/*↑↑↑↑トップ↑↑↑↑*/
/*↓↓↓↓フッター↓↓↓↓*/
footer a {
	text-decoration: none;
}
#footerleft {
	width: 85%;
	margin: 10px auto;
	float: none;
}
#footerleft p {
	text-decoration: none;
	text-align: center;
}
#footerright {
	margin: 10px auto;
	width: 85%;
	float: none;
}
#footerright p {
	text-align: center;
}
#pmark {
	width: 85%;
	margin: 10px auto;
}
#pmark p {
	margin: 15px 0 0 5px;
	text-align: left;
	width: 75%;
}
/*↑↑↑↑フッター↑↑↑↑*/
/*↓↓↓↓デザイン↓↓↓↓*/
#design h3 {
	text-align: center;
}
.designleft {
	width: 100%;
}
.profilephoto {
	width: 100%;
	margin: 0 auto;
	float: none;
}
.profilephoto img {
	margin: 0 auto;
	display: block;
}
.prof {
	margin: 0 auto;
	width: 100%;
	float: none;
}
.designphoto figure {
	margin: 10px auto;
	width: auto;
	float: none;
	text-align: center;
}
.profilephoto figcaption {
	text-align: center;
}
.prof {
	width: 90%;
	margin: 0 auto;
	float: none;
}
.prof dl {
	letter-spacing: normal;
}
.designright {
	margin: 20px 0 0;
	width: 100%;
}
.designcopy h4 {
	text-align: center;
}
.designcopy h5 {
	text-align: center;
}
.designcopy p {
	text-align: center;
}
/*↑↑↑↑デザイン↑↑↑↑*/
/*↓↓↓↓コンセプト↓↓↓↓*/
#conceptphotoA {
	margin: 0 auto;
	width: 80%;
}
#conceptphotoA .example {
	margin: 10px auto;
	width: 95%;
	float: none;
}
#conceptphotoB {
	margin: 0 auto;
	width: 80%;
}
#conceptphotoB .example {
	margin: 10px auto;
	width: 95%;
	float: none;
}
/*↑↑↑↑コンセプト↑↑↑↑*/
/*↓↓↓↓ロケーション↓↓↓↓*/
.t_map {
	width: 100%;
}
.t_access {
	width: 100%;
}
.n_map {
	width: 100%;
}
.lifeinformation {
	width: 100%;
}
/*↑↑↑↑ロケーション↑↑↑↑*/
/*↓↓↓↓設備↓↓↓↓*/
.oneblock {
	width: 100%;
}
.eq_block_2 {
	width: 100%;
}
.eq_block_3 {
	width: 100%;
}
#rg_block {
	width: 100%;
	margin: 10px 0;
	float: left;
}
#rg_block h6 {
	text-align: center;
}
#rg_block p {
	text-align: center;
}
#rg_img {
	width: 100%;
	float: none;
}
#rg_img img {
	margin: 20px auto 10px;
}
/*↑↑↑↑設備↑↑↑↑*/
/*↓↓↓レイアウト↓↓↓*/
#layout h3 {
	text-align: center;
}
.birdcage {
	width: 100%;
}
.bc {
	width: 100%;
}
.bc tr {
	font-size: smaller;
}
.bc tr .lower {
	font-size: x-small;
}
/*↓↓↓トリカゴ横スクロールする場合：.bc .bc tbodyのコメントアウトを外し、.bc th .bc tdに数値を入れる↓↓↓*/
/*bc {
	display: block;
}
.bc tbody {
	display: block;
	overflow-x: auto;
	white-space: nowrap;
}*/
/*thの幅（スクロールさせない0・させる任意の数値を入力）*/
.bc th {
	min-height: ０px;
}
/*tdの幅（スクロールさせない0・させる任意の数値を入力）*/
.bc td {
	min-width: ０px;
}
/*↑↑↑↑トリカゴ横スクロール↑↑↑↑*/
.detailed {
	margin: 0 auto;
	width: 100%;
	float: none;
}
.analytique {
	width: 50%;
}
#caution {
	padding: 0 1%;
	width: 98%;
}
/*↑↑↑↑レイアウト↑↑↑↑*/
/*↓↓↓↓ギャラリー↓↓↓↓*/
#gallery h3 {
	text-align: center;
}
#gallery figcaption {
	text-align: center;
}
#pers1 {
	width: 70%;
	margin: 20px auto 0;
	float: none;
}
#pers2 {
	width: 70%;
	margin: 0 auto;
	float: none;
}
.pers2_block {
	width: 100%;
	margin: 0 auto;
	float: none;
}
.pers_ext {
	max-width: 290px;
}
.persphoto {
	max-width: 290px;
}
.gl_photo {
	width: 70%;
	margin: 0 auto;
	display: block;
	float: none;
	text-indent: 0px;
}
/*↑↑↑↑ギャラリー↑↑↑↑*/
/*↓↓↓↓アウトライン↓↓↓↓*/
#outline h3 {
	text-align: center;
}
#outline h4 {
	text-align: center;
}
table.gaiyo th {
	width: 25%;
}
/*↑↑↑↑アウトライン↑↑↑↑*/
/*↓↓↓↓コンタクト↓↓↓↓*/
#contact h3 {
	text-align: center;
}
.contact1 {
	width: 95%;
}
.contact1 h4 {
	font-size: large;
}
.contact1 p {
	font-size: small;
}
.formcolumn {
	width: 100%;
}
#personal_info {
	width: 100%
}
#personal_info dl {
	font-size: x-small;
	line-height: 1.5em;
}
/*↑↑↑↑コンタクト↑↑↑↑*/
}

@media screen and (max-width: 380px) {
/*↓↓↓↓共通↓↓↓↓*/
h1 {
	font-size: 1.5em;
}
/*↑↑↑↑共通↑↑↑↑*/
/*↓↓↓↓トップ↓↓↓↓*/
#topmain {
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 50px;
	width: 100%;
}
article {
	width: 90%;
	margin: 10px auto;
}
#text {
	margin: 0 auto;
	float: none;
}
/*↑↑↑↑トップ↑↑↑↑*/
/*↓↓↓↓フッター↓↓↓↓*/
#footercenter {
	width: 100%;
}
#footerleft {
	width: 100%;
}
#footerright {
	width: 100%;
}
#pmark {
	width: 100%;
}
#pmark p {
	width: 70%;
}
/*↑↑↑↑フッター↑↑↑↑*/
/*↓↓↓↓デザイン↓↓↓↓*/
.designcopy h4 {
	font-size: small;
}
.designcopy h5 {
	font-size: small;
}
.designcopy p {
	font-size: smaller;
}
/*↑↑↑↑デザイン↑↑↑↑*/
/*↓↓↓↓コンセプト↓↓↓↓*/
.concept p {
	font-size: x-small;
}
#conceptA {
	font-size: small;
}
#conceptB {
	font-size: small;
}
#conceptphotoA {
	margin: 0;
	width: 100%;
}
#conceptphotoB {
	margin: 0;
	width: 100%;
}
/*↑↑↑↑コンセプト↑↑↑↑*/
/*↓↓↓↓ロケーション↓↓↓↓*/
.loca h3 {
	font-size: medium;
}
.loca p {
	font-size: smaller;
}
.t_access table {
	font-size: x-small;
}
.t_access table td {
	font-size: x-small;
	letter-spacing: -1px;
	line-height: 1.8em;
}
#u_map{
	font-size: x-small;
	width: 50%;
}
.lifeinformation {
	font-size: x-small;
}
/*↑↑↑↑ロケーション↑↑↑↑*/
/*↓↓↓↓フューチャー↓↓↓↓*/
#feature h3 {
	font-size: medium;
}
#feature p {
	font-size: smaller;
}
/*↑↑↑↑フューチャー↑↑↑↑*/
/*↓↓↓↓設備↓↓↓↓*/
#equipment h4 {
	font-size: medium;
}
/*↑↑↑↑設備↑↑↑↑*/
/*↓↓↓↓レイアウト↓↓↓↓*/
.detailed a img {
	width: 80%;
}
.analytique {
	width: 100%;
	margin: 0 auto;
	float: none;
}
/*↑↑↑↑レイアウト↑↑↑↑*/
/*↓↓↓↓ギャラリー↓↓↓↓*/
#gallery h3 {
	font-size: medium;
}
/*↑↑↑↑ギャラリー↑↑↑↑*/
}