@charset "shift_jis";


body {
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
	font-size: 75%;
	line-height: 2;
	color: #333333;
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	text-align: center;
	background-image: url(images/bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
}

h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form{
	margin: 0px;
	padding: 0px;
}

ul{
	list-style-type: none;
}

img {
	border: none;
}

input,textarea,select {
	font-size: 1em;
}

form {
	margin: 0px;
}

/*リンク設定
---------------------------------------------------------------------------*/
a {
	color: #333333;
}
a:hover {
	color: #5B92D7;
	text-decoration: none;
}



/*コンテナー（HPを囲むボックス）
---------------------------------------------------------------------------*/
#container {
	text-align: left;
	width: 958px;
	margin-right: auto;
	margin-left: auto;
	clear: left;
	background-color: #FFFFFF;
}



/*ヘッダー（サイト名ロゴとかが入っている上段のブロック）
---------------------------------------------------------------------------*/
#header {
	text-align: left;
	width: 958px;
	margin-right: auto;
	margin-left: auto;
	height: 105px;
	position: relative;
	background-color: #FFFFFF;
}

/*h1タグ設定*/
#header h1 {
	font-size: 11px;	/*文字サイズ*/
	line-height: 14px;
	font-weight: normal;
	position: absolute;
	left: 10px;	/*ヘッダーのブロックに対して左から10pxに配置*/
	top: 10px;	/*ヘッダーのブロックに対して上から10pxに配置*/
	color: #999999;
}

/*サイト名ロゴ画像設定*/
#logo {
	position: absolute;
	left: 0px;	/*ヘッダーのブロックに対して左から0pxに配置*/
	bottom: 0px;/*ヘッダーのブロックに対して下から0pxに配置*/
}

/*電話番号画像設定*/
#tel {
	position: absolute;
	right: 0px;	/*ヘッダーのブロックに対して右から0pxに配置*/
	bottom: 0px;/*ヘッダーのブロックに対して下から0pxに配置*/
}



/*メインメニュー
---------------------------------------------------------------------------*/
ul#menu {
	height: 40px;
	width: 958px;
	margin-right: auto;
	margin-left: auto;
}

ul#menu li {
	float: left;
}

ul#menu img {
	vertical-align: bottom;
}



/*トップページのメイン画像
---------------------------------------------------------------------------*/
#mainimg {
	padding-bottom: 10px;
	position: relative;
	height: 300px;
	width: 958px;
	padding-top: 10px;
	text-align: center;
}


/*パンくずリスト
---------------------------------------------------------------------------*/
#pankuzu {
	height: 54px;
	width: 928px;
	background-image: url(images/pankuzu_bk.jpg);
	background-repeat: no-repeat;
	font-size: 12px;
	background-position: left center;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 30px;
	line-height: 54px;
	margin: 0px;
}


/*メインコンテンツ（右側）
---------------------------------------------------------------------------*/
#main {
	float: right;
	width: 692px;
	padding-top: 10px;
	padding-bottom: 50px;
	display: inline;
	margin-right: 10px;
}

#main h2 {
	font-size: 14pt;
	line-height: 40px;
	color: #FFFFFF;
	background-image: url(images/h2bg.gif);	/*h2背景画像設定*/
	background-repeat: no-repeat;
	height: 40px;
	overflow: hidden;
	padding-left: 10px;
	background-color: #82A9D9;
	clear: both;
}

#main h3 {
	font-size: 12pt;
	line-height: 20px;
	height: 20px;
	overflow: hidden;
	padding-left: 3px;
	clear: both;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #5B92D7;
	margin-top: 20px;
	margin-left: 2px;
	margin-bottom: 10px;
}

#main h4 {
	font-size: 12pt;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #3F6594;
	margin-left: 15px;
	margin-bottom: 5px;
}

#main p {
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}



/*サイドコンテンツ（左側）
---------------------------------------------------------------------------*/
#side {
	float: left;
	width: 231px;
	padding-top: 10px;
	padding-bottom: 50px;
	display: inline;
	margin-left: 10px;
}

#side h3 {
	font-size: 100%;
	border: 3px double #bfbfbf;	/*２重線*/
	text-align: center;			/*文字をセンタリング*/
	background-image: url(images/h3bg.gif);	/*h3背景画像設定*/
	background-repeat: repeat-x;
	background-position: bottom;
	padding-top: 5px;
	padding-bottom: 5px;
}

#side p {
	font-size: 12px;
	width: 190px;
	padding-left: 20px;
	line-height: 150%;
	padding-bottom: 5px;
	padding-top: 3px;
}

#side p.ore {
	color: #FF6B09;
	text-align: center;
	font-size: 14px;
}

#side p.company {
	font-size: 12px;
	width: 187px;
	line-height: 150%;
	background-image: url(images/side_company_bg.gif);
	background-repeat: repeat-y;
	margin: 0px;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 24px;
}

#side img {
	display: block;
	margin:auto;
}

#side ul {
	background-image: url(images/menu_company_bg.gif);
	background-repeat: repeat-y;
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}

#side ul li {
	line-height: 120%;
	background-image: url(images/menu_icon_bg.gif);
	background-repeat: no-repeat;
	background-position: left center;
	list-style-type: none;
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 40px;
}

/*サブメニュー
---------------------------------------------------------------------------*/

.side_submenu_main {
	margin: 0px;
	height: 26px;
	width: 181px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 50px;
	background-image: url(images/side_menu_main.jpg);
	background-repeat: no-repeat;
	font-size: 16px;
	color: #0036C4;
}

.side_submenu_main_r {
	margin: 0px;
	height: 26px;
	width: 181px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 50px;
	background-image: url(images/side_menu_main_r.jpg);
	background-repeat: no-repeat;
	font-size: 16px;
	color: #FF6600;
}

.side_submenu_main a {
	color: #0036C4;
	text-decoration: none;
}

.side_submenu_main a:hover {
	color: #FF6600;
	text-decoration: none;
}

.side_submenu_main_r a {
	color: #FF6600;
	text-decoration: none;
}

.side_submenu_sub {
	margin: 0px;
	height: 25px;
	width: 181px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 50px;
	background-image: url(images/side_menu_sub.jpg);
	background-repeat: no-repeat;
	font-size: 14px;
	color: #0036C4;
}

.side_submenu_sub_r {
	margin: 0px;
	height: 25px;
	width: 181px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 50px;
	background-image: url(images/side_menu_sub_r.jpg);
	background-repeat: no-repeat;
	font-size: 14px;
	color: #FF6600;
}

.side_submenu_sub a {
	color: #0036C4;
	text-decoration: none;
}

.side_submenu_sub_r a {
	color: #FF6600;
	text-decoration: none;
}

.side_submenu_sub a:hover {
	color: #FF6600;
	text-decoration: none;
}

/*サイドメニュー
---------------------------------------------------------------------------*/
#side .sidemenu {
	margin-bottom: 1em;
}



/*フッターメニュー
---------------------------------------------------------------------------*/
ul#footermenu {
	clear: both;
	text-align: center;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
}

ul#footermenu li {
	display: inline;
	padding-right: 5px;
	padding-left: 5px;
}




/*フッター（コピーライトとか入っている最下部ブロック）
---------------------------------------------------------------------------*/
#footer {
	text-align: center;
	background-image: url(images/footer_bg.gif);
	background-repeat: repeat-x;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	padding-top: 15px;
	padding-bottom: 15px;
}
.eigyo_box {
	padding: 5px;
	width: 210px;
	border: thin solid #CCCCCC;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}






/*メインコンテンツ内の「What's New」部分
---------------------------------------------------------------------------*/
#main dl.new {
	width: 700px;			/*What's Newボックスの幅*/
	height: 180px;			/*What's Newボックスの高さ*/
	overflow: auto;
	padding: 10px 0px 10px 10px;
	margin-right: auto;
	margin-left: auto;
}

#main dl.new dt {
	font-weight: bold;	/*日付の色を太字にする*/
}

#main dl.new dd {
	border-bottom: 1px solid #bfbfbf;	/*日付ごとの下線*/
}




/*シンプルボックス
---------------------------------------------------------------------------*/
.box_s {
	overflow: hidden;	/*ボックス内の余白*/
	margin-bottom: 1em;
	width: 674px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}

/*（横長）ボックス
---------------------------------------------------------------------------*/
.box_yoko {
	overflow: hidden;
	padding: 5px;		/*ボックスの左の線*/
	margin-bottom: 1em;
	width: 674px;
	margin-right: auto;
	margin-left: auto;
}


/*物件一覧（横長）ボックス
---------------------------------------------------------------------------*/
.box {
	overflow: hidden;
	padding: 5px;	/*ボックス内の余白*/
	border-top: 1px solid #bfbfbf;		/*ボックスの上の線*/
	border-right: 1px solid #bfbfbf;	/*ボックスの右の線*/
	border-bottom: 1px solid #bfbfbf;	/*ボックスの下の線*/
	border-left: 5px solid #5B92D7;		/*ボックスの左の線*/
	margin-bottom: 1em;
	width: 674px;
	margin-right: auto;
	margin-left: auto;
}

/*写真の配置設定*/
.box img {
	float: left;
	width: 150px;	/*配置する写真に合わせてここは変更する*/
}

/*h3見出し設定*/
.box h3 {
	font-size: 100%;
	color: #055723;	/*文字色*/
	padding-left: 160px;	/*左の写真サイズに合わせてここは調整*/
}
.box h3 a {
	color: #5B92D7;	/*リンクにした際に色が黒に戻らないように設定*/
}

.box p {
	padding: 0px 0px 0px 160px !important;	/*左の写真サイズに合わせてここは調整*/
}

.box.osusume {
	background-image: url(images/boxbg_osusume.gif);	/*「おすすめ物件」画像指定*/
	background-repeat: no-repeat;						/*画像をリピートしない*/
	background-position: right bottom;					/*画像を右下に配置*/
}

.box.sumi {
	background-image: url(images/boxbg_sumi.gif);		/*「ご契約済み」画像指定*/
	background-repeat: no-repeat;						/*画像をリピートしない*/
	background-position: right bottom;					/*画像を右下に配置*/
}



/*物件一覧（ミニサイズ）ボックス
---------------------------------------------------------------------------*/
.boxmini {
	overflow: auto;
	padding: 5px;		/*ボックスの左の線*/
	margin-bottom: 1em;
	border: 1px solid #bfbfbf;
	width: 150px;
	height: 230px;
	float: left;
	margin-left: 10px;
	margin-right: 2px;
	display: inline;
}

/*左右２つボックス
---------------------------------------------------------------------------*/
.boxtwo {
	overflow: auto;
	padding: 5px;		/*ボックスの左の線*/
	margin-bottom: 1em;
	border: 1px solid #bfbfbf;
	width: 310px;
	height: 300px;
	float: left;
	margin-left: 15px;
	margin-right: 2px;
	display: inline;
	margin-top: 10px;
}

/*実績用ボックス
---------------------------------------------------------------------------*/
.boxjisseki {
	overflow: auto;
	margin-bottom: 1em;
	width: 310px;
	margin-left: 15px;
	margin-top: 10px;
	float: left;
}

/*youtube用ボックス
---------------------------------------------------------------------------*/
.boxtube {
	overflow: auto;
	margin-bottom: 1em;
	width: 300px;
	margin-left: 20px;
	margin-top: 10px;
	float: left;
	text-align: center;
	background-color: #F5F5F5;
	padding-top: 10px;
}


.boxtube p {
	line-height: 120%;

}

/*h3見出し設定*/
.boxmini h3 {
	font-size: 100%;
	color: #055723;	/*文字色*/
}
.boxmini h3 a {
	color: #5B92D7;	/*リンクにした際に色が黒に戻らないように設定*/
}

.boxmini p {
	padding: 0px !important;
	font-size: 12px;
	line-height: 1.6;
}

.boxmini.osusume {
	background-image: url(images/boxbg_osusume.gif);	/*「おすすめ物件」画像指定*/
	background-repeat: no-repeat;						/*画像をリピートしない*/
	background-position: right bottom;					/*画像を右下に配置*/
}

.boxmini.sumi {
	background-image: url(images/boxbg_sumi.gif);		/*「ご契約済み」画像指定*/
	background-repeat: no-repeat;						/*画像をリピートしない*/
	background-position: right bottom;					/*画像を右下に配置*/
}


/*テキスト
---------------------------------------------------------------------------*/
.text16b_blue {
	font-size: 16px;
	font-weight: bold;
	color: #3653D8;
	line-height: 160%;
}

.text16 {
	font-size: 16px;
	line-height: 180%;
}

.text14b {
	font-size: 14px;
	font-weight: bold;
}

.text14b_blue {
	font-size: 14px;
	font-weight: bold;
	color: #3653D8;
	line-height: 160%;
}

.text14b_a {
	font-size: 14px;
	font-weight: bold;
	background-color: #EDF3FE;
	margin: 0px;
	line-height: 24px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 7px;
}

.text14 {
	font-size: 14px;
	line-height: 180%;
}

.text12 {
	font-size: 12px;
	line-height: 180%;
}

.text12b {
	font-size: 12px;
	font-weight: bold;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	line-height: 130%;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}


.red {
	color: #FF0000;
}

.blue {
	color: #3653D8;
}

.l_blue {
	color: #D5E2F4;
}

.bold {
	font-weight: bold;
}

.bold_180 {
	font-weight: bold;
	line-height: 180%;
}

/* margin set
--------------------------------------------------*/
.mt3  { margin-top:  3px;}
.mt5  { margin-top:  5px;} .mt10 { margin-top: 10px;} .mt15 { margin-top: 15px;}
.mt20 { margin-top: 20px;} .mt25 { margin-top: 25px;} .mt30 { margin-top: 30px;}
.mt40 { margin-top: 40px;} .mt50 { margin-top: 50px;} .mt60 { margin-top: 60px;} .mt70 { margin-top: 70px;}

.mb3  { margin-bottom:  3px;}
.mb5  { margin-bottom:  5px;} .mb10 { margin-bottom: 10px;} .mb15 { margin-bottom: 15px;}
.mb20 { margin-bottom: 20px;} .mb25 { margin-bottom: 25px;} .mb30 { margin-bottom: 30px;}
.mb40 { margin-bottom: 40px;} .mb50 { margin-bottom: 50px;} .mb60 { margin-bottom: 60px;}

.ml3  { margin-left:  3px;} .ml5  { margin-left:  5px;} .ml10 { margin-left: 10px;} .ml15 { margin-left: 15px;}
.ml20 { margin-left: 20px;} .ml25 { margin-left: 25px;} .ml30 { margin-left: 30px;}
.ml40 { margin-left: 40px;} .ml50 { margin-left: 50px;} .ml60 { margin-left: 60px;}
.ml70 { margin-left: 70px;} .ml80 { margin-left: 80px;} .ml90 { margin-left: 90px;}
.ml120 { margin-left: 120px;} .ml140 { margin-left: 140px;} .ml180 { margin-left: 180px;}
.ml200 { margin-left: 200px;} .ml300 { margin-left: 300px;} .ml400 { margin-left: 400px;}
.ml420 { margin-left: 420px;} .ml450 { margin-left: 450px;} .ml480 { margin-left: 480px;}

.mr5  { margin-right:  5px;} .mr10 { margin-right: 10px;} .mr15 { margin-right: 15px;}
.mr20 { margin-right: 20px;} .mr25 { margin-right: 25px;} .mr30 { margin-right: 30px;}
.mr40 { margin-right: 40px;} .mr50 { margin-right: 50px;} .mr60 { margin-right: 60px;}

.mauto{ margin-left:auto; margin-right:auto;}


/* padding set
--------------------------------------------------*/
.pt3  { padding-top:  3px;}
.pt5  { padding-top:  5px;} .pt8  { padding-top:  8px;} .pt10 { padding-top: 10px;} .pt15 { padding-top: 15px;}
.pt20 { padding-top: 20px;} .pt25 { padding-top: 25px;} .pt30 { padding-top: 30px;}
.pt40 { padding-top: 40px;} .pt50 { padding-top: 50px;} .pt60 { padding-top: 60px;}

.pb3  { padding-bottom:  3px;}
.pb5  { padding-bottom:  5px;} .pb10 { padding-bottom: 10px;} .pb15 { padding-bottom: 15px;}
.pb20 { padding-bottom: 20px;} .pb25 { padding-bottom: 25px;} .pb30 { padding-bottom: 30px;}
.pb40 { padding-bottom: 40px;} .pb50 { padding-bottom: 50px;} .pb60 { padding-bottom: 60px;}

.pl5  { padding-left:  5px;} .pl10 { padding-left: 10px;} .pl15 { padding-left: 15px;}
.pl20 { padding-left: 20px;} .pl25 { padding-left: 25px;} .pl30 { padding-left: 30px;}
.pl40 { padding-left: 40px;} .pl50 { padding-left: 50px;} .pl60 { padding-left: 60px;}

.pr3  { padding-right:  3px;}
.pr5  { padding-right:  5px;} .pr10 { padding-right: 10px;} .pr15 { padding-right: 15px;}
.pr20 { padding-right: 20px;} .pr25 { padding-right: 25px;} .pr30 { padding-right: 30px;}
.pr40 { padding-right: 40px;} .pr50 { padding-right: 50px;} .pr60 { padding-right: 60px;}

.padding5 {padding: 5px;}
.padding10{padding:10px;}
.padding20{padding:20px;}

/* float set
--------------------------------------------------*/
.floLeft{float:left;}
.floRight{float:right;}
br.clear {100%;clear: both;}

/* width
--------------------------------------------------*/
.w100{width:100px;}
.w110{width:110px;}
.w120{width:120px;}
.w124{width:124px;}
.w130{width:130px;}
.w140{width:140px;}
.w200{width:200px;}
.w210{width:210px;}
.w240{width:240px;}
.w247{width:247px;}
.w248{width:248px;}
.w250{width:250px;}
.w260{width:260px;}
.w298{width:298px;}
.w310{width:310px;}
.w300{width:300px;}
.w325{width:325px;}
.w330{width:330px;}
.w335{width:335px;}
.w350{width:350px;}
.w370{width:370px;}
.w400{width:400px;}
.w450{width:450px;}
.w460{width:460px;}
.w470{width:470px;}
.w490{width:490px;}
.w500{width:500px;}
.w505{width:505px;}
.w515{width:515px;}
.w520{width:520px;}
.w540{width:540px;}
.w560{width:560px;}
.w590{width:590px;}
.w600{width:600px;}
.w630{width:630px;}
.w670{width:670px;}
.w680{width:680px;}

/*その他
---------------------------------------------------------------------------*/
.color1 {
	color: #FF0000;
}

.look {
	background-color: #E4E4E4;
}

.mb1em {
	margin-bottom: 1em;
}

.ml14px {
	margin-left: 14px;
}

.clear {
	clear: both;
}
.blog_rss {
	width: 650px;
	margin-left: 20px;
	margin-top: 20px;
	background-color: #EDF5FE;
	padding-top: 10px;
	padding-left: 20px;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
.new {
	color: #FF0000;
}
.feedtime {
	font-weight: bold;
}
.bloglink {
	float: right;
	margin-right: 10px;
}
.feedtitle {
	margin-left: 20px;
}

.boxContainer { 
overflow: hidden; 
} 

/* clearfix */
.boxContainer:before, 
.boxContainer:after { 
content: ""; 
display: table; 
} 

.boxContainer:after { 
clear: both; 
} 

/* For IE 6/7 (trigger hasLayout) */
.boxContainer { 
zoom: 1; 
}

.box1 {
	width: 630px;
	margin-top: 20px;
	margin-left: 45px;
	float: left;
	margin-bottom: 15px;
	margin-right: 0px;
}
.box2 {
	width: 330px;
	margin-top: 20px;
	margin-left: 10px;
	float: left;
	margin-bottom: 15px;
	margin-right: 0px;
}
.box3 {
	width: 160px;
	margin-top: 20px;
	margin-left: 45px;
	float: left;
	margin-bottom: 15px;
	margin-right: 0px;
}
.box2-3 {
	width: 470px;
	margin-top: 20px;
	margin-left: 10px;
	float: left;
	margin-bottom: 15px;
	margin-right: 0px;
}
.box_yajirusi {
	width: 40px;
	margin-top: 20px;
	margin-left: 50px;
	float: left;
	margin-bottom: 15px;
	margin-right: 0px;
}
.box_case_detail {
	width: 218px;
	margin-top: 20px;
	margin-left: 50px;
	float: left;
	margin-bottom: 15px;
	margin-right: 0px;
}
.box_case_detail img {
	width: 218px;
}

.box_flow {
	width: 625px;
	background-color: #F6F6F6;
	padding-top: 15px;
	padding-right: 25px;
	padding-bottom: 15px;
	padding-left: 25px;
}
.box_faq {
	width: 600px;
	background-color: #FAFAFA;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 10px;
}
.box_faq2 {
	width: 600px;
	background-color: #FFFFFF;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 10px;
}
.faq_q {
	background-image: url(images/faq/faq_q_bk.jpg);
	background-repeat: no-repeat;
	font-size: 14px;
	font-weight: bold;
	color: #3653D8;
	line-height: 28px;
	padding-left: 16px;
}

.frp_flow_title {
	font-size: 14px;
	color: #0036C4;
	background-image: url(images/paint/icon_frp.jpg);
	background-repeat: no-repeat;
	line-height: 30px;
	height: 30px;
	padding-left: 50px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	font-weight: bold;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
}

.case_sample_title {
	font-size: 14px;
	color: #0036C4;
	line-height: 20px;
	height: 40px;
	font-weight: bold;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
	padding: 0px;
display: table-cell;
vertical-align: middle;
}

.case_sample_title a {
	color: #0036C4;
}

.txtlink {
	background-image: url(images/icon_link.jpg);
	background-repeat: no-repeat;
	font-size: 12px;
	height: 21px;
	padding-left: 20px;
}