@charset "utf-8";

* {
	behavior: url(/system/boxsizing.htc);
}

html
{
	height :100%;
	min-width:1000px;
}

body,table,th,td,tb,div,h1,h2,h3,h4,h5,h6,p,ul,ol,li,form,textarea,input
{
	margin: 0;
	padding: 0;
}
table,div
{
	margin: 0 auto;
}

body
{
	height :100%;
	text-align : center;
	font-family : "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	color:#642;
}

td
{
	vertical-align : top;
}
	
img,textarea
{
	vertical-align:bottom;
}

a {
	text-decoration: none;
}

a img
{
	border:none;
}

a img:hover, a:hover img
{
	filter: alpha(opacity=70);
	opacity: 0.7;
	-moz-opacity: 0.7;
}

li
{
	list-style-type:none;
}

textarea
{
	resize: vertical;
}

a {			color : #5588ff;}
a:link {	color : #5588ff;}
a:visited {	color : #8855aa;}
a:hover {	color : #00cccc;}
a:active {	color : #00cccc;}

hr {
  border: 0;
  border-top: 1px solid #642;
}


div.info
{
	border: solid 1px #4ba0be;
	border-left:solid 5px #1b809e;
	background-color: #fff;
	padding:15px;
	border-radius:3px;
	text-align:left;
	margin:10px;
}
div.info div.head
{
	margin: 0px;
	padding: 0px;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	color: #1b809e;
}

input[type="submit"], input[type="reset"], input[type="button"], button
{
	font-weight: bold;
	padding: 8px;
	border: 1px solid #808080;
	-webkit-box-shadow: inset 0 1px 3px #fff;
	-moz-box-shadow: inset 0 1px 3px #fff;
	box-shadow: inset 0 1px 3px #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	cursor: pointer;
}

select
{
	color: #303030;
	padding: 8px;
	border: 1px solid #808080;
	-webkit-box-shadow: inset 0 1px 3px #bbb;
	-moz-box-shadow: inset 0 1px 3px #bbb;
	box-shadow: inset 0 1px 3px #bbb;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	resize: vertical;
}
	
input[type="text"],input[type="password"]
{
	color: #303030;
	font-weight: bold;
	padding: 8px;
	border: 1px solid #808080;
	-webkit-box-shadow: inset 0 1px 3px #bbb;
	-moz-box-shadow: inset 0 1px 3px #bbb;
	box-shadow: inset 0 1px 3px #bbb;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

input[type="text"]:focus,input[type="password"]:focus
{
	background: #f0f0ff;
}

textarea
{
	vertical-align:bottom;
	font-weight: bold;
	color: #303030;
	padding: 8px;
	border: 1px solid #808080;
	-webkit-box-shadow: inset 0 1px 3px #bbb;
	-moz-box-shadow: inset 0 1px 3px #bbb;
	box-shadow: inset 0 1px 3px #bbb;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	resize: vertical;
}

textarea:focus {
	background: #f0f0ff;
}

div.clearfix
{
	overflow: hidden;
	zoom: 1;
	clear:both;
}

div#btnPageTop
{
	position: fixed;
	bottom: 5px;
	left: 5px;
	z-index: 1000;
}

div.container
{
	margin: 0 auto;
	text-align:left;
	width:1000px;
	padding:0 20px;
	box-sizing:border-box;
}

div#header
{
	background:#ffc800;
	height:50px;
}
div#header div.container
{
	position:relative;
	height:100%
}

div#header div#logo
{
	position:absolute;
	top: 7px;
	left: 10px;
}

div#header div#message
{
	position:absolute;
	bottom: 3px;
	left: 145px;
	font-size:13px;
}
div#header div#user
{
	position:absolute;
	top: 0px;
	right: 0px;
	padding:1px 10px;
	max-width:800px;
	text-align:right;
	font-size:12px;
	background:#fff1bc;
	border-radius:0px 0px 2px 2px;
	border:solid 1px #a58100;
	border-top:none;
}

div#header div#menu
{
	position:absolute;
	bottom: 3px;
	right: 0px;
	width:600px;
	text-align:right;
	font-size:13px;
}

div#header div#menu ul
{
	list-style:none;
	display:block;
	padding:0;
	margin:0;
}
div#header div#menu ul li
{
	display:inline-block;
    *display: inline;
    *zoom: 1;
	padding:0 5px;
	vertical-align:bottom;
}
div#header div#menu ul li:last-child
{
	padding:0 0 0 5px;
}
div#header ul a {
	color:#642;
	text-decoration: none;
}
div#header ul a:link {	color : #642;}
div#header ul a:visited {	color : #642;}
div#header ul a:hover {	color : #5588ff;}
div#header ul a:active {	color : #5588ff;}


div#footer
{
	border-top:solid 1px #ffc800;
	margin-top:20px;
	padding:15px 0;
	font-size:12px;
	color:#806400;
	background:#fffefa;
}

div#footer ul
{
	padding:10px 0;
	margin:0;
	line-height: 1.9em;
}

div#footer ul a {
	color:#642;
	text-decoration: none;
}
div#footer ul a:link {	color : #642;}
div#footer ul a:visited {	color : #642;}
div#footer ul a:hover {	color : #5588ff;}
div#footer ul a:active {	color : #5588ff;}

div#footer td.text
{
	vertical-align : top;
	width:170px;
	padding:0 15px;
	border-right:solid 1px #ffeba2;
}

div#footer td:nth-last-child(1)
{
	border-right:none;
}

div#footer td.ssl
{
	vertical-align : top;
	text-align:center;
	padding-top:10px;
}

div#copyright
{
	padding:10px 0;
	font-size:11px;
	color:#642;
	font-weight:bold;
	background:#ffc800;
}

div.general
{
	font-size: 13px;
	box-sizing: border-box;
	width: 960px;
	margin : 20px auto;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	background-color: #fffcf6;
	border-radius: 5px;
	border: 1px solid #664422;
	text-align:left;
}
div.general h1
{
	font-size: 20px;
	font-weight: bold;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	text-align: left;
	border-bottom: 1px solid #7D4422;
}
div.general h2
{
	font-size: 16px;
	font-weight: bold;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	text-align: left;
	color:#6e3607;
	background-color:#f7e1c3;
	border-top: 1px solid #95490a;
	border-bottom: 1px solid #95490a;
	border-left: 8px solid #95490a;
	border-right: 8px solid #95490a;
}
div.general h3
{
	margin: 0px;
	padding: 0px;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
}
div.general h4
{
	margin: 0px;
	padding: 0px;
	font-size:inherit;
	font-weight: bold;
	text-align: left;
}

div.general div.body
{
	padding:10px;
}
div.general p.body
{
	margin: 0px;
	padding:2px 5px;
}
div.general table {
	border-collapse: collapse;
	margin-left:0px;
}
div.general th
{
	background-color:#eee;
}

div.general td
{
	background-color:#fff;
}
div.general th,div.general td
{
	vertical-align:top;
	text-align:left;
	font-size:13px;
	padding:8px 15px;
	color:#4E4E4E;
	border:solid 1px #7B7B7B;
}

div.general form {text-align:center;}
div.general form th {width:200px;vertical-align:middle;}
div.general form td {width:600px;vertical-align:middle;}
div.general form td input[type="text"], input[type="password"], textarea {width:580px;}
div.general form input[type="submit"]{ width:500px; margin:15px;}
div.general form table {margin:0 auto;}
div.general form div.message {color:#ff0000;margin-bottom:5px;}


ul.disc
{
	margin-top:2px;
	padding-left:25px;
}
ul.disc li
{
	list-style-type:disc;
}

ol.decimal
{
	padding-left:20px;
}
ol.decimal li
{
	list-style-type:decimal;
}

/* top */

div#main
{
	box-sizing:border-box;
	width:960px;
	margin : 15px auto 10px auto;
	height:240px;
	text-align:left;
	overflow: hidden;
	zoom: 1;
}

div#main div#slider
{
	height:240px;
	width:640px;
	float:left;
}

div#main div#login
{
	font-size: 13px;
	height: 240px;
	width: 310px;
	float: right;
	border-radius: 2px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	
	background-color: #fffdf4;
	border: 1px solid #ffc860;
}


div#main div#login div.point
{
	padding:8px;
}
div#main div#login div.balance
{
	margin-top:5px;
	text-align:center;
	font-size:26px;
	font-weight:bold;
}
div#main div#login div.menu
{
	border-top:solid 1px #ffc860;
	padding:11px 0px;
	margin-top:2px;
}


div#information
{
	box-sizing:border-box;
	width:960px;
	margin : 10px auto;
	text-align:left;
	font-size:14px;
	padding:2px;
	background-color:#ffc800;
	overflow: hidden;
	zoom: 1;
	border-radius:2px;
}
div#information div.tag
{
	float:left;
	font-weight:bold;
	padding:5px;
}
div#information div.switch
{
	cursor: pointer;
}
div#information div.textarea
{
	box-sizing:border-box;
	float:right;
	width:800px;
	height:48px;
	overflow: auto;
	background:#fffefa;
	padding:5px;
	border-radius:2px;
}
div#information span.date
{
	margin-right:10px;
}


div#warning
{
	box-sizing:border-box;
	width:960px;
	margin : 10px auto;
	text-align:left;
	font-size:14px;
	padding:2px;
	background-color:#FF6090;
	overflow: hidden;
	zoom: 1;
	border-radius:2px;
}
div#warning div.tag
{
	float:left;
	font-weight:bold;
	padding:5px;
}
div#warning div.textarea
{
	box-sizing:border-box;
	float:right;
	width:800px;
	overflow: auto;
	background:#fffefa;
	padding:5px;
	border-radius:2px;
}

div.subtitle
{
	font-weight:bold;
}

div#service
{
	width:960px;
	margin : 15px auto;
	text-align:left;
	overflow: hidden;
	zoom: 1;
}

div#service ul
{
	margin-top:-15px;
	letter-spacing: -.40em;
}

div#service li.slot
{
	/*float:left;*/
	vertical-align:top;
	display:inline-block;
	width:200px;
	font-size:11px;
	margin:20px;
	box-sizing:border-box;
	letter-spacing: normal;
}
div#service .slot .thumb
{
	width:200px;
	height:200px;
	background:#ccc;
}
div#service .slot .type
{
	color:#fff;
	font-weight:bold;
	background:#999;
	text-align:center;
	margin-top:1px;
}
div#service .slot .title
{
	margin-top:2px;
	font-size:13px;
	font-weight:bold;
	text-align:center;
}


/* mypage */

div#mypage
{
	box-sizing:border-box;
	width:960px;
	margin : 15px auto 10px auto;
	text-align:left;
	overflow: hidden;
	zoom: 1;
}

div#mypage div#account
{
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	
	width:550px;
	float: left;
	font-size: 13px;
	
	background-color: #fffdf4;
	border: 1px solid #ffc860;
}

div#mypage div#point
{
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	
	width:400px;
	float: right;
	font-size: 13px;
	
	background-color: #fffdf4;
	border: 1px solid #ffc860;
}

div#mypage div.head
{
	font-size:15px;
	font-weight:bold;
	border-bottom:solid 1px #ffc860;
	padding:10px 7px;
	margin-top:2px;
}
div#mypage div.data
{
	font-size:14px;
	font-weight:normal;
	padding:0px 10px;
	margin-top:2px;
}

div#mypage div.menu
{
	padding:10px 7px;
}
div#mypage div.balance
{
	margin-top:2px;
	text-align:center;
	font-size:26px;
	font-weight:bold;
}

img.coupon_icon{
	border-radius: 10px;
	border: 1px solid rgb(200,200,200);
}