@charset "shift-jis";

/*----------------------------------------------------
 elements
----------------------------------------------------*/
*{
  margin:0;
  padding:0;
}

html,
body {
  height: 100%;
  background-color:#000;
  font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", メイリオ, sans-serif;
}
img{
  border:0;
}
li { list-style:none; }
.fl { float:left; }
.fr { float:right; }


/* ----------------------------------------------------
	#wrap
---------------------------------------------------- */

#wrap {
    width: 100%;
    height: 100%;
    margin:0 auto;
}

* html #wrap {
    text-align:center;
}


/* ----------------------------------------------------
	#header
---------------------------------------------------- */

#header {
  margin: 0;
  width:100%;
  height:121px;
  background: url(../img/share/bg_header.png) repeat-x 50% 0;
  text-align:center;
  position: relative;
  z-index:100;
}
#header .inner{
  margin:0 auto;
  width:1100px;
  height:121px;
  text-align:left;
  position: relative;
}
#header #logo{
  position: absolute;
  top: 0px;
  left: -32px;
  padding:0;
  margin:0;
  z-index:1;
}
#header #dlight{
  position: absolute;
  top:7px;
  right:30px;
  padding:0;
  margin:0;
}

#header #gnav{
  position: absolute;
  top: 66px;
  left: 204px;
  padding:0;
  margin:0;
  z-index:2;
}
#header #gnav li{
  float:left;
  margin:0;
  padding:0;
}



/* ----------------------------------------------------
	#container
---------------------------------------------------- */

#container {
  width:1100px;
  padding:0;
  margin:-4px auto 0;
  text-align:center;
  position:relative;
  z-index:1;
  overflow:visible;
}
#container .inner{
  padding: 0;
  margin:0;
  text-align:left;
}



/* ----------------------------------------------------
	#subnav
---------------------------------------------------- */

#container #subnav {
  position: absolute;
  top:0px;
  right:30px;
  z-index:100;
}
#container #subnav li {
  float:left;
}

/* ----------------------------------------------------
	#footer
---------------------------------------------------- */

#footer {
  width:100%;
  height:100px;
  margin:-5px 0 0;
  background: url(../img/share/bg_footer.png) repeat-x 50% 0;
  text-align:center;
  position: relative;
  z-index:100;
}
#footer .inner {
  width:1100px;
  margin:0 auto;
  padding:24px 0 0;
  position: relative;
}

#ffooter {
  width:100%;
  height:100px;
  margin:-5px 0 0;
  background: url(../img/share/bg_footer.png) repeat-x 50% 0;
  text-align:center;
  position: relative;
  z-index:100;
}

#ffooter .inner {
  width:1100px;
  margin:0 auto;
  position: relative;
}

/* ----------------------------------------------------
	#top
---------------------------------------------------- */

#top {
  width:1100px;
  height:600px;
}
#top .news {
  width:279px;
  height:65px;
  margin:0;
  padding:0;
  background: url(../img/top/img_news.png) no-repeat 0% 0%;
  position: absolute;
  top:483px;
  left:50px;
  z-index:10;
}
#top .news ul{
  margin:0;
  padding:15px;
}
#top .news ul li{
  font-size:12px;
  line-height:1.5em;
  color:#FFF;
}
#top .waku {
  margin:0;
  padding:0;
  position: absolute;
  top:0px;
  left:0px;
  z-index:9;
}
#top .logo {
  margin:0;
  padding:0;
  position: absolute;
  top:259px;
  left:328px;
  z-index:8;
  filter:alpha(opacity=0); -moz-opacity: 0.0; opacity: 0.0;
}
#top .logo_hikari {
  margin:0;
  padding:0;
  position: absolute;
  top:263px;
  left:58px;
  z-index:7;
  filter:alpha(opacity=0); -moz-opacity: 0.0; opacity: 0.0;
}
#top .kyoutai {
  margin:0;
  padding:0;
  position: absolute;
  top:0px;
  left:301px;
  z-index:6;
  filter:alpha(opacity=0); -moz-opacity: 0.0; opacity: 0.0;
}
#top .sei {
  margin:0;
  padding:0;
  position: absolute;
  top:158px;
  left:179px;
  z-index:5;
  filter:alpha(opacity=0); -moz-opacity: 0.0; opacity: 0.0;
}
#top .do {
  margin:0;
  padding:0;
  position: absolute;
  top:157px;
  right:185px;
  z-index:5;
  filter:alpha(opacity=0); -moz-opacity: 0.0; opacity: 0.0;
}
#top .hahen {
  margin:0;
  padding:0;
  position: absolute;
  top:-35px;
  left:191px;
  z-index:4;
  filter:alpha(opacity=0); -moz-opacity: 0.0; opacity: 0.0;
}
#top .chain01 {
  margin:0;
  padding:0;
  position: absolute;
  top:0px;
  left:153px;
  z-index:3;
  filter:alpha(opacity=0); -moz-opacity: 0.0; opacity: 0.0;
}
#top .chain02 {
  margin:0;
  padding:0;
  position: absolute;
  top:0px;
  right:185px;
  z-index:3;
  filter:alpha(opacity=0); -moz-opacity: 0.0; opacity: 0.0;
}
#top .chain03 {
  margin:0;
  padding:0;
  position: absolute;
  bottom:0px;
  left:30px;
  z-index:3;
  filter:alpha(opacity=0); -moz-opacity: 0.0; opacity: 0.0;
}
#top .chain04 {
  margin:0;
  padding:0;
  position: absolute;
  top:145px;
  right:0px;
  z-index:3;
  filter:alpha(opacity=0); -moz-opacity: 0.0; opacity: 0.0;
}
#top .chain05 {
  margin:0;
  padding:0;
  position: absolute;
  bottom:0px;
  left:0px;
  z-index:3;
  filter:alpha(opacity=0); -moz-opacity: 0.0; opacity: 0.0;
}
#top .chain06 {
  margin:0;
  padding:0;
  position: absolute;
  bottom:0px;
  right:0px;
  z-index:3;
  filter:alpha(opacity=0); -moz-opacity: 0.0; opacity: 0.0;
}
#top .bg {
  margin:0;
  padding:0;
  position: absolute;
  top:0px;
  left:0px;
  z-index:2;
}
#top .logo img,
#top .logo_hikari img,
#top .kyoutai img,
#top .sei img,
#top .do img,
#top .chain01 img,
#top .chain02 img,
#top .chain03 img,
#top .chain04 img,
#top .chain05 img,
#top .chain06 img,
#top .hahen img{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images.png", sizingMethod="scale");}



/* ----------------------------------------------------
	#point
---------------------------------------------------- */

#point {
  width:1100px;
  height:874px;
  background: url(../img/point/bg.jpg) no-repeat 0% 0%;
}
#point .img01 {
  position: absolute;
  top:0px;
  left:25px;
}
#point .img02 {
  position: absolute;
  top:272px;
  left:25px;
}



/* ----------------------------------------------------
	#flow
---------------------------------------------------- */

#flow {
  width:1100px;
  height:770px;
  background: url(../img/share/bg_blue.jpg) no-repeat 0% 0%;
}
#flow .pagettl {
  position: absolute;
  top:15px;
  left:50px;
}
#flow .img01 {
  position: absolute;
  top:145px;
  left:30px;
}



/* ----------------------------------------------------
	#notice01
---------------------------------------------------- */

#notice01 {
  width:1100px;
  height:770px;
  background: url(../img/share/bg_blue.jpg) no-repeat 0% 0%;
}
#notice01 .pagettl {
  position: absolute;
  top:15px;
  left:50px;
}
#notice01 .imgbox {
  position: absolute;
  top:148px;
  left:43px;
}



/* ----------------------------------------------------
	#notice02
---------------------------------------------------- */

#notice02 {
  width:1100px;
  height:800px;
  background: url(../img/share/bg_blue.jpg) no-repeat 0% 0%;
}
#notice02 .pagettl {
  position: absolute;
  top:15px;
  left:50px;
}
#notice02 .imgbox {
  position: absolute;
  top:146px;
  left:0px;
}
#notice02 .imgbox .inbox {
  width:482px;
}



/* ----------------------------------------------------
	#bonus01
---------------------------------------------------- */

#bonus01 {
  width:1100px;
  height:785px;
  background: url(../img/bonus01/bg.jpg) no-repeat 0% 0%;
}
#bonus01 .pagettl {
  position: absolute;
  top:15px;
  left:50px;
}
#bonus01 .img01 {
  position: absolute;
  top:152px;
  left:50px;
}
#bonus01 .img02 {
  position: absolute;
  top:546px;
  left:50px;
}
#bonus01 .img03 {
  position: absolute;
  bottom:0px;
  right:30px;
}



/* ----------------------------------------------------
	#bonus02
---------------------------------------------------- */

#bonus02 {
  width:1100px;
  height:785px;
  background: url(../img/bonus02/bg.jpg) no-repeat 0% 0%;
}
#bonus02 .pagettl {
  position: absolute;
  top:15px;
  left:50px;
}
#bonus02 .img01 {
  position: absolute;
  top:45px;
  right:50px;
}
#bonus02 .img02 {
  position: absolute;
  top:144px;
  left:50px;
}
#bonus02 .img03 {
  position: absolute;
  top:501px;
  left:50px;
}




/* ----------------------------------------------------
	#bonus03
---------------------------------------------------- */

#bonus03 {
  width:1100px;
  height:745px;
  background: url(../img/share/bg_blue.jpg) no-repeat 0% 0%;
}
#bonus03 .pagettl {
  position: absolute;
  top:15px;
  left:50px;
}
#bonus03 .img01 {
  position: absolute;
  top:120px;
  left:0px;
}
#bonus03 .img02 {
  position: absolute;
  top:208px;
  left:50px;
}
#bonus03 .img03 {
  position: absolute;
  top:448px;
  left:50px;
}
#bonus03 .img04 {
  position: absolute;
  top:253px;
  right:50px;
}



/* ----------------------------------------------------
	#bonus04
---------------------------------------------------- */

#bonus04 {
  width:1100px;
  height:745px;
  background: url(../img/bonus04/bg.jpg) no-repeat 0% 0%;
}
#bonus04 .pagettl {
  position: absolute;
  top:15px;
  left:50px;
}
#bonus04 .img01 {
  position: absolute;
  top:120px;
  left:0px;
}
#bonus04 .img02 {
  position: absolute;
  top:179px;
  left:163px;
}
#bonus04 .img03 {
  position: absolute;
  top:469px;
  left:163px;
}
#bonus04 .img04 {
  position: absolute;
  top:538px;
  left:90px;
}
#bonus04 .img05 {
  position: absolute;
  top:538px;
  right:88px;
}



/* ----------------------------------------------------
	#art01
---------------------------------------------------- */

#art01 {
  width:1100px;
  height:785px;
  background: url(../img/art01/bg.jpg) no-repeat 0% 0%;
}
#art01 .pagettl {
  position: absolute;
  top:15px;
  left:50px;
}
#art01 .img01 {
  position: absolute;
  top:143px;
  left:75px;
}
#art01 .img02 {
  position: absolute;
  top:143px;
  left:574px;
}
#art01 .img03 {
  position: absolute;
  top:385px;
  left:50px;
}
#art01 .img04 {
  position: absolute;
  top:480px;
  left:50px;
}
#art01 .img05 {
  position: absolute;
  top:493px;
  left:560px;
}



/* ----------------------------------------------------
	#art02
---------------------------------------------------- */

#art02 {
  width:1100px;
  height:785px;
  background: url(../img/art02/bg.jpg) no-repeat 0% 0%;
}
#art02 .pagettl {
  position: absolute;
  top:15px;
  left:50px;
}
#art02 .img01 {
  position: absolute;
  top:45px;
  right:50px;
}
#art02 .img02 {
  position: absolute;
  top:143px;
  left:66px;
}
#art02 .img03 {
  position: absolute;
  top:120px;
  left:635px;
}
#art02 .img04 {
  position: absolute;
  top:143px;
  left:753px;
}
#art02 .img05 {
  position: absolute;
  top:491px;
  left:66px;
}
#art02 .img06 {
  position: absolute;
  top:491px;
  left:659px;
}



/* ----------------------------------------------------
	#art03
---------------------------------------------------- */

#art03 {
  width:1100px;
  height:785px;
  background: url(../img/art03/bg.jpg) no-repeat 0% 0%;
}
#art03 .pagettl {
  position: absolute;
  top:15px;
  left:50px;
}
#art03 .img01 {
  position: absolute;
  top:177px;
  left:70px;
}
#art03 .img02 {
  position: absolute;
  top:398px;
  left:70px;
}
#art03 .img03 {
  position: absolute;
  top:333px;
  left:550px;
}
#art03 .img04 {
  position: absolute;
  top:441px;
  left:70px;
}
#art03 .img05 {
  position: absolute;
  top:441px;
  right:70px;
}



/* ----------------------------------------------------
	#spec
---------------------------------------------------- */

#spec {
  width:1100px;
  height:1090px;
  background: url(../img/spec/bg.jpg) no-repeat 0% 0%;
}
#spec .pagettl {
  position: absolute;
  top:15px;
  left:50px;
}
#spec .img01 {
  position: absolute;
  top:143px;
  left:47px;
}
#spec .img02 {
  position: absolute;
  top:143px;
  left:298px;
}
#spec .img03 {
  position: absolute;
  top:768px;
  left:298px;
}
#spec .img04 {
  position: absolute;
  top:917px;
  left:298px;
}
#spec .img05 {
  position: absolute;
  top:143px;
  right:50px;
}
#spec .img06 {
  position: absolute;
  top:544px;
  right:50px;
}



/* ----------------------------------------------------
	#other
---------------------------------------------------- */

#other {
  width:1100px;
  height:634px;
  background: url(../img/other/bg.jpg) no-repeat 0% 0%;
}
#other .img01 {
  position: absolute;
  top:47px;
  left:297px;
}
#other .img02 {
  position: absolute;
  bottom:29px;
  left:390px;
}


/* ----------------------------------------------------
	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:url(../img/top/bkg_search_shoplist.png);
	font-size: 14px;
	z-index:10000;
    width: 205px;
    height: 105px;
position:absolute;
right:100px;
bottom:25px;
}
.search_shoplist div {
	position: relative;
}
.search_shoplist select {
	font-size: 12px;
	padding: 1px;
	float: left;
	margin-right: 10px;
	z-index:1000;

}
.search_shoplist select.kisyu{
display:none;
} 
.box_search_shoplist{
	padding:19px 0 10px 25px;
	margin: auto;
}


.search_shoplist p.kisyu ,.search_shoplist p.prefectures {
	margin:2px 5px;
	padding: 0;
	font-weight: bold;
	float: left;
color:#fff;
}
.search_shoplist .clearfix {
	padding: 3px;
	width: auto;
}
.search_shoplist .clearfix:after {
	content: "";
	clear: both;
	display: block;
}
.search_shoplist .btnSubmit {
	border: none;
background:url(../img/top/btn_search_shoplist.png);
	display: block;
	width: 153px;
	height:49px;
	overflow: hidden;
  text-indent: 200%;
  white-space: nowrap;
	margin-top:25px;
}
.search_shoplist .btnSubmit:hover {
	opacity: 0.5;
	cursor: pointer;
}
/* search_shoplist  template --end*/




