@charset "shift-jis";

/*----------------------------------------------------
 elements
----------------------------------------------------*/
*{
  margin:0;
  padding:0;
}

html,
body {
  height: 100%;
  font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", メイリオ, sans-serif;
  background: url(../img/share/bg_out.jpg) repeat 50% 0% #000;
}

img{
  border:0;
  margin:0;
  padding:0;
  vertical-align:bottom;
}
li { list-style:none; }
.fl { float:left; }
.inline { display:inline; }
.fr { float:right; }


/* ----------------------------------------------------
	#wrap
---------------------------------------------------- */

#wrap {
    width: 100%;
    height: 100%;
    margin:0 auto;
}

* html #wrap {
    text-align:center;
}


/* ----------------------------------------------------
	#container
---------------------------------------------------- */

#container {
  width:1106px;
  padding:0;
  margin:0 auto;
  text-align:left;
  z-index:1;
  overflow:visible;
  background: url(../img/share/bg.png) repeat 50% 0% #000;
}
#container .inner{
  width:1100px;
  margin:0 auto;
}
#container .in{
  padding: 0;
  margin:-2px 0 0;
  text-align:left;
  position: relative;
}

/* ----------------------------------------------------
	#header
---------------------------------------------------- */

#header {
  margin: 0;
  width:100%;
  height:111px;
  background: url(../img/share/bg_header.png) repeat-x 0% 0%;
  text-align:center;
  position: relative;
  z-index:100;
}
#header #logo{
  position: absolute;
  top:8px;
  left:48px;
  padding:0;
  margin:0;
  z-index:1;
}
#header #daiichi{
  position: absolute;
  top:9px;
  right:50px;
  padding:0;
  margin:0;
}

#header #gnav{
  position: absolute;
  top: 54px;
  left: 228px;
  padding:0;
  margin:0;
  z-index:2;
}
#header #gnav li{
  float:left;
  margin:0 7px 0 0;
  padding:0;
}


/* ----------------------------------------------------
	#footer
---------------------------------------------------- */

#footer {
  width:100%;
  height:116px;
  margin:-2px 0 0;
  background: url(../img/share/bg_footer.png) repeat-x 0% 0%;
  text-align:center;
  position: relative;
  z-index:100;
}
#footer .copyright {
  margin:0;
  padding:16px 0 0;
}


/* ----------------------------------------------------
	#subnav
---------------------------------------------------- */

#container #subnav {
  width:100%;
  height:52px;
  background: url(../img/share/bg_subnav.png) repeat-x 0% 0%;
  position: absolute;
  top:0;
  left:0;
  z-index:10;
}
#container #subnav ul {
  margin:0 auto;
  padding:9px 0 0;
}
#container #subnav ul li {
  margin:0 17px 0 0;
  padding:0;
  float:left;
}
#container #subnav ul li.last {
  margin:0;
  padding:0;
}

#container #notice #subnav ul {
  margin:0 auto;
  padding:9px 0 0;
}
#container #notice #subnav ul li {
  margin:0 8px 0 0;
  padding:0;
  float:left;
}
#container #notice #subnav ul li.last {
  margin:0;
  padding:0;
}


/* ----------------------------------------------------
	#top
---------------------------------------------------- */

#top {
  width:1100px;
  height:675px;
  background-color: #fff;
  overflow:hidden;
}
#top .news ul{
  margin:0;
  padding:15px;
}
#top .news ul li{
  font-size:12px;
  line-height:1.5em;
  color:#FFF;
}

#top .img {
  margin:0;
  padding:0;
  position: absolute;
}
#top .amabtn {
  bottom:5px;
  right:160px;
  z-index:100;
}
#top .amabtn a:hover img{
 filter: alpha(opacity=60);
 -moz-opacity:0.60;
 opacity:0.60;
}

#top .amabtn1 {
  bottom:8px;
  right:180px;
  z-index:100;
}
#top .amabtn1 a:hover img{
 filter: alpha(opacity=60);
 -moz-opacity:0.60;
 opacity:0.60;
}

#top .amabtn2 {
  bottom:8px;
  right:15px;
  z-index:100;
}
#top .amabtn2 a:hover img{
 filter: alpha(opacity=60);
 -moz-opacity:0.60;
 opacity:0.60;
}

#top .text1 {
  top:70px;
  left:548px;
  z-index:30;
  filter:alpha(opacity=0); -moz-opacity: 0.0; opacity: 0.0;
}
#top .text2 {
  top:220px;
  left:480px;
  z-index:30;
  filter:alpha(opacity=0); -moz-opacity: 0.0; opacity: 0.0;
}
#top .logo {
  top:438px;
  left:359px;
  z-index:20;
  filter:alpha(opacity=0); -moz-opacity: 0.0; opacity: 0.0;
}
#top .chara1 {
  top:12px;
  left:-102px;
  z-index:10;
  filter:alpha(opacity=0); -moz-opacity: 0.0; opacity: 0.0;
}
#top .chara2 {
  top:12px;
  left:693px;
  z-index:10;
  filter:alpha(opacity=0); -moz-opacity: 0.0; opacity: 0.0;
}

#top .news {
  width:317px;
  height:83px;
  margin:0;
  padding:0;
  position: absolute;
  top:550px;
  left:35px;
  z-index:30;
  background: url(../img/top/news.png) no-repeat 0% 0%;
}
#top .news ul {
  width:291px;
  height:66px;
  margin:8px 0 0 18px;
  padding:0;
  overflow:auto;
}
#top .news ul li {
  margin:0;
  padding:5px 0;
  font-size:11px;
  line-height:1.6em;
}



/* ----------------------------------------------------
	#spec サブナビ追加時は高さ＋50px
---------------------------------------------------- */

#spec #subnav ul {
  width:855px;
}
#spec {
  width:1100px;
}
#spec.spec01 {
  height:753px;
  background: url(../img/spec01/bg.jpg) no-repeat 0% 0%;
}
#spec.spec02 {
  height:753px;
  background: url(../img/spec02/bg.jpg) no-repeat 0% 0%;
}
#spec.spec03 {
  height:753px;
  background: url(../img/spec03/bg.jpg) no-repeat 0% 0%;
}
#spec.spec04 {
  height:753px;
  background: url(../img/spec04/bg.jpg) no-repeat 0% 0%;
}
#spec .lBox{
  position: absolute;
  top:72px;
  left:44px;
  float:left;
}
#spec .lBox .searchBtn{
  padding:13px 48px 10px 45px;
  margin-bottom:7px;
  background: url(../img/spec01/img02.png) no-repeat 0% 0%;
}
#spec .rBox{
  position: absolute;
  top:72px;
  left:412px;
  float:left;
}


/* ----------------------------------------------------
	#point
---------------------------------------------------- */

#point #subnav ul {
  width:634px;
}
#point {
  width:1100px;
}

#point.point01 .lBox {
  width:447px;
  float:left;
}
#point.point01 .rBox {
  width:653px;
  float:right;
}

#point.point02 .lBox {
  width:550px;
  float:left;
}
#point.point02 .rBox {
  width:550px;
  float:right;
}

#point.point03 .lBox {
  width:599px;
  float:left;
}
#point.point03 .rBox {
  width:501px;
  float:right;
}
#point.point04 .Box {
  width:550px;
  float:left;
}


/* ----------------------------------------------------
	#flow
---------------------------------------------------- */

#flow {
  width:1100px;
}

#flow .lBox {
  width:550px;
  float:left;
}
#flow .rBox {
  width:550px;
  float:right;
}


/* ----------------------------------------------------
	#notice
---------------------------------------------------- */

#notice #subnav ul {
  width:1070px;
}
#notice {
  width:1100px;
}
#notice .lBox {
  width:550px;
  float:left;
}
#notice .rBox {
  width:550px;
  float:right;
}
#notice.notice05 .Box1 {
  width:720px;
  float:left;
}
#notice.notice05 .Box2 {
  width:380px;
  float:left;
}
#notice.notice05 .Box3 {
  width:430px;
  float:left;
}
#notice.notice05 .Box4 {
  width:290px;
  float:left;
}
#notice.notice05 .Box5 {
  width:380px;
  float:left;
}



/* ----------------------------------------------------
	#reach
---------------------------------------------------- */

#reach #subnav ul {
  width:417px;
}
#reach {
  width:1100px;
}
#reach .lBox {
  width:550px;
  float:left;
}
#reach .rBox {
  width:550px;
  float:right;
}


/* ----------------------------------------------------
	#mode
---------------------------------------------------- */

#mode #subnav ul {
  width:634px;
}
#mode {
  width:1100px;
}
#mode .lBox {
  width:550px;
  float:left;
}
#mode .rBox {
  width:550px;
  float:right;
}
#mode.mode01 .Box1 {
  width:380px;
  float:left;
}
#mode.mode01 .Box2 {
  width:720px;
  float:left;
}
#mode.mode01 .Box3 {
  width:380px;
  float:left;
}
#mode.mode01 .Box4 {
  width:335px;
  float:left;
}
#mode.mode01 .Box5 {
  width:385px;
  float:left;
}
#mode.mode01 .Box6 {
  width:380px;
  float:left;
}
#mode.mode01 .Box7 {
  width:335px;
  float:left;
}
#mode.mode01 .Box8 {
  width:385px;
  float:left;
}
#mode.mode01 .Box9 {
  width:1100px;
  float:left;
}


/* ----------------------------------------------------
	#ohter
---------------------------------------------------- */

#ohter #subnav ul {
  width:634px;
}

#ohter.other02 {
  width:1100px;
  text-align:center;
}
#ohter.other03 {
  width:1100px;
  text-align:center;
}
#ohter.other03 .dlBtn {
	position:absolute;
	top:369px;
	left:334px;
}


/* ----------------------------------------------------
	clearfix
---------------------------------------------------- */

/* new clearfix */
.cf:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.cf{display:inline-block;}
/*\*/
*html .cf{height:1%;}
*:first-child+html .cf{height:auto;}
.cf{display:block;}


/* search_shoplist  template --start*/
.search_shoplist {
	background: #fff;
	font-size: 14px;
	z-index:10000;
}
.search_shoplist div {
	position: relative;
}
.search_shoplist h3 {
background: #ebd76e; /* Old browsers */
background: -moz-linear-gradient(left,  #ebd76e 0%, #ebd76e 8%, #c09a16 27%, #443200 51%, #c09a16 71%, #c09a16 72%, #ebd76e 89%, #eae1b2 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #ebd76e 0%,#ebd76e 8%,#c09a16 27%,#443200 51%,#c09a16 71%,#c09a16 72%,#ebd76e 89%,#eae1b2 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #ebd76e 0%,#ebd76e 8%,#c09a16 27%,#443200 51%,#c09a16 71%,#c09a16 72%,#ebd76e 89%,#eae1b2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebd76e', endColorstr='#eae1b2',GradientType=1 ); /* IE6-9 */

	color: #fff;
	margin: 0;
	padding: 0.1em;
	text-align: center;
	letter-spacing: 0.1em;
text-shadow: 0 0 10px #000,
               2px 2px 0px rgba(0,0,0,0.3);
border:double #ead86e;
border-width:3px 0;
}
.search_shoplist select {
	font-size: 12px;
	padding: 1px;
	float: left;
	margin-right: 10px;
  max-width: 360px;
}
.box_search_shoplist{
padding:15px 0 10px 0;
width:750px;
margin: auto;
}


.search_shoplist p.kisyu ,.search_shoplist p.prefectures {
	margin:0 2px;
	padding: 0;
	font-weight: bold;
	float: left;
color:#c09a16;
}
.search_shoplist .clearfix {
	padding: 3px;
	width: auto;
}
.search_shoplist .clearfix:after {
	content: "";
	clear: both;
	display: block;
}
.search_shoplist .btnSubmit {
	border: none;
background: #c09a16; /* Old browsers */
background: -moz-linear-gradient(top,  #c09a16 0%, #443200 51%, #c09a16 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #c09a16 0%,#443200 51%,#c09a16 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #c09a16 0%,#443200 51%,#c09a16 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c09a16', endColorstr='#c09a16',GradientType=0 ); /* IE6-9 */
	padding: 0.4em;
	margin: -4px 0 0 15px;
	display: block;
	width: 6em;
	color: #fff;
	border-radius: 2em;
box-shadow:0 2px #443200;
}
.search_shoplist .btnSubmit:hover {
	opacity: 0.5;
	cursor: pointer;
}
/* search_shoplist  template --end*/