@charset "utf-8";

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

/***** パンくず *****/
#pankuzu {
	width: 900px;
	padding: 12px 0;
	text-align: right;
}


/***** ページタイトル *****/
.ttl {
	height: 45px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
}

	#ttl-outline    { background: url(../outline/images/ttl_outline.gif) no-repeat; }
	#ttl-housing    { background: url(../housing/images/ttl_housing.gif) no-repeat; }
	#ttl-akiya      { background: url(../akiya/images/ttl_akiya.gif) no-repeat; }
	#ttl-akiyaabout { background: url(../akiya/images/ttl_akiya.gif) no-repeat; }
	#ttl-plan       { background: url(../plan/images/ttl_plan.gif) no-repeat; }
	#ttl-voice      { background: url(../voice/images/ttl_voice.gif) no-repeat; }
	#ttl-life       { background: url(../life/images/ttl_life.gif) no-repeat; }
	#ttl-access     { background: url(../access/images/ttl_access.gif) no-repeat; }
	#ttl-link       { background: url(../link/images/ttl_link.jpg) no-repeat; }
	#ttl-contact    { background: url(../contact/images/ttl_contact.gif) no-repeat; }
	#ttl-info       { background: url(../info/images/ttl_info.gif) no-repeat; }
	#ttl-josei      { background: url(../josei/images/ttl_josei.gif) no-repeat; }


/***** 共通ナビ *****/
.navi {
	width: 640px;
	padding: 0;
}

	.navi a { padding: 0 5px; }

	.navi .navi-left {
		float: left;
		width: 240px;
	}

	.navi .navi-right {
		float: right;
		width: 400px;
		text-align: right;
	}


/***** 共通アイコン付きリンク *****/
.more {
	margin: 0;
	padding: 0;
	list-style: none;
}

	.more li {
		margin: 0;
		padding: 0 0 0 17px;
		background: url(../common/icon_arrow_L.gif) 0 3px no-repeat;
	}



/* ------------------------------------------------------------------------------------------------------ class */

.clearfix:before,.clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom:1; }

.clear		{ clear: both; }
.none			{ display: none; }



/* ------------------------------------------------------------------------------------------------------ Font Size */

.f9px			{ font-size: 9px; }
.f10px		{ font-size: 10px; }
.f11px		{ font-size: 11px; }
.f12px		{ font-size: 12px; }
.f13px		{ font-size: 13px; }
.f14px		{ font-size: 14px; }
.f16px		{ font-size: 16px; }
.f18px		{ font-size: 18px; }



/* ------------------------------------------------------------------------------------------------------ Font Size （％） */

.f140p		{ font-size: 140%; }
.f130p		{ font-size: 130%; }
.f120p		{ font-size: 120%; }
.f100p		{ font-size: 100%; }
.f90p			{ font-size: 90%; }
.f80p			{ font-size: 80%; }
.f70p			{ font-size: 70%; }
.f60p			{ font-size: 60%; }



/* ------------------------------------------------------------------------------------------------------ Line Height */

.lh120p		{ line-height: 120%; }
.lh140p		{ line-height: 140%; }
.lh160p		{ line-height: 160%; }



/* ------------------------------------------------------------------------------------------------------ Font Color */

.red		{ color: red; }



/* ------------------------------------------------------------------------------------------------------ Font Style */

.bold			{ font-weight: bold; }
.italic		{ font-style: italic; }
.dn				{ text-decoration: none; }
.through	{ text-decoration: line-through; }



/* ------------------------------------------------------------------------------------------------------ text align */

.txt-right	{ text-align: right; }
.txt-center	{ text-align: center; }
.txt-left		{ text-align: left; }


/* ------------------------------------------------------------------------------------------------------ text align */

.m-r20	{ margin-right: 20px; }
.m-r50	{ margin-right: 50px; }
.m-b10	{ margin-bottom: 10px; }
.m-b20	{ margin-bottom: 20px; }
.m-b40	{ margin-bottom: 40px; }