@charset "UTF-8";
/* ===================================================================
CSS information

 file name  :layout.css
 style info :基本ページレイアウト
 
=================================================================== */

/*----------------------------------------------------
	基本設定、リンクカラーなど
----------------------------------------------------*/
/*body {}
a:link {text-decoration:underline;color:#333333;}
a:visited {text-decoration:underline;color:#333333;}
a:hover {text-decoration:underline;color:#333333;}
a:active {text-decoration:underline;color:#333333;}*/

/* 位置関係解消、高さ0px,5px,10px */
.clear{height:0px;clear:both;overflow:hidden;}
.clear5{height:5px; clear:both; overflow:hidden;}
.clear10{height:10px; clear:both; overflow:hidden;}
.clear30{height:30px; clear:both; overflow:hidden;}

/* イメージ回り込み */
.imgR{float: right;margin: 0px 0px 10px 10px;}
.imgL{float: left;margin: 0px 0px 10px 0px;}

/* 中央･左･右 揃え */
.center{text-align: center;width:100%;}
.left{text-align: left;}
.right{text-align: right;}


/*----------------------------------------------------
	クリア指示
----------------------------------------------------*/
.clearfloat { clear: both; }



/*----------------------------------------------------
	#page 基本の幅
----------------------------------------------------*/
#base {width: 100%;}
#page {width: 960px;margin: 0 auto;text-align: left;clear: both;}



/* -----------------------------------------------------------
	#header
----------------------------------------------------------- */
#header {width:960px; height:74px; margin:0; background: url(../img/img_header.gif) no-repeat 0px 5px;}
#header h1 a {height:74px; width:270px; text-indent:-9999px; float:left; display:block;}
#header h2 a {height:30px; width:150px; margin-top:20px; text-indent:-9999px; float:right; display:block;}


/* ヘッダーメニュー */
#header_navi .h_navi {clear: both; margin:0px 0px 0px 0px;}
#header_navi .h_navi ul{padding:0px 0px 0px 0px;}
#header_navi .h_navi ul li{height:44px; float:left;margin:0px;}
#header_navi .h_navi ul li a{text-indent:-9999px; display:block;}

#header_navi .h_navi a.link01:link, a.link01:visited{height:43px;width:191px;background: url(../img/menu_about.jpg) no-repeat 0px -43px;}
#header_navi .h_navi a.link01:hover, a.link01:active{height:43px;background: url(../img/menu_about.jpg) no-repeat 0px 0px;}
#header_navi .h_navi a.link01on{height:43px; width:191px; background: url(../img/menu_about.jpg) no-repeat 0px 0px;}

#header_navi .h_navi a.link02:link, a.link02:visited{height:43px;width:192px;background: url(../img/menu_enviro.jpg) no-repeat 0px -43px;}
#header_navi .h_navi a.link02:hover, a.link02:active{height:43px;background: url(../img/menu_enviro.jpg) no-repeat 0px 0px;}
#header_navi .h_navi a.link02on{height:43px; width:192px; background: url(../img/menu_enviro.jpg) no-repeat 0px -0px;}

#header_navi .h_navi a.link03:link, a.link03:visited{height:43px;width:192px;background: url(../img/menu_mecenat.jpg) no-repeat 0px -43px;}
#header_navi .h_navi a.link03:hover, a.link03:active{height:43px;background: url(../img/menu_mecenat.jpg) no-repeat 0px 0px;}
#header_navi .h_navi a.link03on{height:43px; width:192px;background: url(../img/menu_mecenat.jpg) no-repeat 0px 0px;}

#header_navi .h_navi a.link04:link, a.link04:visited{height:43px;width:192px;background: url(../img/menu_jinji.jpg) no-repeat 0px -43px;}
#header_navi .h_navi a.link04:hover, a.link04:active{height:43px;background: url(../img/menu_jinji.jpg) no-repeat 0px 0px;}
#header_navi .h_navi a.link04on{height:43px; width:192px;background: url(../img/menu_jinji.jpg) no-repeat 0px 0px;}

#header_navi .h_navi a.link05:link, a.link05:visited{height:43px;width:193px;background: url(../img/menu_csr.jpg) no-repeat 0px -43px;}
#header_navi .h_navi a.link05:hover, a.link05:active{height:43px;background: url(../img/menu_csr.jpg) no-repeat 0px 0px;}
#header_navi .h_navi a.link05on{height:43px; width:193px;background: url(../img/menu_csr.jpg) no-repeat 0px 0px;}




/*----------------------------------------------------
	#main メインエリア
----------------------------------------------------*/
#main {clear: both;width:960px;padding-top:15px;}
*html #main {clear: both;width:960px;padding-top:0px;}



/* -------------------------------------------------
　　　#トップページ
--------------------------------------------------*/

/*----#左メニューエリア----*/
#s_menu_area {width:235px; height:100%; margin:0p;float:left; }

/*コンテンツメニュー*/
#s_menu_area .sd_menu {margin-bottom:10px; }
#s_menu_area .sd_menu ul {padding:0px; }
#s_menu_area .sd_menu ul li { margin:0px;}
#s_menu_area .sd_menu ul li a {text-indent:-9999px; display:block;}

#s_menu_area .sd_menu a.s_link01:link, a.s_link01:visited{height:37px;width:235px;background: url(../img/menu_shop.jpg) no-repeat 0px 0px;}
#s_menu_area .sd_menu a.s_link01:hover, a.s_link01:active{height:37px;background: url(../img/menu_shop.jpg) no-repeat 0px -37px;}
#s_menu_area .sd_menu a.s_link01on{height:37px;background: url(../img/menu_shop.jpg) no-repeat 0px -37px;}

#s_menu_area .sd_menu a.s_link02:link, a.s_link02:visited{height:36px;width:235px;background: url(../img/menu_estate.jpg) no-repeat 0px 0px;}
#s_menu_area .sd_menu a.s_link02:hover, a.s_link02:active{height:36px;background: url(../img/menu_estate.jpg) no-repeat 0px -36px;}
#s_menu_area .sd_menu a.s_link02on{height:36px;background: url(../img/menu_estate.jpg) no-repeat 0px -36px;}

#s_menu_area .sd_menu a.s_link03:link, a.s_link03:visited{height:35px;width:235px;background: url(../img/menu_csr.jpg) no-repeat 0px 0px;}
#s_menu_area .sd_menu a.s_link03:hover, a.s_link03:active{height:35px;background: url(../img/menu_csr.jpg) no-repeat 0px -35px;}
#s_menu_area .sd_menu a.s_link03on{height:35px;background: url(../img/menu_csr.jpg) no-repeat 0px -35px;}

#s_menu_area .sd_menu a.s_link04:link, a.s_link04:visited{height:36px;width:235px;background: url(../img/menu_privacy.jpg) no-repeat 0px 0px;}
#s_menu_area .sd_menu a.s_link04:hover, a.s_link04:active{height:36px;background: url(../img/menu_privacy.jpg) no-repeat 0px -36px;}
#s_menu_area .sd_menu a.s_link04on{height:36px;background: url(../img/menu_privacy.jpg) no-repeat 0px -36px;}


/*臨時で掲載*/
#s_menu_area .sd_rinji {margin-bottom:10px; }
#s_menu_area .sd_rinji p {margin-bottom:10px; }


/*CM*/
#s_menu_area .sd_CM {margin-bottom:10px;}

/*サイドバナー*/
#s_menu_area .sd_banner {text-align:center; padding-top:10px; background: #fff url(../img/side_bg.gif) no-repeat; }
#s_menu_area .sd_banner_btm {width:235px; height:10px; background: #fff url(../img/side_bg_btm.gif) no-repeat; }
#s_menu_area .sd_banner p {margin-bottom:5px; }



/*----#メインエリア----*/
#t_main {float:right;width:704px;margin:0px; }
#t_main .top_img {width:704px; margin-bottom:10px; border:1px solid #ccc; }
#t_main img,ico_new {vertical-align:middle; margin-right:5px; padding:0px 0px 3px 0px;}



.foot_artIMG{display:block;width:100px;height:30px; position: absolute; top: 0px; left:150px; z-index:999;}



/*更新情報*/
#t_main .twi {width:704px; height:32px; padding: 6px 0px 0px 105px;margin-bottom:10px; background: url(../../img/ind/bg_update.jpg) no-repeat 0px 0px;}

ul#update {margin-left: 5px;}
ul#update li {width: 580px;}



/*バナーエリア*/
#t_main .banner {width:704px;}
 .banner p.bn_L {clear: both; width:345px; margin-bottom:5px; float:left; }
 .banner p.bn_R {width:345px; margin-bottom:5px; float:right; }
.consultation {margin-top:8px;}




/*新店インフォ・ニュースリリース*/
#t_main .news_area {width:704px; padding-top:10px;background: #fff url(../img/main_bg.gif) no-repeat; }
#t_main .news_area .news_btm {clear: both; width:704px; height:10px; background: #fff url(../img/main_bg_btm.gif) no-repeat; }

.news_area .new_shop {width:325px; margin-left:18px; float:left;}
*html .news_area .new_shop {width:325px; margin-left:9px; float:left;}
.news_area .new_shop h3.h3_new_shop {width:325px; font-size:12px; }
.news_area .new_shop p.new_shop_pickup {width:325px; font-size:12px; padding:8px 0px 8px 0px; border-bottom:1px dashed #ccc; }
.news_area .new_shop p.new_shop_pickup_end {width:325px; font-size:12px; padding:8px 0px 8px 0px; }

.news_area .news_list {width:325px; margin-right:18px; float:right; }
*html .news_area .news_list {width:325px; margin-right:9px; float:right; }
.news_area .news_list h3.h3_news_list {width:325px; font-size:12px; }
.news_area .news_list p.news_list_pickup {width:325px; font-size:12px; padding:8px 0px 8px 0px; border-bottom:1px dashed #ccc; }
.news_area .news_list p.news_list_pickup_end {width:325px; font-size:12px; padding:8px 0px 8px 0px; }



/* -----------------------------------------------------------
	#footer
----------------------------------------------------------- */
/* フッターメニュー */
#footer_navi {width: 960px;text-align: center; padding:10px 0px 30px 0px;clear: both;}
#footer_navi ul {width: 900px; text-align: center;}
#footer_navi ul li {width: 111px; float:left;margin:0px;border-left:1px solid #333; font-size:10px;}
#footer_navi ul li.end {width: 111px; float:left;margin:0px;border-left:1px solid #333;border-right:1px solid #333;}

#f_base{width:900px; height:32px;margin:0px 0px 0px 30px; clear: both;background: #fff url(../img/bg_footer.gif) no-repeat;background-position:middle;}
#f_base img{margin:0px 5px 0px 10px;}
#f_base .navi2 {font-size:11px;padding-top:8px;}
*html #f_base .navi2 {font-size:11px; margin:0px 0px 0px 0px; padding-top:10px;}

#copy{width:960px; margin:5px 0px 10px 0px; font-size:11px; text-align: right;}



/*---------------------------------------------
      #マージン
---------------------------------------------*/

.mb5  { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb25 { margin-bottom: 25px; }
.mb30 { margin-bottom: 30px; }
.mb40 { margin-bottom: 40px; }
.mb50 { margin-bottom: 50px; }
.mb60 { margin-bottom: 60px; }



/*---------------------------------------------
 clearFix
---------------------------------------------*/
/*---- for not IE ----*/
.clearFix:after{
	content:".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}

/*---- for IE7 and Mac ----*/
.clearFix{
	display: inline-block;
	min-height: 1%;
	/* escape MacIE5 \*/
	display: block;      /*---- for not Mac ----*/
	/* escape MacIE5 */
}

/*---- for IE5 IE6... ----*/
/* escape MacIE5 \*/
* html .clearFix{
	height: 1%;
}
/* escape MacIE5 */