@charset "utf-8";

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::
reset
::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#wrap{overflow:hidden; width:100%; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td{
margin:0; padding:0; color:#FFF;font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;}
table{border-collapse:collapse; border-spacing:0;}
fieldset, img{border:0;}
address, caption, cite, code, dfn, em, strong, th, var{font-style:normal; font-weight:normal;}
ol, ul{list-style:none;}
caption, th{text-align:left;}
h1, h2, h3, h4, h5, h6{font-size:100%; font-weight:normal;}

.clear{ clear:both}

/*-------clearfix-------*/
div:after,
.clearfix:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; overflow: hidden; font-size: 0; }
* { margin: 0; padding: 0; }
img { border: none }
/* end clearfix */


/*==================================
cmn
==================================*/

/*-------header and footer-------*/
a:link img {opacity: 1;transition: all 0.5s ease-out 0s;}
a:hover img {opacity: 0.5;transition: all 0.2s ease-out 0s;}

a:link { color: #6b5e92; text-decoration: none; }
a:visited { color: #6b5e92; text-decoration: underline; }
a:hover { color: #6b5e92; text-decoration: underline; }

body { min-width: 980px; background:#000 ; min-height: 1170px;}
#header { background: url(../../images/pc/bg_hd.gif) 0 0 repeat-x; height: 86px; position:relative ;z-index:500}
#header_inner { position: relative; width: 980px; margin: 0 auto; }
#header h1 { top: 10px; left: -5px; position: absolute; }
#header #headertxt { top: 25px; left: 95px; position: absolute; }
#header ul { top: 25px; left: 313px; position: absolute; }
#header li { float: left; overflow: hidden; }
#header li a { display: block; overflow: hidden; text-indent: 100%; white-space: nowrap; height: 61px; }
#header li:nth-child(1) { background: url(../../images/pc/nav.gif) 0 0 no-repeat; width: 133px; height: 61px; }
#header li:nth-child(1):hover { background: url(../../images/pc/nav.gif) 0 -61px no-repeat }
#header li:nth-child(2) { background: url(../../images/pc/nav.gif) -133px 0 no-repeat; width: 133px; height: 61px; }
#header li:nth-child(2):hover { background: url(../../images/pc/nav.gif) -133px -61px no-repeat }
#header li:nth-child(3) { background: url(../../images/pc/nav.gif) -266px 0 no-repeat; width: 133px; height: 61px; }
#header li:nth-child(3):hover { background: url(../../images/pc/nav.gif) -266px -61px no-repeat }
#header li:nth-child(4) { background: url(../../images/pc/nav.gif) -399px 0 no-repeat; width: 133px; height: 61px; }
#header li:nth-child(4):hover { background: url(../../images/pc/nav.gif) -399px -61px no-repeat }
#header li:nth-child(5) { background: url(../../images/pc/nav.gif) -532px 0 no-repeat; width: 134px; height: 61px; }
#header li:nth-child(5):hover { background: url(../../images/pc/nav.gif) -532px -61px no-repeat }
#news { border-bottom: solid 1px #a3a3a3; padding: 3px 0; text-align: center; font-size: 15px; }
#news span { padding-right: 15px }
#main { position: relative; margin:0 auto; overflow:hidden; }
#other { width: 940px; margin: 0 auto; padding: 18px 20px 40px; }
#other #sns { margin: 0 auto; text-align: center; padding-bottom: 20px; }
#other #bnr { padding-bottom: 20px; width: 868px; margin: 0 auto; overflow: hidden; }
ul#bnr li img { width:208px }
ul#bnr li { float: left; margin-right: 6px; line-height: 0; border:solid 1px; border-color: #666; }
ul#bnr li:last-child { padding-right: 0; border:solid 1px; border-color: #666; }
#footer { font-size: 10px; line-height: 1.4; padding: 15px 0 24px; width: 980px; margin: 0 auto; position:relative }
#footer img { padding-right: 8px; float: left; }

/*==================================
cmn
==================================*/

#nav{ background: rgba(69,69,69,0.3);
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#33696969,EndColorStr=#33696969);
width:100%; position:absolute; bottom:0px; left:0px;z-index:100}
#nav ul{ width:980px; margin:0 auto;}
#nav li { float:left; margin-right:-44px; line-height:0;padding:5px 0;}
#nav li#tit_lineup{margin-right:-46px; padding:0;}
#link{ background:#fff; padding:12px 0; border-top:solid 4px #f4f4f4}
#link #copyright_kurobas{ font-size:10px; color:#666;font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',verdana,Helvetica,Arial,sans-serif; text-align:center}
#link ul{ width:980px; margin:0 auto 8px; display:block; overflow:hidden}
#link li { float:left; margin-right:8px; line-height:0}
#footer #sns{ position:absolute; top:15px; right:-50px}

/*==================================
top
==================================*/
body#top #contents { background: #000;  color: #FFF; }
body#top #main{ z-index:400; width:100%; background:url(../../../images/pc/bg_img.jpg) #fff}
body#top #main_inner{ width:980px; margin: 0 auto; position:relative}
#sns{ position:absolute; top:15px; right:-50px}
/*==================================
menu
==================================*/
#menu ul{ width:980px; height:95px; margin:0 auto; display:block; overflow:hidden; background:url(../../../images/pc/menu_bg.png) no-repeat;}
#menu ul li.menu_left{ width:160px; height:70px; float:left; margin:12px 0 0 165px;}
#menu ul li{ width:160px; height:70px; float:left; margin:12px 0 0 0px;}
/*==================================
about
==================================*/
#about{
	width:980px;
	width:272px;
	margin-bottom:20px;
}
/*==================================
info
==================================*/
body#top #main #info{
	width:964px;
	height:85px;
	background-color:#fff;
	border: solid 3px #980528;
	padding-left:10px;
	padding-top:10px;
	margin:0;
	font-size:14px;
	line-height:1.3;
	overflow:auto;
}
body#top #main #info .info_fragment{
	width:950px;
	border-bottom: 1px dotted #980528;
    padding: 3px;
}
body#top #main #info .info_fragment dt{
	display:inline;
    float: left;
    padding-right: 5px;
    color:#980528;
    font-weight:bold;
}
body#top #main #info .info_fragment dd{
	display:inline;
    float: left;
    padding-left: 5px;
    color:#980528;
}

/*==================================
poducts
==================================*/
#goods_box{
	width:914px;
	background-color:#fff;
	padding:80px 30px 60px 30px;
	border: solid 3px #6b5e92;
	margin:20px 0 0 0;
	position:relative;
}

#goods_box_after{
	width:914px;
	background-color:#fff;
	padding:80px 30px 60px 30px;
	border:solid 3px #6b5e92;
	margin:0 0 0 0;
	position:relative;
}

.title_img{
	width: 974px;
	height: 73px;
	position: absolute;
	top: 0;
	right:0px;
	
}

#title_img_after{
	width: 974px;
	position: absolute;
	top: -22px;
	right:0px;
	
}

.goods_list{
	width:914px;
	float:right;
	margin:0;
}

.goods_list_left{
	width:416px;
	background-color:#fff;
	padding:15px;
	border: solid 2px #6b5e92;
	margin:15px 0 0 0;
	float:left;
}
.goods_list_right{
	width:416px;
	background-color:#fff;
	padding:15px;
	border: solid 2px #6b5e92;
	margin:15px 0 0 0;
	float:right;
}
.goods_tile{
	font-size:16px;
	font-weight:bold;
	color:#000;
	line-height:1.3;
	padding-top:5px;
}
.goods_price{
	font-size:14px;
	color:#000;
	margin:8px 0 0 0;
}
.goods_text{
	font-size:12px;
	color:#666;
	letter-spacing:0.1;
	border-bottom: 2px solid #999;
	padding-bottom:6px;
}
.goods_btn{
	width:273px;
	float:right;
	margin:10px 0 0 0;
}
.detail_btn{
	width:120px;
	height:32px;
	float:left;
	margin:0 5px 0 0;
	
}

.detail_btn_right{
    float:right;
	margin:10px 5px 0 0;"
}

.360_btn{
	width:148px;
	height:32px;
	float:left;
}

	
/*==================================
event
==================================*/
#event_box{
	width:914px;
	background-color:#fff;
	padding:80px 30px 60px 30px;
	border: solid 3px #6b5e92;
	margin:20px 0 0 0;
	position:relative;
}
.event_list{
	width:880px;
	background-color:#fff;
	padding:20px;
	border: solid 2px #6b5e92;
	margin:20px 0 0 0;
	}
.event_tile{
	width:580px;
	font-size:16px;
	font-weight:bold;
	color:#a1062a;
	line-height:1.3;
	padding-top:5px;
	padding-bottom:6px;
	border-bottom: 1px solid #999;
}
.event_text{
	width:590px;
	font-size:12px;
	color:#000;
	line-height:1.3;
	padding-top:5px;
	}

.event_img{
	width:287px;
	float:right;
}

/*==================================
map,attation
==================================*/
#map_box{
	width:980px;
	height:500px;
	margin:20px 0 20px 0;

}
#map_img{
	width:280px;
	height:500px;
	float:left;
	background:url(../../../images/pc/map_bg.png) no-repeat;
	position:absolute;
}

#map_img img{
	position:relative;
	width:195px;
	height:48px;
	top:310px;
	left:45px;
}

#map_img p{
	position:relative;
	top:350px;
	left:45px;
	font-size:14px;
	line-height:1.3;
}
#attation{
	width:684px;
	height:494px;
	float:right;
	background-color:#fff;
	border: solid 3px #980528;
	position:relative;
}

.attation_title{
	font-size:18px;
	color:#000;
	font-weight:bold;
	margin:0;
	padding-top:8px;
	padding-left:15px;
}
.attation_text{
	font-size:12px;
	color:#000;
	margin:0;
	padding-left:15px;
	padding-top:3px;
	line-height:1.4;
}

/*==================================
top_back_btn
==================================*/
.top_btn{
	width: 90px;
	position: absolute;
	font-size: 12px;
	right: 8px;
	bottom: 6px;
	}
	
/*==================================