/* ----- 基本構造 -------------------------------------- */
body {
	font-size: 14px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	
	line-height: 130%;
	color: #FFF;
}



img.bg {
  /* Set rules to fill background */
  min-height: 100%;
  min-width: 1024px;
  /* Set up proportionate scaling */
  width: 100%;
  height: auto;
  /* Set up positioning */
  position: fixed;
  /* またはabsolute; */
  top: 0;
  left: 0;
}

@media screen and (max-width: 1024px){
  img.bg {
  left: 50%;
  margin-left: -512px; }
}

div#container {
  position: relative; 
}



#container {
	width: 760px;
	padding: 20px;
	margin-top: 300px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
	background-color: rgba( 255, 255, 255, 0.1 );
}






/* ----- ヘッダー -------------------------------------- */

#header {
	margin: 0 auto;

}

#header h1 {
	display: none;
	
}


.bt_shop {
	width: 500px;
	text-align: center;
	margin: 0 auto;
	border:1px solid #72021c;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size: 24px;
	padding: 10px;
	display: block;
	text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	background-color: #a90329;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#a90329), to(#6d0019));
	background-image: -webkit-linear-gradient(top, #a90329, #6d0019);
	background-image: -moz-linear-gradient(top, #a90329, #6d0019);
	background-image: -ms-linear-gradient(top, #a90329, #6d0019);
	background-image: -o-linear-gradient(top, #a90329, #6d0019);
	background-image: linear-gradient(to bottom, #a90329, #6d0019);
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#a90329, endColorstr=#6d0019);
}

.bt_shop:hover{
	border:1px solid #450111;
	background-color: #77021d; background-image: -webkit-gradient(linear, left top, left bottom, from(#77021d), to(#3a000d));
	background-image: -webkit-linear-gradient(top, #77021d, #3a000d);
	background-image: -moz-linear-gradient(top, #77021d, #3a000d);
	background-image: -ms-linear-gradient(top, #77021d, #3a000d);
	background-image: -o-linear-gradient(top, #77021d, #3a000d);
	background-image: linear-gradient(to bottom, #77021d, #3a000d);
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#77021d, endColorstr=#3a000d);
}





/* ----- top_news -------------------------------------- */

#top_news {
	margin: 20px auto;
	margin-bottom: 0;
}

#top_news h2 {
	margin: 0;
	margin-bottom: 10px;
	padding-bottom: 10px;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 30px;
	color: #F00;
	border-bottom: 3px double #FFF;
	
}



#top_news h3 {
	font-size: 20px;
	padding: 0;
	margin: 0;
	margin-bottom: 10px;
	text-shadow: 1px 1px 0 rgba(0,0,0,0.9);
	
}



#top_news p {
	padding: 5px;
	margin: 0;
	margin-bottom: 10px;
	text-shadow: 1px 1px 0 rgba(0,0,0,0.9);
	
}





/* ----- フッター -------------------------------------- */

#footer {
	width: 100%;
    position: absolute;
	bottom: 0;
	margin: 0 auto;
	background-color: rgba( 0, 0, 0, 0.6 );
	padding: 10px;
	text-align: center;

}



.copy {
	margin: 0;
	padding: 0;
	font-size: 10px;
	text-align: center;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}



/* ----- イメージ -------------------------------------- */


.imageright {
	float: right;
	margin-bottom: 5px;
	margin-left: 5px;
}


.imageleft {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}


.imagecenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	margin-bottom: 5px;
}


.indis {
	color:#900;
	padding-left: 5px;
}


.image_order {
	float: left;
	margin-right: 50px;
	margin-bottom: 5px;
}


.image_order_right {
	float: right;
	margin-left: 50px;
	margin-bottom: 5px;
}





/* ----- ボタン -------------------------------------- */


.bt_center {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	margin-bottom: 5px;
}
.bt_center:hover {
	filter: alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
}



.bt_left {
	float: left;
	margin-bottom: 5px;
	margin-left: 5px;
}
.bt_left:hover {
	filter: alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
}



.bt_right {
	float: right;
	margin-bottom: 5px;
	margin-left: 5px;
}
.bt_right:hover {
	filter: alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
}



/* ----- 個別 -------------------------------------- */

.red {
	color: #F00;
}

.red_bold {
	color: #F00;
	font-weight: bold;
}

.gray {
	color: #CCC;
}

.orange {
	color: #F60;
}


.f6 {
	padding: 0;
	margin: 0;
	font-size: 6px;
	line-height: 100%;
}

.f10 {
	font-size: 10px;
}
.f12 {
	font-size: 12px;
}

.f_b {
	font-weight: bold;
}

.f20b {
	font-size: 20px;
	font-weight: bold;
	line-height: 130%;
}