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

html,body,div,ul,ol,li,dl,dt,dd,form,fieldset,input,textarea,h1,h2,h3,h4,h5,h6,pre,code,p,blockquote,hr,th,td { margin:0; padding:0;}
img { border: 0; vertical-align: bottom; border-style: none;}
a img { border-style:none;}
a { outline: none; }
a:link,a:visited,a:active {outline: none;} 

a:link { color: #C00; text-decoration: none;}
a:visited {	text-decoration: none; color: #C00;}
a:hover { text-decoration: underline; color: #F00;}
a:active { text-decoration: none; color: #600;}

@media screen and (min-width: 640px) {

body,td,th {font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
body {	background-color: #FFD1CD;	background-image: url(bg.jpg);}
#wrapper{ width:814px; margin:0 auto; background-image:url(bg2.png); }
#contener{ width:800px; margin:0 auto;}
#header{ width:800px; height:74px; background-image:url(../imagesinfo/header.gif);}
#header h1{ display:none;}
#header #sns{ text-align:right; padding:32px 25px 0 0;}
#header #sns img{ margin-left:10px;}

#link{	width: 100%; border-top: solid 1px #cccccc;	border-bottom: solid 1px #660000; margin: 40px 0 0;	background-image: url(../img/bg_sns.gif); text-align: center;	padding: 10px 0;}
#link img{ margin:0 10px;}
#footer{ padding:20px; font-size:14px; }
#footer #copyright{ font-size:12px; margin:10px 0;}
#footer span{ float:right;}
#pagetop { bottom: 50px; right: 25px; position: fixed; z-index: 500;}
.hidepc{ display:none;}

.product{ position:relative;}
.product .get{
	position: absolute;
	left: 690px;
	top: 54px;
	z-index:100;
}

#footer{ background-color:#FED4D6;}
}



@media screen and (max-width: 639px) {

body,td,th {font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
body {	background-color: #FFD1CD;	background-image: url(bg.jpg);}
#wrapper{
	width: 100%;
	margin: 0 auto;
	background-color: #FFF;
}
#contener{ width:100%; margin:0 auto;}
#header{
	width: 100%;
	height: 74px;
	background-image: url(../imagesinfo/header.gif);
	background-position: center;
}
#header h1{ display:none;}
#header #sns{ text-align:right; padding:32px 25px 0 0;}
#header #sns img{ margin-left:10px;}

#link{	width: 100%; border-top: solid 1px #cccccc;	border-bottom: solid 1px #660000; margin: 40px 0 0;	background-image: url(../img/bg_sns.gif); text-align: center;	padding: 10px 0;}
#link img{ margin:0 10px;}
#footer{
	padding: 20px;
	font-size: 12px;
}
#footer #copyright{ font-size:12px; margin:10px 0;}
#footer span{ float:right;}
#pagetop { bottom: 50px; right: 25px; position: fixed; z-index: 500;}
.hidesp{ display:none;}

.product{ position:relative;}
.product img{ width:100%;}
.product .get{
text-align:center; margin:20px auto;
}
.product .get img{ width:100px;}

#footer{ background-color:#FED4D6;}
}