@charset "UTF-8";

/* About This CSS File -----------------------------------------------
name:base.css
information:全ページ共通部分のスタイル
date:2014.09.09
--------------------------------------------------------------------*/

/*--------------------------------------------------------------------
01: 基本設定
02: ヘッダー
03: トップイメージ / 固定
04: グロナビ
05: ぱんくず
06: サイドカラム
07: ホーム
08: 不動産問題のご相談
09: リフォーム
10: リフォーム詳細
11: 管理物件募集
12: 管理物件紹介
13: 賃貸・売買物件紹介
14: 会社概要
15: 個人情報保護方針
16: お問い合わせ
17: RSSフィード（現在未使用）
18: フッター
--------------------------------------------------------------------*/


/*====================================================================
01: 基本設定
====================================================================*/
body { width:100%; font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; font-size:12px; color:#000000; line-height:1.5em; text-align:left; background:#FFF; }
#containerIndex { width:100%; height:auto; background:url(../images/common/bg_containerIndex2.jpg) repeat-x center top; }
#containerOther { width:100%; height:auto; background:url(../images/common/bg_containerOther.jpg) repeat-x center top; }
#wrapper { width:1036px; height:auto; margin:0 auto; }
.fixed { position:fixed; top:0; left:0; width:100%; z-index:10000; }
a:hover img { opacity:0.5; filter:alpha(opacity=50); -moz-transition: all 0.2s ease-in; -webkit-transition:all 0.2s ease-in; }
/*#pageTopLink { position: fixed; bottom: 20px; right: 20px; } ※ポジションフィックスのページトップリンク（使っていない）*/

#mainContents { width:1036px; margin:0 auto; padding-bottom:20px; }
	#mainContents .contentsLeft { width:720px; margin-left:38px; float:left; }
	#mainContents .contentsRight { width:220px; margin-right:38px; float:Right; }
	#mainContents .contentsFull { width:960px; margin:0 auto; margin-left:38px; }
	#mainContents .contentsLeftIndex { width:480px; margin-left:38px; float:left; }
	#mainContents .contentsRightIndex { width:455px; margin-right:38px; float:Right; }



#mainContentsIndex { width:1036px; margin:0 auto; padding-bottom:20px; }

.contentsLinkBlue { text-align:right; background:url(../images/common/contentsLinkArrowBlue.gif) no-repeat; background-position:right 1px; padding:0 20px 0 0; margin: 10px 10px 0 0;}
.contentsLinkRed { text-align:right; background:url(../images/common/contentsLinkArrowRed.gif) no-repeat; background-position:right 1px; padding:0 20px 0 0; margin: 10px 10px 0 0;}
.contentsLinkGreen { text-align:right; background:url(../images/common/contentsLinkArrowGreen.gif) no-repeat; background-position:right 1px; padding:0 20px 0 0; margin: 10px 10px 0 0;}
.contentsLinkOrange { text-align:right; background:url(../images/common/tleArrowOrange.png) no-repeat; background-position:right 3px; padding:0 14px 0 0; margin: 0 20px 0 0;}

.footerLinkOrange { text-align:right; background:url(../images/common/footerLinkArrowOrange.gif) no-repeat; background-position:right 1px; padding:0 20px 0 0; margin:0 10px 0 0; }

h3 { font-size:14px; margin:15px 0 20px 0px; line-height:150%; }

/*====================================================================
02: ヘッダー
====================================================================*/
#header { width:1036px; height:90px; text-align:left; margin:0 auto; }
	.headerLeft { float:left; display:inline; margin-left:38px; }
		.headerLeft h1 { margin-top:5px; }
	.headerRight { float:right; display:inline; margin:13px 38px 0 0; }
		.headerRight ul { float:left; display:inline; margin-top:5px; }
		.headerRight li.iconOn { background:url(../images/common/icon_listIcon01.jpg) no-repeat 0 0.2em; padding-left:16px; }
		.headerRight .headerContact { float:left; display:inline; margin-left:20px; }
		.headerRight a { color:#000; }
		.headerRight a:hover { color:#a91022; }


/*====================================================================
03: トップイメージ / 固定
====================================================================*/
.monthly_weekly_ban { margin:20px 38px 40px 38px; }

#topImageIndex { width:100%; height:274px; background:url(../images/common/bg_topImageIndex.jpg) no-repeat center top; }
	#topImageIndex #slider { width:1036px; height:274px; margin:0 auto; }

#topImageOther { width:100%; height:220px; }
	#topImageOther #slider { width:1036px; height:350px; margin:0 auto; }
	.topImageReform {  background:url(../images/common/bg_topImageReform.jpg) no-repeat center top; }
	.topImageCompany {  background:url(../images/common/bg_topImageCompany.jpg) no-repeat center top; }
	.topImagePrivacy {  background:url(../images/common/bg_topImagePrivacy.jpg) no-repeat center top; }
	.topImageContact {  background:url(../images/common/bg_topImageContact.jpg) no-repeat center top; }
	.topImageManagement {  background:url(../images/common/bg_topImageManagement.jpg) no-repeat center top; }
	.topImageConsultation {  background:url(../images/common/bg_topImageConsultation.jpg) no-repeat center top; }
	.topImageRent {  background:url(../images/common/bg_topImageRent.jpg) no-repeat center top; }
	.topImageSale {  background:url(../images/common/bg_topImageSale.jpg) no-repeat center top; }
	.topImageHowto {  background:url(../images/common/bg_topImageHowto.jpg) no-repeat center top; }
	.topImageRe-words {  background:url(../images/common/bg_topImageRe-words.jpg) no-repeat center top; }
	.topImageHikkoshi {  background:url(../images/common/bg_topImageHikkoshi.jpg) no-repeat center top; }
	.topImageManagedprop {  background:url(../images/common/bg_topImageManagedprop.jpg) no-repeat center top; }
	.topImageInsurance {  background:url(../images/common/bg_topImageInsurance.jpg) no-repeat center top; }


/*====================================================================
04: グロナビ
====================================================================*/
.globalNavi { width:960px; height:70px; } 
.globalNavi li { float:left; dispaly:inline; }
.globalNavi a:hover {background-position:bottom center;}
.btn01 { display:block; width:121px; height:70px; background:url(../images/common/globalNavi/btn01.jpg) no-repeat center top; text-indent:-9999px; }
.btn02 { display:block; width:105px; height:70px; background:url(../images/common/globalNavi/btn02.jpg) no-repeat center top; text-indent:-9999px; }
.btn03 { display:block; width:181px; height:70px; background:url(../images/common/globalNavi/btn03.jpg) no-repeat center top; text-indent:-9999px; }
.btn04 { display:block; width:155px; height:70px; background:url(../images/common/globalNavi/btn04.jpg) no-repeat center top; text-indent:-9999px; }
.btn05 { display:block; width:108px; height:70px; background:url(../images/common/globalNavi/btn05.jpg) no-repeat center top; text-indent:-9999px; }
.btn06 { display:block; width:144px; height:70px; background:url(../images/common/globalNavi/btn06.jpg) no-repeat center top; text-indent:-9999px; }
.btn07 { display:block; width:146px; height:70px; background:url(../images/common/globalNavi/btn07.jpg) no-repeat center top; text-indent:-9999px; }
/*.btn08 { display:block; width:161px; height:70px; background:url(../images/common/globalNavi/btn08.jpg) no-repeat center top; text-indent:-9999px; }*/
.btn09 { display:block; width:475px; height:101px; background:url(../images/common/globalNavi/btn09.jpg) no-repeat left top; text-indent:-9999px; }
.btn10 { display:block; width:475px; height:101px; background:url(../images/common/globalNavi/btn10.jpg) no-repeat left top; text-indent:-9999px; }
.btn11 { display:block; width:475px; height:138px; background:url(../images/common/globalNavi/btn11.jpg) no-repeat left top; text-indent:-9999px; }
.btn12 { display:block; width:475px; height:138px; background:url(../images/common/globalNavi/btn12.jpg) no-repeat left top; text-indent:-9999px; }
.btn01ov { display:block; width:121px; height:70px; background:url(../images/common/globalNavi/btn01.jpg) no-repeat center bottom; text-indent:-9999px; }
.btn02ov { display:block; width:105px; height:70px; background:url(../images/common/globalNavi/btn02.jpg) no-repeat center bottom; text-indent:-9999px; }
.btn03ov { display:block; width:181px; height:70px; background:url(../images/common/globalNavi/btn03.jpg) no-repeat center bottom; text-indent:-9999px; }
.btn04ov { display:block; width:155px; height:70px; background:url(../images/common/globalNavi/btn04.jpg) no-repeat center bottom; text-indent:-9999px; }
.btn05ov { display:block; width:108px; height:70px; background:url(../images/common/globalNavi/btn05.jpg) no-repeat center bottom; text-indent:-9999px; }
.btn06ov { display:block; width:144px; height:70px; background:url(../images/common/globalNavi/btn06.jpg) no-repeat center bottom; text-indent:-9999px; }
.btn07ov { display:block; width:146px; height:70px; background:url(../images/common/globalNavi/btn07.jpg) no-repeat center bottom; text-indent:-9999px; }
/*.btn08ov { display:block; width:146px; height:70px; background:url(../images/common/globalNavi/btn08.jpg) no-repeat center bottom; text-indent:-9999px; }*/

	.ddsmoothmenu ul{ z-index:100; list-style-type:none; }
	/*Top level list items*/
	.ddsmoothmenu ul li{ position:relative; display:inline; float:left; }
	/*Top level menu link items style*/
	.ddsmoothmenu a{ display: block; }
	.ddsmoothmenu .subLi a{ display: block; }
	.ddsmoothmenu a:hover { background-position:bottom left; }
	/*IE6 hack to get sub menu links to behave correctly*/
	* html .ddsmoothmenu ul li a{ display:inline-block; }
	/*1st sub level menu*/
	.ddsmoothmenu ul li ul{ position:absolute; left:0; display:none; /*collapse all sub menus to begin with*/ visibility:hidden; }
	/*Sub level menu list items (undo style from Top level List Items)*/
	/*.ddsmoothmenu ul li ul li{ float:none; }*/
	/*All subsequent sub menu levels vertical offset after 1st level sub menu */
	.ddsmoothmenu ul li ul li ul{ top:0; }
	/* Sub level menu links style */

	/* Holly Hack for IE \*/
	* html .ddsmoothmenu{ height:1%; } /*Holly Hack for IE7 and below*/

	/*.subLi { float:left!important; }*/

#otherNavi { width:1036px; margin:0 auto; }
.navUL01 { left:-226px!important; width:960px!important; }
.navUL02 { left:-407px!important; width:960px!important; }

/*====================================================================
05: ぱんくず
====================================================================*/
.panCuz { height:25px; text-align:left; font-size:90%; color:#000000; padding:10px 0 0 38px; }
.panCuz a { color:#000000; }


/*====================================================================
06: サイドカラム
====================================================================*/
.subInfo li { border-bottom:dotted 1px #a9a9a9; padding-bottom:10px; margin-bottom:10px; }
.subInfo .date { font-size:11px; margin-bottom:1px; padding:0 5px 0 5px; }
.subInfo .txt { font-size:12px; padding:0 5px 0 5px; line-height:130%; }

.subBnr li { margin-bottom:20px; }
.subBnr .txt { font-size:12px; padding:10px 5px 0 5px; line-height:130%; }


/*====================================================================
07: ホーム
====================================================================*/
/*--トップボックスコンテンツ--*/
.topicsMenu { width:960px; height:auto; margin:19px 0 0 38px; }
	.topicsMenu li { width:310px; height:280px; float:left; }
	.topicsMenu a:hover {background-position:bottom center;}
.boxBtn01 { display:block; width:310px; height:280px; background:url(../images/common/globalNavi/boxBtn01.jpg) no-repeat center top; text-indent:-9999px; }
.boxBtn02 { display:block; width:310px; height:280px; background:url(../images/common/globalNavi/boxBtn02.jpg) no-repeat center top; text-indent:-9999px; }
.boxBtn03 { display:block; width:310px; height:280px; background:url(../images/common/globalNavi/boxBtn03.jpg) no-repeat center top; text-indent:-9999px; }
.boxBtn04 { display:block; width:310px; height:280px; background:url(../images/common/globalNavi/boxBtn04.jpg) no-repeat center top; text-indent:-9999px; }
.boxBtn05 { display:block; width:310px; height:280px; background:url(../images/common/globalNavi/boxBtn05.jpg) no-repeat center top; text-indent:-9999px; }
.boxBtn06 { display:block; width:310px; height:280px; background:url(../images/common/globalNavi/boxBtn06.jpg) no-repeat center top; text-indent:-9999px; }
.boxBtn07 { display:block; width:310px; height:280px; background:url(../images/common/globalNavi/boxBtn07.jpg) no-repeat center top; text-indent:-9999px; }
.boxBtn08 { display:block; width:310px; height:280px; background:url(../images/common/globalNavi/boxBtn08.jpg) no-repeat center top; text-indent:-9999px; }
.boxCenter { display:block; width:310px; height:280px; background:url(../images/common/globalNavi/boxCenter.jpg) no-repeat center top; text-indent:-9999px; }

/*--お知らせ--*/
.topInfo li { border-bottom:dotted 1px #a9a9a9; padding-bottom:10px; margin-bottom:10px; }
.topInfo .date { font-size:11px; margin-bottom:1px; padding:0 5px 0 5px; }
.topInfo .txt { font-size:12px; padding:0 5px 0 5px; line-height:130%; }

/*--コンテンツバナー--*/
.topBnr li { width:220px; float:left; }
.topBnr .txt { font-size:12px; padding:10px 5px 0 5px; line-height:130%; }


/*====================================================================
08: 不動産問題のご相談
====================================================================*/
.consultationFlow { width:720px; background:url(../images/consultation/bg_consultationFlow.gif) no-repeat; margin-top:20px; }
	.consultationFlow li { width:210px; float:left; }
	.consultationFlow .tle { color: #a52535; font-size:14px; text-align:center; margin:10px 0 10px 0; }
	.consultationFlow .txt { font-size:13px; }

.consultationNeeds { width:720px; margin-top:30px; }
	.consultationNeeds .tle { font-size:14px; text-align:left; padding:20px 15px 5px 15px; }
	.consultationNeeds .txt { text-align:left; margin:0 15px 0 15px; }

.consultationFeature { width:720px; margin-top:30px; }
	.consultationFeature .tle { font-size:14px; text-align:left; padding:10px 15px 0 15px; }



/*====================================================================
09: リフォーム
====================================================================*/
.reformArticle li { width:720px; background:url(../images/common/bg_reformArticle.gif) repeat-x; margin-bottom:25px; }
	.reformArticle .information { width:345px; float:left; margin-top:8px; }
	.reformArticle .mainImg { margin:10px 20px 0 10px; float:left; }
	.reformArticle .tle { float:right; font-size:16px; color:#565656; margin-top:12px; }
	.reformArticle .txt { font-size:13px; padding:20px 10px 0 0; line-height:160%; }


/*====================================================================
10: リフォーム詳細
====================================================================*/
h2.h2_reformCategory01 { display:block; width:940px; height:34px; background:url(../images/tle/h2_reformCategory01.jpg) no-repeat center top; font-size:16px; color:#FFF; text-align:right; padding:16px 20px 0 0; }

.reformDetail li { width:465px; background:url(../images/common/bg_reformDetailLi.jpg) no-repeat; margin-bottom:25px; padding-bottom:25px; border-bottom:dotted 1px #a9a9a9; }
.reformDetail .reformBefore { width:190px; float:left; margin:10px 0 0 10px; }
.reformDetail .reformAfter { width:224px; float:right; }
.reformDetail .beforeIcon { text-align:right; margin:10px 0 10px 0; }
.reformDetail .afterIcon { text-align:right; margin:10px 0 10px 0; }
.reformDetail .tle { height:34px; font-size:18px; color:#565656; margin-top:20px; }

.reformDrawing ul { width:960px; background:url(../images/common/bg_reformDrawingUl.jpg) no-repeat center top; margin-top:20px; padding-top:40px; }

.reformPrice { width:860px; background:#f0f0f0; padding:20px; margin:20px auto 0 auto; }
	.reformPrice .price { width:810px; height:50px; background:url(../images/tle/p_reformPrice.jpg) no-repeat center top; color:#FFF; font-size:16px; text-align:right; padding:16px 50px 0 0; }
	.reformPrice .priceTable { width:860px; }
	.reformPrice .priceTable td { padding:6px 0 6px 0; border-top:1px solid #f0f0f0; border-collapse:collapse; }
	.reformPrice .priceTable td { width:50%; background:#FFF; text-align:left; padding-left:50px; }


/*====================================================================
11: 管理物件募集
====================================================================*/
.managementArticle .pointTle { width:720px; min-height:125px; position:relative; margin-bottom:25px; }
	.pointTle .pointTleImg { right:0; position:absolute; }
	.pointTle .pointDiscri { font-size:14px; margin:15px 0 0 92px; }

	.managementArticle .tle { color:#a52535; font-size:16px; margin:0 0 5px 92px; }
	.managementArticle .txt { font-size:13px; margin:0 0 10px 92px; padding-bottom:10px; border-bottom:dotted 1px #a9a9a9; }


/*====================================================================
12: 管理物件紹介
====================================================================*/
.managedpropDetail li { width:468px; margin-bottom:25px; padding-bottom:15px; border-bottom:dotted 1px #a9a9a9; }


/*====================================================================
13: 賃貸・売買物件紹介
====================================================================*/
.articleList li { width:710px; padding:15px 0 15px 10px; background:#cdcdcd; margin:0 0 10px 0; } 
	.articleList .recommendPhoto { width:220px; float:left; background:#FFF; text-align:center; }
	.articleList .recommendTable { height:165px; float:left; margin-left:10px; }
	.articleList .recommendTable td { padding:6px 0 6px 0; border-top:1px solid #cdcdcd; border-left:1px solid #cdcdcd; border-collapse:collapse; }
	.articleList .recommendTable td.tle { width:90px; background:#903131; text-align:center; color:#FFF; }
	.articleList .recommendTable td.txt { width:368px; background:#FFF; text-align:left; padding-left:10px; }
	.articleList .recommendTable td.link { width:70px; text-align:center; }
	.articleList .recommendTableName { width:700px; height:30px; background:#FFF; }
	.articleList .recommendTableName td.name { text-align:left; padding:0 10px 0 10px; }
	.articleList .recommendTableName td.btn { width:90px; background:#ac0b1d; text-align:center; padding:0; }
		.articleList a { color:#FFF; text-decoration:none; }
	.articleList .recommendTablePost { width:700px; }
	.articleList .recommendTablePost td { padding:6px 0 6px 0; border-top:1px solid #cdcdcd; border-left:1px solid #cdcdcd; border-collapse:collapse; }
	.articleList .recommendTablePost td.tle { width:90px; background:#903131; text-align:center; color:#FFF; }
	.articleList .recommendTablePost td.txt { width:368px; background:#FFF; text-align:left; padding-left:10px; }

/*====================================================================
14: 会社概要
====================================================================*/
.companyArticle { width:680px; background:#f0f0f0; padding:20px; margin:20px auto 0 auto; }
	.companyArticle .companyTable { width:680px; }
	.companyArticle .companyTable td { padding:10px 0 10px 0; border-top:1px solid #f0f0f0; border-collapse:collapse; }
	.companyArticle .companyTable td.tle { width:135px; background:#903131; color:#FFF; text-align:left; padding-left:15px; }
	.companyArticle .companyTable td.txt { width:575px; background:#FFF; text-align:left; padding-left:15px; }


/*====================================================================
15: 個人情報保護方針
====================================================================*/
.privacyArticle {  }
	.privacyArticle .tle { background:#f0f0f0; color:#000; font-size:14px; text-align:left; padding:15px 15px 13px 15px; }
	.privacyArticle .txt { text-align:left; margin:10px 15px 0 15px; }


/*====================================================================
16: お問い合わせ
====================================================================*/
.contactArticle { width:680px; background:#f0f0f0; padding:20px; margin:20px auto 0 auto; }
	.contactArticle .contactTable { width:680px; }
	.contactArticle .contactTable td { padding:15px 0 15px 0; border-top:1px solid #f0f0f0; border-collapse:collapse; }
	.contactArticle .contactTable td.tle { width:175px; background:#903131; color:#FFF; text-align:left; padding-left:15px; }
	.contactArticle .contactTable td.txt { width:535px; background:#FFF; text-align:left; padding-left:15px; }
	.contactArticle .contactTable td.txtHalf { width:267px; background:#FFF; text-align:left; padding-left:15px; }
	.contactArticle .contactTable td.submit { padding:30px 0 10px 0!important; width:680px; background:#f0f0f0; text-align:center; }
	.contactArticle .contactTableAfter { width:660px; }
	.contactArticle .contactTableAfter td { padding:15px 0 15px 0; border-top:1px solid #f0f0f0; border-collapse:collapse; }
	.contactArticle .contactTableAfter td.tle { width:145px; background:#903131; color:#FFF; text-align:left; padding-left:15px; }
	.contactArticle .contactTableAfter td.txt { width:515px; background:#FFF; text-align:left; padding-left:15px; }

.form_famiryname { width:200px; }
.form_firstname { width:200px; }
.form_famiryname-kana { width:188px; }
.form_firstname-kana { width:188px; }
.form_email { width:300px; }
.form_zip { width:120px; }
.form_adress { width:450px; }
.form_tel { width:200px; }
.form_txtarea { width:400px; height:150px; }


/*====================================================================
17: RSSフィード（現在未使用）
====================================================================*/
/*
#infoBox { width:940px; margin:30px 0 0 20px; }
	#infoBox li { border-bottom:1px dotted #a9a9a9; margin-bottom:15px; padding-bottom:15px; }
	#infoBox .infoDate { width:98px; padding-left:12px; float:left; display:inline; background:url(../images/common/tleArrowOrange.png) no-repeat; background-position:left 2px; }
	#infoBox .infoTxt { width:800px; float:left; display:inline; }
	#infoBox a:link {color:#FFF; text-decoration:none;}
	#infoBox a:visited {color:#FFF; text-decoration:none;}
	#infoBox a:active {color:#FFF; text-decoration:none;}
	#infoBox a:hover {color:#eab54a; text-decoration:underline;}
*/


/*====================================================================
18: フッター
====================================================================*/
#footerWrapper { width:100%; height:275px; background:url(../images/common/bg_footerWrapper.jpg) repeat-x center top; margin:30px 0 20px 0; }
	#footer { width:1036px; margin:0 auto; text-align:left; }
		#footer .footerTop { width:1036px; height:33px; padding-top:15px; }
		#footer .footerTop ul { float:left; display:inline; }
		#footer .footerTop li { float:left; display:inline; border-right:solid 1px #a9a9a9; margin-right:7px; padding-right:7px; }
		#footer .footerTop a { color:#000; }
		#footer .footerTop a:hover { color:#a91022; }
		#footer .pageTop { float:right; }

		#footer .footerLeft { width:480px; float:left; margin:20px 0 0 38px; }
		#footer .footerLeft li { float:left; display:inline; border-right:solid 1px #a9a9a9; margin-right:7px; padding-right:7px; }
		#footer .footerLeft a { color:#FFF; }
		#footer .footerLeft a:hover { color:#FFF; }
		#footer .footerLeft .comapnyTxt { font-size:12px; color:#FFF; margin-top:10px; }
		#footer .footerLeft .copyright { font-size:11px; color:#FFFFFF; margin-top:10px; }

		#footer .footerRight { width:472px; float:right; margin:20px 38px 0 0; }
		#footer .footerRight .footerInfo { width:440px; height:79px; padding:32px 15px 10px 15px; background:url(../images/common/bg_footerInfo.jpg) no-repeat center top; margin-bottom:10px; }
		#footer .footerRight .footerInfo li { width:220px; float:left; display:inline; }
		#footer .footerRight .footerInfo .tle { text-align:center; font-size:15px; margin:12px 0 0 0; }
		#footer .footerRight .footerInfo .txt { text-align:center; font-size:13px; margin:3px 0 0 0; }