/*** global ***/

/* bodyタグ全体 */
body{
	background-image:url(../img/topicsbg.gif);
	background-repeat:repeat;
	font-size:12px ;
	font-family: "Verdana", "Osaka","ＭＳ Ｐゴシック","ＭＳ ゴシック";
}

p, body, span, dt, dl, li{
	font-size:12px ;
	font-family: "Verdana", "Osaka","ＭＳ Ｐゴシック","ＭＳ ゴシック";
}

/*** a ***/
a{color:#060 ; text-decoration:none ;}
a:visited{color:#060 ; text-decoration:none ;}
a:hover{color:#060 ; text-decoration:underline ;}
a:active{color:#060 ; text-decoration:none ;}

/* 店名 */
a.shopname{color:#030 ; text-decoration:none ;}
a.shopname:visited{color:#030 ; text-decoration:none ;}
a.shopname:hover{color:#030 ; text-decoration:underline ;}
a.shopname:active{color:#030 ; text-decoration:none ;}

/*** img ***/
img{
	border:none;
	padding:0px 5px 0px 0px;
	}

/* 店舗画像 */
img.shopimg{
	float:left;
	}

img.topicsimg{
	float:left;
	}

/*** 各要素スタイル指定 ***/

/*** divタグ用スタイル ***/
/* コンテンツ全体の格納箱 */
#container{
	position:absolute;
	top:0px;
	left:0px;
	width:1000px;
	height:auto;
	position:absolute;
	float:none;
}

/* トップページ左カラム */
#column-l{
	position:absolute;
	top:0px;
	left:0px;
	margin:0px;
	width:320px;
	height:auto;
	background-image:url(../img/bgcolor.gif);
	background-repeat:repeat; 
	float:left;
	clear:both;
}

/* トップページ右カラム */
#column-r{
	top:0px;
	left:0px;
	margin:0px;
	width:680px;
	height:auto;
	background-image:url(../img/bgcolor.gif);
	background-repeat:repeat; 
	float:right;
}

/* latest news */
div.news{
	margin:0px;
	padding:0px;
	width:320px;
	height:260px;
	float:none;
}

/* 見出し部分 */
div.newstitle{
	padding-top:5px;
	width:320px;
	height:35px;
	float:none;
}

/* ショップ画像・営業案内 */
div.shop{
	padding:10px 0px 0px 15px;
	width:320px;
	height:135px;
	float:left;
}

/* topics */
#topics{
	width:320px;
	height:auto;
	background-image:url(../img/topicsbg.gif);
	background-repeat:repeat; 
	float:none;
}

/* 見出し部分 */
div.topicstitle{
	padding-top:5px;
	width:320px;
	height:30px;
}

/* トピックス項目 */
div.topicsitem {
	padding:0px 0px 5px 15px;
	width:320px;
	height:90px;
	clear:both;
}

/* profile */
#profile{
	opacity:0.85;
	width:680px;
	height:260px;
	background-image:url(../img/profile.jpg);
	background-repeat:no-repeat; 
	float:none;
}

/* 店名 */
div.shopname{
	width:680px;
	height:50px;
	float:none;
}

/* セール等特記エリア */
div.info{
	width:680px;
	height:90px;
	float:none;
}

/* 説明文 */
div.intro{
	width:680px;
	height:55px;
	float:none;
}

/* 社名 */
div.comp{
	padding:0px 0px 0px 10px;
	width:680px;
	height:65px;
	float:none;
}

/* garden works gallery */
#gallery{
	top:0px;
	left:0px;
	padding-left:10px;
	width:680px;
	height:auto;
	float:none;
}

/* タイトル */
div.gallerytitle{
	padding-top:5px;
	width:680px;
	height:30px;
	float:none;
}

/* gallery各サムネイル */
div.galleryitem{
	top:0px;
	padding-left:2.5px;
	margin:0px;
	width:160px;
	height:160px;
	float:left;
}

/* 商品各サムネイル */
div.item{
	top:0px;
	padding-left:2.5px;
	margin:0px;
	width:160px;
	height:160px;
	float:left;
}

/*** その他頁レイアウトレイヤー ***/

/* 左100px */
#leftspace{
	width:100px;
	height:auto;
	float:left;
}

/* 中央875px */
#mainspace{
	width:875px;
	height:auto;
	float:right;
}

/* 右25px */
#rightspace{
	width:25px;
	height:auto;
	float:right;
}

/* 一般ページフッター */
#footer {
	margin:10px 0px 0px 0px;
	width:875px;
	height:50px;
}

/* パンくずリスト */
div.pankuzu{
	width:585px;
	height:30px;
	float:right;
}

/*** ここから工事用レイヤー ***/

/* 左カラム */
div.worksleft{
	margin:30px 0px 0px 0px;
	width:290px;
	height:100%;
	float:left;
}

/* 工事見積依頼部分 */
div.estimate{
	padding:10px 0px 0px 0px;
	width:290px;
	height:auto;
	float:left;
}

/* 右カラム */
div.worksright{
	margin:30px 0px 0px 0px;
	width:585px;
	height:100%;
	float:right;
}

/* 概要 */
div.explain{
	padding-left:10px;
	margin-bottom:10px;
	width:575px;
	height:auto;
}

/* その他サムネイル画像＜タテ＞ */
div.tate{
	width:150px;
	height:200px;
	margin:5px 5px 5px 5px;
	float:left;
}

/* その他サムネイル画像＜ヨコ＞ */
div.yoko{
	width:200px;
	height:150px;
	margin:5px 5px 5px 5px;
	float:left;
}

/*** pタグ用スタイル ***/
p{
	font-family: "Verdana", "Osaka","ＭＳ Ｐゴシック","ＭＳ ゴシック";
}

/* 店舗紹介 */
p.shopguide{
	display:block;
	width:330px;
	margin:-5px 0px 0px -8px;
	line-height:2em;
}

/*** spanタグ用スタイル ***/

/* 見出し */
span.title{
	padding:0px 0px 0px 10px;
	font-size:12px;
	text-align:left;
	font-weight:bold;
}
	
/* 店名 */
span.shopname{
	margin:0px 0px 0px 10px;
	font-size:40px;
	color:#030;
	text-align:left;
	font-weight:bold;
}

/* 説明文 */
span.info{
	margin:0px 0px 0px 10px;
	font-size:60px;
	text-align:left;
}

/* 説明文 */
span.intro{
	margin:0px 0px 0px 10px;
	font-size:12px;
	text-align:left;
}

/* 社名 */
span.comp{
	margin:0px 0px 0px 0px;
	font-size:18px;
	color:#030;
	text-align:left;
	font-weight:bold;
}

/* 連絡先 */
span.inqry{
	margin:0px 0px 0px 0px;
	font-size:12px;
	color:#fff;
	text-align:left;
}

/* topics各項目テキスト */
span.topics{
	font-size:10px;
	color:#000;
	text-align:left;
}

span.pagetitle{
	font-size:15px;
	color:#063;
}

/* newsitem */
dl.news{
	margin:-1em 0px 0px 0px;
	list-style:none;
}

/* ニュース項目 */
dt.news{
	margin-bottom:3px;
	margin-left:8px;
	padding:0px;
}

/* グレー */
dt.gray{
	color:#333;
}

/* 営業時間 */
dl.opentime{
	list-style:none;
}

/* セミナー等のスケジュール */
dl.schedule{
	padding:0;
	border:1px solid #ccc;
	border-top:none;
	background-color:#f5f5f5;
}

dl.schedule dt{
	text-align:left;
	margin:0;
	padding:0.3em 0 0.1em 1em;
	border-top:1px solid #ccc;
	width:12em;
	float:left;
	color:#333;
}
	
dl.schedule dd{
	text-align:left;
	margin:0 0 0 12em;
	padding:0.3em 1em;
	border-left:1px solid #ccc;
	border-top:1px solid #ccc;
	color:#696;
	background-color:#fff;
}

/* セミナー等の詳細項目 */
dl.detail{
	width:300px;
	text-align:center;
	padding:0;
	border:1px solid #ccc;
	border-top:none;
	background-color:#f5f5f5;
	float:left;
}

dl.detail dt{
	text-align:left;
	margin:0;
	padding:0.3em 0 0.1em 1em;
	border-top:1px solid #ccc;
	width:6em;
	float:left;
	color:#333;
}
	
dl.detail dd{
	text-align:left;
	margin:0 0 0 6em;
	padding:0.3em 1em;
	border-left:1px solid #ccc;
	border-top:1px solid #ccc;
	color:#696;
	background-color:#fff;
}

/* リンク項目 */
dl.link{
	width:300px;
	text-align:center;
	padding:0;
	border:1px solid #ccc;
	border-top:none;
	background-color:#f5f5f5;
	float:left;
}

dl.link dt{
	text-align:left;
	margin:0;
	padding:0.3em 0 0.1em 1em;
	border-top:1px solid #ccc;
	width:13em;
	float:left;
	color:#333;
}
	
dl.link dd{
	text-align:left;
	margin:0 0 0 13em;
	padding:0.3em 1em;
	border-left:1px solid #ccc;
	border-top:1px solid #ccc;
	color:#696;
	background-color:#fff;
}

/* フッターリンク */
ul{
	list-style:none;
}

li.footer{
	width:11em;
	display:inline;
	float:left;
}

/* セミナー等の注意事項（緑△見出し） */
li.list_bl{
	color:#333;
	margin:1em 0px 3px -2em;
	list-style-image:url("../img/arrow_s_bl.gif");
	list-style-position:outside;
}

/* セミナー等参加方法（赤△見出し） */
li.list_rd{
	color:#333;
	margin:1em 0px 3px -2em;
	list-style-image:url("../img/arrow_s_rd.gif");
	list-style-position:outside;
}