@import url("base.css");

img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
.clear {clear:both; }

/* フラッシュ
-----------------------------------*/
#flash {
	width:100%;
	background-image:url(../img/index/flash_bg.gif);
	background-position:top center;
	background-repeat:repeat-x;
	vertical-align:middle;
}

/* ヘッダー
-----------------------------------*/
#header {
	_width:967px;
}

#header .logo {
	_padding-left:7px;
}


/* メインメニュー
-----------------------------------*/
#main_menu {
	_width:967px;
	_margin-left:7px;
}

/* ライン
-----------------------------------*/
#blue_line {
	width:100%;
	height:25px;
	background-image:url(../img/index/line.gif);
	background-position:top center;
	background-repeat:no-repeat;
}

#blue_line_wrapper {
	width:960px;
	margin:auto;
}

#blue_line_wrapper .text1 {
	float:left;
	color:#FFFFFF;
	font-size:11px;
	padding-top:5px;
}

#blue_line_wrapper .text2 {
	float:right;
	color:#80CAEC;
	font-size:9px;
	font-family:Verdana;
	padding-top:5px;
}


/* コンテンツレイアウト
-----------------------------------*/
#contents_wrapper {
	width:960px;
	margin:auto;
}


/* コンテンツ
-----------------------------------*/
#contents {
	width:740px;
	padding-top:30px;
}

#contents .space {
	clear:both;
	width:740px;
	height:45px;
}


/* 新着情報
-----------------------------------*/
#news {
	float:left;
	width:460px;
}

#news .title {
	width:409px;
	height:43px;
	padding:0px 5px 0px 46px;
	background-image:url(../img/index/news_title.gif);
	background-position:top left;
	background-repeat:no-repeat;
}

#news .title .text {
	float:left;
	color:#4D4D4D;
	font-size:11px;
	padding-top:8px;
}

#news .title a.bt_more {
	float:right;
	width:65px;
	height:20px;
	display:block;
	margin-top:5px;
	background-image:url(../img/index/news_bt.gif);
	background-position:top left;
	background-repeat:no-repeat;
}
#news .title a.bt_more:hover {
	background-position:top right;
}

#news .photo {
	float:left;
	width:50px;
}

#news .date {
	float:right;
	width:400px;
	color:#B3B3B3;
	font-size:11px;
	font-family:Verdana;
}

#news .name {
	float:right;
	width:400px;
}

#news .comment {
	float:right;
	width:400px;
	font-size:11px;
	line-height:15px;
}

#news .line {
	clear:both;
	width:460px;
	height:24px;
	background-image:url(../img/index/news_line.gif);
	background-position:top left;
	background-repeat:no-repeat;
}

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

#news .list {
	float:right;
	padding:4px 12px 0px 0px;
}


/* ギャラリー
-----------------------------------*/
#gallery {
	float:right;
	width:250px;
}


#gallery .title {
	width:192px;
	height:43px;
	padding:0px 4px 0px 54px;
	background-image:url(../img/index/gallery_title.gif);
	background-position:top left;
	background-repeat:no-repeat;
}

#gallery .title .text {
	float:left;
	color:#4D4D4D;
	font-size:11px;
	padding-top:8px;
}

#gallery .title a.bt_more {
	float:right;
	width:65px;
	height:20px;
	display:block;
	margin-top:5px;
	background-image:url(../img/index/gallery_bt.gif);
	background-position:top left;
	background-repeat:no-repeat;
}
#gallery .title a.bt_more:hover {
	background-position:top right;
}

#gallery .photo {
	float:left;
	width:130px;
}
#gallery .photo img {
	border:5px solid #E6E6E6;
}

#gallery .date {
	float:right;
	width:400px;
	color:#B3B3B3;
	font-size:11px;
	font-family:Verdana;
}

#gallery .schedule {
	float:right;
	width:110px;
	color:#666666;
	font-size:11px;
}

#gallery .schedule .date {
	width:110px;
	font-size:11px;
	line-height:15px;
	font-family:Verdana;
	padding-top:5px;
}
#gallery .schedule .date a:link {
	color: #027ABB;
	text-decoration: none;
}
#gallery .schedule .date a:visited {
	color: #027ABB;
	text-decoration: none;
}
#gallery .schedule .date a:hover {
	color: #8BBDCD;
	text-decoration: underline;
}
#gallery .schedule .date a:active {
	color: #027ABB;
	text-decoration: none;
}

#gallery .comment {
	width:225px;
	height:97px;
	font-size:11px;
	line-height:15px;
	padding:31px 17px 0px 8px;
	margin-bottom:5px;
	background-image:url(../img/index/gallery_comment_bg.gif);
	background-position:bottom left;
	background-repeat:repeat-x;
}

#gallery .comment .name {
	width:225px;
	font-size:12px;
	padding-bottom:5px;
}

#gallery .list {
	float:right;
	padding:4px 12px 0px 0px;
}


/* カフェ・フィーカ
-----------------------------------*/
#fica {
	clear:both;
	width:530px;
	height:190px;
	padding:65px 190px 0px 20px;
	background-image:url(../img/index/fica_bg.jpg);
	background-position:top left;
	background-repeat:repeat-x;
}

#fica .title {
	float:left;
	width:150px;
	height:43px;
	padding-left:46px;
}

#fica .title_text {
	float:right;
	width:334px;
	height:43px;
	color:#9BAA39;
	font-size:11px;
}

#fica .photo {
	float:left;
	width:130px;
}

#fica .month {
	float:right;
	width:380px;
	height:18px;
	color:#666666;
	font-size:11px;
}

#fica .name {
	float:right;
	width:380px;
	height:20px;
	font-weight:bold;
}

#fica .comment {
	float:right;
	width:380px;
	height:64px;
	color:#857C56;
	font-size:11px;
	line-height:16px;
}

#fica .bt_area {
	float:right;
	width:380px;
}

#fica .bt {
	width:190px;
	height:22px;
	padding:6px 0px 0px 25px;
	border:1px solid #CCCCCC;
}


/* インテリアとハウジング
-----------------------------------*/
#interior_housing {
	width:740px;
	padding-top:45px;
}

#interior {
	float:left;
	width:340px;
}

#housing {
	float:right;
	width:340px;
}

#center_line {
	float:left;
	width:60px;
	height:130px;
	background-image:url(../img/index/center_line.gif);
	background-position:top left;
	background-repeat:no-repeat;
}

#interior_housing .photo {
	float:left;
	border:5px solid #E6E6E6;
	padding:1px;
}

#interior_housing .title {
	float:right;
	width:200px;
	padding-bottom:5px;
}

#interior_housing .text {
	float:right;
	width:200px;
	color:#666666;
	font-size:11px;
	line-height:16px;
}


/* ボタン
-----------------------------------*/
/* RSS */
a.bt_rss {
	float:right;
	width:57px;
	height:27px;
	display:block;
	background-image:url(../img/news/bt_rss.gif);
	background-position:top left;
	background-repeat:no-repeat;
}
a.bt_rss:hover {
	background-position:top right;
}


/* サイドエリア
-----------------------------------*/
#side_area {
	padding-top:14px;
}

#side_area .banner_blog {
	margin-bottom:8px;
}

/* ブログ */
#side_area .blog_comment {
	width:180px;
	font-size:11px;
	margin:auto;
}
#side_area .blog_comment a{
	font-family:Verdana;
}
#side_area .blog_comment a:link {
	text-decoration: none;
}
#side_area .blog_comment a:visited {
	text-decoration: none;
}
#side_area .blog_comment a:hover {
	text-decoration: underline;
}
#side_area .blog_comment a:active {
	text-decoration: none;
}

#side_area .blog_comment .box {
	width:180px;
	padding-top:5px;
}
#side_area .blog_comment .box a:link {
	color: #EC7CB4;
	text-decoration: none;
}
#side_area .blog_comment .box a:visited {
	color: #EC7CB4;
	text-decoration: none;
}
#side_area .blog_comment .box a:hover {
	color: #EC7CB4;
	text-decoration: underline;
}
#side_area .blog_comment .box a:active {
	color: #EC7CB4;
	text-decoration: none;
}

#side_area .blog_comment .box .title {
	width:170px;
	padding:5px;
	color:#BFBFBF;
	background-color:#E8E8E8;
}
#side_area .blog_comment .box .title a{
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
#side_area .blog_comment .box .title a:link {
	color: #666666;
	text-decoration: none;
}
#side_area .blog_comment .box .title a:visited {
	color: #666666;
	text-decoration: none;
}
#side_area .blog_comment .box .title a:hover {
	color: #666666;
	text-decoration: underline;
}
#side_area .blog_comment .box .title a:active {
	color: #666666;
	text-decoration: none;
}


.font_verdana {
	font-family:Verdana;
}