@charset "UTF-8";
@import url("reset.css");


/*-------------------------------------------------
	FONTの設定
--------------------------------------------------*/

body {
	font-size: 13px;
	font-family:Arial,Helvetica,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro W3",Osaka,"ＭＳ Ｐゴシック","MS P Gothic",sans-serif;
	*font-size: small;
	*font: x-small;
	color: #fff;
	line-height: 1.7;
	text-align: center;
	margin: auto;
	background-color:#000;
	background-image:url(img/t_b.gif);
	background-repeat:repeat-x;
	text-align: center;
	}
	
	
table {
	font-size: inherit;
	font: 100%;
	}

select, input, textarea {
	font-size: 99%;
	}


/*-------------------------------------------------
	Hypertext(リンク)の設定
--------------------------------------------------*/

a:link {
	color: #005585;
	font-size: 120%;
	}
	
a:visited {
	color: #FFFF33;
	font-size: 120%;
	}

a:hover {
	color: #b83800;
	}


/*-------------------------------------------------
	containerの設定
--------------------------------------------------*/
#container {
	width:100%;
	margin: auto;
	}


/*-------------------------------------------------
	titleの設定
--------------------------------------------------*/
#header {
	width: 900px;
	margin:auto;
	}
	
#header h1 {
	text-align: left;
	padding:11px 0 0 0;
	}
	

/*-------------------------------------------------
	mainの設定
--------------------------------------------------*/

#main_p {
	width: 996px;
	padding:20px 0 0 0;
	text-align: center;
	margin: 0 auto;
	}
	
	


/*-------------------------------------------------
	menuの設定
--------------------------------------------------*/

#menu {
	width: 100%;
	background:url(img/gnav_bg.gif) repeat-x scroll 0 0 transparent;
	text-align: center;
	margin: 0 auto;
	}

#menu:after{
	content: " ";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
    }

#global_navi {
	width: 900px; 
 	text-align: center;
	margin: 0 auto;
 	}

#global_navi a	{
	width: 150px;
	height: 51px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	}

#global_navi li	{
	float: left;
	}


/*---------- リンクボタン切替設定ここから -----------*/

#global_navi  .home a  {
	background:url(img/gnav_01.gif) no-repeat;
	}

#global_navi  .kodawari a  {
	background:url(img/gnav_02.gif) no-repeat;
	}

#global_navi  .foodmenu a  {
	background:url(img/gnav_03.gif) no-repeat;
	}

#global_navi  .drinkmenu a  {
	background:url(img/gnav_04.gif) no-repeat;
	}

#global_navi  .shopdata a  {
	background:url(img/gnav_05.gif) no-repeat;
	}
	
#global_navi  .reservation a  {
	background:url(img/gnav_06.gif) no-repeat;
	}
	
#global_navi a:hover	{
	background-position: 0 -51px;
	}
	

/*-------------------------------------------------
	contentの設定
--------------------------------------------------*/
#content {
	width:900px;
	margin: auto;
	}

#content:after{
	content: " ";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
    }


/*---------- #content #co_leここから -----------*/

#content #co_l {
	width:226px;
	padding:32px 0 0 0;
	float:left;
	text-align: left;
	}

#content #co_l #l_b ul li {
	width:216px;
	}

#content #co_l #l_b ul li {
	margin:0 0 6px 0;
	}


#blog_title{
	width:216px;
	height:128px;
	color:#fff;
	}

#blog_title li{
	font-size: 90%;
	margin-left: 20px;
	color: #fff;
	list-style-image: url('./img/square.gif');
	text-align: justify; 
	}

#blog_title ul li a:link {
	color: #fff;

	}
#blog_title ul li a:visited {
	color: #fff;
	}
#blog_title ul li a:hover {
	color: #f00;
	}


/*---------- リンクボタン切替設定ここから -----------*/

#content #co_l #l_b ul li a{
	display: block;
	margin: 0 0 0 0;
	}
	
	
#l_b ul li a:hover {
	background-color: #fff;
	}

#l_b li a:hover img {
	visibility: hidden;
	}


#l_b ul li.ba_sa a{
	background-image:url(img/ba_sayonara_on.jpg);
	background-repeat:no-repeat;
	}
	
#l_b ul li.ba_ha a{
	background-image:url(img/boss_blog_on.jpg);
	background-repeat:no-repeat;
	}
	
#l_b ul li.ba_san a{
	background-image:url(img/ba_3tennpo_on.jpg);
	background-repeat:no-repeat;
	}



/*---------- #content #co_riここから -----------*/

#content #co_r {
	width:666px;
	margin:32px 0 0 0;
	float:right;
	text-align: left;
	}
	
#content #co_r .r_a{	
	margin:0 0 10px 4px;
	}


#content #co_r .r_f {	
	margin:3px 0 0 3px;
	text-align: justify; 
	line-height:1.8;
	font-size:106%;
	color:white;
	}

#content #co_r .w_n {
	margin:30px 0 10px 0;
	}


/*-------------------------------------------------
	whatnewsの設定
--------------------------------------------------*/

#whatnews {
	width:666px;
	}

#whatnews .whatnews_data {
	width:666px;
	padding:0 0 16px 0;
	float:left;
	}

#whatnews .date {
	width:100px;
	float:left;
	padding:10px 0 0 3px;
	color:white;
	}	
	
	
#whatnews .news_text {
	width:500px;
	padding:10px 0 0 0;
	float:right;
	color:white;
	}	
	
	
.news_ti {
	font-size:116%;
	font-weight:bold;
	}
	
.news_te {
	padding:10px 0 0 0;
	line-height:1.6;
	text-align: justify; 
	}
	
	
/*-------------------------------------------------
	-----------------------------------------------

	subtitleの設定

	-----------------------------------------------
--------------------------------------------------*/
#subtitle {
	width:900px;
	text-align: left;
	margin:auto;
	padding:32px 0 0 0;	
	}
	
#detail {
	width:900px;
	padding:33px 0 0 0;
	}
	
#d_t {
	width:900px;
	/*height:100%;*/
	}
		
/*　左　*/
#sc_l {
	width:580px;
	/*height:412px;*/
	float:left;
	text-align: left;
	color: #fff;
	}

#detail_text {
	width: 480px;
	margin: auto;
	padding: 14px 0 0 0;
	}

#sc_l_p ul li {
	width:150px;
	/*padding:0 10px 0 0;*/
	float:left;
	background-color:#333;
	
	}

/* MENU用 */

.text_b{
	width:260px;
	font-weight:bold;
	padding:6px 10px 0 0;
	float:left;
	}

.text_l{
	width:300px;
	padding:6px 10px 0 0;
	float:left;
	}

.text_r{
	width:200px;
	padding:6px 10px 0 0;
	float:right;
	}	



/*　右　*/
#sc_r{
	width:320px;
	float:right;
	margin:auto;
	color:white;
}

.sc_r_d {
	padding:22px 0 0 0;
	}

#sc_r .sc_text_l{
	text-align: left;
	padding:0 0 12px 52px;
	}


#d_b {
	clear: both;
	width:900px;
	padding:70px 0 0 0;
	}


/*　下左　*/
#sc_b_l{
	width: 320px;
	float: left;
	text-align: left;
	margin: auto;
	}


/*　下右　*/
#sc_b_r{
	width:580px;
	float:right;
	text-align: left;
	margin:auto;
	color: #fff;
	}	


#sc_d_r_p ul li {
	width:150px;
	padding:131px 10px 0 0;
	float:left;
	}

/*-------------------------------------------------
	accessの設定
--------------------------------------------------*/

#map{
	width:476px;
	padding:5px 0 0 0;
	float:left;
	}


#store_information{
	width:424px;
	/*background-color:#111;*/
	float:left;
	}

.shop_da{
	padding:0 0 5px 19px;
	}



#store_right{
	width:70px;
	color:#fff;
	text-align:left;
	padding:0 0 0 30px;
	line-height:2.9;
	float:left;
	margin:auto;
	}


#store_left{
	width:324px;
	color:#fff;
	text-align:left;
	line-height:2.9;
	float:left;
	margin:auto;
	}


/*-------------------------------------------------
	what's_rebirthの設定
--------------------------------------------------*/

#d_content {
	width:900px;
	height:412px;
	text-align: left;
	margin: 0 auto;
	color:#fff;
	}

#d_bo_content {
	width:900px;
	height:412px;
	text-align: left;
	margin: 0 auto;
	color:#fff;
	padding:100px 0 0 0;
	}

.d_c_l {
	width:500px;
	height:412px;
	float:left;
	padding:0 0 70px 0;
	}
	
.l_text	{
	width:550px;
	height:262px;
	text-align:left;
	font-size:106%;
	line-height:2;
	float:left;
	text-align: justify; 
	
	}

.l_photo {
	width:500px;
	height:150px;
	float:left;
	text-align: justify; 
	}
	
.ph_center {
	padding:0 25px;
	}

.l_photo ul li {
	width:150px;
	float:left;
	}

.l_ph_bottom {
	width300px;
	float:right;
	}

#content_drink_kodawari {
	width:900px;
	text-align: center;
	margin: 0 auto;
	background-color:#666;
	}

.drink_ko {
	width:900px;
	/*height:180px;*/
	text-align: center;
	margin: 0 auto;
	padding:24px 0 0 0;
	}
	
.dotted_line {
	width:900px;
	padding:30px 0 30px 0;
	float:left;
	}


.drink_ko_left {
	width:440px;
	text-align: left;
	margin: 0 auto;
	float:left;
	}

.cocktail_main_text {
	font-size:150%;
	font-weight:bold;
	text-align: justify;
	}
	
.cocktail_mainsub_text {
	font-size:100%;
	}
	
.cocktail_scb_text {
	font-size:90%;
	text-align: justify;
	line-height:1.3;
	padding:6px 0 6px 0;
	}
	
.cocktail_price {
	font-size:120%;
	font-weight:bold;
	text-align: right;
	margin: 0 auto;
	}

.drink_ko_right {
	width:440px;
	text-align: left;
	margin: 0 auto;
	float:right;
	}

.drink_text {
	width:240px;
	float:left;
	}

.ko_drink_ph {
	width:180px;
	float:right;
	}

/*-------------------------------------------------
	footerの設定
--------------------------------------------------*/

#footer{
	width:100%;
	height:100px;
	text-align: center;
	margin:auto;
	float:left;
	color:#fff;
	}
	
/*#footer{
	content: " ";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
	}*/


.footer_c{
	width:100%;
	padding:50px 0 10px 0;
	}