@charset "UTF-8";

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

/* note */
/* カーサキューブ山口WEBサイト */
/* DATE : 2009.08.15 */
/* SITE : http://www.casacube-yamaguchi.jp */
/* COPY RIGHT : カーサキューブ山口　有限会社新栄クリエイト */
/* スタイル設定 */

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

/* 01.基本設定 */
/* 02.見出し・段落・リンク・テキスト設定 */
/* 03.画像・回り込み・解除・テーブル設定 */
/* 04.各エリアレイアウト設定 */
/* 05.その他設定 */

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


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

/* 01.基本設定 */

/* ********************************************************** */
/* 初期設定 */
html {
	font-size: 11px;
	line-height: 160%;
}

body {
	background: #FFFFFF;
	margin: 0px;
	padding: 0px;
	color: #4A4A4A;
	border-top: 5px solid #000000;
}

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

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

/* ********************************************************** */
h1 {
	font-size: 1.8em;
	font-weight: bold;
}
h1.head {
	font-size: 0.8em;
	font-weight: normal;
	color: #B0B0B0;
	text-align: center;
	margin: 0px;
	padding: 2px 0px;
}
h2 {
	font-size: 1.5em;
	font-weight: bold;
}
h3 {
	font-size: 1.25em;
	font-weight: bold;
}
h4 {
	font-size: 1.15em;
	font-weight: bold;
}
h5 {
	font-size: 1.1em;
	font-weight: bold;
}
h6 {
	font-size: 1em;
	font-weight: bold;
}
p {
}
a:link,a:visited,a:active {
	color: #003366;
	text-decoration: underline;
}
a:hover {
	color: #FF3300;
	text-decoration: none;
}
a.icon {
	background: url(../images/icon_arrow_blue.gif) no-repeat left center;
	padding-left: 14px;
}

.txt_red {
	color: #FF0000;
}
.txt_red_bold {
	color: #FF0000;
	font-weight: bold;
}
.txt_blue {
	color: #00407F;
}
.txt_blue_bold {
	color: #00407F;
	font-weight: bold;
}
.txt_white {
	color: #FFFFFF;
}
.txt_white_bold {
	color: #FFFFFF;
	font-weight: bold;
}
.txt_white_bold_large {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 1.2em;
}
.txt_black {
	color: #000000;
}
.txt_black_bold {
	color: #000000;
	font-weight: bold;
}
.txt_black_bold_large {
	color: #000000;
	font-weight: bold;
	font-size: 1.2em;
}
.txt_small {
	font-size: smaller;
}
/* ********************************************************** */

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

/* ********************************************************** */
a img {
	border-style: none;
}
/*ロールオーバー*/
a:hover img {
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
/*右回り*/
.img_r {
	margin: 0px 0px 10px 15px;
	float: right;
}
/*左回り*/
.img_l {
	margin: 0px 15px 10px 0px;
	float: left;
}
.img_c {
	margin: 5px auto;
}
/*回り込み解除*/
.cl {
	clear: both;
}
/*ページのトップへ*/
.p-top {
	text-align: right;
	padding: 10px 0px;
}

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

/* 04.各エリアレイアウト設定 */

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

/*全体レイアウト
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
#container {
	margin: 20px auto 40px;
	width: 900px;
}
.inner700px {
	margin: 30px auto;
	width: 700px;
}
.inner800px {
	margin: 30px auto;
	width: 800px;
}

/*ヘッダーエリア
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
#header {
	width: 900px;
}
#header h1.logo {
	margin: 0px;
	padding: 0px;
}
#header h1.logo a {
	background: url(../images/logo.gif) no-repeat left center;
	display: block;
	text-indent: -9999px;
	padding: 10px 0px;
	height: 60px;
	width: 60px;
}

/*トップメインエリア
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
#top_main {
	height: 280px;
	position: relative;
	width: 900px;
}
#top_main .top_img {
	float: right;
	width: 620px;
}
#top_main .space {
	height: 130px;
	width: 250px;
	display: block;
}
#top_main .space h2 {
	text-indent: -9999px;
}
/*メニュー*/
#top_main .top_menu {
	float: left;
	width: 250px;
}
#top_main .top_menu ul,
#top_main .top_menu ul li {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#top_main .top_menu ul li a {
	display: block;
	text-indent: -9999px;
	height: 30px;
	width: 250px;
	margin: 0px 0px 10px;
}
/*デザイン*/
#top_main .top_menu ul li.menu01 a {
	background: url(../images/top_btn_menu.gif) no-repeat 0px 0px;
}
#top_main .top_menu ul li.menu01 a:hover {
	background: url(../images/top_btn_menu.gif) no-repeat -250px 0px;
}
#top_main .top_menu ul li.menu01 a.stay{
	background: url(../images/top_btn_menu.gif) no-repeat -250px 0px;
}
/*クオリティー*/
#top_main .top_menu ul li.menu02 a {
	background: url(../images/top_btn_menu.gif) no-repeat 0px -30px;
}
#top_main .top_menu ul li.menu02 a:hover {
	background: url(../images/top_btn_menu.gif) no-repeat -250px -30px;
}
#top_main .top_menu ul li.menu02 a.stay {
	background: url(../images/top_btn_menu.gif) no-repeat -250px -30px;
}
/*プライス*/
#top_main .top_menu ul li.menu03 a {
	background: url(../images/top_btn_menu.gif) no-repeat 0px -60px;
}
#top_main .top_menu ul li.menu03 a:hover {
	background: url(../images/top_btn_menu.gif) no-repeat -250px -60px;
}
#top_main .top_menu ul li.menu03 a.stay {
	background: url(../images/top_btn_menu.gif) no-repeat -250px -60px;
}

/*グローバルナビ
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
#global_navi {
	position: relative;
}
#global_navi ul,
#global_navi ul li {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#global_navi ul li {
	float: left;
}
#global_navi ul li a {
	display: block;
	height: 36px;
	text-indent: -9999px;
}
/*トップ*/
#global_navi ul li.home a {
	background: url(../images/btn_global.jpg) no-repeat 0px 0px;
	width: 54px;
}
#global_navi ul li.home a:hover {
	background: url(../images/btn_global.jpg) no-repeat 0px -36px;
}
#global_navi ul li.home a.stay {
	background: url(../images/btn_global.jpg) no-repeat 0px -36px;
}
/*カーサキューブとは*/
#global_navi ul li.casa a {
	background: url(../images/btn_global.jpg) no-repeat -54px 0px;
	width: 104px;
}
#global_navi ul li.casa a:hover {
	background: url(../images/btn_global.jpg) no-repeat -54px -36px;
}
#global_navi ul li.casa a.stay {
	background: url(../images/btn_global.jpg) no-repeat -54px -36px;
}
/*ラインナップ*/
#global_navi ul li.lineup a {
	background: url(../images/btn_global.jpg) no-repeat -158px 0px;
	width: 93px;
}
#global_navi ul li.lineup  a:hover {
	background: url(../images/btn_global.jpg) no-repeat -158px -36px;
}
#global_navi ul li.lineup  a.stay {
	background: url(../images/btn_global.jpg) no-repeat -158px -36px;
}
/*カーサキューブの疑問（FAQ）*/
#global_navi ul li.faq a {
	background: url(../images/btn_global.jpg) no-repeat -251px 0px;
	width: 115px;
}
#global_navi ul li.faq a:hover {
	background: url(../images/btn_global.jpg) no-repeat -251px -36px;
}
#global_navi ul li.faq a.stay {
	background: url(../images/btn_global.jpg) no-repeat -251px -36px;
}
/*オーナーへの8ステップ*/
#global_navi ul li.step a {
	background: url(../images/btn_global.jpg) no-repeat -366px 0px;
	width: 124px;
}
#global_navi ul li.step a:hover {
	background: url(../images/btn_global.jpg) no-repeat -366px -36px;
}
#global_navi ul li.step a.stay {
	background: url(../images/btn_global.jpg) no-repeat -366px -36px;
}
/*土地情報*/
#global_navi ul li.tochi a {
	background: url(../images/btn_global.jpg) no-repeat -490px 0px;
	width: 70px;
}
#global_navi ul li.tochi a:hover {
	background: url(../images/btn_global.jpg) no-repeat -490px -36px;
}
#global_navi ul li.tochi a.stay {
	background: url(../images/btn_global.jpg) no-repeat -490px -36px;
}
/*お客様の声*/
#global_navi ul li.voice a {
	background: url(../images/btn_global.jpg) no-repeat -560px 0px;
	width: 81px;
}
#global_navi ul li.voice a:hover {
	background: url(../images/btn_global.jpg) no-repeat -560px -36px;
}
#global_navi ul li.voice a.stay {
	background: url(../images/btn_global.jpg) no-repeat -560px -36px;
}
/*モデルハウス*/
#global_navi ul li.model a {
	background: url(../images/btn_global.jpg) no-repeat -641px 0px;
	width: 94px;
}
#global_navi ul li.model a:hover {
	background: url(../images/btn_global.jpg) no-repeat -641px -36px;
}
#global_navi ul li.model a.stay {
	background: url(../images/btn_global.jpg) no-repeat -641px -36px;
}
/*イベント情報*/
#global_navi ul li.event a {
	background: url(../images/btn_global.jpg) no-repeat -735px 0px;
	width: 94px;
}
#global_navi ul li.event a:hover {
	background: url(../images/btn_global.jpg) no-repeat -735px -36px;
}
#global_navi ul li.event a.stay {
	background: url(../images/btn_global.jpg) no-repeat -735px -36px;
}
/*資料請求*/
#global_navi ul li.mail a {
	background: url(../images/btn_global.jpg) no-repeat -829px 0px;
	width: 71px;
}
#global_navi ul li.mail a:hover {
	background: url(../images/btn_global.jpg) no-repeat -829px -36px;
}
#global_navi ul li.mail a.stay {
	background: url(../images/btn_global.jpg) no-repeat -829px -36px;
}

/*メインエリア
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
#main {
	width: 900px;
	position: relative;
	margin: 15px 0px 0px;
}

/*コンテンツエリア
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
#contents {
	float: left;
	width: 660px;
	position: relative;
}
/*コンテンツエリア（左）*/
#contents #contents_left {
	width: 240px;
	float: left;
}
/*コンテンツエリア（右）*/
#contents #contents_right {
	width: 375px;
	float: right;
}

/*コンテンツエリア（ライン付き）
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
/*背景（白・枠線）*/
.contents_line {
	padding: 10px;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
	font-size: 0.85em;
}
.contents_line_w {
	padding: 10px;
	font-size: 0.85em;
	border: 1px solid #999999;
	margin: 10px auto 20px;
	width: 780px;
}
.contents_line_w h3 {
	font-size: 1.5em;
	font-weight: bold;
	color: #FFFFFF;
	background: #999999;
	margin: 0px 0px 20px;
	padding: 10px;
}
/*背景（グレー）*/
.contents_inner_gray {
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
	background: #E7E7E7;
	margin: 8px;
}
.contents_gray3 {
	background: #7D8C97;
}
/*背景（白・外枠）*/
.contents_line2 {
	padding: 10px;
	border: 1px solid #999999;
}
/*背景（グレー・ラインなし）*/
.contents_inner_gray2 {
	background: #E7E7E7;
	padding: 20px;
}

/*サイドエリア
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
#column_right {
	float: right;
	width: 204px;
}

/*フッターエリア
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
#footer {
	width: 900px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	padding: 5px 0px;
	margin: 20px 0px 0px;
	clear: both;
}
#footer .foot_navi {
	font-size: 0.9em;
	width: 400px;
	float: left;
	padding-top: 7px;
}
#footer .foot_logo {
	float: right;
	width: 410px;
}
#footer .copyright {
	font-size: smaller;
	color: #999999;
	text-align: right;
	clear: both;
}

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

/* 05.その他設定 */

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

/*トップ新着情報
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
.news {
	border: 1px solid #CCCCCC;
	padding: 10px;
	font-size: 0.9em;
}
.news a {
	color: #666666;
	text-decoration: none;
}
.news a:hover {
	color: #CCCCCC;
	text-decoration: underline;
}
.news img {
	margin-bottom: 5px;
}
.news dl,
.news dl dt,
.news dl dd {
	margin: 0px;
	padding: 0px;
}
.news dl dt {
	background-image: url(../images/icon_yellow.gif);
	background-repeat: no-repeat;
	background-position: left center;
	font-family: Arial, Helvetica, sans-serif;
	color: #999999;
	padding: 0px 0px 0px 12px;
}
.news dl dd {
	line-height: 120%;
	text-indent: 0px;
	margin: 0px 0px 5px;
}
.news_footer {
	text-align: right;
	background: #EFEFEF;
	padding: 3px;
}

/*バナー用画像
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
#column_right div.bnr {
	margin: 0px 0px 8px;
}

.bnr {
	margin: 0px 0px 25px;
}

/*カテゴリータイトル
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
.cat_title {
	margin: 0px 0px 10px;
	width: 900px;
	border-bottom: 1px solid #CCCCCC;
	padding-top: 10px;
	padding-bottom: 10px;
}

/*カーサキューブとは？
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
.about_title {
	background: url(../about/img/bg_cube.gif) no-repeat center bottom;
}
.separator_line {
	margin: 20px 0px;
	border-bottom: 1px solid #999999;
	text-align: right;
}

/*リスト表示
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
ol.privacy li {
	padding: 5px;
	margin: 2em 0px;
	border-bottom: 1px dotted #CCCCCC;
}
#item_list {
	margin: 20px auto;
	width: 800px;
}
#item_list ul,
#item_list ul li {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#item_list ul li {
	margin-bottom: 10px;
}

/*ページスイッチ
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
.pageswitch {
	padding: 10px;
	margin-bottom: 20px;
	border-bottom: 1px dotted #999999;
	text-align: right;
}

/*更新日表示
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
.date {
	background-image: url(../images/icon_yellow.gif);
	background-repeat: no-repeat;
	background-position: left center;
	font-family: Arial, Helvetica, sans-serif;
	color: #999999;
	padding: 0px 0px 0px 12px;
}