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

body{background:url(../images/japanese-paper-03-p.jpg);}
/*320px */
.productsAreaOut{
	width:100%;
	margin:0 auto;
}
p {
	margin-bottom: 0px;
}
#content p {
	margin-bottom: 0px;
	line-height: 1.2em;
	font-size: 15px;
}
#header {
	background-color: #fff;
	text-align: center;
	-webkit-box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.10);
	-moz-box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.10);
	box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.10);
	display: table;
	width:100%;
	height: 400px;
}
#sitebranding .mainLOGO{margin:0 auto;width:60%; padding-left:70px;padding-right:70px;}
.productsArea{
	width:96%; margin-right:0px;
}
.productsArea img{ padding:0;}
.prod{ width:96%; margin:0 auto 40px auto;float:none;text-align:center;position: relative;}
.prod p{font-size:15px;font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif; line-height:1.2em; color:#372525; white-space:nowrap;}
.prod p span{font-size:13px;line-height:1em; }
.prod a:link{ display:block;width:100%; height:100%; color:#372525;}

@media screen and(min-width:320px){
.productsAreaOut{width:96%;margin:0 auto;}
.productsArea{width:96%; margin-right:-20px;}
.prod{ width:48%; margin:0 2% 60px 0; float:left; text-align:center;position: relative;}
}

/* 769px */
@media screen and(min-width:769px){
.productsAreaOut{width:760px;margin:0 auto;}
.productsArea{width:760px; margin-right:-20px;}
.prod{ width:175px; margin:0 10px 60px 0; float:left;text-align:center;position: relative;}
}

/* 960px */
@media screen and (min-width:960px){
.productsAreaOut{width:960px;margin:0 auto;}
.productsArea{width:960px; margin-right:-20px;}
.prod{ width:225px; margin:0 10px 60px 0; float:left; text-align:center; position: relative;}
}


#circle {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  font-size: 16px;
  color: #fff;
  background-color: #AC1A1D;
  text-align: center;
  margin:0 auto 30px;
}

/*ここから下の部分を追加*/
#circle p {
  position: relative;
  top:50%;
  transform: translateY(-50%);
  font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
}

#circle2 {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  font-size: 16px;
  color: #fff;
  background-color:#766F3E;
  text-align: center;
  margin:0 auto 30px;
}

/*ここから下の部分を追加*/
#circle2 p {
  position: relative;
  top:50%;
  transform: translateY(-50%);
  font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
}
.onlineLink{text-align:center; margin:20px auto;}

#ovIMG01,#ovIMG02,#ovIMG03,#ovIMG04,#ovIMG05,#ovIMG06,#ovIMG07,#ovIMG08,#ovIMG09,#ovIMG10,#ovIMG11,#ovIMG12
{ position: absolute; top:-55px; right:-50%;left:-50%; z-index:99;display:none;}

#ovIMG13,#ovIMG14,#ovIMG15,
#ovIMG16,#ovIMG17,#ovIMG18,#ovIMG19,#ovIMG20,#ovIMG21,#ovIMG22,#ovIMG23,#ovIMG24,#ovIMG25,#ovIMG26,#ovIMG27,#ovIMG28,#ovIMG29,#ovIMG30
{ position: absolute; top:0px; right:-50%;left:-50%; z-index:99;display:none;}