@charset "utf-8";

/*=======================================================

	assiette CSS 2.0
	ATHR : Assiette Ltd.
	DATE : 2016/01
	FILE : base.css
    ----------------------------
	Logo COLOR	: #0068B7	(logo)
	BASE COLOR	: #0E439C	(menu)
	LINK COLOR  : #09C		(blue)
	BG COLOE	: #E5F1FC	(light blue)
	FTR COLOR	: #162856	(dark blue)

=========================================================


/*-------------------------------------
	reset
-------------------------------------*/

body,
h1, h2, h3, h4, h5, h6,
p, address, blockquote, pre, div,
dl, dt, dd, ol, ul, li,
th, td,
form, fieldset, input, textarea { margin: 0; padding: 0; outline: none;}

input{ vertical-align : middle ;}

select { margin: 0; }



/*-------------------------------------
	アピアランス
-------------------------------------*/

abbr, acronym { border:0 none; }
q::before, q::after { content:""; }
img { max-width: 100%; border:0 none; vertical-align:bottom; overflow: hidden; }
object { outline:none; }
table { border-spacing:0; border-collapse: collapse; border-spacing: 0; word-break: break-all; word-wrap: break-word; }
*:first-child+html table { border-collapse:collapse; }	/* IE 7 */
* html table { border-collapse:collapse; }				/* IE 6 */
caption { text-align:left; }
th,
td { text-align:left; vertical-align:middle; empty-cells:show; }
hr { display:none; }
fieldset { border:0 none; }
label { cursor: pointer; }
iframe { margin: 0; padding: 0; width: 100%; overflow:auto; border: none;}

/* 全対応 */

*, *::before, *::after {
	font-family: "メイリオ","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	 -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
	}

*::selection { color: #FFF; background-color: rgba( 0,0,0,0.4); }
*::-moz-selection { color: #FFF; background-color: rgba( 0,0,0,0.4); }


/*-------------------------------------
	文字装飾
-------------------------------------*/

h1, h2, h3, h4, h5, h6 { position: relative; font-style:normal; font-weight:bold; font-size:24px; color: #000; text-align: left; line-height: 130%;}
p, address, blockquote, pre, div,
abbr, acronym, dfn, cite, q, code, kbd, samp, var,
dl, ol, ul,
caption, th { font-weight:normal; font-style:normal; }
em, strong, optgroup { font-weight:bold; font-style:normal; }


/*-------------------------------------
	HTML5
-------------------------------------*/

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { position:relative; display:block; margin:0 0 0 0; padding:0 0 0 0; }


/*-------------------------------------
	要素
-------------------------------------*/

html { width: 100%; height:100%; text-align: center;}

body {
	width: 100%;
	color:  #000;
	font-size: 14px;
	text-align: left;
	line-height: 130%;
	-webkit-text-size-adjust: 100%;
	}

/* links */
a, input, object{ outline:none; }

a {
	margin: 0;
	padding: 0;
	border: 0;
	color: #00468C;
	text-decoration: none;
	}
a:visited {	color: #036; text-decoration:none;}
a:active { color: #36C; text-decoration:none; }
a:hover { color: #36C; text-decoration:none;}

a:hover img { opacity: 0.8; }
a:hover img.rollover { opacity: 1;}

/* form関係 */
input, select, optgroup, textarea, label, kbd { vertical-align: middle;}

input[type="hidden"]{ display: none;}

input[type="text"],
input[type="password"],
input[type="tel"],
input[type="email"],
input[type="url"],
select,
textarea {
	margin: 0;
	padding: 4px 6px;
	width: 100%;
	font-size: 13px;
	background: #FFF;
	border: 1px solid #666;
	box-sizing: border-box;
	}

fieldset label { margin-right: 30px;}

input[type="text"],
input[type="password"],
input[type="tel"],
input[type="email"] { max-width: 400px;}

textarea { padding: 6px; height: 250px;}

input[type=text]:focus,input[type=password]:focus,input[type=email]:focus,textarea:focus { background: #FFF !important; border: 1px solid #7CA6F1 !important; box-shadow: 0 0 2px 0 #578AED; outline: none; }
.selectBox select:focus { background-color: transparent !important; border: none !important; box-shadow: none; outline: none; }

.selectBox { padding-right: 20px; border: 1px solid #666; overflow: hidden; background: url("/invest/images/common/select.png") right center no-repeat; }
.selectBox select {
	display: block;
	width: 160%;
	height: 28px;
	padding: 3px 6px;
	font-size: 13px;
	line-height: 1.2;
	border: none !important;
	background-color: transparent !important;
	overflow: hidden;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
select option { color: #000; }
select option:checked { color: #FFF !important; background-color: #2654AA; }
select option:focus { color: #FFF; background-color: #000 !important; }
select option.notSelect { color: #999; }
.selectBox select:focus option:focus:hover { background-color: #000 !important; }
/*
select option {
	margin: 0;
	padding: 2px 5px;
	color: #444;
	font-size: 16px;
	font-style: normal;
	}
*/
input[type=radio],
input[type=checkbox] { display: none; }

input[type=checkbox] + label, input[type=radio] + label { padding: 2px 0 0 24px; background: url("/invest/images/common/inputs.png") no-repeat; background-position: 0 0; }
input[type=checkbox] + label:hover { background-position: 0 -700px; }
input[type=checkbox]:checked + label { background-position: 0 -200px; }

input[type=radio] + label { background-position: 0 -498px; }
input[type=radio] + label:hover { background-position: 0 -798px; }
input[type=radio]:checked + label { background-position: 0 -598px; }

.checkbox.objCheck input[type=checkbox] + label { display: block; width: 40px; height: 40px; background-position: 12px 10px; }
.checkbox.objCheck input[type=checkbox] + label:hover { background-position: 12px -90px; }
.checkbox.objCheck input[type=checkbox]:checked + label { background-position: 12px -390px; }

input[type=checkbox] + label span { display: none; margin: 0 0 0 7px; padding: 3px 4px; width: auto !important; color: #999; font-size: 11px; line-height: 1; letter-spacing: 1px; border: 1px solid #aaa; border-radius: 3px; vertical-align: top; }
input[type=checkbox] + label.shading span { display: inline-block;}

input.SS { max-width: 80px; }
input.S { max-width: 120px; }
input.M { max-width: 180px; }
input.L { max-width: 250px; }

label.disabled { color: gray; }

button,
a.btn {
	position: relative;
	display: inline-block;
	padding: 11px 20px 9px;
	width: 100%;
	max-width: 200px;
	color: #FFF;
	font-size: 16px;
	font-weight: bold;
	line-height: 1;
	text-align: center;
	background: #123881;
	border: none;
	outline: none;
	border-radius: 3px;
	vertical-align: middle;
	cursor: pointer;
	transition: all 0.2s ease;
	}
button:before, a.btn:before { content: ""; position: absolute; top: 50%; right: 5px; margin-top: -3px; border: 3px solid transparent; border-right: 5px solid transparent; border-left: 5px solid #FFF; }
button:hover,a.btn:hover { color: #FFF; background: #2654AA; }
button:active, a.btn:active { background: #06C; }

button:disabled { opacity: .7; cursor: default; }
button:disabled:hover { background: #123881; }

button.notri:before, a.btn.notri:before { display: none; }

/* black*/
button.black, a.btn.black { background: #151515; }
button.black:hover, a.btn.black:hover { background: #444;}
button.black:active, a.btn.black:active { background: #000; }

/* white*/
button.white, a.btn.white { padding: 9px 30px 8px 15px; color: #000; font-size: 14px; font-weight: normal; background: #FFF; border: 1px solid #CCC; border-bottom: 2px solid #AAA; }
button.white:before, a.btn.white:before { border-left-color: #000; }
button.white:hover, a.btn.white:hover { color: #000; background-color: #f7f7f7; border-color: #999; border-bottom-color: #777; }
button.white:active, a.btn.white:active { background: #FFF; }

button.white span, a.btn.white span { margin-left: 3px; font-size: 12px; }
button.white.icon, a.btn.white.icon { padding: 12px 25px 9px 50px; text-align: left; font-size: 13px; }
button.white.icon b, a.btn.white.icon b { display: block; margin-bottom: 5px; font-size: 14px; }

/* search*/
button.search, a.btn.search { padding: 12px 20px 10px 40px; font-size: 20px; }
button.search:before, a.btn.search:before { left: 47px; margin-top: -9px; width: 17px; height: 17px; background: url("/invest/images/common/search_W17.png") no-repeat; border: none; z-index: 10; }

/* simple*/
button.simple, a.btn.simple { padding: 6px 15px 5px 8px; max-width: 130px; color: #000; font-size: 13px; font-weight: normal; text-align: left; background: #FFF; border: 1px solid #BBB; border-radius: 0; }
button.simple:hover, a.btn.simple:hover { background: #f7f7f7; }
button.simple:before, a.btn.simple:before { right: 0; margin-top: -4px; border-left-color: #333; }
button.simple:active, a.btn.simple:active { background: #FFF; }

/* reset*/
button[type=reset], button.reset, a.btn.reset { font-size: 16px; text-shadow: -1px -1px 0 #999; background: #AAA; }
button[type=reset]:hover, button.reset:hover, a.btn.reset:hover { text-shadow: -1px -1px 0 #AAA; background: #BBB; }
button[type=reset]:before, button.reset:before, a.btn.reset:before { display: none; }
button[type=reset]:active, button.reset:active, a.btn.reset:active { background: #999; }

/* black*/
button.rent, a.btn.rent { background: #679E43; }
button.rent:hover, a.btn.rent:hover { background: #76b511;}
button.rent:active, a.btn.rent:active { background: #84c023 ; }

/* required */
.required, .notreq {
    display: inline-block;
    margin-left: 10px;
    padding: 5px 8px;
    width: auto !important;
    color: #FFF;
    font-size: 12px;
    font-weight: bold;
	letter-spacing: 1px;
	line-height: 1;
    text-align: center;
    background: #F63;
    vertical-align: middle;
}

.notreq { background: #999; }

/* error */
.error { margin-top: 15px; padding: 4px 8px 3px; color: #F00; background: #fff4f4; }

/* list dl リスト・定義 */
ul { list-style: none; list-style-position: inside; }
ol { margin: 0;}
td ul.disc,
td ol { margin-left: 20px;}

li { position: relative; text-align: left; line-height: 140%; }


dl { margin: 0; padding: 4px 0; width: 100%; color: #000; text-align: left; }
dt,dd { display: block; width: 100%; padding: 0; font-size: 14px; font-weight: normal; line-height: 130%; text-align: left; box-sizing: border-box; }
dt { padding-bottom: 0; font-weight: bold; }

/* table */
table { width: 100%; border-collapse: separate; border-spacing: 0; border-top: 1px dotted #999; }
th { font-weight: bold; text-align: left;  }
td { line-height: 160%; text-align: left; }
th, td { padding: 20px; text-align: left; border-bottom: 1px dotted #999; }
thead th { background: #E4E4E4; text-align: center; }
thead th:nth-of-type(1) { border-left: none; }
td.price, td.yield { font-size: 24px; font-weight: bold; line-height: 1; }
td.price span { margin-left: 3px; color: #000 !important; font-size: 14px; font-weight: normal; }
td.yield { color: #F63 }
/** 2017.10.23 山崎「商談中」アイコン設置 */
td.price i.detail-contract-1 {
  display: inline-block;
  padding: 3px;
  margin: 0 5px 0 18px;
  font-size: 12px;
  line-height: 1;
  color: #FFF;
  text-align: center;
  background: #ce0404;
  border: none;
  border-radius: 3px;
  }


/* 文字装飾 */
em { /*color: #F33;*/}
small { font-size: 13px;}
i { font-style: normal; font-weight:  normal;}
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold;}
u { text-decoration: none;}


/* 罫線 */
hr {
	clear: both;
	position: relative;
	display: block;
	margin: 0;
	width: 100%;
	height: 400px;
	text-align: center;
	border: none;
	text-shadow: none;
	z-index: -20;
	}



/*-----------------------------------------
	共通
-----------------------------------------*/

header,
nav ul,
#Breadcrumbs,
main,
footer section {
	margin-left: auto;
	margin-right: auto;
	padding: 0 20px;
	width: 1280px;
	min-width: 960px;
	}


/*-----------------------------------------
	header ヘッダ（共通）
-----------------------------------------*/

header { position: relative; line-height: 1; }

header #HeaderImg { padding: 35px 0 10px; font-size: 24px; font-weight: bold; }
header #HeaderImg span { display: inline-block; margin: 0 10px; padding: 12px 10px 9px; color: #FFF; line-height: 1; background: #123881; }
header #HeaderImg a:hover > span { background: #336BA3; }

header p { font-size: 13px; }
header h1 { font-size: 13px; font-weight: normal; padding: 0px; margin: 0px }

header #MiniNav { position: absolute; top: 33px; right: 20px; }
header #MiniNav li { display: inline-block; }
header #MiniNav a { position: relative; margin-left: 10px; padding-left: 12px; color: #333; font-size: 13px; }
header #MiniNav a:before, header #MiniNav a:after { content: ""; position: absolute; top: 50%; left: 3px; margin-top: -6px; border: 5px solid transparent; border-left-color: #333; }
header #MiniNav a:after { left: 2px; border-left-color: #FFF; }
header #MiniNav a:hover { color: #999; }
header #MiniNav a:hover:before { border-left-color: #999; }

header #BtnNav { position: absolute; top: 67px; right: 20px; text-align: right; }
header #BtnNav a.btn.white { margin-left: 10px; width: auto; font-size: 16px; border-bottom-color: #888; }


/*-----------------------------------------
	nav ナビゲーション（共通） navi
-----------------------------------------*/

nav { margin-top: 35px; width: 100%; min-width: 960px; background: #F2F2F2; border-bottom: 4px solid #CCC; }
nav ul li { position: relative; display: table-cell; vertical-align: bottom; }
nav ul li:last-child:after, nav ul li:before { content: ""; position: absolute; top: 28px; left: 0; height: 12px; border-left: 1px dotted #000; z-index: 1; }
nav ul li:last-child:after { left: auto; right: -1px; }
nav ul li a { position: relative; display: block; padding: 2px 20px 0; height: 66px; color: #000 !important; font-size: 16px; line-height: 66px; transition: all 0.3s ease; }
nav ul li a.search, nav ul li a.form, nav ul li a.baikyaku, nav ul li a.mypage { padding-left: 44px; font-size: 20px; font-weight: bold; }
nav ul li a.baikyaku { padding-left: 35px; font-size: 16px; }
nav ul li a.search:after,
nav ul li a.form:after,
nav ul li a.baikyaku:after,
nav ul li a.mypage:after { content: ""; position: absolute; top: 50%; left: 20px; margin-top: -8px; width: 17px; height: 17px; background: url("/invest/images/common/search_B17.png") no-repeat; z-index: 10; }
nav ul li a.form:after { margin-top: -10px; width: 23px; height: 21px; background: url("/invest/images/common/form.png") no-repeat; }
nav ul li a.baikyaku:after { margin: -6px 0 0 -2px; width: 14px; height: 14px; background: url("/invest/images/common/bag_B.png") no-repeat; }
nav ul li a.mypage:after { margin: -8px 0 0 2px; width: 17px; height: 18px; background: url("/invest/images/common/mypage.png") no-repeat; }
nav ul li a:before { content: ""; position: absolute; bottom: -4px; left: 0; width: 100%; height: 4px; background: #CCC; transition: all 0.3s ease; }
nav ul li a:hover { color: #000; background: #e7e7e7; }
nav ul li a:hover:before { background: #999; }
nav ul li a:active { background: #DDD; }
nav ul li a:active:before { background: #777; }


/*-----------------------------------------
	Breadcrumbs
-----------------------------------------*/

#Breadcrumbs { padding-top: 15px; font-size: 13px; line-height: 1; }
#Breadcrumbs a { display: inline-block; position: relative; margin-right: 30px; }
#Breadcrumbs a:not(:first-child):before, #Breadcrumbs a:not(:first-child):after { content: ""; position: absolute; top: 2px; left: -17px; border: 4px solid transparent; border-left: 5px solid #333; }
#Breadcrumbs a:not(:first-child):after { left: -18px; border-left-color: #FFF; }
#Breadcrumbs a:last-child { color: #000 !important; }


/*-------------------------------------
	footer
-------------------------------------*/

footer { width: 100%; min-width: 960px; background: #f2f2f2; border-top: 1px solid #d2d2d2; }
footer, footer h2, footer h3, footer h4, footer a { color: #333 !important; }
footer a:hover { color: #000; text-decoration: underline; }

#FootSearch { padding: 30px 20px; }
#FootSearch h2 { margin-bottom: 25px; padding: 0 0 0 24px; font-size: 22px; border: none; }
#FootSearch h2.search:after { width: 18px; height: 18px; background: url("/invest/images/common/search_B18.png") no-repeat; }
#FootSearch div { display: inline-block; width: 37%; vertical-align: top; }
#FootSearch div:first-of-type { padding-right: 50px; width: 62%; }
#FootSearch h3 { margin-bottom: 20px; padding-bottom: 5px; font-size: 18px; border-bottom: 3px solid #CCC; }
#FootSearch li { margin-bottom: 11px; }
#FootSearch h4, #FootSearch p { display: table-cell; min-width: 110px; font-size: 14px; }
#FootSearch div:first-of-type p a { display: inline-block; position: relative; margin-left: 14px; padding-left: 14px; line-height: 1; }
#FootSearch div:first-of-type p a:not(:first-child):before { content: ""; position: absolute; top: 50%; left: 0; margin-top: -6px; width: 0; height: 11px; border-left: 1px dotted #666; }
#FootSearch div:first-of-type p a:first-of-type { margin: 0; padding: 0; }
#FootSearch div:last-child li { display: inline-block; min-width: 130px; }
#FootSearch div:last-child li:nth-of-type(3n-2) { min-width: 160px; }
#FootSearch div:last-child a { position: relative; padding-left: 12px; }
#FootSearch div:last-child a:before { content: ""; position: absolute; top: 50%; left: 1px; margin-top: -5px; border: 4px solid transparent; border-left: 6px solid #333; }

#FootLink { position: relative; padding: 60px 0 50px; width: 100%; text-align: center; background: #FFF; border-top: 4px solid #333; }
#FootLink div { display: inline-block; min-width: 450px; text-align: left; vertical-align: top; }
#FootLink .logo { margin-bottom: 80px; }
#FootLink p { font-size: 11px; line-height: 140%; }
#FootLink p.copyright { padding: 20px 0 0; color: #999; font-size: 12px;}
#FootLink ul { display: inline-block; width: 780px; vertical-align: top; border-right: 1px dotted #666; }
#FootLink li { display: inline-block; padding-left: 50px; width: 32%; vertical-align: top; border-left: 1px dotted #666; }
#FootLink li h2 { position: relative; margin: 8px 0 0; padding: 0 0 0 12px; font-size: 14px; border: none; }
#FootLink li h2:before { content: ""; position: absolute; top: 50%; left: 1px; margin-top: -5px; border: 4px solid transparent; border-left: 6px solid #333; }
#FootLink li h2:first-child { margin-top: 0; }
#FootLink li:nth-of-type(2) h2:not(:first-child) { padding: 0; }
#FootLink li:nth-of-type(2) h2:not(:first-child):before { display: none; }
#FootLink li:nth-of-type(2) h2:not(:first-child) a:hover { text-decoration: none; }
#FootLink li ul { margin-bottom: 5px; width: auto; border: none; }
#FootLink li ul li { display: block; margin-top: 5px; padding-left: 12px; width: 100%; border: none; }
#FootLink li ul li a { position: relative; padding-left: 12px; }
#FootLink li ul li a:before, #FootLink li ul li a:after { content: ""; position: absolute; top: 50%; left: 1px; margin-top: -5px; border: 4px solid transparent; border-left-color: #000; }
#FootLink li ul li a:after { left: 0; border-left-color: #FFF; }

/* ページ上部へ戻る　#PageTop */
#PageTop { display: block; position: fixed; bottom: 0; right: 20px; width: 120px; height: 32px; z-index: 9990; }
#PageTop a {
	display: block;
	padding: 10px 12px 9px 30px;
	height: 32px;
	color: #FFF !important;
	font-size: 14px;
	font-weight: bold;
	background: #333 url("/invest/images/common/pagetop.png") no-repeat;
	background-position: 11px 14px;
	border-radius: 3px 3px 0 0;
	opacity: .8;
	backface-visibility: hidden;
	transition: all 0.5s ease;
	}
#PageTop.footer a { opacity: 1; }
#PageTop a:hover { text-decoration: none; opacity: 1; }


/*-------------------------------------
	seoテキスト
-------------------------------------*/
footer .seo {
  margin: 8px 32px 20px;
  border-bottom: 1px solid rgba(200,200,200,0.5);
  width: 90% !important;
}

/*-------------------------------------
			CSS end
-------------------------------------*/