#main h1.topImg{
margin:0;
padding:10px 0 0;
height:auto;
background:transparent;
color:#333333;
}

#main h1.topImg img{
display:block;
margin:0 auto;
width:100%;
max-width:600px;
-webkit-border-radius:4px;
border-radius:2px;
-webkit-box-shadow:0 2px 3px rgba(0,0,0,0.3);
box-shadow:0 2px 3px rgba(0,0,0,0.3);
}

#main .phone{
margin-bottom:10px;
}

#main h2{
clear:both;
padding: 0;
height: 35px;
background:#ef6666 -moz-linear-gradient(top, #2F517D 0%, #528DD9 20%, #5B9BF0 30%, #61A5FF 40%);
background:#ef6666 -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2F517D), color-stop(20%,#528DD9), color-stop(30%,#5B9BF0), color-stop(40%,#61A5FF));
color:#ffffff;
-moz-box-shadow:inset 0 -1px 1px rgba(255,255,255,0.6),inset 0 2px 4px rgba(64,32,64,0.3),0 -1px 0 #ffffff;
-webkit-box-shadow:inset 0 -1px 1px rgba(255,255,255,0.6),inset 0 2px 4px rgba(64,32,64,0.3),0 -1px 0 #ffffff;
box-shadow:inset 0 -1px 1px rgba(255,255,255,0.6),inset 0 2px 4px rgba(64,32,64,0.3),0 -1px 0 #ffffff;
border: medium none;
color:#ffffff;
font-size: 13px;
line-height: 35px;
text-shadow:0px 1px 1px #19395C;
text-align:center;
}

#main h2 a[href*='#top']{
top:6px;
}

#main h3{
margin: 10px auto;
width: 65%;
height: 25px;
background: #eeeeee;
-moz-border-radius:13px;
-webkit-border-radius:13px;
border-radius:13px;
color:#666666;
font-size: 12px;
line-height: 25px;
text-align: center;
}

#main h4{
font-size:1.2em;
}

#main .jump{
padding-top:0;
}

#syukkin h2 span{
position:absolute;
right:10px;
top:-11px;
width:50px;
height:42px;
padding-top:8px;
margin:0;
font-size: 15px;
text-indent:0;
-moz-border-radius:28px;
-webkit-border-radius:28px;
border-radius:28px;
text-align:center;
color:#ffffff;
border:3px solid #ffffff;
-moz-box-shadow:0 0 3px #666;
-webkit-box-shadow:0 0 3px #666;
background: 0 0 rgba(0, 56, 168, 0.7);
z-index:25;
line-height:18px;
-webkit-transform:rotate(-10deg);
-moz-transform:rotate(-10deg);
transform:rotate(-10deg);
}

#syukkin .imgbox p{
padding:0 10px;
line-height:1.6;
}

#syukkin dl{
position:relative;
width:25%;
margin:0 0 10px;
float:left;
text-align:center;
}

#syukkin dl:nth-of-type(1),#syukkin dl:nth-of-type(2),#syukkin dl:nth-of-type(3),#syukkin dl:nth-of-type(4){
margin:10px 0;
}

#syukkin dl dd{
font-size:11px;
}

#syukkin dl.am dd{
color:#ff0099;
}

#syukkin dl.pm dd{
color:#000099;
}

#syukkin dl dd:nth-child(2){
color:#3D74FF;
font-weight:bold;
}

#syukkin dl .new{
position:absolute;
top:-4px;
right:2px;
padding:2px 4px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
background:#ee0000;
color:#ffffff !important;
font-size:9px;
font-weight:bold;
}

#syukkin dl img{
width:60px;
height:80px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
border:2px solid #eeeeee;
}

#syukkin .more{
clear:both;
}

#syukkin #events{
padding:0 0 5px;
}

#events section{
position:relative;
padding:5px 5px 5px 170px;
min-height:90px;
border-bottom:1px dashed #efefef;
font-size:10px;
}

#events section:last-of-type{
border:none;
}

#events section h4{
background:none;
border:none;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}

#events section p{
margin:0;padding:0;
font-size:9px;
}

#events section p.detail{
color:#ee0000;
}

#events section p.detail::before{
content:'��';
font-size:11px;
}

#events section img{
position:absolute;
top:5px;
left:5px;
width:150px;
}

#newcomer h2:after{
content:'';
position:absolute;
top:4px;right:2%;
width:42px;height:42px;
background:url('/ipn/images/common/newcomer.png') no-repeat 0 0;
-moz-background-size:42px 42px;
-webkit-background-size:42px 42px;
background-size:42px 42px;
z-index:55;
-moz-opacity:0.8;
-webkit-opacity:0.8;
opacity:0.8;
}

.container{
position:relative;
width:100%;
padding:5px 0;
overflow:hidden;
white-space: nowrap;
}

.container .containerInner{
width:1000%;
height:66px;
}

.container .item{
display:block;
float:left;
width:300px;
}

.container .item li{
display:inline-block;
margin:0;
padding:5px 0;
width:24%;
white-space: wrap;
font-size:9px;
text-align:center;
}

.container .item li img{
display:block;
margin:0 auto 5px;
width:60px;
height:80px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
border:2px solid #eeeeee;
}

.container .item li span{
display:block;
margin:0 auto;
}

.container .item li span:first-of-type{
margin-bottom:3px;
}

.container .item li span.debut{
padding-top:3px;
width:62px;
border-top:2px dotted #dddddd;
font-size:8px;
}

.container .item li span.debut em {
font-size:9px;
}

.arrows{
margin:0;padding:0 10px;
background:-moz-linear-gradient(top, #cccccc 0%, #ffffff 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#cccccc), color-stop(100%,#ffffff));
text-align:center;
}

.arrows .prev,.arrows .next{
display:inline-block;
padding:2px 0;
text-shadow:0 1px 0 rgba(255,255,255,0.4);
font-size:10px;
}

.arrows .prev a,.arrows .next a{
display:inline-block;
margin:4px 0 0;
padding:0 6px;
color:rgba(0,0,0,0.5);
line-height:30px;
}

.arrows .prev a:before,.arrows .next a:after{
content:'��';
display:inline-block;
margin:0 2px;
width:30px;
height:30px;
-moz-border-radius:15px;
-webkit-border-radius:15px;
border-radius:15px;
-moz-box-shadow:inset 0 0 1px rgba(255,255,255,0.5);
-webkit-box-shadow:inset 0 0 1px rgba(255,255,255,0.5);
box-shadow:inset 0 0 1px rgba(255,255,255,0.5);
text-shadow:none;
font-size:14px;
text-align:center;
}

.arrows .prev{
float:left;
text-align:left;
}

.arrows .prev a:before{
-webkit-transform:rotate(-90deg);
-moz-transform:rotate(-90deg);
transform:rotate(-90deg);
background: -moz-linear-gradient(left, #eeeeee 0%, #999999 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#eeeeee), color-stop(100%,#999999));
background: -webkit-linear-gradient(left, #eeeeee 0%,#999999 100%);
}

.arrows .next{
float:right;
text-align:right;
}

.arrows .next a:after{
-webkit-transform:rotate(90deg);
-moz-transform:rotate(90deg);
transform:rotate(90deg);
background: -moz-linear-gradient(left, #999999 0%, #eeeeee 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#999999), color-stop(100%,#eeeeee));
background: -webkit-linear-gradient(left, #999999 0%,#eeeeee 100%);
}

.arrows .off{
opacity:0.3;
}

.arrows .jump{
clear:both;
margin-left:-10px;
margin-right:-10px;
}

.arrows .newfaceNav{
display:inline-block;
padding:10px 1%;
width:40%;
min-width:5em;
background:#ffffff;
-moz-border-radius:0 0 24px 24px;
-webkit-border-radius:0 0 24px 24px;
border-radius:0 0 24px 24px;
text-align:center;
}

.arrows .newfaceNav li{
display:inline;
}
.arrows .newfaceNav li.selected a{
color:#B6C7ED;
}

#news{
width:100%;
overflow:hidden;
}

#news article{
position:relative;
padding:8px 10px;
border-bottom:1px dashed #efefef;
}

#news article:last-of-type{
border:none;
}

#news article:before,#news article:after{
content:'';
}

#news article:after{
display:table;
clear:both;
}

#news article h3{
margin:0 10px 0 0;
width:56px;
height:20px;
float:left;
overflow:hidden;
background:#B6C7ED;
-webkit-border-radius:10px;
border-radius:10px;
font-size:10px;
line-height:20px;
text-align:center;
color:#ffffff;
font-weight:normal;
}

#news article h3 a{
color:#ffffff;
}

#news article p{
margin:0;padding:0;
width:auto;
line-height: 20px;
overflow:hidden;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
white-space: nowrap;
}

#news article p .newface{
width:14px;
height:14px;
}

#news .more,#newcomer .jump,#events .more{
padding-top:10px;
}

#system .system table{
margin:0 0 5px;
width:100%;
}

#system .system th,#system .system td{
padding:3px;
border:1px solid #F3EEDC;
text-align:center;
}

#system .system th{
background:#f8f5f2;
color:#ff0066;
font-size:10px;
font-weight:normal;
}

#system .system td{
font-size:9px;
font-weight:bold;
}

#system .system td em{
font-style:normal;
font-size:12px;
}

#system table small{
color:#ee0000;
}

#system .helper img {
  float: left;
  margin-right: 5px;
  position: relative;
  top: 3px;
  width: 30px;
  height: 30px;
}

#system .guidance h4,#system .system h4{
margin:5px 10px;
font-size:1em;
font-weight:bold;
}

#system .guidance h4:before,#system .system h4:before{
content:'��';
color:#ee0000;
font-weight:normal;
}

#system .guidance em{
color:#ff0000;
font-style:normal;
}

#system .guidance strong{
font-weight:bold;
}

#system .guidance strong strong{
font-size:larger;
}

#system .guidance span{
font-weight:normal;
}

#system .guidance small{
font-size:1em;
}

#system p:not(.more),#system p:not(.jump){
margin:0 10px 10px;
padding:0;
line-height:1.4;
}

#system .guidance p.caution{
padding:5px;
background:#efefef;
-webkit-border-radius:2px;
border-radius:2px;
border:1px solid #cccccc;
}

#system section.view ul{
display:block;
margin:0 10px 10px;
text-align:center;
}

#system section.view li{
display:inline-block;
width:25%;
}

#system section.view li img{
display:block;
margin:0 auto;
width:50px;
height:50px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
border:2px solid #cccccc;
}

.shopimg{
display:block;
margin:0 auto;
width:95%;
max-width:485px;
}

#system p em{
color:#ff0000;
font-style:normal;
}

#ekichika {
}

@media (max-width:299px) {
.shopNavi {
  padding-top:30px;
}
}

@media (min-width:300px) {
.shopNavi {
  padding-top:35px;
}
}

@media (min-width:350px) {
.shopNavi {
  padding-top:40px;
}
}

@media (min-width:400px) {
.shopNavi {
  padding-top:45px;
}
}

@media (min-width:450px) {
.shopNavi {
  padding-top:50px;
}
}

@media (min-width:500px) {
.shopNavi {
  padding-top:55px;
}
}

@media (min-width:550px) {
.shopNavi {
  padding-top:60px;
}
}

@media (min-width:600px) {
.shopNavi {
  padding-top:65px;
}
}

@media (min-width:650px) {
.shopNavi {
  padding-top:70px;
}
}

@media (min-width:700px) {
.shopNavi {
  padding-top:75px;
}
}

@media (min-width:750px) {
.shopNavi {
  padding-top:80px;
}
}

@media (min-width:800px) {
.shopNavi {
  padding-top:85px;
}
}

@media (min-width:850px) {
.shopNavi {
  padding-top:90px;
}
}

@media (min-width:900px) {
.shopNavi {
  padding-top:95px;
}
}

@media (min-width:950px) {
.shopNavi {
  padding-top:100px;
}
}

@media (min-width:1000px) {
.shopNavi {
  padding-top:105px;
}
}

@media (min-width:1050px) {
.shopNavi {
  padding-top:110px;
}
}

@media (min-width:1100px) {
.shopNavi {
  padding-top:115px;
}
}

@media (min-width:1150px) {
.shopNavi {
  padding-top:120px;
}
}