/* CSS Document */

/*firefox用----------------------------------------------*/



/*トップページコンテンツ左側*/
html>body dl.ind
{
	border:none;
	width:320px;
	padding:10px 0px 0px 0px;
	margin:0px 0px 40px 0px;
}

/*トップページコンテンツ左側テキスト制御*/
html>body #container #main #left p
{
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:12px;
	color:#000000;
	line-height: 125%;
	text-align: left;
	margin: 2px 0px 0px 0px;
}

/*特集ページ-伊勢エビの写真キャプション↓*/
/* 右用 */
html>body #container #main .photo_right
{
	float: right;
	clear:right;
	margin: 0px 0px 30px 20px;
	padding:0px;
}

/* 左用 */
html>body #container #main .photo_left
{
	float: left;
	clear: left;
	margin: 20px 20px 30px 0px;
	padding:0px;
}


/*特集ページ工房体験ページナビボックス用ハック*/
#container #main #NaviBox:after
{
	content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;

}


/*\*/

* html #container #main #NaviBox {
    height: 1em;
    overflow: visible;
}
/**/
/*特集ページ工房体験ページナビボックス用ハックここまで*/



/*firefox用ここまで----------------------------------------------*/




/*共通部分・汎用クラス----------------------------------------------*/

	
.img
{
	border:#333333 solid 1px;
	float: left;
	margin:10px 20px 10px 0px;
}

.img_r
{
	margin:10px 20px 10px 20px;
	float:right;
	border:#333333 solid 1px;
}

/*トップページ用サムネイル画像*/
.img_t
{
	border:#333333 solid 1px;
	float: left;
	margin:0px 10px 10px 0px;
}

#main .clear
{
	clear:both;
}

ul
{
	padding:0px;
	margin:10px;
}

li
{
	font-size: 12px;
	line-height: 130%;
	color: #333333;
	margin: 0px 25px 2px 0px;
	padding: 0px;
	list-style-position: outside;
	list-style-type: none;
}


/*お客様からの声voice-最新コメント用「new」アイコン表示*/
#container #main p.newvoice
{
	padding: 15px 0px 10px 0px;
	font-size: 12px;
	line-height: 130%;
	color: #333333;
	letter-spacing: 0.1em;
	text-align: left;
	margin-bottom: 10px;
	border-bottom:#666666 1px dotted;
	background: url(../img/new.gif)  no-repeat left top;	
}

/*お客様からの声voice*/
#container #main p.voice
{
	padding: 5px 0px 5px 0px;
	font-size: 12px;
	line-height: 130%;
	color: #333333;
	letter-spacing: 0.1em;
	text-align: left;
	margin-bottom: 10px;
	border-bottom:#666666 1px dotted;
}

/*「スタッフへ一言」に使用*/
#container #main em
{
	color: #FFFFFF;
	font-size: 10px;
	padding: 2px 8px 2px 4px;
	margin: 15px 0px 10px 0px;
	font-weight:bold;
	font-style:normal;
	background-color: #666000;
	background-margin:2px 0px 2px 0px;
	background-padding:3px 0px 3px 0px;
}


/*お客様からの声ページ下部のトップへのリンク*/
#container #main p#tp
{
	margin:10px 0px 0px 10px;
}


/*料金ページオプション欄*/
#container #main p#planOption
{
	margin: 5px 0px 5px 0px;
	padding:5px 0px 0px 0px;
	clear:both;
	border-top:1px dotted #666633;
}


/*特集ページコンテンツテキスト内見出しに使用*/
#container #main em.special
{
	color: #FFFFFF;
	font-size: 14px;
	padding: 3px 8px 3px 8px;
	margin: 15px 0px 30px 0px;
	font-weight:bold;
	font-style:normal;
	background-color: #666000;

}



/*特集ページトップ用*/
#container #main dl.special
{
	padding: 0px;
	clear: both;
	margin: 15px 0px 15px 0px;
}


#container #main #box
{
	margin: 15px 0px 35px 0px;
	padding:5px 0px 0px 0px;
	clear:both;
	border-top:1px dotted #666633;
}

#container #main .itembox
{
	padding: 0px;
	margin-right: 10px;
	margin-bottom:10px;
	float: left;
	width: 180px;
}

#container #main .itemphoto
{
	margin: 0px;
	padding: 0px;
}

#container #main .itemtext
{
	font-size:12px;
	text-align: center;
	padding-top:5px;
	line-height: 150%;
}

#container #main .itemtext a:link
{
	color:#4c4335;
}

#container #main .itemtext a:hover
{
	color:#990000;
	background-color:#FFCC99;
}

#container #main .itemtext a:visited
{
	color:#4c4335;
}

/*特集ページ「続きを読む」*/
#container #main dl .special.go
{
	margin: 10px 0px 10px 0px;
	padding: 0px;
	clear: both;
	float: right;
}
/*特集ページ工房体験ナビ案内用ボックス*/
#container #main #NaviBox
{
	width:90%;
	margin: 5px;
	padding:10px 20px 10px 20px;
	border:1px solid #847868;
	background-color: #ffffff;
	overflow: hidden;
}


#container #main #NaviBox .Navi

{
	float: left;
	margin: 0px 20px 30px 0px;
	padding:0px;
	width: 200px;
	line-height:1.3em;
	color:#333333;
	font-size:11px;
	
}


#container #main #NaviBox .NaviPhoto{
	margin: 0px 0px 5px 0px;
	padding: 0px;
	height: 150px;
	width: 200px;
	
}

#container #main .center{
	text-align:center;
}


/*ヘッダー部分----------------------------------------------*/
#header
{
	margin:0px 0px 0px 9px;
	padding:0px;
	height:360px;
	width:786px;
	background-color:#847868;
	border-bottom:#330000 3px solid;
}

/*タイトル画像用0816修正*/
#header #title
{
	/*top:61px;*/
	width:785px;
	height: 280px;
	margin:0px;
	clear: both;
	padding-top: 30px;
	background: url(../img/header_bar.jpg) no-repeat;
}




/*メイン部分----------------------------------------------*/	


/*プランページのみのテキスト*/
#container #main p.plantext
{
	padding: 0px;
	font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	font-size: 12px;
	line-height: 150%;
	color: #333333;
	letter-spacing: 0.15em;
	text-align: left;
	margin: 5px 10px 20px 5px;
}

#container #main p.plantext strong
{
	color: #660000;
	font-weight: normal;
	margin: 0px 6px 0px 6px 0px;
}

/*プランページへのリンクボタン0912修正*/
#container #main .plan
{
	clear: both;
	height: 40px;
	width: 400px;
	/*margin-top: 20px;*/
	margin:20px 90px 10px 90px;
}


/*太鼓判*/
#container #main .taikoban
{
	clear: both;
	margin: 10px;
	padding: 8px;
	border: 1px solid #000000;
	background-color:#FFFFFF;
	background-image:url(../recommend/img/i_recommend.gif);
	background-repeat:no-repeat;
	background-position:10px center;
}

/*太鼓判内のテキスト*/
#container #main .taikoban p
{
	padding: 0px 45px 0px 75px;
	font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	font-size: 12px;
	line-height: 150%;
	color: #000000;
	letter-spacing: 0.15em;
	text-align: left;
	margin: 0px;
	background-image:url(../recommend/img/i_taikoban.gif);
	background-repeat:no-repeat;
	background-position:right top;
}

/*レコメンド用写真制御↓*/

#main .right
{
	margin: 0px 0px 10px 10px;
	clear: right;
	float: right;
}

#main .cap
{
	margin-bottom:5px;
}

#main p.blk
{
	margin:0px 5px 10px 10px;
}

/*TOPページコンテンツの左側部分*/
#container #main #left
{
	width:320px;
	padding:0px;
	border-right:#847868 solid 1px;
	clear: left;
	float: left;
}
	
#container #main #left p
{
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:12px;
	color:#000000;
	line-height: 125%;
	text-align: left;
	margin: 2px;
}

/*TOPページ「続きを読む」*/
#container #main #left .go
{
	margin: -5px 10px 0px 0px;
	padding: 0px;
	clear: both;
	float: right;
}


/*TOPページコンテンツの右側部分*/
#container #main #right
{
	width:250px;
	margin:0px;
	padding:0px;	
	clear: right;
	float: right;	
}

/*トップページコンテンツ左側*/
dl.ind
{
	border:none;
	width:320px;
	padding:10px 5px 10px 0px;
	margin:0px;
}

/*トップページコンテンツ右側*/
dl.ind_02
{
	border:none;
	width:250px;
	padding:5px 0px 5px 0px;
	margin:0px 0px 15px 0px;
}

#container #main #right p
{
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:12px;
	color:#000000;
	line-height: 125%;
	text-align: left;
	margin: 2px;
}


/*whatsnew更新情報　8/29修正*/
ul.whatsnew
{
	list-style-type:none;
	padding:0px;
	margin-left:2px;
	margin-top:0px;
}

ul.whatsnew li
{
	list-style-image: url(../img/i_dot.jpg);
	background-repeat:no-repeat;
	background-position:100%;
	padding-left:0px;
	padding-top:0px;
	margin:2px 0px 2px 10px;
	font-size:12px;
}

.new
{
	margin: 0px;
	background: url(../img/new.gif)  no-repeat right;
	padding-right: 50px;
}

.date
{
	color: #FFFFFF;
	font-size: 12px;
	padding: 0px 5px;
	margin-right: 8px;
	background-color: #FF0000;
}


/*トップページの下部バナー部分*/
#container #plan
{
 	border:#333333 solid 1px;
	background-color:#cfcfb7;
 	width:585px;
	padding-bottom:10px;
	margin:15px 0px 10px 0px;
	clear: both;	
}

/*プラン用バナー 8/29修正*/
#container #plan a
{
 	margin:0px;
	padding:0px;
	line-height:150%;
	font-size:10px;
}

/*night2.htmlの「海の幸のいいとこどり」下の予約ボタン*/
#container #main #resevr a
{
	width:325px;
	background-image: url(../img/bt_reseve.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	padding: 0px;
	clear: both;
	float: right;
	height: 80px;
	margin: 10px 10px 10px 0px;
}

/*night2の「海の幸のいいとこどり」したの予約ボタン*/
#container #main #resevr a:hover
{
	background-image: url(../img/bt_reseve_mo.jpg);
}


/*トップページ用お得情報*/
#container .new
{
	left:7px;
	top:310px;
}


/*特集ページ-伊勢エビの写真キャプション↓*/
/* 右用 */
#container #main .photo_right
{
	float: right;
	clear:right;
	margin: 0px 0px 20px 20px;
	padding:0px;
}

#container #main .photo_right dl
{
	margin: 0px;
	padding: 0px;
	height: 150px;
	width: 200px;
}

#container #main .photo_right dt
{
	margin: 0px;
	padding: 0px;
}

#container #main .photo_right dd
{
	font-size: 12px;
	color: #993333;
	clear: both;
	margin: 0px;
	padding: 2px 2px 0px 2px;
}

#container #main .photo_right dt img
{
	margin: 0px;
	padding: 0px;
	float:right;
	border: 1px solid #993333;			
}


/* 左用 */
#container #main .photo_left
{
	float: left;
	clear: left;
	/*margin: 20px 20px 50px 0px;*/
	margin: 0px 20px 20px 0px;
	padding:0px;
}

#container #main .photo_left dl
{
	margin: 0px;
	padding: 0px;
	height: 150px;
	width: 200px;
}

#container #main .photo_left dt
{
	margin: 0px;
	padding: 0px;
	width: 200px;
}

#container #main .photo_left dd
{
	font-size: 12px;
	color: #993333;
	clear: both;
	margin: 0px;
	padding: 2px 2px 0px 2px;
	width: 200px;
}

#container #main .photo_left dt img
{
	margin: 0px;
	padding: 0px;
	float: left;
	border: 1px solid #993333;			
}
/*特集ページ-伊勢エビの写真キャプションここまで*/




#right a:link{
	color:#4c4335;
}

#right a:hover{
	color:#990000;
	background-color:#FFCC99;
}

#right a:visited{
	color:#4c4335;
}


/*chargeのテーブル部分------------------------------*/

table#charge
{
	padding: 0px;
	width: 90%;
	margin: 10px 0px 20px 10px;
	border: 1px solid #CC9966;
	border-collapse:collapse;
}

table#charge th
{
	background-color: #847868;
	padding: 7px;
	text-align: center;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	border-left: 1px solid #CC9966;	
}

table#charge td
{
	padding: 7px;
	text-align: center;
	color: #333333;
	font-size: 12px;
	letter-spacing: 3px;
	border-bottom: 1px dotted #CC9966;	
	border-left: 1px solid #CC9966;	
}


/*体験工房のテーブル部分------------------------------*/

table.factory
{
	padding: 0px;
	width: 95%;
	margin: 10px 0px 20px 10px;
	border: 1px solid #CC9966;
	border-collapse:collapse;
}

table.factory th
{
	background-color: #847868;
	padding: 7px 7px 7px 10px;
	text-align: left;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	letter-spacing: 3px;	
	border-left: 1px solid #CC9966;
	border-bottom: 1px dotted #CC9966;		
	white-space: nowrap;
	width: 80px;
}

table.factory td
{
	padding: 7px 3px 7px 10px;
	text-align: left;
	color: #333333;
	font-size: 12px;
	letter-spacing: 2px;
	border-bottom: 1px dotted #CC9966;
	border-left: 1px solid #CC9966;
	line-height: 150%;
}