@charset "utf-8";
/* ===================================================================
CSS Information

 File name:      index.css
 Style Info:     インデックスのコンテンツのみのCSS

 目次:
 	_/font-size ,font-color

	__/インデックス
		__/#

=================================================================== */
/*----------------------------------------------------
	font-size ,font-color
----------------------------------------------------*/
#top-event ,
#model-list div li , {
	font-size: 77%;
	}
div#gallery .text {
	font-size: 85%;
	}
div#house-face div dt { /* 今月の顔フォント大きさ */
	}
div#house-face div dd { /* 今月の顔フォント大きさ */
	font-size: 83%;
	}
#cam ,
#option {
	font-size: 93%;
	}
#cam-event p#target {
	font-size: 100%;
	}
#top-event h4 {
	font-size: 116%; /* 110% */
	}
#main .important {
	font-weight: normal;
	}

/*---　青カラー　---*/
div#gallery h4 {
	color: #4573b3;
	}

/*---　テクノ青カラー　---*/
#top-contents h2 ,
div#house-face div dt {
	color: #0f218b;
	}

/*---　リフォームオレンジ　---*/
#reform #sub h4  {
	padding-left: 16px;
	background: url(../img/item/square-ref.gif)
				no-repeat 0 0.3em;
	color: #f60;
	font-weight: bold;
	font-size: 110%;
	}
/*---　白　---*/
h2 {
	font-size: 80%;
	color: #fff;
	}

/*----------------------------------------------------
	インデックス
----------------------------------------------------*/
#main {
	position: relative;
	}
/*	共通
----------------------------------------------------*/
p.btn {
	text-align: center;
	padding-top: 5px;
	padding-bottom: 10px;
	}

/*	#top-contents　（flash下部分）
----------------------------------------------------*/
#top-contents  {
	position: relative;
	}
#left-menu {
	position: relative;
	}
#left-menu p#blog {
	position: absolute;
	bottom: 0;
	left: 10px;
	}
#ob-footer div {
	float: left;
	width: 715px;
	}
#top-contents ul {
	float: left;
	padding-bottom: 8px;
	}
#top-contents li {
	float: left;
	width: 145px;
	padding-left: 12px;
	}
#top-contents li.second {	width: 215px;	}
#top-contents .toptext {
	text-align: center;
	}
#top-contents #bnr-ev {
	float: left;
	width: 225px;
	padding-left: 10px;
	}

/*	#honesty-news　中央上部
----------------------------------------------------*/
div#honesty-news {
	padding-top: 10px;
	padding-left: 30px;
	}
div#honesty-news div {
	float: left;
	width: 511px;
	}
div#honesty-news p {
	float: left;
	padding-right: 13px;
	}

/*	#news　（更新情報）　---右カラム内---
----------------------------------------------------*/
#news h3 {
	padding-bottom: 4px;
	}
div#news {
	float: left;
	width: 300px;
	margin-bottom: 20px;
	}
#news ul {
	float: left;
	border-top: 1px solid #ccc;
	width: 300px;
	height: 500px;		 /* What's Newsの高さ */
	border: none;
	overflow: auto;
	/*-- IE only --*/
	scrollbar-3dlight-color: #aaa;
	scrollbar-darkshadow-color: #aaa;
	scrollbar-face-color: #aaa;
	scrollbar-arrow-color: #fff;
	scrollbar-highlight-color: #fff;
	scrollbar-shadow-color: #fff;
	scrollbar-track-color:#ddd;
	}
#news li {
	padding-left: 18px;
	padding-bottom: 3px;
	background: url(../img/item/head-info.gif)
				no-repeat 0 0.1em;
	}
#news li {
	display: block;
	width: 260px;
	margin-top: 3px;
	margin-bottom: 3px;
	border-bottom: 1px solid #ccc;
	}
#news li p {
	display: block;
	width: 260px;
	}
#news li a {
	display: block;
	width: 260px;
	}
#news li a strong ,
#news li strong {
	color: #98007E;
	font-weight: bold;
	}
#news li a:hover {
	background-color: #E6EDFF;
	}
#news strong a:link ,
#news strong a:visited ,
#news strong {
	font-weight: normal;
	}
#news a:link {
	color: #111987;
	text-decoration: none;
	}
#news a:visited {
	color: #111987;
	text-decoration: none;
	}
#news strong a:hover ,
#news a:hover {
	color: #960F80;
	text-decoration: underline;
	}
#news li:hover {
	background-image: url(../img/item/head-info_o.gif);
	}
#news li span.days ,
#news li a span.days {
	color: #6666E2;
	}

/*	div#sub 左カラム
----------------------------------------------------*/
.ex {
	}
/*	#next-future　（これからの現場見学会）	*/
div#next-future {
	}
#sub div#next-future h3 {
	padding: 0;
	text-align: center;
	}
#sub div#next-future div {
	float: left;
	width: 158px;
	padding: 0;
	margin-left: 6px;
	margin-bottom: 15px;
	border: 1px solid #0A50A1;
	}
*html #sub div#next-future div { /* IE6 hack */
	margin-left: 3px;
	}
div#next-future ul {
	}
div#next-future li {
	text-align: left;
	padding-top: 2px;
	padding-bottom: 2px;
	border-bottom: 1px dashed #ddd;
	}
div#next-future li.odd {
	background-color: #E1F0FD;
	}
div#next-future li p {
	margin-bottom: 0;
	padding: 0px 3px;
	text-align: center;
	font-size: 90%;
	}
div#next-future li p.days {
	font-weight: bold;
	text-align: left;
	font-size: 80%;
	padding-right: 8px;
	text-align: center;
	}
div#next-future div p.report {
	padding-top: 2px;
	font-size: 80%;
	color: #0A50A1;
	text-align: center;
	}

/*	#house-face　（今月の顔）	*/
div#house-face h3 {
	padding-bottom: 15px;
	}
div#house-face div {
	text-align: center;
	padding-bottom: 15px;
	}
div#house-face div dl {
	text-align: left;
	}
div#house-face div dd {
	/* padding-bottom: 5px; 今月の顔が短い場合 */
	}
div#house-face div#making-event {
	/* padding-top: 20px; 今月の顔が短い場合 */
	padding-top: 5px;
	padding-bottom: 10px;
	}
div#house-face div#making-event li {
	padding-top: 4px;
	padding-bottom: 4px;
	text-align: left;
	}
div#house-face div#making-event li.new {
	margin-top: -6px;
	padding-top: 18px;
	padding-bottom: 4px;
	background: url(../img/top/ansin-new.gif)
				no-repeat 4px 0;
	}
div#house-face div#making-event .btngroup {
	padding-top: 10px;
	background: url(../img/item/bottom-blue.gif)
				no-repeat 50% 0%;
	}
div#house-face div#making-event .btngroup img {
	padding-top: 5px;
	}
div#face {
	padding-bottom: 5px;
	border-bottom: 1px solid #000;
	}

/*	div.section　中央カラム
----------------------------------------------------*/
.section {
	border-right: 1px solid #0F218B;
	margin-bottom: 10px;
	}
/* 現在の中央イベント */
#new-grantone ,
#main .section .bnr,
#top-event {
	clear: both;
	float: left;
	width: 400px;
	margin-top: 10px; /* イベントとイベントの間の大きさ */
	}
#main .section #comp-house p , /*チラシリンクがない場合 */
#main .section #comp-house a , /*チラシリンクがある場合 */
#new-grantone a ,
#main .section .bnr a,
#top-event a {
	display: block;
	width: 400px;
	border: 5px solid #e6e6e6;
	}
#main .section .bnr#model-open a {
	border: 5px solid #f90;
	background-color: #f90;
	}
#main .section .bnr#hojyo-point a {
	border: 5px solid #33A02C;
	}
#main .section .bnr#hojyo-point a:hover {
	border: 5px solid #f90;
	}
#top-event a:hover ,
#main .section #comp-house a:hover ,
#main .section .bnr a:hover {
	border: 5px solid #4573B3;
	}
#new-grantone a:hover {
	border: 5px solid #f90;
	}
#main .section .bnr#start-ota {
	border: 5px solid #98007E;
	}
#main .section .bnr#model-open a:hover {
	border: 5px solid #f00;
	background-color: #f00;
	}

#top-event { /* 一番下のイベント */
	float: left;
	width: 400px;
	margin-bottom: 0;
	}

/*	#new-grantone　（グラントーン新登場）	*/
#new-grantone {
	position: relative;
	}
#new-grantone img.imgover {
	position: absolute;
	bottom: 20px;
	right: 0px;
	}
*html #new-grantone img.imgover { /* IE6 用 */
	right: 15px;
	}

/*	#top-event　（くらしのギャラリー）	*/
#top-event {
	position: relative;
	}
#top-event p.open  {
	position: absolute;
	top: 10px;
	right: 10px;
	}

/*	div.ex　右カラム
----------------------------------------------------*/
#sub {
	border-right: 1px solid #000;
	}
div#iso {
	margin-top: 15px;
	padding-top: 15px;
	border-top: 1px solid #000;
	}
div#iso p {
	float: right;
	padding-top: 8px;
	padding-right: 8px;
	}
div#iso p#prize {
	float: left;
	padding: 0;
	}

#main .section .bnr#hojyo-point a:hover {
	border: 5px solid #f90;
	}

/*	#honesty-paper　（オネスティ通信）	*/
div#honesty-paper {
	clear: both;
	padding-bottom: 10px;
	}
/*	#event-spring　（春の祭典）	*/
div#event-spring {
	clear: both;
	position: relative;
	}
div#event-spring img.imgover {
	position: absolute;
	top: 90px;
	left: 190px;
	}
/*	#two-event */
div#two-event {
	margin-top: 12px;
	padding-bottom: 8px;
	margon-bottom: 8px;
	}
div#two-event p {
	margin: 0;
	}
/*	#cam　（セルローズ館）	*/
div#cam {
	float: left;
	clear: both;
	width: 170px;
	padding-left: 130px;
	background: url(../img/top/sel-img.jpg)
				no-repeat 0 10%;
	margin-top: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #000;
	font-size: 80%;
	}

/*	#event-list　（お料理教室）	*/
#event-list {
	clear: both;
	}
/* Link-Color */
#event-list a {
	display: block;
	width: 302px;
	}
#event-list a {
	display: block;
	background-color: #fff;
	}
#event-list a:hover {
	background-color:#E6EDFF;
	}