@charset "utf-8";


/***************************************
	ブラウザ初期化
***************************************/

/*ブラウザ初期化 */
* {
	margin: 0px;
	padding: 0px;

	color: #281009;

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

a{
	text-decoration:underline;
}

img {
	border: none;
	margin: 0;
	padding: 0;
	display: inline;
}
ul {
	list-style-type: none;
}
table {
	border-collapse: collapse;
	empty-cells: show;
}

/*ブラウザ初期化 for IE6*/
td,th,form {
	margin: 0px;
	padding: 0px;
}

h1,h2,h3,h4,h5{
	font-weight: normal;
}

/***************************************
	clearfix関連
***************************************/

/*firefox etc.*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/*MacIE WinIE7*/
.clearfix {
	display: inline-table;
	min-height: 1%;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clear{
	clear: both;
}

/***************************************
	PNG透過対応
***************************************/

.iepngfix {
  behavior: expression(IEPNGFIX.fix(this));
  }
		
/***************************************
	レイアウト
***************************************/

/*基本*/

body {
	background-image: url(../img/common/bg.jpg);
	font-size: 12px;
	line-height: 18px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}


#wrapper {
	text-align: center;
}

#container{
	width: 754px;
	margin-right: auto;
	margin-left: auto;
}

/*ヘッダ*/

#header{
	height: 45px;
	width: 754px;
}
#header h1,#header h2{
	display:block;
	text-indent:-9999px;
}
#header h1{
	float: left;
	background-image: url(../img/common/header_ttl_01.gif);
	width: 84px;
	height: 33px;
	background-repeat: no-repeat;
	margin-top: 12px;
}

#header h1 a{
	width: 84px;
	height: 33px;
	display: block;
}

#header h2{
	background-image: url(../img/common/header_ttl_02.gif);
	float: right;
	width: 144px;
	height: 17px;
	background-repeat: no-repeat;
	margin-top: 14px;
}

/***************************************
	共通部分
***************************************/


/*本文部分*/

#body{
	clear: both;
}


/*本文部分右カラム*/

#main{
	float: right;
	width: 547px;
}

#main .topNavi{
	margin: 0px;
	padding: 0px;
	height: 430px;
	width: 547px;
	float: left;
}


#main .toppageBody{
	background-image: url(../img/common/main_bg.png);
	text-align: center;
	clear: both;
	margin: 0px;
	width: 547px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#main .toppageBody .topBox{
	width: 480px;
	margin-left: 35px;
	text-align: left;
	float: left;
	display: inline;
	padding-bottom: 25px;
}

#main .toppageBody .topSp20{
	margin-top: 20px;
}

#main .toppageBody .topBox h3{
	margin-bottom: 10px;
	float: left;
}

#main .toppageBody .topBox .topL{
	float: left;
	width: 170px;
}

#main .toppageBody .topBox .topR{
	float: right;
	width: 310px;
	font-size: 10px;
	line-height: 16px;
}

#main .toppageBody .topBox .topR img.tbox{
	margin-top: 5px;
}


#main .pageFoot{
	clear: both;
	width: 547px;
}

#main .pageFoot ul{
	width: 480px;
	margin-left: 30px;
}

#main .pageFoot li{
	display: inline;
	font-size: 10px;
	margin-right: 0.5em;
	padding-right: 0.5em;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #000000;
}

#main .pageFoot li.end{
	margin-right: 0px;
	padding-right: 0px;
	border-right-width: 0px;
	border-right-style: solid;
}

#main .pageFoot .copyright{
	clear: both;
	margin-top: 10px;
	margin-bottom: 10px;
}

/*左サイドバー*/

#sidebar{
	float: left;
	text-align: left;
	width: 178px;
	font-size: 10px;
	padding-bottom: 20px;
}
#sidebar .shopinfo{
	margin-top: 26px;
}

#sidebar .salestop{
	margin-top: 5px;
}

#sidebar .eventinfo{
	margin-top: 25px;
}

#sidebar .new{
 margin-left: 6px;
}

#sidebar .update{
	margin-top: 5px;
}

#sidebar .gotoindex{
	font-size: 10px;
	text-align: right;
}

#sidebar .in-box{
	clear: both;
	background-image: url(../img/common/sidebeer_bod.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
}

#sidebar .in-box p{
	clear: both;
	font-size: 10px;
	line-height: 15px;
}


#sidebar .shopinfo h2{
	background-image: url(../img/common/sidebeer_ttl_01.gif);
	width: 178px;
	height: 21px;
	background-repeat: no-repeat;
	background-position: left;
	display:block;
	height:44px;
	text-indent:-9999px;
}

#sidebar .shopinfo h2 a{
	width: 178px;
	height: 44px;
	display: block;
}


#sidebar .shopinfo h3{
	font-size: 12px;
	font-weight: bold;
	margin-top: 2px;
	margin-bottom: 2px;
}

#sidebar .shopinfo p.txt{
	font-size: 10px;
	padding-bottom: 7px;
	line-height: 14px;
}

#sidebar .eventinfo h2{
	background-image: url(../img/common/sidebeer_ttl_02.gif);
	width: 178px;
	height: 44px;
	background-repeat: no-repeat;
	background-position: left;
	display:block;
	height:44px;
	text-indent:-9999px;
}

#sidebar .eventinfo h2 a{
	width: 178px;
	height: 44px;
	display: block;
}

#sidebar .eventinfo h3{
	font-size: 10px;
	font-weight: bold;
	margin-top: 2px;
	margin-bottom: 2px;
	padding-bottom: 10px;
	line-height: 14px;
}

#sidebar .online{
	background-color: #ffffff;
	margin-top: 10px;
	border: 1px solid #b4a079;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 13px;
	padding-right: 9px;
	background-image: url(../img/common/bg_online.gif);
	background-repeat: repeat;
}

/*左サイドバー
#sidebar .online{
	background-color: #ffffff;
	margin-top: 10px;
	opacity: 0.8;
 filter:progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=80);
	border: 1px solid #b4a079;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 13px;
	padding-right: 9px;
}
*/

#sidebar .online h3{
	margin-bottom: 10px;
}

#sidebar .online .gotoshop{
	margin-top: 6px;
	text-align: right;
}

#sidebar .etc{
	margin-top: 10px;
}

#sidebar .qrcode{
	float: left;
	margin-top: 10px;
	font-size: 10px;
	line-height: 15px;
}

#sidebar .qrcode .codeimg{
	float: left;
	margin-right: 15px;
}
#sidebar .qrcode p.txt{
	float: left;
	width: 109px;
}

#sidebar .qrcode p.txt2{
	clear: both;
}

#sidebar .qrcode .siteurl{
	clear: both;
	margin-top: 3px;
	margin-bottom: 3px;
	float: left;
}


/*フッタ*/


#footer{
}



/***************************************
	レイアウト調整など共通設定
***************************************/

/*レイアウト調整*/

.float-L{
	float: left;
}

.float-R{
	float: right;
}

/*スペース調整*/

.sp-b5{
	margin-bottom: 5px;
}

.sp-b10{
	margin-bottom: 10px;
}

.sp-b20{
	margin-bottom: 20px;
}

.sp-b30{
	margin-bottom: 30px;
}

.sp-t10{
	margin-top: 10px;
}

.sp-t20{
	margin-top: 20px;
}

.sp-t30{
	margin-top: 30px;
}

.sp-r10{
	margin-right: 10px;
}

.sp-r5{
	margin-right: 5px;
}

.sp-l10{
	margin-left: 10px;
}


/*基本フォントサイズ*/

.pt10-15{
	font-size: 10px;
	line-height: 15px;
}

.pt12-18{
	font-size: 12px;
	line-height: 18px;
}

.pt14-20{
	font-size: 14px;
	line-height: 20px;
	}

/*基本カラー*/

.green{
	color: #00a784;
}

.pink{
	color: #ef91b5;
}

.blue{
	color: #3f658a;
	}

.lightblue{
	color: #3071b9;
	}