@charset "UTF-8";

#title_bn {
	height: 80px;
	width: 800px;
	margin: 5px 0px 10px 0px;
	background: url(../works/img/title_bn_works.jpg) no-repeat left top;
}

table {
	width:800px;
	border: 0;	
}

table tr td {
	width: 266px;
	height: 220px;
	padding: 0px 0px 0px 0px;
	border: 0;	
}

.rt {
	text-align: right;
}

.lt {
	text-align: left;
}

.ctr {
	text-align: center;
}

table tr td img {
	-moz-box-shadow: 2px 2px 3px #EEE;
	-webkit-box-shadow: 2px 2px 3px #EEE;
	box-shadow: 2px 2px 3px #EEE;
}

table tr td a:hover {
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}



.tanto {
	color:#666;
	font-size:12px;
	line-height: 20px;
	background: url(../works/img/tanto.gif) no-repeat left center;
}

#work_title {
	width:540px;
	height:44px;
	margin: 0px 0px 10px 0px;
	padding: 0;
	background: url(../works/img/work_title.gif) no-repeat left top;
}

#work_titletxt1 {
	float: left;
	height:22px;
	margin: 12px 0px 0px 20px;
	padding: 0;
	color: #4774b9;
	line-height:20px;
	font-size: 16px;
	font-weight: bold;
}

.work_titletxt1_num {
	font-size: 22px;
}

#work_titletxt2 {
	float: left;
	width:400px;
	height:22px;
	margin: 13px 0px 0px 20px;
	padding: 0;
	line-height:22px;
	font-size: 16px;
	font-weight: bold;
}

.work_titletxt3 {
	font-size: 12px;
}

#work_photo {
	width:540px;
	margin: 0px 0px 20px 0px;
	padding: 0;
}

.shop_data1 {
	width: 540px;
	height: 159px;
	color:#777;
	line-height: 20px;
	background: url(../works/img/lohas_web.jpg) no-repeat right top;
}

.shop_name {
	color:#777;
	font-size: 16px;
	font-weight: bold;
	line-height: 24px;
}

.shop_data2 {
	width: 540px;
	color:#777;
	line-height: 20px;
}

.shop_data3 {
	width: 540px;
	height: 160px;
	color:#777;
	line-height: 20px;
	background: url(../works/img/jean_doux.jpg) no-repeat right top;
}



@charset "UTF-8";

/* ~~ ナビゲーションリストのスタイル付け (Spry などの事前作成済みのフライアウトメニューを使用する場合は削除できます) ~~ */
#navi_works ul {
	float: left;
	width: 200px;
	height: 1050px;
	padding: 0px;
	list-style: none; /* リストのマーカーを削除します。 */
	border: 0; /* リンク用の上部のボーダーを作成します。他のすべてのものは LI 上で下部のボーダーを使用して配置されます。 */
	margin-bottom: 15px; /* 下のコンテンツのナビゲーション間の間隔を作成します。 */
}

	font-family: 'Work Sans', sans-serif;


#navi_works ul li {
	float: left;
	width: 200px;
	height: 50px;
	border:0; /* ボタンの区切り線を作成します。 */
}
#navi_works ul a,
#navi_works ul a:visited { /* これらのセレクターをグループ化することで、リンクのボタン表示が訪問後も確実に保持されます。 */
	padding: 0px;
	display: block; /* リンクにブロックプロパティを指定し、リンクが含まれる LI 全体がリンクになるようにします。これにより、領域全体がマウスのクリックに反応するようになります。 */
	width: 200px;  /*この幅により、IE6 でボタン全体をクリックできるようになります。IE6 をサポートする必要がない場合は削除できます。適切な幅を計算するには、サイドバーコンテナの幅からそのリンクの余白を減算します。 */
	height: 50px;
	text-decoration: none;
}
#navi_works ul a:hover,
#navi_works ul a:active,
#navi_works ul a:focus { /* マウスを使用する場合もキーボードを使用する場合も、背景色とテキストカラーを変更します。 */
	background: #AAA;
	color: #4774b9;
	padding: 0px;
}

#navi_works ul li.w1 a {
	width: 200px;
	background:url(../works/img/navi_works_br.gif) no-repeat left 0px;
	}

#navi_works ul li.w1 a:focus,
#navi_works ul li.w1 a:hover {
	background:url(../works/img/navi_works_br.gif) no-repeat -200px 0px;
	}

#navi_works ul li.w1 a.active {
	background:url(../works/img/navi_works_br.gif) no-repeat right 0px;
	}
.wnum {
	margin: 0px 0px 0px 17px;
	padding:  0px 0px 0px 0px;
	color: #4774b9;
	font-size: 10px;
	height: 15px;
	border:0; /* ボタンの区切り線を作成します。 */
	font-weight: bold;
}

.wnum2 {
	font-size: 15px;
}

.wnavi {
	margin: 5px 0px 0px 17px;
	font-size: 13px;
	width: 180px;
	height: 20px;
	border:0; /* ボタンの区切り線を作成します。 */
}