/*
@charset "shift_jis";
*/

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

	アーム興産 / 共通 CSS

	・新規作成	: 2009.12.10
	・変更		: 2009.12.10
	・作成者	: K.Sasaki
	・変更者	:

-------------------------------------------------------------------
	
	[1]:基礎設計
	[2]:ヘッダ
	[3]:フッタ
	[4]:調整用

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


/*-----------------------------------------------------------------
	[1]:基礎設計
-----------------------------------------------------------------*/
*
{
	margin			: 0;
	padding			: 0;
}

body
{
	background		: url(../image/common/BackGround.gif) repeat-x;
	font-family		: MS UI Gothic, Osaka;
	font-size		: 13px;
	color			: #000000;
	text-align		: center;
}

html div.contents_main
{
	background		: #eeeeee;
	width			: 910px;
	height			: auto;
	margin-left		: auto;
	margin-right	: auto;
	text-align		: left;
	font-size		: 17px;
	line-height		: 1.5em;
}

img
{
	border			: none;
}

.emphasis
{
	font-weight		: bold;
	color			: #21569b;
}

.underline
{
	text-decoration	: underline;
}

.v-hidden {
	visibility		: hidden;
}

.f-left
{
	float			: left;
}

.f-right
{
	float			: right;
}

.after_float
{
	clear			: both;
}

.list_none
{
	list-style-type	: none;
}

.ime_on
{
	ime-mode		: active;
}
.ime_off
{
	ime-mode		: inactive;
}

html div#left_back
{
	background		: url(../image/common/LeftBackShadow.gif) top left repeat-y;
	width			: 940px;
	margin-left		: auto;
	margin-right	: auto;
}
html div#left
{
	background		: url(../image/common/LeftShadow.gif) top left no-repeat;
	width			: 940px;
	margin-left		: auto;
	margin-right	: auto;
}

html div#right_back
{
	background		: url(../image/common/RightBackShadow.gif) top right repeat-y;
}
html div#right
{
	margin-top		: -30px;
	background		: url(../image/common/RightShadow.gif) top right no-repeat;
}

/*-----------------------------------------------------------------
	[2]:ヘッダ
-----------------------------------------------------------------*/
html div#header
{
	width			: 910px;
	height			: 138px;
	margin-top		: 30px;
	margin-left		: auto;
	margin-right	: auto;
	text-align		: left;
}

/* ヘッダリンク */
html div#header_toplink_box
{
	float			: left;
	width			: 251px;
	height			: 138px;
}
html div#header_toplink_box a
{
	display			: block;
	text-indent		: -9999px;
	width			: 240px;
	height			: 110px;
}

/* ヘッダボタン */
html div#header_btn_box
{
	float			: left;
	width			: 638px;
	height			: auto;
	padding-top		: 80px;
}
html div#header_btn_box ul
{
	float			: right;
	list-style-type	: none;
}
html div#header_btn_box ul li
{
	float			: left;
	width			: 203px;
	height			: auto;
}

/* ホームへ戻るボタン */
html div#header_btn_box ul li#back_home
{
	background		: url(../image/common/btnBackHomeOff.gif) no-repeat left top scroll;
}
html div#header_btn_box ul li#back_home a
{
	background		: url(../image/common/btnBackHomeOff.gif) no-repeat left top scroll;
	display			: block;
	text-indent		: -9999px;
	width			: 198px;
	height			: 43px;
}
html div#header_btn_box ul li#back_home a:hover
{
	background		: url(../image/common/btnBackHomeOn.gif) no-repeat left top scroll;
}
/* リフォームトップへ戻るボタン */
html div#header_btn_box ul li#back_reformtop
{
	background		: url(../image/common/btnBackRfmTopOff.gif) no-repeat left top scroll;
}
html div#header_btn_box ul li#back_reformtop a
{
	background		: url(../image/common/btnBackRfmTopOff.gif) no-repeat left top scroll;
	display			: block;
	text-indent		: -9999px;
	width			: 198px;
	height			: 43px;
}
html div#header_btn_box ul li#back_reformtop a:hover
{
	background		: url(../image/common/btnBackRfmTopOn.gif) no-repeat left top scroll;
}
/* 前へ戻るボタン */
html div#header_btn_box ul li#historyback
{
	background		: url(../image/common/btnHistoryBackOff.gif) no-repeat left top scroll;
}
html div#header_btn_box ul li#historyback a
{
	background		: url(../image/common/btnHistoryBackOff.gif) no-repeat left top scroll;
	display			: block;
	text-indent		: -9999px;
	width			: 198px;
	height			: 43px;
}
html div#header_btn_box ul li#historyback a:hover
{
	background		: url(../image/common/btnHistoryBackOn.gif) no-repeat left top scroll;
}
/* 不動産に関するお問い合わせボタン */
html div#header_btn_box ul li#realestate_inquiry
{
	background		: url(../image/common/btnRealEstateContactUsOff.gif) no-repeat left top scroll;
}
html div#header_btn_box ul li#realestate_inquiry a
{
	background		: url(../image/common/btnRealEstateContactUsOff.gif) no-repeat left top scroll;
	display			: block;
	text-indent		: -9999px;
	width			: 198px;
	height			: 43px;
}
html div#header_btn_box ul li#realestate_inquiry a:hover
{
	background		: url(../image/common/btnRealEstateContactUsOn.gif) no-repeat left top scroll;
}
/* リフォームに関するお問い合わせボタン */
html div#header_btn_box ul li#reform_inquiry
{
	background		: url(../image/common/btnRfmContactUsOff.gif) no-repeat left top scroll;
}
html div#header_btn_box ul li#reform_inquiry a
{
	background		: url(../image/common/btnRfmContactUsOff.gif) no-repeat left top scroll;
	display			: block;
	text-indent		: -9999px;
	width			: 198px;
	height			: 43px;
}
html div#header_btn_box ul li#reform_inquiry a:hover
{
	background		: url(../image/common/btnRfmContactUsOn.gif) no-repeat left top scroll;
}

/*-----------------------------------------------------------------
	[3]:フッタ
-----------------------------------------------------------------*/
html div#footer
{
	background		: url(../image/common/Footer.gif) no-repeat center top scroll;
	width			: 910px;
	height			: 115px;
	margin-left		: auto;
	margin-right	: auto;
	text-align		: left;
}

/* フッタリンク */
html div#linkbar_box
{
	width			: 910px;
	height			: 35px;
	padding-right	: 10px;
}

html div#linkbar_box ul
{
	float			: right;
	list-style-type	: none;
}
html div#linkbar_box ul li
{
	float			: left;
	text-align		: center;
	margin-top		: 10px;
	padding-right	: 10px;
	padding-left	: 10px;
	font-size		: 14px;
}
html div#linkbar_box ul li.leftborder
{
	border-left		: solid 1px #666666;
}
html div#linkbar_box ul li a
{
	text-decoration	: none;
}
html div#linkbar_box ul li a:hover
{
	text-decoration	: underline;
}
/* コピーライト */
html div#copyright
{
	width			: 910px;
	height			: 18px;
	color			: #c7c7c7;
	margin-top		: 4px;
	margin-left		: 20px;
	font-size		: 11px;
}

/*-----------------------------------------------------------------
	[4]:調整用
-----------------------------------------------------------------*/
/*　整列系　*/

.ta-center
{
	text-align: center;
}

.ta-right
{
	text-align: right !important;
}
.ta-left
{
	text-align: left;
}

/*　フォント関連　*/

.font-normal
{
	font-weight: normal;
}

.font-100
{
	font-size: 100% !important;
}

.font-110
{
	font-size: 110% !important;
}

.font-120
{
	font-size: 120% !important;
}

.font-130
{
	font-size: 130% !important;
}

.font-150
{
	font-size: 150% !important;
}

.font-160
{
	font-size: 160% !important;
}

.red
{
	color:#ff0000;
}

/*　マージン調整　*/

.top-0
{
	margin-top		: 0px !important;
}
.top-5
{
	margin-top		: 5px !important;
}
.top-10
{
	margin-top		: 10px !important;
}
.top-15
{
	margin-top		: 15px !important;
}
.top-20
{
	margin-top		: 20px !important;
}
.top-25
{
	margin-top		: 25px !important;
}
.top-50
{
	margin-top		: 50px !important;
}
.top-100
{
	margin-top		: 100px !important;
}
.top-150
{
	margin-top		: 150px !important;
}

.right-0
{
	margin-right	: 0px !important;
}
.right-5
{
	margin-right	: 5px !important;
}
.right-10
{
	margin-right	: 10px !important;
}
.right-15
{
	margin-right	: 15px !important;
}
.right-20
{
	margin-right	: 20px !important;
}
.right-25
{
	margin-right	: 25px !important;
}
.right-30
{
	margin-right	: 30px !important;
}
.right-35
{
	margin-right	: 35px !important;
}
.right-40
{
	margin-right	: 40px !important;
}
.right-45
{
	margin-right	: 45px !important;
}
.right-50
{
	margin-right	: 50px !important;
}
.right-100
{
	margin-right	: 100px !important;
}

.bottom-0
{
	margin-bottom	: 0px !important;
}
.bottom-5
{
	margin-bottom	: 5px !important;
}
.bottom-10
{
	margin-bottom	: 10px !important;
}
.bottom-15
{
	margin-bottom	: 15px !important;
}
.bottom-20
{
	margin-bottom	: 20px !important;
}
.bottom-25
{
	margin-bottom	: 25px !important;
}

.left-0{
	margin-left		: 0px !important;
}
.left-5{
	margin-left		: 5px !important;
}
.left-10{
	margin-left		: 10px !important;
}
.left-15{
	margin-left		: 15px !important;
}
.left-20{
	margin-left		: 20px !important;
}
.left-25{
	margin-left		: 25px !important;
}
.left-30{
	margin-left		: 30px !important;
}
.left-35{
	margin-left		: 35px !important;
}
.left-40{
	margin-left		: 40px !important;
}
.left-45{
	margin-left		: 45px !important;
}
.left-50{
	margin-left		: 50px !important;
}
.left-100{
	margin-left		: 100px !important;
}
.left-150{
	margin-left		: 150px !important;
}

/*　パディング調整　*/
.p-top-0
{
	padding-top		: 0px !important;
}
.p-top-5
{
	padding-top		: 5px !important;
}
.p-top-10
{
	padding-top		: 10px !important;
}
.p-top-15
{
	padding-top		: 15px !important;
}
.p-top-20
{
	padding-top		: 20px !important;
}
.p-top-25
{
	padding-top		: 25px !important;
}
.p-top-30
{
	padding-top		: 30px !important;
}