@import url("http://www.harenchi.co.jp/fukuoka/css/ipn/smartphone.css");

a:link,a:visited{
color:#3D74FF;
}

body{
color:#666666;
}

h1{
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;
text-shadow:0px 1px 1px #19395C;
}

.jump a{
background:-moz-linear-gradient(top, #73C1E6 0%, #2D67FA 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#73C1E6), color-stop(100%,#2D67FA));
border:1px solid #517feb;
-moz-box-shadow:inset 0 0 1px rgba(255,255,255,0.9),1px 2px 3px rgba(0,0,0,0.3);
-webkit-box-shadow:inset 0 0 1px rgba(255,255,255,0.9),1px 2px 3px rgba(0,0,0,0.3);
box-shadow:inset 0 0 1px rgba(255,255,255,0.9),1px 2px 3px rgba(0,0,0,0.3);
color:#ffffff;
text-shadow:0 1px 1px rgba(0,0,0,0.5);
}

a[rel*="thisUp"],a[rel*="thisDown"]{
/*background:-moz-linear-gradient(top, #99B6FF 0%, #3D71F5 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#99B6FF), color-stop(100%,#3D71F5));
*/}

a[rel*="prev"],a[rel*="next"]{
border-color:#99B6FF;
background:-moz-linear-gradient(center top, #008EE6 0%,#021DE6 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #008EE6),color-stop(1, #021DE6));
color:#ffffff;
}

.h1Btn{
text-shadow:0 1px 0 #021DE6;
border:1px solid #99B6FF;
background:-moz-linear-gradient(center top, #008EE6 0%,#021DE6 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #008EE6),color-stop(1, #021DE6));
-moz-box-shadow:inset 0px 0 1px #ffffff;
-webkit-box-shadow:inset 0px 0 1px #ffffff;
box-shadow:inset 0px 0 1px #ffffff;
color:#ffffff;
}

.h2Btn{
border:1px solid #99B6FF;
}

section h2{
background:#DEE8FF;
color:#555555;
text-shadow:0 1px 1px #BDC5D9;
border-bottom:1px solid #d8e1f7;
}

section h2 a[href="#top"]{
color:#ffffff;
background:rgba(189,208,258, 0.5);
text-shadow:0 1px 1px #6e85bd;
border:1px solid #c5d7ff;
top:6px;
}

.more a{
background:-moz-linear-gradient(center top, #f3eedc 100%, #f8f5f2 0%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(1, #f3eedc),color-stop(0, #f8f5f2));
border:1px solid #d8d3c6;
-moz-border-radius:2px;
-webkit-border-radius:2px;
color:#444444;
text-shadow:0 1px 0 #ffffff;
}

/*header*/
header p.toMap a::before,header p.toMail a::before,#menu li.home a::before,#menu li.search a::before,#tabThis li a::after,.return span,#supportMenu section div p a::after,#bbs .list .thread article::after,#bbs .list .arrow a::after,#sitemap li a::after,#events .intro h3 a::after{
background-image:url('/fukuoka/ipn/images/common/sprite.png');
}

#shopLinks .bbslink a:before,.harelist .shopList li a:after, #shopLinks h4:before, #up article h3:before, #sinjin div h3:before, #events div h2:before, #syukkin div h2:before{
  content:'';
  display:inline-block;
  width:16px;
  height:16px;
  background:url('http://www.harenchi.co.jp/fukuoka/ipn/images/top/shopIcon.png') no-repeat 0 0;
  -moz-background-size:32px 80px;
  -webkit-background-size:32px 80px;
  background-size:32px 80px;
  vertical-align:baseline;
}

#shopLinks .bbslink a:before,#shopLinks h4:before, #up article h3:before, #sinjin div h3:before, #events div h2:before, #syukkin div h2:before{
  width:13px;
  height:13px;
  -moz-background-size:26px 79px;
  -webkit-background-size:26px 79px;
  background-size:26px 79px;
}

#shopLinks .bbslink .maid a:before, #shopLinks .maid h4:before, #up article .maid:before, #sinjin div .maid:before, #events div .maid:before, #syukkin div .maid:before{
  background-position: -13px 0;
}

#shopLinks .bbslink .matto a:before, #shopLinks .matto h4:before, #up article .matto:before, #sinjin div .matto:before, #events div .matto:before, #syukkin div .matto:before{
  background-position: 0 -13px;
}

#shopLinks .bbslink .harejo a:before, #shopLinks .harejo h4:before, #up article .harejo:before, #sinjin div .harejo:before, #events div .harejo:before, #syukkin div .harejo:before{
  background-position: -13px -13px;
}

#shopLinks .bbslink .suteki a:before, #shopLinks .suteki h4:before, #up article .suteki:before, #sinjin div .suteki:before, #events div .suteki:before, #syukkin div .suteki:before{
  background-position: 0 0;
}

#shopLinks .bbslink .celeb a:before, #shopLinks .celeb h4:before, #up article .celeb:before, #sinjin div .celeb:before, #events div .celeb:before, #syukkin div .celeb:before{
  background-position: -13px -26px;
}
#shopLinks .bbslink .esthe a:before, #shopLinks .esthe h4:before, #up article .esthe:before, #sinjin div .esthe:before, #events div .esthe:before, #syukkin div .esthe:before{
  background-position: 0 -52px;
}
#shopLinks .bbslink .cute a:before, #shopLinks .cute h4:before, #up article .cute:before, #sinjin div .cute:before, #events div .cute:before, #syukkin div .cute:before{
  background-position: -13px -52px;
}
#shopLinks .bbslink .candy a:before, #shopLinks .candy h4:before, #up article .candy:before, #sinjin div .candy:before, #events div .candy:before, #syukkin div .candy:before{
  background-position: 0 -65px;
}
#shopLinks .bbslink .hare a:before, #shopLinks .hare h4:before, #up article .hare:before, #sinjin div .hare:before, #events div .hare:before, #syukkin div .hare:before{
  background-position: 0 -26px;
}

#shopLinks .bbslink .hare2 a:before{
  background-position: 0 -39px;
}

.bbslink section{
margin-bottom:2px;
}

.shopNavi{
background:#3777E6;
}

header h1{
width:122px;
}

header h1 img{
width:122px;
}

header p a{
background:-moz-linear-gradient(center top, #008EE6 0%,#021DE6 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #008EE6),color-stop(1, #021DE6));
border:1px solid #99B6FF;
-moz-box-shadow:inset 0px 0 1px #ffffff;
-webkit-box-shadow:inset 0px 0 1px #ffffff;
box-shadow:inset 0px 0 1px #ffffff;
}


/*navigation*/
#menu li{
border-bottom:1px solid #99B6FF;
}

#menu li a{
background: rgb(176,179,255);
background: -moz-linear-gradient(top, rgba(176,179,255,1) 0%, rgba(185,183,255,1) 50%, rgba(128,127,255,1) 51%, rgba(61,154,255,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(176,179,255,1)), color-stop(50%,rgba(185,183,255,1)), color-stop(51%,rgba(128,127,255,1)), color-stop(100%,rgba(61,154,255,1)));
background: -webkit-linear-gradient(top, rgba(176,179,255,1) 0%,rgba(185,183,255,1) 50%,rgba(128,127,255,1) 51%,rgba(61,154,255,1) 100%);
border-right:1px solid #99B6FF;
-moz-box-shadow:inset 0px 0 1px #ffffff;
-webkit-box-shadow:inset 0px 0 1px #ffffff;
box-shadow:inset 0px 0 1px #ffffff;
text-shadow:0 1px 0 #ffffff;
color:#24428E;
}

#menu li.tabs a{
display:block;
margin: 3px 0 0;
height:36px;
background: rgb(225,226,255);
background: -moz-linear-gradient(top, rgba(225,226,255,1) 0%, rgba(228,227,255,1) 50%, rgba(205,205,255,1) 51%, rgba(179,216,255,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(225,226,255,1)), color-stop(50%,rgba(228,227,255,1)), color-stop(51%,rgba(205,205,255,1)), color-stop(100%,rgba(179,216,255,1)));
background: -webkit-linear-gradient(top, rgba(225,226,255,1) 0%,rgba(228,227,255,1) 50%,rgba(205,205,255,1) 51%,rgba(179,216,255,1) 100%);
color:#24428E;
line-height:36px;
}

#menu li.tabs.hover a{
border-bottom:1px solid #96B4FF;
}

#menu li.tabs.hover a{
background:-moz-linear-gradient(top, #E3EBFF 0%, #ffffff 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #E3EBFF),color-stop(100%, #ffffff));
color:#24428E;
text-shadow:0 1px 0 #ffffff;
}

#tabThis li{
border-bottom:1px solid #96B4FF;
}

#tabThis li a{
border-right:1px solid #96B4FF;
}

#tabThis .close{
background:#3777E6;
}

#tabThis .close a{
color:#ffffff;
}


.phone{
background:-moz-linear-gradient(center top, #ffffff 0%,#fffce6 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff),color-stop(1, #fffce6));
-webkit-box-shadow:0px 2px 2px #FFE4EA;
box-shadow:0px 2px 2px #FFE4EA;
box-shadow: 0 1px 2px #FFE4EA;
border: 1px solid #D7CD9D;
}

.ptext{
  line-height: 1.5em;
  margin: 5px 10px;
  text-align: center;
}

.blocks{
  margin-top:10px;
}

.blocks section dl dt a{
font-size:10px;
}

/*Form*/
form .input{
padding:8px;
width:90%;
border:2px solid #ffc8d8;
font-size:14px;
}

form .submit{
display:block;
margin:0 auto;
padding:8px 0;
width:35%;
background:-moz-linear-gradient(center top, #ffa3bd 0%,#ff6e97 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #ffa3bd),color-stop(1, #ff6e97));
border:1px solid #ff6e97;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
color:#ffffff;
font-size:14px;
font-weight:bold;
text-align:center;
-moz-box-shadow:0 0 3px #cccccc;
-webkit-box-shadow:0 0 3px #cccccc;
box-shadow:0 0 3px #cccccc;
}

/*color*/

.cute{
  color:#F1708E;
}

.maid{
  color:#4e292a;
}

.candy{
  color:#66bbff;
}

.matto{
  color:#3296ff;
}

.harejo{
  color:#006600;
}

.suteki{
  color:#e24a7d;
}

.celeb{
  color:#cc0000;
}

.esthe{
  color:#bf8301;
}

.hare{
  color:#e50c85;
}

/*icon*/

.newface{
  vertical-align: text-bottom;
  height: 14px;
  width: 14px;
}

/* Page Navigation */
.shopSort{
  margin:0 auto 10px;
  width:100%;
  text-align:center;
}

.shopSort li{
  display:-moz-inline-box;
  display:inline-block;
/*  height:28px;
  font-size:12px;
  font-weight:bold;
  text-align:center;*/
}

.shopSort li.numeric{
  width:26px;
	margin: 0 1px;
}

.shopSort li a:before, .shopSort li em:before{
  content:'';
  display:inline-block;
/*  width:16px;
  height:16px;*/
  background:url('http://www.harenchi.co.jp/fukuoka/ipn/images/top/shopIcon.png') no-repeat 0 0;
  -moz-background-size:32px 80px;
  -webkit-background-size:32px 80px;
  background-size:32px 80px;
  vertical-align:text-top;;
}

.shopSort li a:before, .shopSort li em:before{
  width:13px;
  height:13px;
  -moz-background-size:26px 79px;
  -webkit-background-size:26px 79px;
  background-size:26px 79px;
}

.shopSort li .suteki:before{
  background-position: 0 0;
}
.shopSort li .maid:before{
  background-position: -13px 0;
}
.shopSort li .candy:before{
  background-position: 0 -65px;
}
.shopSort li .matto:before{
  background-position: 0 -13px;
}
.shopSort li .harejo:before{
  background-position: -13px -13px;
}
.shopSort li .celeb:before{
  background-position: -13px -26px;
}
.shopSort li .esthe:before{
  background-position: 0 -52px;
}
.shopSort li .cute:before{
  background-position: -13px -52px;
}
.shopSort li .hare:before{
  background-position: 0 -26px;
}

.shopSort li a{
  display:block;
/*  padding:5px 0;*/
  width:100%;
  height:26px;
	background: none repeat scroll 0 0 rgba(80, 200, 239, 0.4);
  background:-moz-linear-gradient(top, #73C1E6 0%, #2D67FA 100%);
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#73C1E6), color-stop(100%,#2D67FA));
  text-shadow:1px 1px 1px rgba(0,0,0,0.2);
  -moz-border-radius:30px;
  -webkit-border-radius:30px;
  border-radius:30px;
/*  border:1px solid rgba(0,0,0,0.1);*/
  color:#ffffff;
  line-height:26px;
	  -moz-box-shadow:1px 2px 3px rgba(0,0,0,0.2);
  -webkit-box-shadow:1px 2px 3px rgba(0,0,0,0.2);
  box-shadow:1px 2px 3px rgba(0,0,0,0.2);
}

.shopSort li em{
  display:block;
/*  padding:5px 0;*/
  width:100%;
  height:26px;
  background:-moz-linear-gradient(top, #f6f6f6 0%, #ffffff 30%, #f6f6f6 100%);
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(30%,#ffffff), color-stop(100%,#f6f6f6));
  text-shadow:1px 1px 1px rgba(0,0,0,0.2);
  -moz-border-radius:30px;
  -webkit-border-radius:30px;
  border-radius:30px;
/*  border:1px solid rgba(0,0,0,0.1);*/
  color:#008EE6;
  line-height:26px;
}