@charset "shift-jis";

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

html,
body {
    font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", メイリオ, sans-serif;
    background: url(../img/share/bg.png) 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;
}

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



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

#header {
  margin: 0;
  width:100%;
  height:110px;
  background: url(../img/share/bg_header.png) repeat-x 50% 0%;
  z-index:100;
  position:absolute;
  top:0;
  left:0;
}
#header .inner {
  margin: 0 auto;
  width:1100px;
  position: relative;
}
#header #logo{
  position: absolute;
  top:6px;
  left:25px;
  padding:0;
  margin:0;
  z-index:1;
}
#header #daiichi{
  position: absolute;
  top:6px;
  right:48px;
  padding:0;
  margin:0;
}

#header #gnav{
  position: absolute;
  top: 47px;
  left: 229px;
  padding:0;
  margin:0;
  z-index:2;
}
#header #gnav li{
  float:left;
  margin:0 5px 0 0;
  padding:0;
}



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

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



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

#container #subnav {
  width:100%;
  height:52px;
  background: url(../img/share/bg_subnav.png) repeat-x 50% 0%;
  position: absolute;
  top:108px;
  left:0;
  z-index:10;
}
#container #subnav ul {
  margin:8px auto 0;
  padding:0;
}
#container #subnav ul li {
  margin:0 15px 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;
}



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

#container {
  width:100%;
  padding:108px 0 0;
  margin:0 0 0;
  z-index:1;
  overflow:visible;
  background-color:#000;
}
#container .inner{
  width:1100px;
  padding:0;
  margin:0 auto;
  text-align:left;
  position: relative;
}



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

#top {
  width:100%;
  height:668px;
  margin:0;
  padding:0;
  background: url(../img/top/bg.jpg) no-repeat 50% 0%;
}
#top .logo {
  width:900px;
  height:450px;
  margin:0;
  padding:0;
  position: absolute;
  top:118px;
  left:97px;
  z-index:30;
  filter:alpha(opacity=0); -moz-opacity: 0.0; opacity: 0.0;
}
#top .catch {
  width:425px;
  height:250px;
  margin:0;
  padding:0;
  position: absolute;
  top:10px;
  left:100px;
  z-index:30;
  filter:alpha(opacity=0); -moz-opacity: 0.0; opacity: 0.0;
}

#top .spec_banner1 {
  width:189px;
  height:182px;
  margin:0;
  padding:0;
  position: absolute;
  top:27px;
  left:711px;
  z-index:30;
  filter:alpha(opacity=0); -moz-opacity: 0.0; opacity: 0.0;
}

#top .spec_banner2 {
  width:197px;
  height:182px;
  margin:0;
  padding:0;
  position: absolute;
  top:27px;
  left:900px;
  z-index:30;
  filter:alpha(opacity=0); -moz-opacity: 0.0; opacity: 0.0;
}

#top .news {
  width:315px;
  height:81px;
  margin:0;
  padding:0;
  position: absolute;
  top:550px;
  left:35px;
  z-index:30;
  background: url(../img/top/bg_new.png) no-repeat 0% 0%;
}
#top .news ul {
  width:289px;
  height:64px;
  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;
  color:#fff;
}

#top .logo img,
#top .catch img{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images.png", sizingMethod="scale");}



/* ----------------------------------------------------
	#spec
---------------------------------------------------- */
#container #subnav.spec ul {
  width:648px;
}
#spec {
  width:100%;
  margin:0;
  padding:0;
}
#spec.spec01 {
  height:668px;
  background: url(../img/spec01/bg.jpg) no-repeat 50% 0%;
}
#spec.spec02 {
  height:668px;
  background: url(../img/spec02/bg.jpg) no-repeat 50% 0%;
}
#spec.spec03 {
  height:668px;
  background: url(../img/spec03/bg.jpg) no-repeat 50% 0%;
}
#spec .kyotai{
  position: absolute;
  top:107px;
  left:91px;
}
#spec .specimg{
  position: absolute;
  top:118px;
  left:434px;
}
#spec .searchBg{
  position: absolute;
  top:499px;
  left:434px;
  width:567px;
  height:80px;
  background: url(../img/spec01/bg_btn.png) no-repeat 0% 0%;
}
#spec .searchBg .btn{
  width:323px;
  margin:13px auto 0;
}
#spec .flowbtn{
  position: absolute;
  top:553px;
  right:221px;
}



/* ----------------------------------------------------
	#point
---------------------------------------------------- */
#container #subnav.point ul {
  width:648px;
}
#point {
  width:100%;
  margin:0;
  padding:0;
}

#point.point01 {
  height:1030px;
  background: url(../img/point01/bg.jpg) no-repeat 50% 0%;
}
#point.point02 {
  height:982px;
  background: url(../img/point02/bg.jpg) no-repeat 50% 0%;
}
#point.point03 {
  height:938px;
  background: url(../img/point03/bg.jpg) no-repeat 50% 0%;
}
#point.point01 .inner p {
  text-indent:-9999px;
}
#point.point02 .img01{
  position: absolute;
  top:54px;
  left:0px;
}
#point.point02 .img02{
  position: absolute;
  top:394px;
  left:632px;
}
#point.point02 .img03{
  position: absolute;
  top:760px;
  left:-10px;
}
#point.point02 .img04{
  position: absolute;
  top:812px;
  left:720px;
}
#point.point03 .img01{
  position: absolute;
  top:87px;
  left:0px;
}
#point.point03 .img02{
  position: absolute;
  top:230px;
  left:780px;
}
#point.point03 .img03{
  position: absolute;
  top:335px;
  left:18px;
}
#point.point03 .img04{
  position: absolute;
  top:683px;
  left:120px;
}
#point.point03 .img05{
  position: absolute;
  top:350px;
  left:605px;
}
#point.point03 .img06{
  position: absolute;
  top:660px;
  left:570px;
}
#point.point03 .img07{
  position: absolute;
  top:662px;
  left:810px;
}



/* ----------------------------------------------------
	#flow
---------------------------------------------------- */
#container #subnav.flow ul {
  width:427px;
}

#flow {
  width:100%;
  margin:0 auto;
  padding:0;
}

#flow.flow01 {
  height:900px;
  background: url(../img/flow01/bg.jpg) no-repeat 50% 50px;
}
#flow.flow02 {
  height:880px;
  background: url(../img/flow02/bg.jpg) no-repeat 50% 50px;
}
#flow .img01{
  position: absolute;
  top:71px;
  left:45px;
}
#flow .img02{
  position: absolute;
  top:189px;
  left:52px;
}
#flow .img03{
  position: absolute;
  top:97px;
  left:540px;
}
#flow .img04{
  position: absolute;
  top:871px;
  left:50px;
}



/* ----------------------------------------------------
	#notice
---------------------------------------------------- */
#container #subnav.notice ul {
  width:427px;
}
#notice {
  width:100%;
  margin:0 auto;
  padding:0;
}

#notice.notice01 {
  background: url(../img/notice01/bg.jpg) no-repeat 50% 0%;
}
#notice.notice01 .img01{
  padding:69px 0 0 0;
  margin:0 0 27px 40px;
}
#notice.notice01 .img02{
  margin:0 0 14px 40px;
}
#notice.notice01 .img03{
  padding:0;
  margin:0 0 14px 40px;
}
#notice.notice01 .img04{
  padding:0;
  margin:0 0 66px 40px;
}
#notice.notice01 .img05{
  padding:0;
  margin:0 0 37px 45px;
}
#notice.notice01 .img06{
  padding:0 0 45px;
  margin:0 0 0 40px;
}

#notice.notice02 {
  background: url(../img/notice02/bg.jpg) no-repeat 50% 0%;
}
#notice.notice02 .img01{
  padding:69px 0 0 0;
  margin:0 0 20px 40px;
}
#notice.notice02 .img02{
  margin:0 0 10px 40px;
}
#notice.notice02 .imgBox{
  padding:0;
  margin:0 0 69px 48px;
}
#notice.notice02 .img03{
  padding:0;
  margin:0 15px 0 0;
  float:left;
}
#notice.notice02 .img04{
  padding:0;
  margin:0;
  float:left;
}
#notice.notice02 .img05{
  padding:0;
  margin:63px 0 0 0;
  float:left;
}
#notice.notice02 .img06{
  margin:0 0 50px 40px;
}
#notice.notice02 .img07{
  margin:0 0 0 40px;
}
#notice.notice02 .img08{
  margin:0 0 0 40px;
}



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

#container #subnav.reach ul {
  width:648px;
}
#reach {
  width:100%;
  margin:0;
  padding:0;
}

#reach.reach01 {
  background: url(../img/reach01/bg.jpg) no-repeat 50% 0%;
  height:1074px;
}
#reach.reach02 {
  background: url(../img/reach02/bg.jpg) no-repeat 50% 0%;
}
#reach.reach03 {
  background: url(../img/reach03/bg.jpg) no-repeat 50% 0%;
}

#reach.reach01 .img01{
  padding:69px 0 0 0;
  margin:0 0 34px 40px;
}
#reach.reach01 .imgBox01{
  margin:0 0 73px 40px;
}
#reach.reach01 .img02{
  margin:0 29px 17px 0;
  float:left;
}
#reach.reach01 .img03{
  margin:0 29px 17px 0;
  float:left;
}
#reach.reach01 .img04{
  margin:0 26px 17px 0;
  float:left;
}
#reach.reach01 .img05{
  margin:0 0 17px 0;
  float:left;
}
#reach.reach01 .img06{
  margin:0 29px 0 0;
  float:left;
}
#reach.reach01 .img07{
  margin:0 0 0 0;
  float:left;
}
#reach.reach01 .img08{
  margin:0 0 44px 40px;
}
#reach.reach01 .imgBox02{
  margin:0 0 45px 40px;
}
#reach.reach01 .img09{
  margin:0 20px 0 0;
  float:left;
}
#reach.reach01 .img10{
  margin:0 8px 0 0;
  float:left;
}
#reach.reach01 .img11{
  margin:0;
  float:left;
}

#reach.reach02 .img01{
  padding:69px 0 0 0;
  margin:0 0 5px 40px;
}
#reach.reach02 .img02{
  margin:0;
}

#reach.reach03 .img01{
  padding:69px 0 0 0;
  margin:0 0 27px 40px;
}
#reach.reach03 .img02{
  margin:0 0 0 5px;
}



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

#container #subnav.mode ul {
  width:648px;
}
#reach {
  width:100%;
  margin:0;
  padding:0;
}

#mode.mode01 {
  background: url(../img/mode01/bg.jpg) no-repeat 50% 0%;
}
#mode.mode02 {
  background: url(../img/mode02/bg.jpg) no-repeat 50% 0%;
}
#mode.mode03 {
  background: url(../img/mode03/bg.jpg) no-repeat 50% 0%;
}

#mode.mode01 .img01{
  padding:47px 0 0 0;
  margin:0;
}
#mode.mode01 .img02{
  padding:0 0 50px;
}

#mode.mode02 .img01{
  padding:0 0 47px;
  margin:0;
}

#mode.mode03 .img01{
  padding:0;
  margin:0;
  width:1100px;
  height:927px;
  text-indent:-9999px;
}



/* ----------------------------------------------------
	#other
---------------------------------------------------- */

#container #subnav.other ul {
  width:427px;
}
#other {
  width:100%;
  margin:0 auto;
  padding:0;
}

#other.other01 {
  background: url(../img/other01/bg.jpg) no-repeat 50% 0%;
  height:668px;
}
#other.other02 {
  background: url(../img/other02/bg.jpg) no-repeat 50% 0%;
  height:668px;
}

#other.other01 .img01{
  padding:75px 0 0 50px;
  margin:0;
}
#other.other01 .img02{
  padding:0 0 0 50px;
  margin:0;
}
#other.other01 .img03{
  padding:0 0 0 50px;
  margin:0;
}

#other.other02 .img01{
  padding:66px 0 0 214px;
  margin:0;
}
#other.other02 .img02{
  padding:0 0 0 120px;
  margin:0;
}

/* ----------------------------------------------------
	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-color: rgba(255,255,255,0.8);
	font-size: 14px;
	position: absolute;
    right: 0;
    top: 542px;
	border:2px solid #939393;
	z-index:10000;
width:330px;
}
.search_shoplist div {
	position: relative;
}
.search_shoplist h3 {
	background: #054ead;
	color: #fff;
	margin: 0;
	padding: 0.1em;
	text-align: center;
	letter-spacing: 0.1em;
}
.search_shoplist select {
	font-size: 12px;
	padding: 1px;
	float: left;
	margin-right: 10px;
  max-width: 322px;
}
.search_shoplist p.kisyu ,.search_shoplist p.prefectures {
	margin:2px;
	padding: 0;
	font-weight: bold;
	float: left;
color:#000;
}
.search_shoplist .clearfix {
	padding: 3px;
	width: auto;
}
.search_shoplist .clearfix:after {
	content: "";
	clear: both;
	display: block;
}
.search_shoplist .btnSubmit {
	border: none;
	background: #0d69b6;
	padding: 0.5em;
	margin: -2px 0 0 15px;
	display: block;
	width: 6em;
	color: #fff;
	border-radius: 2em;
}
.search_shoplist .btnSubmit:hover {
	opacity: 0.5;
	cursor: pointer;
}
/* search_shoplist  template --end*/