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

 file name  :gallery.css
 author     :Ability Consultant
style info  :設定　ハックは最下部に記述
=================================================================== */
/* -----------------------------------------------------------
	各ページ専用指定
----------------------------------------------------------- */
/*グローバルメニューオン表示*/
#gallery #header #gnav li.nav_gallery a{
	background: url(../images/gnav.gif) -420px 35px;
}

/*ページタイトル*/
#gallery #main h2{
	background: url(../gallery/images/title.gif) left top no-repeat;
}

/*左サイドメニュー 展開あり（ギャラリーページ専用）
---------------------------------*/
h3#st_subnav{
	width: 220px;
	height: 39px;
	text-indent:-9999px;
	background: url(../images/st_subnav.gif) left top no-repeat;
}

#subnav01,
#subnav_gallery,
#subnav03{
	width:220px;
	text-indent: -9999px;
}

#subnav03{
	margin:	0 0 20px;
}

#subnav01 li a,
#subnav03 li a{
	width:220px;
	height: 43px;
	display: block;
	overflow: hidden;
}

#subnav_gallery li a{
	width:220px;
	display: block;
	overflow: hidden;
}

/*商品案内
---------------------------------*/
#subnav01 li.sub_product{
	background: url(../images/subnav.gif) 0px 0px;
}

#subnav01 li.sub_product a:hover{
	background: url(../images/subnav.gif) -220px 0px;
}

/*納入実績*/
#subnav01 li.sub_delrecord{
	background: url(../images/subnav.gif) 0px -43px;
}

#subnav01 li.sub_delrecord a:hover{
	background: url(../images/subnav.gif) -220px -43px;
}

/*お客様の声*/
#subnav01 li.sub_voice{
	background: url(../images/subnav.gif) 0px -86px;
}

#subnav01 li.sub_voice a:hover{
	background: url(../images/subnav.gif) -220px -86px;
}


/*デザインギャラリー
---------------------------------*/
#subnav_gallery li.sub_gallery,
#subnav_gallery li.sub_gallery a{
	height: 43px;
	background: url(../images/subnav_gallery.gif) -220px 0px;
}

#subnav_gallery li.sub_gallery a:hover{
	height: 43px;
	background: url(../images/subnav_gallery.gif) -220px 0px;
}


/*路上禁煙*/
#subnav_gallery li.gallery_nosmoking,
#subnav_gallery li.gallery_nosmoking a{
	height: 42px;
	background: url(../images/subnav_gallery.gif) 0px -43px;
}

#subnav_gallery li.gallery_nosmoking a:hover{
	background: url(../images/subnav_gallery.gif) -220px -43px;
}

/*公共一般施設*/
#subnav_gallery li.gallery_public,
#subnav_gallery li.gallery_public a{
	height: 40px;	
	background: url(../images/subnav_gallery.gif) 0px -85px;
}

#subnav_gallery li.gallery_public a:hover{
	background: url(../images/subnav_gallery.gif) -220px -85px;
}

/*交通施設*/
#subnav_gallery li.gallery_traffic,
#subnav_gallery li.gallery_traffic a{
	height: 40px;
	background: url(../images/subnav_gallery.gif) 0px -125px;
}

#subnav_gallery li.gallery_traffic a:hover{
	background: url(../images/subnav_gallery.gif) -220px -125px;
}

/*安全・指示*/
#subnav_gallery li.gallery_safety,
#subnav_gallery li.gallery_safety a{
	height: 40px;
	background: url(../images/subnav_gallery.gif) 0px -165px;
}

#subnav_gallery li.gallery_safety a:hover{
	background: url(../images/subnav_gallery.gif) -220px -165px;
}

/*禁止*/
#subnav_gallery li.gallery_taboo,
#subnav_gallery li.gallery_taboo a{
	height: 40px;
	background: url(../images/subnav_gallery.gif) 0px -205px;
}

#subnav_gallery li.gallery_taboo a:hover{
	background: url(../images/subnav_gallery.gif) -220px -205px;
}

/*アート*/
#subnav_gallery li.gallery_art,
#subnav_gallery li.gallery_art a{
	height: 43px;
	background: url(../images/subnav_gallery.gif) 0px -245px;
}

#subnav_gallery li.gallery_art a:hover{
	background: url(../images/subnav_gallery.gif) -220px -245px;
}


/*ご注文の流れ
---------------------------------*/
#subnav03 li.sub_flow{
	background: url(../images/subnav.gif) 0px -172px;
}

#subnav03 li.sub_flow a:hover{
	background: url(../images/subnav.gif) -220px -172px;
}

/*美しい景観づくり*/
#subnav03 li.sub_view{
	background: url(../images/subnav.gif) 0px -215px;
}

#subnav03 li.sub_view a:hover{
	background: url(../images/subnav.gif) -220px -215px;
}

/*会社案内*/
#subnav03 li.sub_company{
	background: url(../images/subnav.gif) 0px -258px;
}

#subnav03 li.sub_company a:hover{
	background: url(../images/subnav.gif) -220px -258px;
}


/* 旧サイトからのcss移植
----------------------------------------------------------- */
#gallery p#main_text {
	margin: 0 0 30px 0;
	padding: 0;
	border: 0;
}

/*各ページタイトル設定*/
#gallery h3#st_nosmoke,
#gallery h3#st_public,
#gallery h3#st_traffic,
#gallery h3#st_safety,
#gallery h3#st_taboo,
#gallery h3#st_art{
	width: 595px;
	height: 36px;
	margin: 0 0 20px 0;
	text-indent: -9999px;
}

/*路上禁煙*/
#gallery h3#st_nosmoke{
	background: url(../gallery/images/st_nosmoke.gif) left top no-repeat;
}

/*公共一般施設*/
#gallery h3#st_public{
	background: url(../gallery/images/st_public.gif) left top no-repeat;
}

/*交通施設*/
#gallery h3#st_traffic{
	background: url(../gallery/images/st_traffic.gif) left top no-repeat;
}

/*安全・指示*/
#gallery h3#st_safety{
	background: url(../gallery/images/st_safety.gif) left top no-repeat;
}

/*禁止*/
#gallery h3#st_taboo{
	background: url(../gallery/images/st_taboo.gif) left top no-repeat;
}

/*アート*/
#gallery h3#st_art{
	background: url(../gallery/images/st_art.gif) left top no-repeat;
}



/*画像表示設定*/
#gallery .gallery_content {
	margin: 0 18px 30px 0;
	padding: 0;
	border: 0;
	width: 145px;
	float: left;
}


#gallery .gallery_content h3 {
	margin: 0 0 6px 0;
	padding: 0;
	border: 0;
	font-size: 1em;
	line-height: 1.3em;
	letter-spacing: 1px;
	font-weight: normal;
}


#gallery .gallery_content img {
	margin: 0 0 6px 0;
	padding: 3px;
	border: 1px solid #D7D7D7;
}


#gallery .gallery_content p.text {
	margin: 0;
	padding: 0 30px 0 0;
	border: 0;
	text-align: right;
}

#gallery .gallery_content p.text_l {
	margin: 0;
	padding: 0;
	border: 0;
	width:107px;
}


/*======================================

	hack - 各種cssハック - for IE7

=======================================*/
*:first-child+html {}


/*======================================

	hack - 各種cssハック - for IE6

=======================================*/
* html {}