@charset "UTF-8";

/* ########################################################### */

/* note： general layout*/
/* SITE NAME：株式会社ファノス　宅地開発室　WEBサイト */
/* DATE : 2010.06.1 */
/* URL : http://www.phanos-dev.co.jp */
/* COPY RIGHT : Phanos.Co.,ltd Allrights Reserved */

/* ########################################################### */

/* ■CSS LIST------------------------------------------------- */

/* 01.基本設定 */
/* 02.全体レイアウト（横・縦幅サイズ設定） */
/* 03.各エリア設定 */
/* 04.見出し・段落・リンク・テキスト設定 */
/* 05.画像・回り込み・解除・テーブル設定 */
/* 06.ブラウザ対策（IE6） */

/* ########################################################### */

/* ********************************************************** */

/* 01.基本設定 */

/* ********************************************************** */
/* 初期設定（基本のフォンとサイズ設定） */
html {
	font-size: 12px;
	line-height: 150%;
}

body {
	margin: 0px;
	padding: 0px;
	/* デザイン設定詳細は（style.css）にて */
}

/* ********************************************************** */

/* 02.全体レイアウト（横・縦幅サイズ設定） */

/* ********************************************************** */

/* 各ブロックの横・縦幅サイズをここで設定 */
/* デザインにあわせて各横幅・縦幅を変更 */

/* ▼全体レイアウト */
/* -----------------------------------------------------------*/
#wrapper {width: 100%;}

/* サイズ一括指定（ブロック別に指定する必要がある場合） */
#header,#main,#footer {width: 900px;}

/* ▼ヘッダーエリア */
/* -----------------------------------------------------------*/
#header {height: 110px;}
#header_wrapper {
	background: #3585C6;
}
#header_wrapper h1 {
	font-size: 8px;
	font-weight: normal;
	color: #8EBDEE;
	margin: 0px auto;
	padding: 0px;
	width: 860px;
}
/* ▼メインイメージエリア（トップ用／フラッシュ用） */
/* -----------------------------------------------------------*/
#topimg {width: 900px;height: 310px;}


/* ▼グローバルナビ */
/* -----------------------------------------------------------*/

/* ▼サイドエリア（横・縦幅設定）*/
/* -----------------------------------------------------------*/
#side_R,#side_L {width: 238px;}


/* ▼コンテンツエリア*/
/* -----------------------------------------------------------*/
#main {}
#contents_R,#contents_L {width: 648px;}
#column_R,#column_L {width: 420px;}

/* トップページ */
#container {width: 900px;}

/* コンテンツエリア */
#contents {
	float: left;
	width: 648px;
}
.inner {
	padding: 30px;
}
.inner_side {
	padding: 15px;
}

/* ▼フッターエリア*/
/* -----------------------------------------------------------*/
#footer {}
#ft_menu {width: 740px;}


/* ▼オプション設定 */
/* -----------------------------------------------------------*/
/*可変レイアウト背景画像をリピート表示させる場合など */
/* デザイン設定詳細は（style.css）にて */
#header_wrapper,
#globalnav_wrapper,
#topimg_wrapper,
#main_wrapper,
#footer_wrapper {width: 100%}


/* ********************************************************** */

/* 03.各エリア設定 */

/* ********************************************************** */

/* 全体レイアウト */
#wrapper,
#header_wrapper,#globalnav_wrapper,#topimg_wrapper,#footer_wrapper,
#header,#topimg,#main,#footer,#container {
	margin: 0px auto;
	position: relative;
	clear: both;
}
/* ヘッダー　エリア
--------------------------------------------------------------*/
#header {
}

/* グローバルナビゲーション　エリア
--------------------------------------------------------------*/
/* バー設定 */
#global_nav {
	height: 26px;
	width: 500px;
	float: left;
	margin-left: 10px;
	margin-top: 65px;
}
/* ナビボタン設定*/
#global_nav ul,
#global_nav ul li {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#global_nav ul li {
	float: left;
}
#global_nav ul li a {
	height: 26px;
	display: block;
	text-indent: -9999px;
}

/* カテゴリータイトル　エリア
--------------------------------------------------------------*/
#cate_title {
	margin: 10px auto;
	width: 900px;
}

/* メイン　エリア
--------------------------------------------------------------*/
#main {}
.layout_R {
	float: right;
	padding-bottom: 10px;
	width: 220px;
}
.layout_L {
	float: left;
	padding-bottom: 10px;
	width: 140px;
}

/* コンテナー　エリア（３カラムの場合に使用）
--------------------------------------------------------------*/
/* 3カラム用ラッパー*/
#container {
}

/* サイド　エリア
--------------------------------------------------------------*/
/* 右レイアウト */
#side_R {
	float: right;
}
/* 左レイアウト */
#side_L {
	float: left;
}

/* コンテンツ　エリア
--------------------------------------------------------------*/
/* 右レイアウト */
#column_R,
#contents_R {
	float: right;
}
/* 左レイアウト */
#column_L,
#contents_L {
	float: left;
}
.item {
	padding-bottom: 20px;
}
.item .item_head {
	padding-bottom: 20px;
	font-size: 0.85em;
}

/* フッター　エリア
--------------------------------------------------------------*/
#footer {
	font-size: 0.85em;
	padding-top: 20px;
	border-top: 4px solid #CCCCCC;
}
/* フッターロゴ */
#ft_logo {
	float: left;
	padding-right: 10px;
	width: 100px;
}
/* フッターメニュー */
#ft_menu {
	float: left;
	width: 645px;
}
#ft_menu ul,
#ft_menu ul li {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#ft_menu ul {
	clear: both;
	display: block;
	position: relative;
}
#ft_menu ul li {
	float: left;
	padding-left: 5px;
	border-left: 1px solid #CCCCCC;
}
#ft_menu ul li a {
	display: block;
	padding-right: 5px;
	border-right: 1px solid #CCCCCC;
}
/*住所表記*/
#ft_menu h5 {
	display: block;
	clear: both;
	padding: 10px 0px 0px;
}
#ft_menu address {
	clear: both;
	font: normal 0.85em Arial, Helvetica, sans-serif;
	padding-top: 5px;
	padding-bottom: 50px;
	color: #999999;
}
/*リンク*/
#ft_link {
	float: left;
	width: 140px;
}
/* コピーライト */
#footer #copyright {
	clear: both;
	padding-top: 10px;
}

/* ページのトップ　エリア
--------------------------------------------------------------*/
.page_top {
	clear: both;
	padding-top: 25px;
	height: 20px;
}
.page_top a {
	display: block;
	float: right;
}
.page_top a span {
	display: none;
}
/* ********************************************************** */

/* 04.見出し・段落・リンク・テキスト設定 */

/* ********************************************************** */
/* 初期化 */
h1,h2,h3,h4,h5,h6,p {
	margin: 0px;
	padding: 0px;
}
h1 {
	font-size: 2em;
	margin-bottom: 0.8em;
}
h2 {
	font-size: 1.5em;
	margin-bottom: 0.6em;
}
h3 {
	font-size: 1.3em;
	margin-bottom: 0.5em;
	clear: both;
}
h4 {
	font-size: 1.15em;
	margin-bottom: 0.4em;
}
h5 {
	font-size: 1em;
	margin-bottom: 0.25em;
}
h6 {
	font-size: 0.85em;
	margin-bottom: 0.25em;
}
p {
	font-size: 1em;
}
.txt_small {
	font-size: 0.75em;
}

/* ********************************************************** */

/* 05.画像・回り込み・解除・テーブル設定 */

/* ********************************************************** */
/*右回り*/
.img_R {
	margin: 0px 0px 10px 15px;
	float: right;
}
/*左回り*/
.img_L {
	margin: 0px 15px 10px 0px;
	float: left;
}
/*右回り（キャプション入りボックス）*/
.imgbox_R {
	margin: 0px 0px 10px 5px;
	float: right;
	font-size: 11px;
	text-align: center;
	line-height: 130%;
}
/*左回り（キャプション入りボックス）*/
.imgbox_L {
	margin: 0px 5px 10px 0px;
	float: left;
	font-size: 11px;
	text-align: center;
	line-height: 130%;

}
a img {
	border-width: 0px;
}
/*回り込み解除*/
.cl {
	clear: both;
}


/* ********************************************************** */

/* 06.ブラウザ対策（IE6） */

/* ********************************************************** */
/* Hides from IE-mac \*/
*html #global_nav ul li {height:1%;}
*html #side_menu ul li {height:1%;}
/* End hide from IE-mac */