@import url("base.css");


/* 基本設定
-----------------------------------*/
body {
	background-image:url(../img/index/bg.jpg);
}

img { border:0px; }

.clear { clear:both; }

/* メインメニュー
-----------------------------------*/
#main_menu {
	background-image:url(../img/index/menu_bg.gif);
}


/* トップエリア
-----------------------------------*/
#top_area {
	width:1020px;
	height:355px;
	padding-top:13px;
	_padding-top:12px;
	margin:auto;
}

/* フラッシュ */
#top_area .flash {
	width:1020px;
	height:355px;
	margin:auto;
	vertical-align:middle;
}

/* トップバナーエリア
-----------------------------------*/
#top_bana{
	width:954px;
	height:452px;
	margin:auto;
	padding:5px 18px 0px 18px;
	_width:968px;
	_padding-left:11px;
	_padding-right:11px;
	background:url(../img/index/top_bg2.gif) top no-repeat;
}

/* ママらくハウス */
#top_bana .banner_mama {
	float:left;
	width:620px;
	height:138px;
	margin-left:7px;
	display:block;
	background-image:url(../img/index/banner_mama.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}

#top_bana a.banner_mama {
	float:left;
	width:620px;
	height:138px;
	margin-left:7px;
	display:block;
	background-image:url(../img/index/banner_mama.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}
#top_bana a.banner_mama:hover {
	background-position:top right;
}

/* モダンスタイル住宅 */
#top_bana a.banner_modern {
	width:300px;
	height:138px;
	margin-right:7px;
	float:right;
	display:block;
	background-image:url(../img/index/banner_modern.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}
#top_bana a.banner_modern:hover {
	background-position:top right;
}

#top_bana .top {
	width:606px;
	height:98px;
	margin-left:7px;
	margin-top:12px;
	padding:7px;
	float:left;
	background-image:url(../img/index/contents_top_bg.gif);
	background-position:top left;
	background-repeat:no-repeat;
}

/* 町家シリーズ */
#top_bana a.banner_town {
	float:left;
	width:300px;
	height:90px;
	display:block;
	background-image:url(../img/index/banner_town.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}
#top_bana a.banner_town:hover {
	background-position:top right;
}

/* 200年住宅 */
#top_bana a.banner_jigyou {
	float:right;
	width:300px;
	height:90px;
	display:block;
	background-image:url(../img/index/banner_jigyou.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}
#top_bana a.banner_jigyou:hover {
	background-position:top right;
}

/* 長期優良住宅 */
#top_bana a.banner_long {
	width:300px;
	height:112px;
	margin-right:7px;
	margin-top:11px;
	float:right;
	display:block;
	background-image:url(../img/index/banner_long.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}
#top_bana a.banner_long:hover {
	background-position:top right;
}

/* バナー */
#top_bana .banner_title{
	padding-top:26px;
	padding-bottom:11px;
	padding-left:7px;
}
#top_bana .banner {
	width:951px;
	padding-left:4px;
	*padding-left:5px;
	margin:auto;
}

#top_bana .banner a {
	float:left;
	width:186px;
	height:86px;
	display:block;
	margin-right:4px;
	background-position:top left;
	background-repeat:no-repeat;
}
#top_bana .banner a:hover {
	margin-top:2px;
}

#top_bana .banner a.top_banner1 {
	background-image:url(../img/index/top_banner1.jpg);
}
#top_bana .banner a.top_banner2 {
	background-image:url(../img/index/top_banner2.jpg);
}
#top_bana .banner a.top_banner3 {
	background-image:url(../img/index/top_banner3.jpg);
}
#top_bana .banner a.top_banner4 {
	background-image:url(../img/index/top_banner4.jpg);
}
#top_bana .banner a.top_banner5 {
	margin-right:0px;
	background-image:url(../img/index/top_banner5.jpg);
}


/* 左エリア
-----------------------------------*/
#left_area {
	float:left;
	width:700px;
	padding-bottom:20px;
}


/* トップ
-----------------------------------*/

/* プレゼント・メルマガ
-----------------------------------*/
#left_area .present {
	float:left;
	width:280px;
	padding-bottom:39px;
}

a.banner_present {
	width:280px;
	height:264px;
	display:block;
	margin-bottom:14px;
	background-image:url(../img/index/banner_present.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}
a.banner_present:hover {
	background-position:top right;
}

a.banner_members {
	width:280px;
	height:90px;
	display:block;
	background-image:url(../img/index/banner_members.gif);
	background-position:top left;
	background-repeat:no-repeat;
}
a.banner_members:hover {
	background-position:top right;
}


/* 新着情報
-----------------------------------*/
#left_area .news {
	float:right;
	width:400px;
}

#left_area .news .head {
	width:393px;
	height:35px;
	padding:7px 7px 0px 0px;
	background-image:url(../img/index/news_head.gif);
	background-position:top left;
	background-repeat:no-repeat;
}

#left_area .news .photo {
	float:left;
	width:36px;
	height:36px;
	border:1px solid #D1CAC5;
	padding:1px;
}

#left_area .news .photo table {
	width:36px;
	height:36px;
	text-align:center;
	vertical-align:middle;
}

#left_area .news .info {
	float:right;
	width:350px;
}

#left_area .news .info .date {
	width:350px;
	color:#666666;
	font-size:11px;
	font-family:Verdana;
}

#left_area .news .dotline {
	clear:both;
	width:400px;
	height:19px;
	background-image:url(../img/index/news_dotline.gif);
	background-position:top left;
	background-repeat:no-repeat;
}

#left_area .news .list {
	width:400px;
	text-align:right;
}


a.bt_rss {
	float:right;
	width:49px;
	height:18px;
	display:block;
	background-image:url(../img/index/bt_rss.gif);
	background-position:top left;
	background-repeat:no-repeat;
}
a.bt_rss:hover {
	background-position:top right;
}


/* ダイアリー
-----------------------------------*/
#left_area .diary {
	width:690px;
	padding:6px 5px 5px 5px;
	background-image:url(../img/index/diary_bg.gif);
	background-position:top left;
	background-repeat:no-repeat;
}

#left_area .diary .left_box {
	float:left;
	width:341px;
	height:188px;
	border:1px solid #E8D1BB;
	background-color:#FFFFFF;
	background-image:url(../img/index/diary_orange_bar.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
}

#left_area .diary .right_box {
	float:right;
	width:341px;
	height:188px;
	border:1px solid #E8D1BB;
	background-color:#FFFFFF;
	background-image:url(../img/index/diary_green_bar.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
}

#left_area .diary .date {
	width:334px;
	padding:6px 0px 0px 7px;
	color:#666666;
	font-size:11px;
	font-family:Verdana;
	background-image:url(../img/index/diary_banner_kage.gif);
	background-position:top left;
	background-repeat:no-repeat;
}

#left_area .diary .title {
	width:332px;
	padding:5px 0px 0px 9px;
}

#left_area .diary .comment {
	width:332px;
	padding:0px 0px 0px 9px;
	color:#999999;
	font-size:10px;
}

/* ダイアリー1のリンク色 */
#left_area .diary .left_box .title a:link {
	color: #CC9900;
	text-decoration: underline;
}
#left_area .diary .left_box .title a:visited {
	color: #CC9900;
	text-decoration: underline;
}
#left_area .diary .left_box .title a:active {
	color: #CC9900;
	text-decoration: underline;
}
#left_area .diary .left_box .title a:hover {
	color: #DBB84D;
	text-decoration: underline;
}

/* ダイアリー2のリンク色 */
#left_area .diary .right_box .title a:link {
	color: #999933;
	text-decoration: underline;
}
#left_area .diary .right_box .title a:visited {
	color: #999933;
	text-decoration: underline;
}
#left_area .diary .right_box .title a:active {
	color: #999933;
	text-decoration: underline;
}
#left_area .diary .right_box .title a:hover {
	color: #B8B871;
	text-decoration: underline;
}

/* バナー1 */
a.banner_diary1 {
	width:341px;
	height:105px;
	display:block;
	background-image:url(../img/index/diary_banner1.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}
a.banner_diary1:hover {
	background-position:top right;
}

/* バナー2 */
a.banner_diary2 {
	width:341px;
	height:105px;
	display:block;
	background-image:url(../img/index/diary_banner2.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}
a.banner_diary2:hover {
	background-position:top right;
}


/* 施工ギャラリー
-----------------------------------*/
#left_area .gallery {
	width:700px;
	padding-bottom:29px;
	background-image:url(../img/index/gallery_bg.jpg);
	background-position:bottom right;
	background-repeat:no-repeat;
}

#left_area .gallery .box {
	float:left;
	width:130px;
}

#left_area .gallery .box .photo {
	width:130px;
	height:100px;
	text-align:center;
}

#left_area .gallery .box .photo img {
	border:1px solid #F3EEE2;
	padding:1px;
}

#left_area .gallery .box .date {
	width:130px;
	height:14px;
	color:#666666;
	font-size:11px;
	font-family:Verdana;
	padding-top:5px;
}

#left_area .gallery .box .title {
	width:128px;
	height:21px;
	line-height:13px;
	font-size:11px;
	font-weight:bold;
	padding-top:8px;
	padding-left:2px;
}

#left_area .gallery .box .comment {
	width:128px;
	height:35px;
	padding-left:2px;
	font-size:10px;
	line-height:13px;
}

#left_area .gallery .dotline {
	float:left;
	width:21px;
	height:206px;
	background-image:url(../img/index/gallery_dotline.gif);
	background-position:top left;
	background-repeat:no-repeat;
}

#left_area .gallery_bt_area {
	width:695px;
	background-color:#F3EEE2;
	margin-top:1px;
	padding:6px 5px 6px 0px;
}

/* 一覧 */
a.bt_gallery_list {
	float:right;
	width:71px;
	height:23px;
	display:block;
	background-image:url(../img/index/gallery_list_bt.gif);
	background-position:top left;
	background-repeat:no-repeat;
}
a.bt_gallery_list:hover {
	background-position:top right;
}

/* 詳細はこちら */
a.bt_gallery_details {
	width:85px;
	height:19px;
	display:block;
	background-image:url(../img/index/gallery_details_bt.gif);
	background-position:top left;
	background-repeat:no-repeat;
}
a.bt_gallery_details:hover {
	background-position:top right;
}


/* お客様の声と約束
-----------------------------------*/
#left_area .voice {
	width:688px;
	padding:0px 6px 0px 6px;
	background-image:url(../img/index/voice_bg.gif);
	background-position:top right;
	background-repeat:repeat-y;
}

#left_area .voice .left_box {
	float:left;
	width:309px;
	padding-left:13px;
}

#left_area .voice .left_box .photo {
	float:left;
	width:144px;
}
#left_area .voice .left_box .photo img {
	padding:1px;
	border:1px solid #E6E6E6;
}

#left_area .voice .left_box .date {
	float:right;
	width:155px;
	color:#666666;
	font-size:11px;
	font-family:Verdana;
}

#left_area .voice .left_box .title {
	float:right;
	width:155px;
	padding-top:2px;
	font-size:13px;
	font-weight:bold;
}

#left_area .voice .left_box .comment {
	float:right;
	width:155px;
	padding-top:6px;
	font-size:10px;
	line-height:15px;
}

#left_area .voice .left_box .bt {
	float:right;
	width:155px;
	padding-top:8px;
}

#left_area .voice .right_box {
	float:right;
	width:329px;
	height:214px;
	background-image:url(../img/index/promise_bg.jpg);
	background-position:top right;
	background-repeat:repeat-y;
}

#left_area .voice .dotline {
	float:left;
	width:37px;
	height:203px;
	background-image:url(../img/index/voice_dotline.gif);
	background-position:top right;
	background-repeat:repeat-y;
}

/* 詳細はこちら */
a.bt_voice_details {
	width:85px;
	height:21px;
	display:block;
	background-image:url(../img/index/voice_details_bt.gif);
	background-position:top left;
	background-repeat:no-repeat;
}
a.bt_voice_details:hover {
	background-position:top right;
}

/* お客様へのお約束 */
a.bt_promise {
	width:133px;
	height:21px;
	display:block;
	background-image:url(../img/index/promise_bt.gif);
	background-position:top left;
	background-repeat:no-repeat;
}
a.bt_promise:hover {
	background-position:top right;
}


/* 丸協の想い
-----------------------------------*/
#left_area .thought {
	width:674px;
	border:5px solid #F0DCB2;
	padding:15px 0px 17px 16px;
	background-image:url(../img/index/thought_bg.jpg);
	background-position:bottom right;
	background-repeat:no-repeat;
}

#left_area .thought .left_box {
	width:515px;
}

#left_area .thought .left_box .text {
	width:500px;
	color:#8C8C8C;
	font-size:11px;
	line-height:15px;
}

#left_area .thought .left_box .text2 {
	width:500px;
	color:#8C8C8C;
	font-size:11px;
	line-height:15px;
	padding-top:15px;
}

#left_area .thought .right_box {
	float:left;
	padding-top:5px;
}

/* 詳細はこちら */
a.bt_thought_details {
	width:85px;
	height:21px;
	display:block;
	background-image:url(../img/index/thought_details_bt.gif);
	background-position:top left;
	background-repeat:no-repeat;
}
a.bt_thought_details:hover {
	background-position:top right;
}


/* お問い合わせ
-----------------------------------*/
#left_area .contact {
	padding:8px;
}


/* 右エリア
-----------------------------------*/
#right_area {
	float:right;
	width:220px;
}

/* 土地情報 */
a.banner_land {
	width:220px;
	height:70px;
	display:block;
	background-image:url(../img/index/banner_land.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}
a.banner_land:hover {
	background-position:top right;
}

/* 丸協の想い */
a.banner_thought {
	width:220px;
	height:120px;
	display:block;
	background-image:url(../img/index/banner_thought.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}
a.banner_thought:hover {
	background-position:top right;
}

/* 丸協の5つのこだわり */
#right_area .hitch_body {
	width:206px;
	padding:0px 7px 0px 7px;
	background-image:url(../img/index/hitch_body.gif);
	background-position:top left;
	background-repeat:repeat-y;
}

#right_area .hitch_body .list {
	width:198px;
	padding-left:8px;
}

/* マイホーム塾 */
a.banner_juku {
	width:220px;
	height:110px;
	display:block;
	background-image:url(../img/index/banner_juku.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}
a.banner_juku:hover {
	background-position:top right;
}

#right_area .juku_text {
	width:220px;
	color:#8C8C8C;
	font-size:10px;
	line-height:15px;
	padding:7px 0px 12px 0px;
	background-image:url(../img/index/side_kage.gif);
	background-position:top left;
	background-repeat:no-repeat;
}

/* 社長ダイアリー */
#right_area .president_body {
	width:200px;
	color:#999999;
	font-size:10px;
	line-height:13px;
	padding:0px 5px 20px 5px;
	border:5px solid #F8EED9;
	border-top:0px;
}

#right_area .president_body .date {
	width:200px;
	color:#666666;
	font-size:11px;
	font-family:Verdana;
	line-height:17px;
}

#right_area .president_body .title {
	width:198px;
	font-size:12px;
	line-height:18px;
	padding:3px 0px 5px 2px;
}
#right_area .president_body .title a:link {
	color: #CC9900;
	text-decoration: underline;
}
#right_area .president_body .title a:visited {
	color: #CC9900;
	text-decoration: underline;
}
#right_area .president_body .title a:active {
	color: #CC9900;
	text-decoration: underline;
}
#right_area .president_body .title a:hover {
	color: #DBB84D;
	text-decoration: underline;
}

#right_area .president_body .text {
	width:198px;
	padding-left:2px;
}


/* スタッフダイアリー */
#right_area .staff_body {
	width:200px;
	color:#999999;
	font-size:10px;
	line-height:13px;
	padding:0px 5px 20px 5px;
	border:5px solid #E0E4E7;
	border-top:0px;
}

#right_area .staff_body .date {
	width:200px;
	color:#666666;
	font-size:11px;
	font-family:Verdana;
	line-height:18px;
}

#right_area .staff_body .title {
	width:198px;
	font-size:12px;
	line-height:18px;
	padding:3px 0px 5px 2px;
}

#right_area .staff_body .text {
	width:198px;
	padding-left:2px;
}


/* セミナー申込み */
a.banner_seminar {
	width:220px;
	height:60px;
	display:block;
	background-image:url(../img/index/banner_seminar.gif);
	background-position:top left;
	background-repeat:no-repeat;
}
a.banner_seminar:hover {
	background-position:top right;
}

/* リフォーム */
a.banner_reform {
	width:220px;
	height:60px;
	display:block;
	background-image:url(../img/index/banner_reform.gif);
	background-position:top left;
	background-repeat:no-repeat;
}
a.banner_reform:hover {
	background-position:top right;
}

/* ホームレポート */
a.banner_homereport {
	width:220px;
	height:70px;
	display:block;
	background-image:url(../img/index/banner_homereport.gif);
	background-position:top left;
	background-repeat:no-repeat;
}
a.banner_homereport:hover {
	background-position:top right;
}

/* チームマイナス */
a.banner_team {
	width:220px;
	height:70px;
	display:block;
	background-image:url(../img/index/banner_team.gif);
	background-position:top left;
	background-repeat:no-repeat;
}
a.banner_team:hover {
	background-position:top right;
}

/* 建築状況配信サービス */
#right_area .situation{
	background:url(../img/index/situation_bg.jpg) top left no-repeat;
	width:180px;
	height:265px;
	padding-left:20px;
	padding-right:20px;
}
#right_area .login_area{
	background:url(../img/index/situation_in_bg.jpg) top left no-repeat;
	padding-left:13px;
	padding-right:13px;
	width:154px;
	height:125px;
}
#right_area .login_area .wi_155{
	width:154px;
}
#right_area .login_area .wi_147{
	width:147px;
}
#right_area .s_input{
	height:22px;
	*+height:24px;
}
#right_area .s_submit{
	text-align:center;
	padding-top:6px;
}
#right_area .s_submit input{
	width:72px;
	height:22px;
	font-size:12px;
}