@charset "utf-8";
/* CSS Document */


/************** 編集 ****************/

body {
	background-color:#000000;
	font-family: 'メイリオ', Meiryo, 'ヒラギノ明朝 Std W3','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif;
	font-size: 14px;
	color:#555;
}

#wrapper{
	width:1240px;
	margin:0 auto;
	background-color:#000000;
	background-image:url(../images/bg_side_ptn.png);
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-position:top;
}

div#container{
	width:990px;
	margin:0 auto;
	padding-top:0px;
	position:relative;
	background-color:#FFFFFF;
}

#top_area {
	width:990px;
	height:650px;
	background-image:url(../images/top_bg_rakuentsuiho.jpg);
	background-position:center;
	background-repeat:no-repeat;
	margin:0 auto 25px auto;
	position:relative;
}

#top_title{
	/*background-color:rgba(69,225,164,0.8);*/
	background-color:rgba(0,0,0,0.5);
	color:#FFFFFF;
	text-align:center;
	font-size:22px;
	font-weight:bold;
	line-height:23px;
	padding:5px 0 5px 0;
}

.navibtn_pt01{
	width:330px;
	color:#FFFFFF;
	background-color:#45e1a4;
	font-size:20px;
	font-weight:bold;
	text-align:center;
	display:block;
	text-decoration:none;
	border:2px solid #259a6d;
	padding:12px 0 8px 0;
	border-radius:5px;
}

.navibtn_pt02{
	width:330px;
	color:#FFFFFF;
	background-color:#45e1a4;
	font-size:15px;
	font-weight:bold;
	text-align:center;
	display:block;
	text-decoration:none;
	border:1px solid #259a6d;
	padding:12px 0 8px 0;
	border-radius:5px;
}

a#btn1:hover{
	background:-moz-linear-gradient(rgba(175,238,214,1),rgba(69,225,164,1));
	background:-webkit-gradient(linear, 100% 0%,100% 100%, from(rgba(175,238,214,1)), to(rgba(69,225,164,1)));
}

/*↓見出しパターン↓*/
.h2_fb_pt01{
	/*width:490px;*/
	font-size:20px;
	color:#000000;
	/*
	border-left:10px #00f8c6 solid;
	border-bottom:1px #00f8c6 solid;
	*/
	border-left:10px #000000 solid;
	border-bottom:1px #000000 solid;
	margin-left:350px;
	padding-left:15px;
}

.h2_fb2_pt01{
	width:700px;
	font-size:15px;
	color:#000000;
	margin:0 auto;
	border-left:10px #000000 solid;
	border-bottom:1px #000000 solid;
	padding-left:15px;
}

.h2_fb3_pt01{
	width:700px;
	font-size:15px;
	color:#000000;
	margin:0 auto;
	border-left:10px #000000 solid;
	border-bottom:1px #000000 solid;
	padding-left:15px;
}

.h2_pt01{
	width:750px;
	font-size:20px;
	border-left:10px #c2161d solid;
	margin-left:10px;
	margin-top:20px;
}

.h2_pt02{
	/*width:860px;*/
	font-size:20px;
	color:#000000;
	border-left:10px #000000 solid;
	border-bottom:1px #000000 solid;
	/*margin-left:10px;*/
	margin-top:45px;
	margin-bottom:20px;
	padding-left:10px;
	padding-top:5px;
	padding-bottom:5px;
}

.h2_pt03{
	width:750px;
	font-size:20px;
	text-align:center;
	color:#000000;
	background-color:#c2161d;
	margin-left:10px;
	margin-top:20px;
}

.h2_pt04{
	width:750px;
	font-size:20px;
	color:#000000;
	background-color:#c2161d;
	border-radius:5px;
	margin-left:10px;
	margin-top:20px;
}
/*↑見出しパターン↑*/

div#banner-container h1{
	background-color: #000000;
	color:#FFFFFF;
	display:block;
	text-align:center;	
}

ul.box1{
	padding-top:10px;
	margin-top::10px;
	background-color:rgba(0,0,0,0.2);
	/*background-color:rgba(0,248,198,0.7);*/
	/*background-image:url(../images/bg_pattern.gif);*/
}

#copy{
	color:#000000;
	text-align:center;
}


.tokuten_cont{
	padding:8px;
	/*background-color:rgba(0,248,198,0.7);*/
	background-color:rgba(0,0,0,0.2);
	/*background-image:url(../images/bg_pattern.gif);*/
}

.tokuten_area{
	margin-top:50px;
}

#tokuten_text{
}


div#twitter_area{
	width:510px;
	/*width:475px;*/
	margin-left:350px;
	margin-bottom:50px;
	/*padding:10px;*/
    /*border: 1px solid #ce261e;*/
	/*background-color:#F00;*/
    height: 500px;
    /*
	line-height: 170%;
    overflow-y: scroll;
	*/
}

/************** 編集 ****************/

/*在庫無非表示対応*/
ul.box1 .stock{
	display:none;
}



#h1_backcolor{
	margin:0 auto;
	padding-top:20px;
}


#logo img{
	position:absolute;
	left:50px;
	bottom:10px;
}

#contents_area{
	width:860px;
	margin:25px auto 100px auto;
}

#navi_area{
	float:left;
	overflow:hidden;
}

.button{
	margin-bottom:10px;
}


#fb_area h2{
	margin-bottom:20px;
}

.fb-post{
}

div#section-fb{
	width:475px;
	margin-left:350px;
	margin-bottom:50px;
	padding:10px;
    border: 1px solid #111111;
	background-color:#FFF;
    height: 600px;
    line-height: 170%;
    overflow-y: scroll;
}

span#fb_position{
	display:block;
	margin-left:0px;
}

div#section-fb2{
	width:800px;
	margin:0 auto 50px auto;
	padding:10px;
    border: 1px solid #d240cd;
	background-color:#FFF;
    height: 300px;
    line-height: 170%;
    overflow-y: scroll;
}

span#fb2_position{
	display:block;
	margin-left:25px;
}

div#section-fb3{
	width:800px;
	margin:0 auto 50px auto;
	padding:10px;
	background-color:#FFF;
	/*
    border: 1px solid #008ae3;
    height: 300px;
    line-height: 170%;
    overflow-y: scroll;
	*/
}

span#fb3_position{
	display:block;
	margin-left:25px;
}

#product_area{
	width:860px;
}

.productImg{
	margin-left:10px;
}

a.opacity {
	/*background-color: #FFF;
	display: inline-block;*/
}
/*
a.opacity:hover img, a.opacity:active img{
	-moz-opacity: 0.7;
	opacity: 0.7;
	filter: alpha(opacity=70);
}
*/
a.opacity:hover img{
	-moz-opacity: 0.7;
	opacity: 0.7;
	filter: alpha(opacity=70);
}

div#section-privilege,
div#section-figure{
	padding-bottom:20px;
}

div#section-news h2,
div#section-privilege h2,
div#section-figure h2,
div#section-item h2,
div#section-hsonly h2,
div#section-other-item h2{
	padding-bottom:20px;
}
div#section-item h3,
div#section-hsonly h3{	
	padding-left:10px;
}

div#section-privilege li{
	height:700px;
}

ul.whitebox{
	padding:0 10px;
	margin:0;
}

ul.whitebox{
	margin:0;
	padding:0;
}
ul.whitebox li{
	position:relative;
	float:left;
	margin:0 0 10px 10px;
	padding:10px;
	background-color:#FFF;
	/*height: 700px;*/
		
}

ul.whitebox li.columnX1{
	width:850px;
}

ul.whitebox li.columnX2{
	width:410px;
}

ul.whitebox li.columnX4{
	width:190px;
}

ul.whitebox li .new{
	position:absolute;
	top:0px;
	left:0px;
	z-index:11;
}


ul.whitebox li h3{
	padding: 20px 0 15px;
	color:#008AFF;
	font-weight: bold;
}
ul.whitebox li p{
	margin-bottom:20px;
}


.boxlink a{
    background-color: #35A3FF;
    display: block;
    height: 60px;
    width: 410px;
	position: absolute;
    top: 650px;
}
.boxlink a:hover{
	background-color:#35c4ff;
}

.boxlink a img{
	margin:17px 0 0 74px;
}

ul.whitebox li .img-area{

	}

ul.whitebox li .img-area img{
	display:block;
	margin:0 auto;
	}


aside#banner{
    position: absolute;
    right: -240px;
    width: 200px;
}
div#banner-container{
	background-color:rgba(255,255,255,0.9);
    /*background-color:#FFF;*/
    position: fixed;
    top: 30px;
    width: 198px;
	border:1px solid #FFF;
}

div#banner-container img{
	display:block;
}

div#banner-container ul{
	margin:9px 9px 0px;
}
div#banner-container li{
	margin-bottom:9px;
}

/* ソーシャルボタン */
div#socialbuttons{
	position:absolute;
	left:185px;
	top:500px;
}

div#socialbuttons .twitter{
	margin-right:20px;
}

/*
div#socialbuttons-line{
	position:absolute;
	right:10px;
	top: 470px;
}
*/
div#socialbuttons div {
	float: left;
}

div#section-news{
	padding-bottom:20px;
}

div#section-item,
div#section-other-item{
	padding-bottom:20px;
}
div#section-item .catchcopy{
	background-color:#40404;
	color:#FFF;
	font-size:10px;
	padding:0 2px;
	display:inline;
	line-height:18px;
}

/*ul box1*/
ul.box1 li{
	list-style:none;
	margin:0 0 10px 8px;
	/*margin:0 10px 10px 0px;*/
	width:185px;
	padding:10px;
	background-color:#FFF;
	font-size:14px;
	line-height:19px;
	height:370px;
	float:left;
	position:relative;
}



ul.box1 div.btn{
	width:185px;
	position:absolute;
	top:335px;
	left:10px;
}


ul.box1 li div.btn img{
	padding:0px;
	display:block;
	margin:0 auto;
}

ul.box1 li img.up{
	position:absolute;
	left:0px;
	top:0px;
	padding:0px;
	z-index:10;
}

ul.box1 li img{
	padding:10px;
}

ul.box1 .name{
	
}
ul.box1 .catchcopy{
	background-color:#404040;
	color:#FFF;
	font-size:11px;
	padding:0px 5px;
	display:inline;
	line-height:18px;
}
ul.box1 .caution{
	font-size:10px;
	line-height:12px;
	display:block;
}

ul.box1 .info{
	color:#F15A24;
	line-height:15px;
}
ul.box1 .info_end{
	color:#55555;
	line-height:15px;
}

ul.box1 li a.name:link{
	color:#0054a7;
}
ul.box1 li a.name:hover{
	color:#0080ff;
}
ul.box1 li span.price{
	font-size:18px;
}
ul.box1 li span.info{

	
}

/*ul box2*/
ul.box2{
	padding:0 10px;
	margin:0;
}


ul.box2 li{
	list-style:none;
	margin:0 0 10px 10px;
	width:185px;
	padding:10px;
	background-color:#FFF;
	font-size:16px;
	line-height:22px;
	height:385px;
	float:left;
	position:relative;
}
ul.box2 li div.btn{
	width:185px;
	position:absolute;
	top:355px;
	left:10px;
}

ul.box2 li div.btn img{
	padding:0px;
	display:block;
	margin:0 auto;
}

ul.box2 li img.up{
	position:absolute;
	left:0px;
	top:0px;
	padding:0px;
	z-index:10;
}

ul.box2 li img{
	padding:10px;
}

ul.box2 .name{
	
}
ul.box2 .caution{
	font-size:10px;
	line-height:12px;
	display:block;
}

ul.box2 .info{
	color:#F15A24;
	line-height:15px;
}
ul.box2 .info_end{
	color:#55555;
	line-height:15px;
}

ul.box2 li a.name:link{
	color:#0054a7;
}
ul.box2 li a.name:hover{
	color:#0080ff;
}
ul.box2 li span.price{
	font-size:18px;
}
ul.box2 li span.info{

	
}

/*HSテンプレートstart*/
.line {
	background-image: url(../images/hs_line_01.jpg);
	background-repeat: repeat-x;
	position:relative;
	z-index:100;
}

.hs_logo {
	width: 860px;
	margin: 0 auto;	
}
/*HSテンプレートend*/