@charset "UTF-8";

/* CSS Document */





/*---------------------------------------基本レイアウト*/

#navi_pankuz{

	display:inline-block;/*----------------IE7 clearfix*/

	clear:both;

	background:transparent url(/common/img/contents_bg.gif) left top repeat-y;

	margin:0 0 0 112px;

	width:780px;

}



#tabList{

	width:780px;

	margin:0 0 0 112px;

	background:transparent url(/common/img/contents_bg.gif) left top repeat-y;

}



#mainImage{

	width:780px;

	margin:0 0 0 112px;

	background:transparent url(/common/img/contents_bg.gif) left top repeat-y;

}



/*エリアトップ以外のページ用*/

#otherAreaList{

	width:780px;

	margin:0 0 0 112px;

	background:transparent url(/common/img/contents_bg.gif) left top repeat-y;

}





/*---------------------------------------パンくずナビゲ－ション詳細*/

#pankuz{

	width:770px;

	margin:0 0 0 9px;

	/*height:50px;*/

}

/*-------------------------hack for IE 7 */

*+html #pankuz{

	margin-top:5px;

}

/*-------------------------hack for IE 6 */

*html #pankuz{

	margin-top:5px;

}



#pankuz .pankuz_txtArea{

	background:transparent url(/common/img/pankuzu_bg_mid.gif) left top repeat-y;

	padding:3px 8px;

}



#pankuz .bgimg_top{

	background:transparent url(/common/img/pankuzu_bg_top.gif) left top no-repeat;

	height:3px;

}

#pankuz .bgimg_btm{

	background:transparent url(/common/img/pankuzu_bg_btm.gif) left top no-repeat;

	height:3px;

}





/*---------------------------------------メインイメージ詳細*/

#mainImage #mainImageBox{

	width:770px;

	margin:0 0 10px 9px;

}



/*---------------------------------------contents詳細*/

#area #contents{

	width:770px;

	margin:0 0 0 10px;

	}

#area #contents #contentsBody{

	padding:10px 10px 20px 10px;

	width:740px;

}



#area #contents #contents_header #contents_header_l{

	width:582px;

	margin:30px 10px 0 10px;

}

#area #contents #contents_header #contents_header_r{

	width:148px;

	background:transparent url(/common/img/shop_cttheader_rbox_mid.gif) left top repeat-y;

}



#area #contents_header_l #ctt_title{

	width:306px;

	padding:3px 0 0 3px;

}



#area #contents_header_l #ctt_menu{

	width:273px;

	padding:8px 0 0 0;

	float:right;

}



#area #contents_header_l #ctt_menu .list_float li{

	display:block;

	float:left;

	padding:0 0 2px 0;

	margin:0;

	width:87px;

	text-align:center;

}

#area #contents_header_l #ctt_menu .list_float li.menuleft{

	padding-left:0;

}

#area #contents_header_l #ctt_menu .list_float span {

	display:block;

	background-color:#803340;

	margin:0 2px;

}

#area #contents_header_l #ctt_menu .list_float span.current{

	display:block;

	background-color:#F2ECE5;

	margin:0 2px;

	padding:0;

	color:#803340;

}



#area #contents_header_r .bgimg_top{

	background:transparent url(/common/img/shop_cttheader_rbox_top.gif) left top no-repeat;

	height:5px;

}

#area #contents_header_r .bgimg_btm{

	background:transparent url(/common/img/shop_cttheader_rbox_btm.gif) left top no-repeat;

	height:5px;

}

#area #contents_header_r .txtArea{

	padding:5px 3px 0px 5px;

}

#area #contents_header_r .txtArea p{

	margin:0 0 3px 0;

}



#area #ctt_msg .ctt_inner,

#area #ctt_banner .ctt_inner,

#area #ctt_topics .ctt_inner{

	padding-left:5px;

}



#area #ctt_banner div.banner img{

	padding:0 5px;

}



#area #ctt_msg h3{

	padding-left:5px;

}



#area #contentsBody #ctt_msg .l2Col{

	width:80px;

	margin-right:10px;

}

#area #contentsBody #ctt_msg .r2Col{

	width:260px;

}



#area #ctt_banner table{

}



#area #ctt_banner table th,

#area #ctt_banner table td{

	vertical-align:top;

	text-align:left;

	padding:3px 0;

}



#area #ctt_banner table th{

	width:110px;

	color:#999;

}

#area #ctt_banner table td{

	width:230px;

	padding-left:5px;

}



#area #ctt_topics{

}

/*---------------------------------------ereaTop contents詳細*/

#areaTop #main{

	margin-top:5px;

	padding-top:0;

	background:transparent url(/common/img/contents_bg_ereatop.gif) left top repeat-y;

}



#areaTop #contents{

	width:760px;

	margin:0 0 0 10px;

	}

#areaTop #contents #contentsBody{

	padding:0px 0px 0px 10px;

}



#areaTop #contentsBody #ereaTop_ctt_l{

	padding:30px 0 0 0;

	width:518px;

}

#areaTop #contentsBody #ereaTop_ctt_r{

	width:222px;

	height:100%;

	padding:15px 0 0 9px;

	/*background-color:#F9F5F2;*/

}



#areaTop #footer{

	margin-top:0;

	padding-top:0;

	background:transparent url(/common/img/contents_bg_ereatop.gif) left top repeat-y;

}



/*--campaignInfo--*/

#campaignInfo .ereaTop_tit .l2Col{

	width:148px;

}

#campaignInfo .ereaTop_tit .r2Col{

	width:333px;

	text-align:right;

	line-height:1.3em;

}

/*-------------------------hack for IE 7 */

+*html #campaignInfo .ereaTop_tit .r2Co{

	line-height:1.4em;

}



#campaignInfo .ereaTop_desc{

	padding:9px 0;

	width:480px;

	/*text-align:center;*/

}

#campaignInfo .ereaTop_desc img{

	margin:0 5px;

}



/*--newArrivalInfo--*/

#newArrivalInfo .ereaTop_tit .l2Col{

	width:148px;

}

#newArrivalInfo .ereaTop_tit .r2Col{

	width:333px;

	text-align:right;

	line-height:1.3em;

}

/*-------------------------hack for IE 7 */

+*html #newArrivalInfo .ereaTop_tit .r2Col{

	line-height:1.4em;

}



#ereaTop_ctt_l .ereaTop_desc table th{

	vertical-align:top;

	text-align:left;

	width:153px;

	color:#999;

	padding:3px 10px 3px 0;

}

#ereaTop_ctt_l .ereaTop_desc table td{

	vertical-align:top;

	width:334px;

	padding:3px 10px 5px 0;

	color:#803340;

}



#ereaTop_ctt_l .ereaTop_desc table th span{

	background:transparent url(/common/img/linkicon_normal_w02.gif) 0 0px no-repeat;

	padding-left:12px;

}

#ereaTop_ctt_l .ereaTop_desc table td a{

	color:#803340;

}



/*--予約お申し込み--*/

#ereaTop_ctt_r #reserveBox{

}

#ereaTop_ctt_r #reserveBox .txtArea{

	background:transparent url(/common/img/erea_cttheader_rbox_bg.gif) left top repeat-y;

	padding:5px 5px 5px 10px;

	width:197px;

}

#ereaTop_ctt_r #reserveBox .txtArea h3{

	padding-bottom:10px;

	margin:0 11px 10px 1px;

}

#ereaTop_ctt_r #reserveBox .txtArea p{

	margin:0 12px 5px 5px;

}

#ereaTop_ctt_r #reserveBox .bgimg_top{

	background:transparent url(/common/img/erea_cttheader_rbox_bg_top.gif) left top no-repeat;

	width:212px;

	_width:202px;

	height:29px;

	padding:4px 10px 0 10px;

}

#ereaTop_ctt_r #reserveBox .bgimg_btm{

	background:transparent url(/common/img/erea_cttheader_rbox_bg_btm.gif) left top no-repeat;

	width:212px;

	height:7px;

}



#ereaTop_ctt_r #reserveBox .bgimg_top h3{

	margin:3px 0 0 0;

	padding:0;

}



/*--かに道楽のおもてなし--*/

#ereaTop_ctt_r #reserveBox2{

}

#ereaTop_ctt_r #reserveBox2 .txtArea{

	background:transparent url(/common/img/erea_cttheader_rbox2_bg.gif) left top repeat-y;

	padding:5px 7px 5px 7px;

	width:202px;

}

#ereaTop_ctt_r #reserveBox2 .txtArea h3{

	padding-bottom:0;

	margin:0 11px 0 1px;

}

#ereaTop_ctt_r #reserveBox2 .txtArea p{

	margin:5px 0px 5px 10px;

}

#ereaTop_ctt_r #reserveBox2 .bgimg_top{

	background:transparent url(/common/img/erea_cttheader_rbox2_bg_top.gif) left top no-repeat;

	width:212px;

	height:5px;

}

#ereaTop_ctt_r #reserveBox2 .bgimg_btm{

	background:transparent url(/common/img/erea_cttheader_rbox2_bg_btm.gif) left top no-repeat;

	width:212px;

	height:2px;

}



#ereaTop_ctt_r #reserveBox2 .bgimg_top h3{

	margin:3px 0 0 0;

	padding:0;

}



#ereaTop_ctt_r #reserveBox2 .r2Col{

	width:140px;

}



/*--店舗のご案内--*/

#ereaTop_ctt_r #shopGuide {

}

#ereaTop_ctt_r #shopGuide h3{

	padding-bottom:8px;

	width:212px;

}

#ereaTop_ctt_r #shopGuide ul{

	margin-top:8px;

}

#ereaTop_ctt_r #shopGuide ul li{

	margin:2px 0;

}



/*--バナーエリア--*/

#ereaTop_ctt_r .bannerErea p{

	padding-right:10px;

}



/*--他のエリア--*/



#otherAreaList #otherErea{

	margin-left:10px;

}



#otherErea{

	padding:0 20px;

	background-color:#FFF;

}



#otherErea #oe_ereaList{

	margin:5px 5px 0 0;

	width:385px;

}



#otherErea #oe_ereaList p{

	margin:13px 10px 0 0;

}

#otherErea ul{

	margin:20px 10px 0 0;

}



#oe_bannerArea{

	margin:10px 0 0 0;

	width:330px;

}



#oe_bannerArea a{

	width:212px;

	margin-right:10px;

}



#oe_bannerArea img{

	margin-bottom:10px;

}



#oe_bannerArea p{

	width:108px;

	margin-bottom:0px;

}

/*-------------------------hack for IE 7 */

*+html #oe_bannerArea p{

	margin-bottom:10px;

}

/*-------------------------hack for IE 6 */

*html #oe_bannerArea p{

	margin-bottom:10px;

}



/*---------------------------------------タブメニュー*/

#tabList #tabListBox{

	width:750px;

	padding:0 0 0 18px;

}



#tabList .list_float dt{

	display:block;

	float:left;

	margin:0;

}



#tabList .list_float dd{

	display:block;

	float:left;

	margin:0;

}



#tabList #tabListShop{

	width:723px;

	padding:11px 10px 3px 10px;

	background:transparent url(/common/img/shop_tablist_bg.gif) left top repeat-x;

}

#tabList ul.imgAdjust li.no_labeling{

	margin-right:13px;

}

#tabList ul.imgAdjust li.no_labeling img{

	margin:0;

	padding:0;

}

/*-------------------------hack for IE 7 

*+html #tabList .no_labeling{

	padding:2px 0;

}*/

/*-------------------------hack for IE 6 

*html #tabList .no_labeling{

	padding:3px 0 1px 0;

}

*/

#tabListShop img{

	vertical-align:middle;

	margin:-6px 0 0 8px;

	}

	

/*-------------------------hack for IE 6 */

*html #tabListShop img{

	margin-top:0px;

	}

	

#tabListShop a{

	padding-top:0px;

	font-weight:bold;

	}



/*---------------------------------------テーブルスタイル(店舗情報)*/

table#shop_info{

	text-align:left;

	font-weight:normal;

}

table#shop_info tr.lastTR{

	border-bottom:none;

}



table#shop_info th,

table#shop_info td{

	padding:3px;

	border-bottom:#ccc dashed 1px;

}

table#shop_info th{

	font-weight:normal;

	vertical-align:top;

}

table#shop_info .lastTR{

	border-bottom:none;

}



/*---------------------------------------かに道楽の関連会社*/



div#relatedCompany{

	width: 750px;

	margin: 0px 0 0 10px;

	padding-top:10px;

	/*border: 1px solid #F00;*/

}



*:first-child+html div#relatedCompany{

	margin: 10px 0 0 10px;

}

html* div#relatedCompany{

	margin: 10px 0 0 10px;

}

#relatedCompany #companyList{

	margin:0px 5px 0 10px;

	width:126px;

}

div#relatedCompany div#companyList div{

	padding-top:15px;

}



#companyBanner{

	margin:10px 0 0 0;

	width:580px;

}



#companyBanner a{

	width:212px;

	margin-right:10px;

}



#companyBanner img{

	margin-bottom:10px;

}



#companyBanner p{

	width:108px;

	margin-bottom:0px;

}