@charset "shift-jis";

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

html,
body {
    font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", メイリオ, sans-serif;
    background: #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%;
  background: url(../img/share/bg_header.jpg) repeat-x 50% 0%;
  z-index:100;
  position:absolute;
  top:0;
  left:0;
  background-color: #fff;
}
#header #header_in{
  width:100%;
  background:url(../img/share/bg_ko.gif) repeat-x left bottom;
  padding:0 0 23px 0;
}
#header .inner {
  margin: 0 auto;
  width:1100px;
  height:97px;
  position: relative;
  background:url(../img/share/bg_p.png) no-repeat center top;
}
#header #logo{
  position: absolute;
  top:0px;
  left:0px;
  padding:0;
  margin:0;
  z-index:1;
}
#header #daiichi{
  position: absolute;
  top:6px;
  right:0px;
  padding:0;
  margin:0;
}

#header #gnav{
  position: absolute;
  top: 28px;
  left: 225px;
  margin:0;
  z-index:2;
  padding:0;
}
#header #gnav li{
  float:left;
  margin:0 4px 0 0;
  padding:0;
}



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

#footer {
  width:100%;
  margin:0 0 0;
  background: url(../img/share/bg_footer.jpg) repeat-x 50% 0%;
}
#footer #footer_in{
  width:100%;
  background:url(../img/share/bg_footer_line.gif) repeat-x 0 0;
  position: relative;
  z-index:100;
}
#footer .inner {
  width:1100px;
  margin:0 auto;
  text-align:center;
}
#footer .copyright {
  margin:0;
  padding:40px 0 40px;
  color:#FFFFFF;
}



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

#container #subnav {
  width:100%;
  height:56px;
  background:url(../img/share/bg03.gif) repeat-x 0 0;
  position: absolute;
  top:120px;
  left:0;
  z-index:10;
}
#container #subnav ul {
  margin:5px 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:120px 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:755px;
  margin:0;
  padding:0;
  background: url(../img/top/bg.jpg) no-repeat 50% 0%;
 
}
#top .logo {
  width:436px;
  height:359px;
  margin:0;
  padding:0;
  position: absolute;
  top:34px;
  left:-102px;
  z-index:30;
  filter:alpha(opacity=0); -moz-opacity: 0.0; opacity: 0.0;
}
#top .catch {
  width:38px;
  height:324px;
  margin:0;
  padding:0;
  position: absolute;
  top:36px;
  left:1148px;
  z-index:30;
  filter:alpha(opacity=0); -moz-opacity: 0.0; opacity: 0.0;
}
#top .mantitle {
  width:480px;
  height:196px;
  margin:0;
  padding:0;
  position: absolute;
  top:257px;
  left:541px;
  z-index:30;
  filter:alpha(opacity=0); -moz-opacity: 0.0; opacity: 0.0;
}
#top .manfilm {
  width:985px;
  height:394px;
  margin:0;
  padding:0;
  position: absolute;
  top:239px;
  left:199px;
  z-index:30;
  filter:alpha(opacity=0); -moz-opacity: 0.0; opacity: 0.0;
}
#top .manmovie {
  width:262px;
  margin:0;
  padding:0;
  position: absolute;
  top:411px;
  left:31px;
  z-index:30;
  filter:alpha(opacity=0); -moz-opacity: 0.0; opacity: 0.0;
  border:5px solid #fff100;
}
#top .manmovie .manmovie_in {
	position:relative;
	height:153px;
}
#top .manmovie .manmovie_in video {
	position:absolute;
	top:0px;
	left:0px;
}
#top .manmovie .manmovie_in .onplay {
	position:absolute;
	top:0px;
	left:0px;
}

#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;
}
.sweetver{
  position: absolute;
  top:570px;
  right:0px;
  z-index: 500 ;
}

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



/* ----------------------------------------------------
	#spec
---------------------------------------------------- */

/* ローカルナビ */
#container #subnav.specbtn ul {
  width:390px;
}

#spec {
  width:100%;
  margin:0;
  padding:0;
}
#spec.spec01 {
  height:1150px;
  background: url(../img/share/bg02.jpg) no-repeat 50% 56px;
}
#spec.spec01 .inner {
  height:1150px;
  background: url(../img/share/bg_chara.png) no-repeat 50% 56px;
}

#spec.spec01 .title01{
  position: absolute;
  top:103px;
  left:70px;
}
#spec.spec01 .kyotai{
  position: absolute;
  top:212px;
  left:64px;
}
#spec.spec01 .specimg{
  position: absolute;
  top:158px;
  left:461px;
}
#spec .searchBg{
  position: absolute;
  top:484px;
  left:434px;
  width:567px;
  height:80px;
  background: url(../img/spec01/bg_btn.png) no-repeat 0% 0%;
}

#spec .btnbox{
  width:571px;
  height:132px;
  background:url(../img/spec01/info199_09.png) no-repeat 0 0;
}
#spec .btnbox2{
  width:571px;
  height:132px;
  background:url(../img/spec02/info399_09.png) no-repeat 0 0;
}
#spec .btnbox3{
  width:571px;
  height:132px;
  background:url(../img/spec03/info129_08.png) no-repeat 0 0;
}
#spec .btnbox .btn,
#spec .btnbox2 .btn,
#spec .btnbox3 .btn{
	display:block;
	width:100%;
	margin:0;
	padding:0 0 0 0;
	text-align:center;
}



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

#point.point01 {
  height:903px;
  background: url(../img/point01/bg.jpg) no-repeat 50% 0%;
}
#point.point02 {
  height:903px;
  background: url(../img/point02/bg.jpg) no-repeat 50% 0%;
}
#point.point03 {
  height:903px;
  background: url(../img/point03/bg.jpg) no-repeat 50% 0%;
}
#point.point01 .inner p,
#point.point02 .inner p,
#point.point03 .inner p {
  text-indent:-9999px;
}



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

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

#flow {
  height:850px;
  background: url(../img/flow01/bg.jpg) no-repeat 50% 0%;
}
#flow #flow_in{
  height:850px;
  background:url(../img/flow01/bg_film.png) no-repeat 50% 0%;
}
#flow .imgtitle{
  position: absolute;
  top:48px;
  left:62px;
}
#flow .img01{
  position: absolute;
  top:155px;
  left:62px;
}
#flow .img02{
  position: absolute;
  top:0px;
  left:535px;
}



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

#notice.notice01 {
  background: url(../img/notice01/bg.jpg) no-repeat 50% 0%;
  background-color:#00175c;
}
#notice.notice01 #notice_in{
  background:url(../img/notice01/bg_film.png) no-repeat 45% 0%;
  height:1525px;
}
#notice.notice01 .img_chara{
	position:absolute;
	left:702px;
	top:0px;
}
#notice.notice01 .imgtitle{
	position:absolute;
	left:62px;
	top:40px;
}
#notice.notice01 .img01{
	position:absolute;
	left:50px;
	top:97px;
}
#notice.notice01 .img02{
	position:absolute;
	left:50px;
	top:543px;
}
#notice.notice01 .img03{
	position:absolute;
	left:50px;
	top:861px;
}
#notice.notice01 .img04{
	position:absolute;
	left:50px;
	top:1159px;
}

#notice.notice02 {
  background: url(../img/notice01/bg.jpg) no-repeat 50% 0%;
  background-color:#00175c;
}
#notice.notice02 #notice_in{
  background:url(../img/notice01/bg_film.png) no-repeat 45% 0%;
  height:1700px;
}
#notice.notice02 .img_chara{
	position:absolute;
	left:702px;
	top:0px;
}
#notice.notice02 .imgtitle{
	position:absolute;
	left:62px;
	top:40px;
}
#notice.notice02 .img01{
	position:absolute;
	left:0px;
	top:144px;
}
#notice.notice02 .img02{
	position:absolute;
	left:0px;
	top:659px;
}
#notice.notice02 .img03{
	position:absolute;
	left:0px;
	top:925px;
}
#notice.notice02 .img04{
	position:absolute;
	left:0px;
	top:1244px;
}
#notice.notice02 .img05{
	position:absolute;
	left:0px;
	top:1548px;
}



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

#container #subnav.reach ul {
  width:300px;
  padding:2px 0 0 0;
}
#reach {
  width:100%;
  margin:56px 0 0 0;
  padding:0;
}
#reach.reach01 {
  background: url(../img/reach01/bg.jpg) no-repeat 50% 0%;
  background-color:#a04300;
  height:1525px;
}
#reach.reach01 #reach_in{
  background:url(../img/reach01/bg_film.png) no-repeat 40% 0%;
  height:1525px;
}
#reach.reach01 .img_chara{
	position:absolute;
	left:790px;
	top:0px;
}
#reach.reach01 .imgtitle{
	position:absolute;
	left:66px;
	top:37px;
}
#reach.reach01 .img01{
	position:absolute;
	left:66px;
	top:124px;
}
#reach.reach01 .img02{
	position:absolute;
	left:66px;
	top:497px;
}

#reach.reach02 {
  background: url(../img/reach02/bg.jpg) no-repeat 50% 0%;
  background-color:#a04300;
}
#reach.reach02 #reach_in{
  background:url(../img/reach01/bg_film.png) no-repeat 40% 0%;
  height:1525px;
}
#reach.reach02 .img_chara{
	position:absolute;
	left:800px;
	top:0px;
}
#reach.reach02 .imgtitle{
	position:absolute;
	left:66px;
	top:37px;
}
#reach.reach02 .img01{
	position:absolute;
	left:50px;
	top:133px;
}
#reach.reach02 .img02{
	position:absolute;
	left:50px;
	top:802px;
}



/* ----------------------------------------------------
	#rush
---------------------------------------------------- */
#rush {
  width:100%;
  margin:0 0 0 0;
  padding:0;
}

#rush.rush01 {
  height:890px;
  background: url(../img/rush01/bg.jpg) no-repeat 50% 0%;
}
#rush.rush01 .inner p{
  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) repeat-x 50% 0%;
  height:1315px;
}

#other.other01 p.img01{
	display:block;
	text-align:center;
	padding:0 0 0 0;
	margin:0;
}
#other.other01 p.img02{
	display:block;
	text-align:center;
	padding:0 0 0 0;
	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: 24%;
top:630px;
border:2px solid #fff100;
z-index:500;
}
.search_shoplist div {
	position: relative;
}
.search_shoplist h3 {
	background: #000;
	color: #fff;
	margin: 0;
	padding: 0.2em;
	text-align: center;
	letter-spacing: 0.1em;
}
.search_shoplist select {
	font-size: 12px;
	padding: 3px;
	float: left;
	margin-right: 10px;
}
.search_shoplist p.kisyu ,.search_shoplist p.prefectures {
	margin:3px;
	padding: 0;
	font-weight: bold;
	float: left;
color:#000;
}
.search_shoplist .clearfix {
	padding: 5px;
	width: auto;
}
.search_shoplist .clearfix:after {
	content: "";
	clear: both;
	display: block;
}
.search_shoplist .btnSubmit {
	border: none;
	background: #d8201d;
	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*/