@charset "shift-jis";

/* --------- RESET --------- */

body,div,dl,dt,dd,ul,ol,li,p,
h1,h2,h3,h4,h5,h6,
th,
td,
pre,
code,
blockquote,
form,fieldset,legend,input,textarea {
margin:0;
padding:0;
}

table {
border-collapse:collapse;
border-spacing:0;
}

fieldset,img {border:0;}

address,caption,cite,code,dfn,em,th,var {
font-style:normal;
font-weight:normal;
}

li {list-style:none;}

caption,th {text-align:left;}

h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:normal;
}

q:before,q:after {content:'';}

abbr,acronym {
border:0;
font-variant:normal;
}

sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}

input,textarea,select {
font-family:inherit;
font-size:inherit;
font-weight:inherit;
}

input,textarea,select {*font-size:100%;}

legend {color:#000;}
hr {display:none;}
img {vertical-align:bottom;}


/* --------- FONT --------- */

body {
font:13px/1.231 "ƒƒCƒŠƒI",arial,helvetica,clean,sans-serif;
*font-size:small;
*font:x-small;
}

select,
input,
button,
textarea {
font:99% "ƒƒCƒŠƒI",arial,helvetica,clean,sans-serif;
}

table {
font-size:inherit;
font:100%;
border-collapse:collapse;/*+*/
border-spacing:0;/*+*/
}

pre,
code,
kbd,
samp,
tt {
font-family:monospace;
*font-size:108%;
line-height:100%;
}

/*DEFAULT 13px*/
/* *7.7 */
.text10 { font-size:77%;}
.text11 { font-size:85%;}
.text12 { font-size:93%;}
.text13 { font-size:100%;}
.text14 { font-size:108%;}
.text15 { font-size:116%;}
.text16 { font-size:123.1%;}
.text17 { font-size:131%;}
.text18 { font-size:138.5%;}
.text19 { font-size:146.5%;}
.text20 { font-size:153.9%;}
.text21 { font-size:161.6%;}
.text22 { font-size:167%;}
.text23 { font-size:174%;}
.text24 { font-size:182%;}
.text25 { font-size:189%;}
.text26 { font-size:197%;}



/* --------- FLASH --------- */
.FlaInfo {
width:100%;
background-color:#FFFFFF;
border:solid 1px #FF0000;
}
.FlaInfo p {
color:#333333;
margin:4px;
display:block;
}
.FlaInfo a {
color:#333333;
text-decoration:underline;
}


/* --------- MODULE --------- */

/*  clearfix  */
.clearfix:before,
.clearfix:after {content:"";display:table;}
.clearfix:after {clear:both;}
.clearfix {zoom:1;}


/*  hide-object  */
.hide {
display:block;
width:0;
height:0;
overflow:hidden;
}
/* --------- /MODULE --------- */


/* -------------------------
01 BASE
02 HEADER
03 FOOTER
04 NAVIGATION
05 CONTENTS
 ‡˜TOP
 ‡˜SUB
------------------------- */


/* ------------------------- 01 BASE ------------------------- */
body {
	color:#000000;
	background-color:#000000;
}

a {
	color:#000000;
	text-decoration:underline;
	/*outline:none;*//*chrome˜gόΑ‹Ž*/
}
a:link {
}
a:visited {
}
a:hover {
	
}
a:active {
}

a.active,
a.soon {
	cursor:default;
	outline:none;
}


/* ------------------------- 02 HEADER ------------------------- */
#headerWrap {
	width:100%;
	height:77px;
	background-image:url(../img/top_head.jpg);
	background-position:center top;
	background-repeat:repeat-x;
	position:fixed;
	top:0;
	z-index:999;
}
#header {
	width:980px;
	margin:0 auto;
}

h1 {
	float:left;
}
h1 a {
	width:155px;
	height:77px;
	display:block;
	background-image:url(../img/top_head_logo.png);
}

h2 {
	float:right;
}
h2 a {
	width:126px;
	height:77px;
	display:block;
	background-image:url(../img/top_head_Daiichi.png)
}


/* ------------------------- 03 FOOTER ------------------------- */
#footerWrap {
	width:100%;
	height:66px;
	background-image:url(../img/footer_bg.jpg);
	background-position:center top;
}
#footer {
	width:980px;
	margin:0 auto;
	position:relative;
}
#footer #copyright {
	width:136px;
	height:25px;
	position:absolute;
	top:26px;
	left:422px;
	background-image:url(../img/copyright.jpg);
}

#footer #danime {
position: absolute;
left: 700px;
z-index: 1;
}

/* ------------------------- 04 NAVIGATION ------------------------- */
#navWrap {
	width:100%;
	height:57px;
	background-image:url(../img/top_nav_bg.jpg);
	background-position:center top;
	background-repeat:repeat-x;
	position:fixed;
	top:77px;
	z-index:999;
}
#nav {
	width:980px;
	margin:0 auto;
	padding:12px 0 0 20px;
}
#nav li {
	float:left;
	margin-right:25px;
}

#nav li a {
	height:30px;
	display:block;
}
#nav li a:hover,
#nav li a.active {
	background-position:0 bottom;
}

#nav li.nav1 a {
	width:174px;
	background-image:url(../img/nav1.png);
}
#nav li.nav2 a {
	width:89px;
	background-image:url(../img/nav2.png);
}
#nav li.nav3 a {
	width:61px;
	background-image:url(../img/nav3.png);
}
#nav li.nav4 a {
	width:124px;
	background-image:url(../img/nav4.png);
}
#nav li.nav5 a {
	width:55px;
	background-image:url(../img/nav5.png);
}
#nav li.nav6 a {
	width:66px;
	background-image:url(../img/nav6.png);
}
#nav li.nav7 a {
	width:196px;
	background-image:url(../img/nav7.png);
}
#nav li.nav8 a {
	width:40px;
	background-image:url(../img/nav8.png);
}
#nav li.end {
	margin:0;
}


/* ------------------------- 05 CONTENTS ------------------------- */
#container {
	margin-top:134px;
}
#contents {
	width:1279px;
	margin:0 auto;
	position:relative;
}

#contents_nav {
	width:965px;
	margin:0 auto;
	padding-top:27px;
}

#contents_nav ul {
}
	
#contents_nav li {
	float:right;
}



/* ------------------------- 05 TOP - [CONTENTS] ------------------------- */
.top {
}
.top #container  {
	width:100%;
	height:680px;
	background-image:url(../img/top_bg.jpg);
	background-repeat:no-repeat;
	background-position:center top;
}
.top #shadowWrap {
	width:100%;
	height:680px;
	background-image:url(../img/top_shadow.png);
	background-repeat:no-repeat;
	background-position:center top;
	position:absolute;
	top:134px;
	z-index:2;
}
.top .charaWrap {
	/*background-image:url(../img/top_chara.png);
	background-repeat:no-repeat;
	background-position:center top;*/
	position: absolute;
	width: 439px;
	height: 558px;
	opacity:0;
}
.top #charaWrap1 {
	top: 26px;
	left: 247px;
	z-index: 3;
}
.top #charaWrap2 {
	top: 165px;
	left: 24px;
	z-index: 2;
}
.top #charaWrap3 {
	top: 101px;
	left: 567px;
	z-index: 1;
}
.top #contentsWrap {
	width:100%;
	height:680px;
	position:absolute;
	top:134px;
	z-index:3;
	overflow:hidden;
}
.top #contents {
	width:980px;
	height:680px;
	margin:0 auto;
	position:relative;
}

.top #tenkaichi {
	position:absolute;
	top:-232px;
	right:10px;
	z-index: 10;
	opacity:0;
}
.top #logo {
	position:absolute;
	top:358px;
	left:0px;
	z-index: 10;
	opacity:0;
}
.top #catch {
	position:absolute;
	bottom:9px;
	right:9px;
	z-index: 10;
	opacity:0;
}

.top #info {
	width:410px;
	height:62px;
	color:#fff;
	background-image:url(../img/top_info_bg.png);
	position:absolute;
	bottom:31px;
	left:9px;
	z-index: 10;
	opacity:0;
}
.top #info ul {
	margin:12px 0 0 0;
}
.top #info a {
	color:#FFF;
}

.top #newspec {
	position:absolute;
	top:0px;
	left:-80px;
	opacity:0;
	z-index: 10;
}


/* ------------------------- 06 ABOUT - [CONTENTS] ------------------------- */
.about {
}
.about #container  {
	width:100%;
	height:1246px;
	background-image:url(../img/about_bg.jpg);
	background-repeat:no-repeat;
	background-position:center top;
}


/* ------------------------- 07 SPEC - [CONTENTS] ------------------------- */
.spec {
}
.spec #container  {
	width:100%;
	height:1696px;
	background-image:url(../img/spec_red.jpg);
	background-repeat:no-repeat;
	background-position:center top;
}

.spec #contents  {
	width:960px;
	height:1696px;
}

.spec #spec_red_btn  {
	width:282px;
	height:43px;
	position:absolute;
	top:27px;
	right:0px;
}

.spec #spec_btn01  {
	width:200px;
	height:43px;
	position:absolute;
	top:785px;
	left:875px;
}

.spec2 {
}
.spec2 #container  {
	width:100%;
	height:837px;
	background-image:url(../img/spec_2p.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	position:relative;
}

.spec2 #contents  {
	width:960px;
	height:1696px;
}

.spec2 #spec_blue_btn  {
	width:282px;
	height:43px;
	position:absolute;
	top:27px;
	right:0px;
}

.spec2 #spec_btn01  {
	width:200px;
	height:43px;
	position:absolute;
	top:785px;
	left:875px;
}

.spec3 {
}
.spec3 #container  {
	width:100%;
	height:837px;
	background-image:url(../img/spec_3p.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	position:relative;
}

.spec3 #contents  {
	width:960px;
	height:1696px;
}

.spec3 #spec_blue_btn  {
	width:282px;
	height:43px;
	position:absolute;
	top:27px;
	right:0px;
}

.spec3 #spec_btn01  {
	width:200px;
	height:43px;
	position:absolute;
	top:785px;
	left:875px;
}


/* ------------------------- 08 FEATURE - [CONTENTS] ------------------------- */
.feature {
}
.feature #container  {
	width:100%;
	height:916px;
	background-image:url(../img/feature.jpg);
	background-repeat:no-repeat;
	background-position:center top;
}

.feature2 #container  {
	width:100%;
	height:916px;
	background-image:url(../img/feature2.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	position:relative;
}

.feature #feature_btn  {
	width:384px;
	height:43px;
	position:absolute;
	top:27px;
	left:727px;
}

.feature2 #feature_btn2  {
	width:384px;
	height:43px;
	position:absolute;
	top:27px;
	left:727px;
}



/* ------------------------- 09 FLOW - [CONTENTS] ------------------------- */
.flow {
}
.flow #container  {
	width:100%;
	height:3180px;
	background-image:url(../img/flow_bg.jpg);
	background-repeat:no-repeat;
	background-position:center top;
}



/* ------------------------- 10 NOTICE - [CONTENTS] ------------------------- */
.notice {
}
.notice #container  {
	width:100%;
	height:2970px;
	background-image:url(../img/notice_bg.jpg);
	background-repeat:no-repeat;
	background-position:center top;
}


.notice2 {
}
.notice2 #container  {
	width:100%;
	height:1570px;
	background-image:url(../img/notice2_bg.jpg);
	background-repeat:no-repeat;
	background-position:center top;
}


.notice3 {
}
.notice3 #container  {
	width:100%;
	height:1592px;
	background-image:url(../img/notice3_bg.jpg);
	background-repeat:no-repeat;
	background-position:center top;
}



/* ------------------------- 11 REACH - [CONTENTS] ------------------------- */
.reach {
}
.reach #container  {
	width:100%;
	height:3036px;
	background-image:url(../img/reach_bg.jpg);
	background-repeat:no-repeat;
	background-position:center top;
}

.reach2 {
}
.reach2 #container  {
	width:100%;
	height:1615px;
	background-image:url(../img/reach2_bg.jpg);
	background-repeat:no-repeat;
	background-position:center top;
}


/* ------------------------- 12 MODE - [CONTENTS] ------------------------- */
.mode {
}
.mode #container  {
	width:100%;
	height:3046px;
	background-image:url(../img/mode_bg.jpg);
	background-repeat:no-repeat;
	background-position:center top;
}


/* ------------------------- 12 OTHER - [CONTENTS] ------------------------- */
.other {
}
.other #container  {
	width:100%;
	height:1299px;
	background-image:url(../img/other_bg.jpg);
	background-repeat:no-repeat;
	background-position:center top;
}


/* search_shoplist  template --start*/
.search_shoplist {
	background-color: rgba(255,255,255,0.8);
	font-size: 14px;
	border-radius: 23px;
	position:absolute;
left: -85px;
    top: 241px;
width:260px;
	box-shadow: 0px 0px 5px 0px #000;
}
.search_shoplist div{
position:relative;
}

.search_shoplist form {
	display: none;
}
.search_shoplist h3 {
background:url(../img/ttl_search_shoplist.png) center center;
	margin: 0;
	padding: 0.8em;
	border-radius: 20px;
	cursor: pointer;
overflow:hidden;
text-indent:150%;
white-space: nowrap;
}
.search_shoplist h3:hover {
	box-shadow: 0px 0px 20px 5px #000;
}
.search_shoplist h3.open {
	border-radius: 20px 20px 0 0;
	box-shadow: none;
}
.search_shoplist select {
	font-size: 12px;
	padding: 3px;
	width: 100%;
}
.search_shoplist p.kisyu, .search_shoplist p.prefectures {
	margin: 2px;
	padding: 0;
	font-weight: bold;
}
.search_shoplist .clearfix {
	padding: 5px;
width:auto;
}
.search_shoplist .clearfix:after {
	content: "";
	clear: both;
	display: block;
}
.search_shoplist .btnSubmit {
	border: none;
	background: #651c1e;
	padding: 0.7em;
	margin: 0.5em auto;
	display: block;
	width: 80%;
	color: #fff;
	border-radius: 2em;
}
.search_shoplist .btnSubmit:hover {
	opacity: 0.5;
	cursor: pointer;
}
/* search_shoplist  template --end*/