@charset "utf-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}


html{
	height:100%;
	width:100%;
}

a,
a:link,
a:visited,
a:active {
	color:#fff;
	text-decoration: none;
}
a:hover {
	color:#666666;
	text-decoration: underline;
}
img{
	border:none;
}

.ready {
    opacity: 0;
}

h1 {
     font-weight:900;
	 font-size:60px;
	 line-height:1.2em;
}
h2 {
     font-weight:700;
	 font-size:16px;
	 line-height:1.2em;
	 padding-top:20px;
}
h3 {
     font-weight:600;
	 font-size:13px;
	 line-height:1.8em;
	 padding-top:40px;
}

h4 {
     font-weight:600;
	 font-size:15px;
	 line-height:1.8em;
	 padding:10px 0 10px 0;
}

h5 {
     font-weight:400;
	 font-size:13px;
	 line-height:2em;
	 padding:10px 0 10px 0;
}



		
#page-top {
    position: fixed;
    bottom: 60px;
    right: 40px;
    -ms-filter: "alpha(opacity=80)";
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
}

body{
	height:100%;
	width:100%;
	margin:0px;
	padding:0px;
	background-image:url(../images/header_bg.png);
	background-position:center top;
	background-repeat:no-repeat;
	text-align:center;
	color:#fff;
	font-size:10px;
	line-height:1.8em;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	
}

/* Example Styles for Tab */
	.panel-wrap{
	background-color:#9BAEA8;
	padding-bottom:90px;
	}
	.bg {
	background-color:#899F98;
}

	
	
	
/* // Example Styles for Tab */

#header{
	width:935px;
	padding:0;
	margin:0 auto;
}


.title{
	width:935px;
	margin:45px auto;
	text-align:right;
}
.copy{
	width:935px;
	text-align:left;
	margin:220px auto 35px;
}

    .etabs { margin: 0 0 60px 0; padding:0; display: flex; justify-content: center; }
    .tab { display: inline-block; zoom:1; *display:inline; margin-right:8px;  }
    .tab a { display: block; padding: 0 ; outline: none; }
    .tab a:hover {
	text-decoration: none;
	background-color:#666666;
}
    .tab.active { background: #666666; position: relative; border-color: #fff; }
	.tab-container .panel-container {  width:935px; margin:0 auto; text-align:left; } 

.mt-35{
	margin-top:35px;
}

.pt-35{
	padding-top:35px;
}




#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
}

#mov {
	width:100%;
	margin:0 auto;
	background-color:#000000;
}

.prod { margin:50px 0 0 0;}
.products { display: inline-block; zoom:1; *display:inline; margin-right:65px; width:180px; vertical-align: top;}
.last {margin-right:0;}

.photo { display:block; margin:30px 0 20px 0;}

.otherphoto{display: block; margin-top:15px; width:180px; height:27px;}
.otherphoto a{display: block;  border:#FFFFFF solid 1px; }
.otherphoto a:hover {background-color:#666666;}

.cate{display: block; margin:0; width:180px; height:32px;}


.name{ display: table-cell; padding:15px 0 5px; width:180px; height:32px; vertical-align:middle;}
.price{font-size:11px; font-weight:700; margin:10px 0;}

.buy{margin-top:15px; width:180px;}

.w-buy{display: block; margin-top:5px; width:180px; height:27px;}
.w-buy a{display: block; background-color:#DD8DBF; }
.w-buy a:hover { background-color:#D80072; }



#footer{
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 11px;
	line-height: 180%;
	color: #fff;
	text-align:center;
	background-color:#9BAEA8;
	padding-bottom:30px;
}
