@charset "UTF-8";

/* ========BASIC======== */
* {
   font-family:Verdana, Helvetica, sans-serif;
   color:#333;
}

body {
   margin:0;
   padding:0;
   letter-spacing:1px;
/*   background: url(/yays_shop/tools/squres.jpg) 0 0 repeat-y ;*/
/*   background-color: #d8d8d8;*/
/*    background: url(/yays_shop/tools/squres.jpg) 0 0 repeat ; */
   background:#fff url(/yays_shop/tools/bg_body.gif) 0 0 repeat-x;
}

br {
   letter-spacing:normal;
}

a {
   color:#333;
   text-decoration:none;
}

a:hover {
   color:#00AAAA;/*#DDAAAA*/
   text-decoration:none;
}

img {
   border:0;
}

h1,h2,h3,h4,h5,h6 {
   margin:0;
}

/* ========TEMPLATE LAYOUT======== */
div#top {
   width:760px;
   margin:0 auto;
}

div#header {
/*   width:860px;*/
   height:280px;
/*   margin-bottom:5px;*/
   /*background:url(/yays_shop/tools/bg_head.gif) 0 0 no-repeat;*/
}

div#main {

}

/* ========HEADER CUSTOMIZE======== */
div#header h1 {
   margin:0;
   padding:0;
   font-size:2em;
   color:#000;
   line-height:60px;
}

div#header h1 a {
   color:#000;
}

div#header h1 a:hover {
   color:#5D5353;
}

div#header p {
/*   width:500px;*/
   margin:0;
   font-size:0.75em;
}
div#search_box_back {
	background-color:black;
	position:fixed; top:0; left:0;
	width:100%;
	height:100%;
	opacity: 0.8;
	filter: alpha(opacity=80);	/* IE6、IE7対応 */
 	-moz-opacity: 0.8;		/* Firefox1.5以前対応 */
 	z-index: 3;
}
div#search_box {
	background-color:#FFFFFF;
/*	position:fixed; top:50%; left:50%;*/
	position:relative;
/*	width:600px;*/
/*	height:500px;*/
/*	margin-left:-300px;*/
/*	margin-top:-250px;*/
	padding:20px;
}

/* ========MAIN CONTENTS CUSTOMIZE======== */
div#main a {
   color:#333;/*#DDAAAA*/
}

div#main a:hover {
   color:#00AAAA;/*#DDAAAA*/
   border:0;
   border-bottom:1px solid #DDAAAA;
}

div#main h2 {
   margin-bottom:8px;
   padding:2px 2px 2px 0;
   color:#5D5353;
   font-size:0.94em;
   font-weight:bold;
   line-height:1.4;
   border-bottom:3px double #5D5353;
}

div#main h3 {
   margin-bottom:3px;
   font-size:0.88em;
}

div#main h4 {
   margin-bottom:2px;
   font-size:0.75em;
   line-height:1.4;
}
div#main h5 {
   margin-bottom:2px;
   font-size:0.75em;
   line-height:1.4;
}
div#main h6 {
   margin-bottom:2px;
   font-size:0.75em;
   line-height:1.4;
}

div#main p{
   margin:0 0 1em 0;
   font-size:0.75em;
   line-height:1.4;
}

div#main ul,ol,dl{
   font-size:0.75em;
}

div#main li{

}

div#main dt{
   margin-bottom:3px;
}

div#main dd{
   padding:0;
   margin:0 0 1em 1em;
   padding:3px;
   background:#f1f1f1;
}
div#search_table{
	width:700px;
	/*margin:0;*/
    font-size:0.75em;

background:#222222;

/* http://grad2.ecoloniq.jp/ より取得 */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #0a0809), color-stop(0.51, #0a0f0b), color-stop(0.50, #6d7673), color-stop(0.00, #afbdc0));
background: -webkit-linear-gradient(top, #afbdc0 0%, #6d7673 50%, #0a0f0b 51%, #0a0809 100%);
background: -moz-linear-gradient(top, #afbdc0 0%, #6d7673 50%, #0a0f0b 51%, #0a0809 100%);
background: -o-linear-gradient(top, #afbdc0 0%, #6d7673 50%, #0a0f0b 51%, #0a0809 100%);
background: -ms-linear-gradient(top, #afbdc0 0%, #6d7673 50%, #0a0f0b 51%, #0a0809 100%);
background: linear-gradient(top, #afbdc0 0%, #6d7673 50%, #0a0f0b 51%, #0a0809 100%);

    border-radius: 10px;	/* CSS3草案 */
    -webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
    -moz-border-radius: 10px;	/* Firefox用 */

}
.search_engin{
/*	color:#FFFFFF;*/
	color:#00AAAA;
	white-space:nowrap;
}

* html body img.store_picture_main {
	width: expression(this.width >= this.height ? "60px" : "auto");
	height: expression(this.width <= this.height ? "60px" : "auto");
}
img.store_picture_main {
	width: 60px;
	max-height: 60px;
}



img.searchbox_shop_img {
	position: relative;
	width: expression(this.width >= this.height ? "90px" : "auto");
	height: expression(this.width <= this.height ? "60px" : "auto");/*36*/
	max-width: 90px;
	max-height: 60px;/*36*/
	z-index: 2;
	float: right;
}
div.searchbox_shop_img_front {
	position: absolute;
	width: 90px;/*90*/
	height: 60px;/*36*/
	display:table-cell;
	vertical-align:middle;
	background-color: pink;
	border: 1px  solid #000000;
	opacity: 0.4;
	filter: alpha(opacity=40);	/* IE6、IE7対応 */
 	-moz-opacity: 0.4;		/* Firefox1.5以前対応 */
 	z-index: 3;
 	top: 0px;
}
div.searchbox_shop_img_back {
	position: relative;
	width: 90px;/*90*/
	height: 60px;/*36*/
	display:table-cell;
	vertical-align:middle;
	background-color: white;
	border: 1px  solid #000000;
	z-index: 1;
	top: 0px;
}
div.searchshop_checkbox {
	position: absolute;
	top: 0px;
	z-index: 4;
}
div.searchshop_checkbox_parent {
	position: relative;
	float:left;
	z-index: 5;
}
table.shop_box {
	border-style: solid;
	border-width: 0px;
	border-color: #000000;
}
.shop_box th, tr{
/*	border-bottom: 1px #000000 solid;*/
	border-style: solid;
	border-width: 0px;
	border-color: #000000;
}
td.shop_box {
/*	border-bottom: 1px #000000 solid;*/
	border-style: solid;
	border-width: 1px 0px 0px 0px;
	border-color: #000000;
}
address{
   padding:10px 0;
   font-size:0.63em;
   color:#333;
}
#button {
  margin: 0px auto 20px auto;
  width: 200px;
  padding: 10px;
  border: solid 2px #ccc;
  background: #eee;
  text-align: center;
  font-weight: bold;
  cursor: pointer;
}
#shosai_button {
  margin: 2px 2px 2px 2px;
  width: 100px;
  padding: 5px;
  border: solid 2px #ccc;
  background: #eee;
  text-align: center;
 /* font-weight: bold;*/
  cursor: pointer;
}
div.lang_jp{
	position: relative;
	color:#00AAAA;
}
div.lang_en{
	position: relative;
	color:#00AAAA;
	DISPLAY:none;
}
div.language{
	position: relative;
}
div.money{
	position: relative;
}
/* ========SOCIAL======== */
.socialbtn {
	position: absolute;
	padding: 20px 20px;
	margin-left:auto;
	margin-right:auto;
	width:650px;
}
.socialbtn div {
    float:left;
    margin-right:12px;/*12px*/
}
.socialbtn .twitter{
    margin-right:0px;
    width: 95px; /*95px!important;*/
}
.socialbtn div iframe {
/*    margin-left:0px;*/
}
.socialbtn .fbshare {
    font-size: 12px;
    padding-top: 5px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}
