@charset "utf-8";
/* CSS Document */

* {
	margin  : 0px;
	padding : 0px;
}

body {
	background-color : #3d3d3d;
	margin : 0px;
}

.hidden {
	font-size : 9px;
	visibility: hidden;
}


/********** 全体のコンテナ **********/
#wrapper {
	background-color : #ffffff;
	background-image : url(../image/common_border.jpg);
	background-position : right;
	background-repeat   : repeat-y;
	width  : 803px;
	height : 100%;
}


/********** 共通ヘッダー **********/
#header {
	background-image    : url(../image/common_header.jpg);
	background-repeat   : no-repeat;
	background-position : top;
	height : 100px;
	width  : 800px;
	border-bottom: 5px solid #ff0000;
}

#header #toptitle {
	width   : 280px;
	height  : 100px;
	margin-left : 20px;
}

#header #toptitle a {
	display : block;
	width   : 100%;
	height  : 100%;
	text-decoration : none;		
}

#header #topnavi {
	width    : 285px;
	height   : 20px;
	position : absolute;
	left     : 320px;
	top      : 75px;
}

#header #topnavi ul {
	list-style : none inside;
}

#header #topnavi li {
	float : left;
	margin-right : 20px;
}

#header #topnavi li a {
	display : block;
	width   : 75px;
	height  : 20px;
	text-decoration : none;
}

#header #topnavi #li_1 a {
	background-image    : url(../image/common_menu.jpg);
	background-repeat   : no-repeat;
	background-position : left;
}

#header #topnavi #li_1 a:hover {
	background-image    : url(../image/common_menu_h.jpg);
	background-repeat   : no-repeat;
	background-position : left;
}

#header #topnavi #li_2 a {
	background-image    : url(../image/common_shop.jpg);
	background-repeat   : no-repeat;
	background-position : left;
}

#header #topnavi #li_2 a:hover {
	background-image    : url(../image/common_shop_h.jpg);
	background-repeat   : no-repeat;
	background-position : left;
}

#header #topnavi #li_3 a {
	background-image    : url(../image/common_recruit.jpg);
	background-repeat   : no-repeat;
	background-position : left;
}

#header #topnavi #li_3 a:hover {
	background-image    : url(../image/common_recruit_h.jpg);
	background-repeat   : no-repeat;
	background-position : left;
}


/********** 共通フッター **********/
#footer {
	background-color : #000000;
	height : 151px;
	width  : 800px;
	color  : #ffffff;
	font-size : 11px;
	border-top: 5px solid #2d2d2d;
}

#address1 {
	background-image : url(../image/common_address.jpg);
	background-repeat: no-repeat;
	height : 60px;
	width  : 480px;
	float  : left;
	margin-top : 15px;
	margin-left: 20px;
}

*html #address1 { /* IE6用 */
	background-image : url(../image/common_address.jpg);
	background-repeat: no-repeat;
	height : 60px;
	width  : 480px;
	float  : left;
	margin-top : 15px;
	margin-left: 10px;
}

#address2 {
	height : 60px;
	width  : 280px;
	float  : left;
	margin-top : 15px;
}

#address2 .f_1 {
	height : 15px;
	width  : 170px;
	float  : left;
}

#address2 .f_2 {
	height : 45px;
	width  : 60px;
	float  : left;
}

#address2 .f_3 {
	height : 15px;
	width  : 110px;
	float  : left;
}


/********** トップページ **********/
#top {
	background-image  : url(../image/top_header.jpg);
	background-repeat : no-repeat;	
	height : 395px;
	width  : 800px;
	border-bottom: 5px solid #2d2d2d;
}

#top_main {
	background-color : #ffffff;
	height: 344px;
	width : 800px;
}

#top_main .block1 {
	height : 135px;
	width  : 440px;
	float : left;
	margin-top : 20px;
	margin-left: 20px;	
}

*html #top_main .block1 { /* IE6用 */
	height : 135px;
	width  : 440px;
	float : left;
	margin-top : 20px;
	margin-left: 10px;	
}

#top_main .block2 {
	height : 135px;
	width  : 280px;
	float  : left;
	margin-top : 20px;
	margin-left: 40px;	
}

#top_topics {
	background-image : url(../image/top_new_info.jpg);
	background-repeat: no-repeat;
	height   : 23px;
	width    : 440px;
}

#top_topics_text {
	height   : 112px;
	width    : 440px;	
	overflow : auto;
	scrollbar-base-color    : #ffffff;
	scrollbar-arrow-color   : #000000;
	scrollbar-3dlight-color : #000000;
	scrollbar-shadow-color  : #ffffff;
}

#top_topics_text ul {
	list-style-image : url(../image/top_topics_list.gif);
	margin  : 0px;
	padding : 10px 0px 10px 20px;
}

#top_topics_text li {
	font-size : 12px;
	margin : 0px 0px 10px 0px;
}

#top_shop_info {
	background-image : url(../image/top_shop_info.jpg);
	background-repeat: no-repeat;
	height: 60px;
	width : 280px;
}

#top_shop_info a {
	display : block;
	height  : 60px;
	width   : 280px;
	text-decoration : none;	
}

#top_recruit_info {
	background-image : url(../image/top_recruit_info.jpg);
	background-repeat: no-repeat;
	height: 60px;
	width : 280px;
	margin-top  : 15px;
}

#top_recruit_info a {
	display : block;
	height  : 60px;
	width   : 280px;
	text-decoration : none;	
}

#top_menu_info {
	background-image : url(../image/top_menu_info.jpg);
	background-repeat: no-repeat;
	height: 25px;
	width : 440px;
}

#top_menu_1 {
	background-image : url(../image/top_menu1.jpg);
	background-repeat: no-repeat;
	width  : 130px;
	height : 106px;
	float  : left;
	margin : 0px 0px 0px 0px;	
}

#top_menu_1 a {
	display : block;
	width   : 130px;
	height  : 106px;
	text-decoration : none;	
}

#top_menu_2 {
	background-image : url(../image/top_menu2.jpg);
	background-repeat: no-repeat;
	width  : 130px;
	height : 106px;
	float  : left;
	margin : 0px 0px 0px 25px;
}

#top_menu_2 a {
	display : block;
	width   : 130px;
	height  : 106px;
	text-decoration : none;	
}

#top_menu_3 {
	background-image : url(../image/top_menu3.jpg);
	background-repeat: no-repeat;
	width  : 130px;
	height : 106px;
	float  : left;
	margin : 0px 0px 0px 25px;	
}

#top_menu_3 a {
	display : block;
	width   : 130px;
	height  : 106px;
	text-decoration : none;	
}

#top_menu_more1 {
	height : 16px;
	width  : 350px;
	float  : left;
	margin : 0px 0px 0px 20px;		
}

*html #top_menu_more1 { /* IE6用 */
	height : 16px;
	width  : 350px;
	float  : left;
	margin : 0px 0px 0px 10px;		
}

#top_menu_more2 {
	background-image : url(../image/top_menumore.jpg);
	background-repeat: no-repeat;
	height : 16px;
	width  : 90px;
	float  : left;
}

#top_menu_more2 a {
	display : block;
	height  : 16px;
	width   : 90px;
	text-decoration : none;		
}

#top_mobile_info {
	background-image : url(../image/top_mobile_info.jpg);
	background-repeat: no-repeat;
	height: 25px;
	width: 280px;
}

#top_mobile_text {
	height : 110px;
	width  : 211px;
	float  : left;
	font-size : 12px;
}

#top_mobile_qrcode {
	background-image : url(../image/top_mobile_qrcode.jpg);
	background-repeat: no-repeat;
	height : 110px;
	width  : 69px;
	float  : left;
}


/********** おしながき **********/
#menu_header_img {
	background-image    : url(../image/menu_header.jpg);
	background-repeat   : no-repeat;
	background-position : bottom;
	width  : 800px;
	height : 155px;
	border-top : 20px solid #000000;
}

#menu_main {
	background-color : #ffffff;
	width : 760px;
	height: 820px;
	margin : 20px 20px 0px 20px;	
}

#menu_title {
	background-image  : url(../image/menu_title.jpg);
	background-repeat : no-repeat;
	height : 32px;
	width  : 760px;
}

#menu_men_box {
	height : 312px;
	width  : 760px;
}

#menu_gaiyou {
	background-image  : url(../image/menu_gaiyou.jpg);
	background-repeat : no-repeat;
	height : 87px;
	width  : 760px;
}

#menu_men1_1 {
	background-image  : url(../image/menu_men1_1.jpg);
	background-repeat : no-repeat;
	height : 187px;
	width  : 240px;	
	float  : left;
	margin-right : 20px;
}

#menu_men1_2 {
	background-image  : url(../image/menu_men1_2.jpg);
	background-repeat : no-repeat;
	height : 19px;
	width  : 240px;	
	float  : left;
	margin-right : 20px;
}

#menu_men2_1 {
	background-image  : url(../image/menu_men2_1.jpg);
	background-repeat : no-repeat;
	height : 187px;
	width  : 240px;	
	float  : left;
	margin-right : 20px;
}

#menu_men2_2 {
	background-image  : url(../image/menu_men2_2.jpg);
	background-repeat : no-repeat;
	height : 19px;
	width  : 240px;	
	float  : left;
	margin-right : 20px;
}

#menu_men3_1 {
	background-image  : url(../image/menu_men3_1.jpg);
	background-repeat : no-repeat;
	height : 187px;
	width  : 240px;	
	float  : left;
}

#menu_men3_2 {
	background-image  : url(../image/menu_men3_2.jpg);
	background-repeat : no-repeat;
	height : 19px;
	width  : 240px;	
	float  : left;
}

#menu_topping_box {
	height : 147px;
	width  : 760px;
	margin-top : 20px;
}

#menu_topping_title {
	background-image  : url(../image/menu_topping_title.jpg);
	background-repeat : no-repeat;
	background-position : left;
	height : 17px;
	width  : 760px;
	margin-bottom : 10px;
}

#menu_topping_1 {
	background-image  : url(../image/menu_topping1.jpg);
	background-repeat : no-repeat;
	height : 120px;
	width  : 120px;
	float  : left;
	margin-right : 8px;
}

#menu_topping_2 {
	background-image  : url(../image/menu_topping2.jpg);
	background-repeat : no-repeat;
	height : 120px;
	width  : 120px;
	float  : left;
	margin-right : 8px;
}

#menu_topping_3 {
	background-image  : url(../image/menu_topping3.jpg);
	background-repeat : no-repeat;
	height : 120px;
	width  : 120px;
	float  : left;
	margin-right : 8px;
}

#menu_topping_4 {
	background-image  : url(../image/menu_topping4.jpg);
	background-repeat : no-repeat;
	height : 120px;
	width  : 120px;
	float  : left;
	margin-right : 8px;	
}

#menu_topping_5 {
	background-image  : url(../image/menu_topping5.jpg);
	background-repeat : no-repeat;
	height : 120px;
	width  : 120px;
	float  : left;
	margin-right : 8px;	
}

#menu_topping_6 {
	background-image  : url(../image/menu_topping6.jpg);
	background-repeat : no-repeat;
	height : 120px;
	width  : 120px;
	float  : left;
}

#menu_otsumami_box {
	height : 232px;
	width  : 470px;
	float  : left;	
	margin-top : 38px;
}

#menu_otsumami_title {
	background-image    : url(../image/menu_otsumami_title.jpg);
	background-repeat   : no-repeat;
	background-position : left;
	height : 17px;
	width  : 470px;
	margin-bottom : 10px;
}

#menu_otsumami1 {
	background-image  : url(../image/menu_otsumami1.jpg);
	background-repeat : no-repeat;
	height : 130px;
	width  : 86px;
	float  : left;
}

#menu_otsumami2 {
	background-image  : url(../image/menu_otsumami2.jpg);
	background-repeat : no-repeat;
	height : 130px;
	width  : 96px;
	float  : left;
}

#menu_otsumami3 {
	background-image  : url(../image/menu_otsumami3.jpg);
	background-repeat : no-repeat;
	height : 130px;
	width  : 96px;
	float  : left;
}

#menu_otsumami4 {
	background-image  : url(../image/menu_otsumami4.jpg);
	background-repeat : no-repeat;
	height : 130px;
	width  : 96px;
	float  : left;
}

#menu_otsumami5 {
	background-image  : url(../image/menu_otsumami5.jpg);
	background-repeat : no-repeat;
	height : 130px;
	width  : 96px;
	float  : left;
}

#menu_otsumami_all {
	background-image  : url(../image/menu_otsumami_all.jpg);
	background-repeat : no-repeat;
	height : 75px;
	width  : 470px;
	float  : left;	
}

#menu_drink_box {
	height : 232px;
	width  : 250px;
	float  : left;
	margin-top  : 38px;
	margin-left : 40px;	
}

*html #menu_drink_box { /* IE6用 */
	height : 232px;
	width  : 250px;
	float  : left;
	margin-top  : 38px;
	margin-left : 30px;
}

#menu_drink_title {
	background-image  : url(../image/menu_drink_title.jpg);
	background-repeat : no-repeat;
	height : 17px;
	width  : 251px;
	margin-bottom : 10px;	
}

#menu_drink_all {
	background-image  : url(../image/menu_drink_all.jpg);
	background-repeat : no-repeat;
	height : 205px;
	width  : 251px;
}


/********** 求人案内ページ **********/
#recruit_header_img {
	background-image    : url(../image/recruit_header.jpg);
	background-repeat   : no-repeat;
	background-position : bottom;
	width  : 800px;
	height : 155px;
	border-top : 20px solid #000000;
}

#recruit_main {
	background-color : #ffffff;
	height: 467px;
	width : 760px;
	margin : 20px 20px 0px 20px;	
}

#recruit_title {
	background-image  : url(../image/recruit_title.jpg);
	background-repeat : no-repeat;
	height : 32px;
	width  : 760px;
}

#recruit_contents_box {
	width  : 483px;
	height : 284px;
	float  : left;
}

#recruit_contents_box p {
	font-size : 12px;
}

#recruit_contents_box .r_text {
	width  : 423px;
	height : 15px;
	float  : left;
	margin : 12px 0px 0px 10px;
}

#recruit_img_box {
	background-image  : url(../image/recruit_img.jpg);
	background-repeat : no-repeat;
	background-position : top right;
	width  : 277px;
	height : 284px;
	float  : left;	
}

#recruit_message {
	background-image  : url(../image/recruit_message.jpg);
	background-repeat : no-repeat;
	width  : 483px;
	height : 25px;
	margin-bottom : 10px;
}

#recruit_kyujin {
	background-image  : url(../image/recruit_kyujin.jpg);
	background-repeat : no-repeat;
	width  : 483px;
	height : 21px;
	margin-top : 22px;
}

#recruit_koumoku1 {
	background-image  : url(../image/recruit_koumoku1.jpg);
	background-repeat : no-repeat;
	width  : 50px;
	height : 15px;
	float  : left;
	margin-top : 12px;
}

#recruit_koumoku2 {
	background-image  : url(../image/recruit_koumoku2.jpg);
	background-repeat : no-repeat;
	width  : 50px;
	height : 15px;
	float  : left;
	margin-top : 12px;
}

#recruit_koumoku3 {
	background-image  : url(../image/recruit_koumoku3.jpg);
	background-repeat : no-repeat;
	width  : 50px;
	height : 15px;
	float  : left;
	margin-top : 12px;
}

#recruit_koumoku4 {
	background-image  : url(../image/recruit_koumoku4.jpg);
	background-repeat : no-repeat;
	width  : 50px;
	height : 42px;
	float  : left;
	margin-top : 12px;
}


/********** 店舗案内ページ **********/
#shop_header_img {
	background-image    : url(../image/shop_header.jpg);
	background-repeat   : no-repeat;
	background-position : bottom;
	width  : 800px;
	height : 155px;
	border-top : 20px solid #000000;
}

#shop_main {
	background-color : #ffffff;
	width  : 760px;
	height : 418px;
	margin : 20px 20px 0px 20px;	
}

#shop_title {
	background-image  : url(../image/shop_title.jpg);
	background-repeat : no-repeat;
	height : 32px;
	width  : 760px;
}

#shop_contents_box {
	width  : 320px;
	height : 386px;
	float  : left;
}

#shop_contents_box p {
	font-size : 12px;
}

#shop_contents_box .s_text1 {
	width  : 250px;
	height : 15px;
	float  : left;
	margin : 0px 0px 12px 20px;
}

#shop_contents_box .s_text2 {
	width  : 50px;
	height : 15px;
	float  : left;
	margin-left: 20px;
}

#shop_contents_box .s_text3 {
	width  : 200px;
	height : 15px;
	float  : left;
}

#shop_contents_box .s_text4 {
	font-weight : bold;
	width  : 320px;
	height : 17px;
	float  : left;
	margin-top : 11px;
}

#shop_contents_box .s_text5 {
	width  : 320px;
	height : 17px;
	float  : left;
	margin-top : 6px;
}

#shop_map_box {
	width  : 425px;
	height : 386px;
	float  : left;
	margin-left : 13px;
}

#shop_show_map {
	width  : 425px;
	height : 350px;
	float  : left;
	border : 1px solid #000000;
}

#shop_show_largemap {
	width  : 425px;
	height : 29px;
	float  : left;
	margin-top : 5px;
}

#shop_show_largemap a {
	color : #0000ff;
	text-align : left;
	text-decoration : none;
}

#shop_show_largemap p {
	font-size : 12px;
}

#shop_koumoku1 {
	background-image  : url(../image/shop_koumoku1.jpg);
	background-repeat : no-repeat;
	width  : 50px;
	height : 15px;
	float  : left;
	margin-bottom : 12px;
}

#shop_koumoku2 {
	background-image  : url(../image/shop_koumoku2.jpg);
	background-repeat : no-repeat;
	width  : 50px;
	height : 15px;
	float  : left;
	margin-bottom : 12px;
}

#shop_koumoku3 {
	background-image  : url(../image/shop_koumoku3.jpg);
	background-repeat : no-repeat;
	width  : 50px;
	height : 15px;
	float  : left;
	margin-bottom : 12px;
}

#shop_koumoku4 {
	background-image  : url(../image/shop_koumoku4.jpg);
	background-repeat : no-repeat;
	width  : 50px;
	height : 15px;
	float  : left;
	margin-bottom : 12px;
}

#shop_koumoku5 {
	background-image  : url(../image/shop_koumoku5.jpg);
	background-repeat : no-repeat;
	width  : 50px;
	height : 15px;
	float  : left;
	margin-bottom : 12px;
}

#shop_koumoku6 {
	background-image    : url(../image/shop_koumoku6.jpg);
	background-repeat   : no-repeat;
	background-position : top left;
	width  : 50px;
	height : 45px;
	float  : left;
}

#shop_access {
	background-image    : url(../image/shop_access.jpg);
	background-repeat   : no-repeat;
	background-position : top left;	
	width  : 320px;
	height : 21px;
	float  : left;
	margin-top: 15px;
}

#shop_space {
	width  : 800px;
	height : 100px;
	clear  : left;	
}

#shop_link {
	background-color : #ffffff;
	width  : 760px;
	height : 238px;
	margin : 0px 20px 30px 20px;
}

#shop_link p {
	font-size : 12px;
}

#shop_link_title {
	background-image  : url(../image/shop_link_title.jpg);
	background-repeat : no-repeat;
	width  : 800px;
	height : 30px;
}

#shop_link_border {
	background-image  : url(../image/shop_link_border.jpg);
	background-repeat : no-repeat;
	width  : 20px;
	height : 207px;
	float  : left;
}

#shop_link_remodelbox {
	width  : 370px;
	height : 207px;
	float  : left;
}

#shop_link_remodel1 {
	background-image  : url(../image/shop_link_remodel1.jpg);
	background-repeat : no-repeat;
	width  : 370px;
	height : 69px;
	float  : left;	
}

#shop_link_remodel2 {
	background-image  : url(../image/shop_link_remodel2.jpg);
	background-repeat : no-repeat;
	width  : 156px;
	height : 138px;
	float  : left;
}

#shop_link_remodeltext {
	width  : 214px;
	height : 118px;
	float  : left;
	padding-top : 20px;
}

#shop_link_remodeltext .b_1 {
	font-size   : 14px;
	font-weight : bold;
	text-align  : left;
	width  : 214px;
	height : 20px;
}

#shop_link_remodeltext .b_2 {
	font-size   : 14px;
	font-weight : bold;
	text-align  : center; 
	width  : 214px;
	height : 20px;	
}

#shop_link_ticbox {
	width  : 370px;
	height : 207px;
	float  : left;
}

#shop_link_tic1 {
	background-image  : url(../image/shop_link_tic1.jpg);
	background-repeat : no-repeat;
	width  : 370px;
	height : 69px;
	float  : left;	
}

#shop_link_tic2 {
	background-image  : url(../image/shop_link_tic2.jpg);
	background-repeat : no-repeat;
	width  : 136px;
	height : 138px;
	float  : left;	
}

#shop_link_tictext {
	width  : 224px;
	height : 118px;
	float  : left;
	padding: 20px 0px 0px 10px;
}