@charset "utf-8";

/*リセット・基本設定*/
@import url(default.css);

/*フォント設定*/
@import url(font.css);



/* ----------------------------------------------------------------
 style :  body
---------------------------------------------------------------- */
body{
	margin:0 auto;
	padding:0;
	}

/* -------------------------------------------------------------
 style :  詳細ページ　ちょい飲み＆ちょいカワ清酒 
 ------------------------------------------------------------- */


#bit_wrapper{
	margin: 20px auto 0;
	padding: 0;
	text-align: left;
	}
	
#bit_contents{
	margin:0 auto;
	width:640px;
	line-height:1.4;
	}

#header{
	width:585px;
	margin: 0 auto 25px;
	padding:3px 5px;
	border-left:5px solid #534D46;
	}

#bit_main{
	background:url(../../bit/images/s_bit/s_page_bg.jpg) repeat-y 0 0;
	width:540px;
	margin:0 auto 10px;
	padding:30px;
	}
	
#bit_main p{
	}

.bit_main_left{
	width:310px;
	float:left;
	}

.bit_main_rihgt{
	width:200px;
	text-align:center;
	float:right;
	}


table.comment{
	width:600px;
	border:0;
	margin:0 auto 25px;
	padding:0;
	}

table.comment td{
	width:245px;
	padding:10px;
	}



#bit_footer{
	width:100%;
	margin:0 auto;
	clear:both;
	background:#E6E1CB;
	}
	
	
#bit_footer p{
	width:640px;
	padding:20px 0;
	margin:0 auto;
	text-align:center;
	}


/* ----------------------------------------------------------------
 style :　*汎用クラス*
---------------------------------------------------------------- */
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

.left		{	float:left;	}
.right	{	float:right;}
.clear	{	clear:both;	}
.ml20	{	margin-left:20px;	}
.mb15	{	margin-bottom:15px; }
.mb20	{	margin-bottom:20px; }
.mr30	{	margin-right:30px;	}
.mb40	{	margin-bottom:40px;	}

.w600	{	width:600px;	}
.w430	{	width:430px;	}

.c_font_bl	{ color:#0099CC;	}