html {

}

body {
    font-size:14px;
    font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", メイリオ, sans-serif;
    -webkit-text-size-adjust: none; /* フォントサイズ自動調整 */
    min-width:320px;
}

body#basic {
    background:#f9f9f9;
}

body#special {
    background:url(../../images/sp/prepachi/bg-wood.jpg);
}

a {text-decoration:none;}

/* Header
--------------------------------------------------------------------------- */
#g-header {
    background:-webkit-gradient(linear, left top, left bottom,
    from(rgb(191,77,240)),
    to(rgb(0,77,160)));
    position:releative;
    height:47px;
}

#g-header h1 {
    position:absolute;
    top:10px;
    left:10px;
}

#g-header h1 img {
    width:60px;
    height:28px;
}

#g-header ul {
    border-left:1px solid /*#6456CE*/#4A4DC7;
    position:absolute;
    top:0;
    right:0;
}

#g-header ul li {
    width:60px;
    height:41px;
    text-align:center;
    float:left;
    border-right:1px solid /*#6456CE*/#4A4DC7;
    border-left:1px solid /*#AB89E4*/#BF4DF0;
    padding-top:6px
}

#g-header ul li:last-child {border-right:none;}

#g-header ul li img {
    width:22px;
    height:22px;
    margin-bottom:2px;
}

#g-header ul li a {
    display:block;
}

#g-header ul li span {
    color:#ffffff;
    font-size:9px;
    display:block;
}

/* Notice */
#g-header li.nv01 {
    position:relative;
}

#g-header div.notice {
    background:url(../../images/sp/prepachi/stamp.png) no-repeat;
    background-size:23px 23px;
    width:23px;
    height:23px;
    position:absolute;
    top:3px;
    right:3px;
}

#g-header div.notice span {
    color:#ffffff;
    font-size:12px;
    font-weight:bold;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width:23px;
    height:23px;
}

#vip_g_header {
    position: relative;
    height:50px;
background: -webkit-linear-gradient(rgba(45,45,45,1) 0%,  rgba(10,10,10,1) 100%);
background: linear-gradient(rgba(45,45,45,1) 0%, rgba(10,10,10,1) 100%);
}

#vip_g_header #logo {
    position: absolute;
    top:5px;
    left:5px;
}

#vip_g_header #logo img {
    width:76px;
    height:auto;
}

#vip_g_header ul {
    overflow:hidden;
    position: absolute;
    top:0;
    right:0;
    height:50px;
    border-left:1px solid rgba(51,51,51,1);
}

#vip_g_header ul li {
    float:left;
    width:66px;
    height:50px;
    color:rgba(255,255,255,1);
    text-align: center;
    border-left:1px solid rgba(0,0,0,1);
    border-right:1px solid rgba(51,51,51,1);
}

#vip_g_header ul li:last-child {
    border-right:0;
}

#vip_g_header ul li img {
    width:34px;
    height:auto;
}

#vip_g_header ul li a {
    color:rgba(255,255,255,1);
}

#vip_g_header ul li span {
    display: block;
    font-size:8px;
    font-weight: bold;
}
/* Notice */
#vip_g_header li.nv01 {
    position:relative;
}

#vip_g_header div.notice {
    background:url(../../images/sp/prepachi/stamp.png) no-repeat;
    background-size:23px 23px;
    width:23px;
    height:23px;
    position:absolute;
    top:3px;
    right:3px;
}

#vip_g_header div.notice span {
    color:#ffffff;
    font-size:12px;
    font-weight:bold;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width:23px;
    height:23px;
}
/* Log-State
--------------------------------------------------------------------------- */
#log-state {
    background:-webkit-gradient(linear, left top, left bottom,
    from(rgb(250,250,250)),
    to(rgb(220,220,220)));
    padding:10px;
}

#log-state p {
    font-size:12px;
    text-align:right;
}

#log-state p img {
    width:14px;
    height:14px;
    margin:0 4px -1px 0;
}

#log-state p a {
    color:#006699;
    font-weight:bold;
    text-decoration:underline;
}

/* Global Menu
--------------------------------------------------------------------------- */
#g-menu {
    display:none;
    background:#303030;
}

#g-menu dt {
    color:#bbbbbb;
    font-size:12px;
    font-weight:bold;
    padding:10px 12px 8px 12px;
    background:-webkit-gradient(linear, left top, left bottom,
    from(rgb(70,70,70)),
    to(rgb(50,50,50)));
    border-bottom:1px solid #111111;
}

#g-menu ul li {
    font-size:14px;
    fobt-weight:bold;
    border-top:1px solid #333333;
    border-bottom:1px solid #111111;
}

#g-menu ul li a {
    color:#bbbbbb;
    text-shadow:0 -1px 1px #000000;
    background:#222222;
    padding:14px 12px;
    display:block;
}

.close {
    color:#efefef;
    text-align:right;
    padding:10px 12px 10px 0;
    border-bottom:1px solid #202020;
    position:relative;
}

.close img {
    width:16px;
    height:16px;
    position:absolute;
    top:10px;
    right:65px;
}

/* Footer
--------------------------------------------------------------------------- */
#g-footer {
    color:#ffffff;
    text-align:center;
    background:-webkit-gradient(linear, left top, left bottom,
    from(rgb(191,77,240)),
    to(rgb(0,77,160)));
    padding:20px 0;
}

#g-footer a {color:#ffffff;}
#g-footer nav p {font-size:12px;margin-bottom:6px;}
#g-footer nav ul {text-align:center;margin-bottom:10px;}
#g-footer nav ul li {font-size:12px;display:inline;border-right:1px solid #ffffff;padding:0 8px 0 5px;}
#g-footer nav ul li:last-child {border:none;}
#pc {margin-bottom:10px;}
#copy {font-size:10px;}

#vip_g_footer {
    padding:20px 0;
background: -webkit-linear-gradient(rgba(25,25,25,1) 0%,  rgba(10,10,10,1) 100%);
background: linear-gradient(rgba(25,25,25,1) 0%, rgba(10,10,10,1) 100%);
    text-align: center;
}

#vip_g_footer ul {
    margin-bottom:10px;
}

#vip_g_footer ul li {
    display:inline;
    font-size:11px;
}

#vip_g_footer #att {
    margin-bottom:10px;
    font-size:11px;
    font-weight: bold;
}

#vip_g_footer a {
    color:rgba(220,220,220,1);
}

#vip_g_footer ul li:nth-child(2) {
    margin:0 0.5em;
    padding:0 0.75em;
    border-right:1px solid rgba(100,100,100,1);
    border-left:1px solid rgba(100,100,100,1);
}

#vip_g_footer #copy {
    color:rgba(80,80,80,1);
    font-size:10px;
    font-family: Arial, Helvetica, sans-serif;
}

/* Modal
--------------------------------------------------------------------------- */
#lean_overlay {
    position: fixed;
    z-index:100;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background: #000;
    display: none;
}

/* Hide Stamp
--------------------------------------------------------------------------- */
.hide-stamp-list {
	display:none;
	background:#ffffff;
	border-radius:4px;
	padding:10px;
	margin:10px;
	margin-bottom:10px;
}

.hide-stamp-list ul  {
	text-align:center;
	margin:10px 0;
}

.hide-stamp-list ul li {
	display:inline-block;
}

.hide-stamp-list ul li img {
	width:42px;
	height:auto;
	margin:4px;
}

/* scroll modal
--------------------------------------------------------------------------- */
.lock {
    overflow:hidden;
}

.s-modal-content {
    position:relative;
    display:none;
    width:90%;
    margin:5px 0 5px 0;
    background:#fff;
	border-radius: 4px;
	padding: 10px;
}

.s-modal-content p {
    margin:0;
    padding:0;
}

.s-modal-overlay {
    z-index:1;
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:120%;
    background-color:rgba(0,0,0,0.75);
    opacity: 0.4;
}

.s-modal-wrap {
    z-index:2;
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    overflow:auto;
}


#s-modal .s-modal-close {
	display:block;
	position:absolute;
	top:10px;
	right:5px;
	background:url(../../images/sp/prepachi/modal-close.png) no-repeat 0 0;
	background-size:20px 20px;
	width:20px;
	height:20px;
}