body {
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	/*font-family:"lucida grande",tahoma,verdana,arial,sans-serif;*/
	font-family: "メイリオ","Meiryo","ＭＳ Ｐゴシック",Osaka,"lucida grande","MS PGothic","ヒラギノ角ゴ Pro W3",Arial,sans-serif;
	
	font-size: 0.9em;
	padding: 0px;
	background-image: url(../images/bg.gif);
	margin-top:0px;
	margin-bottom:0px;
}



/*--------------------------- Container ---------------------------*/
#container {
	width:990px;
	/*background-image: url(../images/bg_container.gif);*/
	background-color:#ffffff;
	border-left:1px solid #0c5001;
	border-right:1px solid #0c5001;
	margin-right: auto;
	margin-left: auto;
}


/*---------------------------- Header ----------------------------*/
#header {
	background: #ffffff;
}


/*------------------------------------- Footer -----------------------------------*/
#footer {
	font-size: 80%;
	clear: both;
	padding: 10px;
	margin: 0px;
	color: #ccc;
	backround-color:#e3007f;
}

#footer a {
	color: #fff;
	text-decoration:none;
}

#footer a:hover {
	text-decoration:underline;
}

#footer #power {
	margin-top:5px;
}

#footer #power_common {
	background: #fff; 
	padding: 1px; 
	font-family: Verdana,Arial,Helvetica; 
	font-size: smaller; 
	font-variant: small-caps; 
	border: 1px solid #aaa;
}

#footer #power_left {
	color: #f8f8f8; 
	background: #c00; 
	padding: 0px 2px;
}

#footer #power_right {
	 color: #f8f8f8; 
	 background: #999; 
	 padding: 0px 10px 0px 2px;
}



/*------------------------------- Main --------------------------------*/
#main {
	width: 980px;
	background-color: #ffffff;
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 5px;
	position: relative;
}



/*------------------------------- Left menu -------------------------------*/
#left_menu {
	float:left;
	width: 200px;
	margin-top: -15px;
}

#left_menu ol ul { 
	margin-left:0px;
}

.leftmenuframe {
	/*border-color:#80D36B;
	border-style: solid;
	border-width:2px;*/
	/*background-image: url(../images/bg_left_menu.gif);*/
	width:180px;
	margin-left:5px;
}

a img {
	border: none;
	margin-bottom: -3px;
}

.leftmenutitle {
	text-align:left;
	font-size: 120%;
	font-weight: bold;
	color: #ffffff;
	padding:2px 2px 2px 5px;
	/*background-image: url(../images/bg_left_menu.gif);*/
}

.leftmenuitem {
	/*background-color: #D8EED3;*/
	text-align:left;
	font-weight: bold;
	padding:2px 2px 5px 5px;
	border-bottom:1px dotted #888;
}

.leftmenuitem a:hover {
	color: #FF0000;
}





.leftmenuitem a {
	text-decoration: none;
}



.leftmenulast {
	border-bottom:1px dotted #888;
}


/*------------------------------ Rounded corner ---------------------------------*/


img.corner {
   width: 6px;
   height: 6px;
   border: none;
   display: block !important;
}



/*------------------------------ Content -------------------------------*/
#right_content {
	width: 780px;
	float: right;
	margin-top: -15px;
	margin-bottom: 10px;
}

#page_title {
	font-size: 150%;
	font-weight: bold;
	padding-top: 10px;
	color: #e3007f;
}

#shop_name {
	font-weight:bold;
	color:#555;
}

.title_hr {
	margin-top: 0px;
	*margin-top: -15px;
}

.content {
	margin-top:10px;
	*margin-top:-20px;
	position: relative;
}

.mainmenuframe {
	border-color:#2F7DB9;
	border-style: solid;
	border-width:2px;
	background-image: url(../images/bg_bluebox.gif);
	width:220px;
	margin-bottom: 20px;
	
}

.mainmenutitle {
	text-align:center;
	font-size: 160%;
	font-weight: bold;
	color: #ffffff;
	padding-left: 5px;
}

.mainmenuitem {
	text-align:left;
	font-size: 140%;
	font-weight: bold;
	padding:2px 2px 5px 20px;	
}

.mainmenuitem a img {
	border: none;
	margin-bottom: -3px;
}

.mainmenuitem a:hover{
	color: #ff0000;
}

.mainmenuitem a {
	text-decoration: none;
}

.popup_title {
	color:#aa0000;
	font-weight:bold;
	font-size:1.2em;
	text-align:center;
}

.section_title {
	font-size:1.1em;
	color: #333;
	font-weight: bold;
}

.section_title .big {
	font-size:1.4em;
}

/*-------------------------------- Components -----------------------------------*/
.databluebox {
	background-color: #658BFD;
	border-color:#658BFD;
	border-style: solid;
	border-width:2px;	
}

.databluebox .blueboxheader {
	background-color: #658BFD;
	color: #FFFFFF;
	font-weight: bold;
	padding: 3px 0px 5px 5px;


}
.databluebox .blueboxcontent {
	background-color: #FFFFAA;
	padding: 0px 0px 0px 0px;	
}


.datagreenbox {
	background-color: #80D36B;
	border-color:#80D36B;
	border-style: solid;
	border-width:2px;	
}

.datagreenbox .greenboxheader {
	background-color: #80D36B;
	color: #FFFFFF;
	font-weight: bold;
	padding: 3px 0px 5px 5px;
}

.datagreenbox .greenboxcontent {
	background-color: #FFFFAA;
	padding: 0px 0px 0px 0px;	
}


.datagraybox {
	background-color: #888888;
	border-color:#888888;
	border-style: solid;
	border-width:2px;	
}

.datagraybox .grayboxheader {
	background-color: #888888;
	color: #FFFFFF;
	font-weight: bold;
	padding: 3px 0px 5px 5px;
}

.datagraybox .grayboxcontent {
	background-color: #DDDDDD;
	padding: 0px 0px 0px 0px;	
}



.greenboxcell1 {
	background-color: #FFFFAA;
	padding: 3px 0px 3px 3px;
}

.greenboxcell2 {
	background-color: #FFFFFF;
	padding: 3px 0px 3px 3px;
}

.sec_title_green {
	font-weight: bold;
	font-size: 120%;
	color: #00AA00;
	padding: 3px 0px 3px 3px;
}

.highlight {
	background-color: #FF8888;	
}

.waitinghighlight {
	font-size: 1.5em;
	color: #0000ff;
	font-weight: bold;
}

.waitinghighlight1 {
	font-size: 2em;
	color: #ff0000;
	font-weight: bold;
}

.comment {
	color: #666666;
	font-size: 0.8em;
}

.comment_link {
	color: #0000FF;
	font-size: 0.8em;
}

a:hover.comment_link{
	color: #FF0000;
	font-size: 0.8em;
}

.caution {
	width:32em;
	*width:32em;
	position:relative;
	margin: 30px 0px 10px 10px;
	float:right;
}

.cautionhandle {
	color:#ffffff;
	background-color:#9DB0FE;
	font-size:120%;
	font-weight:bold;
}


.navigator {
	margin: 0px 10px 10px 10px;
	*margin: 0px 5px 10px 5px;
	width: 20em;
}

.boxRemind {
	border: 1px solid #FF0000;
	background-color: #FFFF88;
	font-size:1em;
	font-weight: bold;
	color: #FF0000;
	line-height: 1.5em;
	padding: 3px 3px 3px 3px;
}

.greenEmp {
	color: #33AA33;
	font-weight: bold;
}

.blueEmp {
	color: #0000FF;
	font-weight: bold;
}

.redEmp {
	color: #AA3333;	
	font-weight: bold;
}

.greenText {
	color: #33AA33;
}

.blueText {
	color: #0000FF;
}

.redText {
	color: #AA3333;	
}

.dlgSectionTitle {	/* Section title of modal dialogs */
	font-size:1em;
	color: #FF0000;
	font-weight: bold;
}

.dlgInformationBlue {	/* Green information on modal dialogs */
	font-size:1em;
	color: #0000FF;
	font-weight: bold;
}

.dlgInformationGreen {	/* Green information on modal dialogs */
	font-size:1em;
	color: #55AA55;
	font-weight: bold;
}

.dlgInformationGray {	/* Red information on modal dialogs */
	font-size:1em;
	color: #888888;
	font-weight: bold;
}

.dlgInformationRed {	/* Red information on modal dialogs */
	font-size:1em;
	color: #FF0000;
	font-weight: bold;
}

.dlgInformationDarkRed {	/* Red information on modal dialogs */
	font-size:1em;
	color: #AA3333;
	font-weight: bold;
}

.dlgAction {
	font-weight: bold;
}

.dlgAction a {
	text-decoration: none;
	color: #0000FF;
}

.dlgAction a:hover {
	color: #FF0000;
}

.image_btn {
	cursor:pointer;
}

.inputbox {
	border: 1px solid #BFBFBF;
	font-family: Tahoma ,Verdana, Arial,Helvetica, sans-serif;
	font-size: 1em;
	color: #372D72;
	background-color: #F0F8FF; /*#D7E5F2*/
}

.inputbox_dis {
	border: 1px solid #EFEFEF;  /*#FFAA42*/
	font-family: Tahoma ,Verdana, Arial,Helvetica, sans-serif;
	font-size: 13px;
	color: #372D72;
	background-color: #F6FDFF; /*#DCDCDC*/
}

.login_box {
	background-image: url(../images/gray_box.gif);
	background-repeat:no-repeat;
	width:400px;
	height:400px;
}

.green_title {
	color:#00aa00;
	font-weight:bold;	
}

.titlebar_bg {
	background-image: url(../images/gst/bg_grid.png);
}

/* ---------------------------------------- Styles for calendar ------------------------------------------ */
.calToday_desc {
	border:1px solid #000000;
	color: #3333FF;
    width: 25px;
	height: 20px;   
	padding-left: 2px;
	padding-top: 2px;
	font:100% arial;
}


.calHoliday {
    color: #777777;
    background-color: #ffaaaa;
    text-decoration:none;
    cursor: default;
}

.calDayoff {
    background-color: #FFFF55;
    text-decoration:none;
    cursor: default;
}

.calPast {
    /*background-color: #BAFCA9;*/
    color:#aaa;
    text-decoration:none;
    cursor: default;
}

.calNoArea {
    /*background-color: #BAFCA9;*/
    color:#aaa;
    text-decoration:none;
    cursor: default;
}


.calSelect_desc {
	background-color:#b3d4ff;
	color:#000;
	border: 1px solid #AAAAAA;
    width: 25px;
	height: 20px;   
	padding-left: 2px;
	padding-top: 2px;
	font:100% arial;
}

.calUnavail_desc {
	color: #AAAAAA;
	border: 1px solid #AAAAAA;	
    width: 25px;
	height: 20px;
	padding-left: 2px;
	padding-top: 2px;
	font:100% arial;
}

.calAvail_desc {
	background-color:#FFFFFF;
	color: #3333FF;
	border: 1px solid #AAAAAA;
    width: 25px;
	height: 20px;   
	padding-left: 2px;
	padding-top: 2px;
	font:100% arial;
}



.yui-skin-sam .yui-calendar td.calcell.calRsv{background-color:#BAFCA9;}

.calRsv_desc {
	background-color:#BAFCA9;;
	border: 1px solid #AAAAAA;
    width: 25px;
	height: 20px;   
	padding-left: 2px;
	padding-top: 2px;
	font:100% arial;
}

.yui-skin-sam .yui-calendar td.calcell.calForbid{
    color: #777777;
    background-color: #ffdddd;
    text-decoration:none;
    cursor: default;
}

.calForbid_desc {
	background-color:#ffdddd;
	border: 1px solid #AAAAAA;
    width: 25px;
	height: 20px;   
	padding-left: 2px;
	padding-top: 2px;
	font:100% arial;
}



/*------------------------------ Styles for schedule ------------------------------------ */
.sdTimeHeader {
	position:absolute;
	text-align:center;
	border:1px solid #DF5E7B;
	background-color: #FF8EAB;
	font-weight: bold;
}

.sdCourseHeader {
	position:absolute;
	text-align:center;
	border:1px solid #EF9360;
	background-color: #FFB380;
	font-weight: bold;
	color: #FFFFFF;
}

.sdCourseHeaderEven {
	position:absolute;
	text-align:center;
	border:1px solid #EF9360;
	background-color: #FFA061;
	font-weight: bold;
	color: #FFFFFF;
}

.sdSlotDisable {
	position:absolute;
	text-align:center;
	border:1px solid #AAAAAA;
	background-color: #EEEEEE;	
}

.sdSlotDisableEven {		/*Alternative class*/
	position:absolute;
	text-align:center;
	border:1px solid #AAAAAA;
	background-color: #DFDFDF;	
}

.sdSlotAvailable {
	position:absolute;
	text-align:center;
	border:1px solid #AAAAAA;
	background-color: #BAFCA9;
	cursor: pointer;
}

.sdSlotAvailableEven {		/*Alternative class*/
	position:absolute;
	text-align:center;
	border:1px solid #AAAAAA;
	background-color: #A9EB98;
	cursor: pointer;
}

.sdSlotFull {
	position:absolute;
	text-align:center;
	border:1px solid #AAAAAA;
	background-color: #FDFDC8;	
	cursor: pointer;
}

.sdSlotFullEven {			/*Alternative class*/
	position:absolute;
	text-align:center;
	border:1px solid #AAAAAA;
	background-color: #FDFDA8;	
	cursor: pointer;
}



/*---------------------------- Tooltip ----------------------------*/
.tooltip {
	/*
    background-color:#ffffcc;
    border:1px solid #555;
    padding:5px;
    display:none;
    color:#000;
    text-align:left;
    font-size:12px;
 
    -moz-box-shadow:0 0 10px #000;
    -webkit-box-shadow:0 0 10px #000;
    */

	padding:5px;
	position: relative;
	/*
	max-width: 220px;
	_width: 220px;*/ /* IE6 */
	border: 1px solid #996b3d;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	color: #4d2600;
	background: #ffffcc; /* Fallback */
	background: -moz-linear-gradient(top, #ffffcc 0%, #ffff66 100%); /* Firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffcc), color-stop(100%, #ffff66)); /* Chrome, Safari */
	background: -o-linear-gradient(#ffffcc, #ffff66); /* Opera */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffcc, endColorstr=#ffff66, GradientType=0)"; /* IE8, IE9 */
	*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffcc, endColorstr=#ffff66, GradientType=0); /* IE6, IE7 */
	-moz-box-shadow: 0px 2px 8px hsla(0, 0%, 0%, .30);
	-webkit-box-shadow: 0px 2px 8px hsla(0, 0%, 0%, .30);
	box-shadow: 0px 2px 8px hsla(0, 0%, 0%, .30);
}

/*------------------------------------ Table border --------------------------------------*/
table.yelTab
{
color:#000000;
background-color:#fcdee0;
font-size: 100%;
padding:0px;
border-top: 1px solid #bbbbbb;
border-left: 1px solid #bbbbbb;
border-bottom: 0px solid #bbbbbb;
border-right: 0px solid #bbbbbb;
}

table.yelTab th, table.yelTab td 
{
padding-bottom:2px;
padding-left: 5px;
border-top: 0px solid #bbbbbb;
border-left: 0px solid #bbbbbb;
border-bottom: 1px solid #bbbbbb;
border-right: 1px solid #bbbbbb;
line-height: 2em;
}

table td.yelTabCont 
{
	background-color:#ffffff;
}

.grayTab {
	border:1px solid #aaa;
	border-collapse:collapse;
}

.grayTab td {
	border:1px solid #aaa;	
	margin:0px;
	padding:3px;
}

.grayTab th {
	/*background: url(../images/bg_title.jpg) repeat-x;*/
	height: 25px;
	color:#000088;
}

.grayTab .gray_cell {
	background-color:#ddd;
}
.grayTab .white_cell {
	background-color:#fff;
}


/*----------------- For staff-support --------------------- */
.staff_selected {
	position:relative;
	border:1px solid #888888;
	width:340px;
	padding:2px;
	background-color: #ffff88;
}

.staff_unselected {
	position:relative;
	border:1px solid #888888;
	width:340px;
	padding:2px;
	cursor:pointer;
}

.staff_disabled {
	position:relative;
	border:1px solid #888888;
	width:340px;
	padding:2px;
}

.course_single {
	width:380px;
}

.course_selected {
	position:relative;
	border:1px solid #888888;
	width:340px;
	padding:0px;
	background-color: #ffff88;
	line-height:1em;
}

.course_unselected {
	position:relative;
	border:1px solid #888888;
	width:340px;
	padding:0px;
	cursor:pointer;
	line-height:1em;
}

.course_disabled {
	position:relative;
	border:1px solid #888888;
	width:340px;
	padding:0px;
	line-height:1em;
	background-color:#ddd;
}



.area_selected {
	margin-left:40px;
	position:relative;
	border:1px solid #888888;
	width:320px;
	padding:0px;
	background-color: #ffff88;
	line-height:1em;
}

.area_unselected {
	margin-left:40px;
	position:relative;
	border:1px solid #888888;
	width:320px;
	padding:0px;
	cursor:pointer;
	line-height:1em;
}

.area_disabled {
	margin-left:40px;
	position:relative;
	border:1px solid #888888;
	width:320px;
	padding:0px;
	line-height:1em;
	background-color:#ddd;
}


.slot_unselected {
	position:relative;
	width:100%;
	padding:0px;
	cursor:pointer;
	font-size:0.8em;
}

.slot_selected {
	position:relative;
	width:100%;
	padding:0px;
	cursor:pointer;
	background-color: #ffff88;
	font-size:0.8em;
}

/*----------------- PC reservation --------------------- */
.guest_board {
	margin-bottom:10px;
	border:1px solid #aaaaaa;
	background-color:#eeeeee;
	padding:5px;
}

.gst_time_slot, .gst_time_slot_highlight {
	cursor:pointer;
	padding:2px;
	width:100px;	
}

.gst_time_slot_highlight {
	color:#ff0000;
}

.gst_time_slot:hover, .gst_time_slot_highlight:hover {
	background-color:#ffbbbb;
}

.course_group {
	/*font-weight:bold;*/
	color:#444;
	background-color: #ddd;
	margin-top:5px;
}

.time_box {
	margin-bottom:10px;
	padding-bottom:5px;
	width:398px;
	height:310px;
}

.time_slot_box {
	font-size:0.8em;
	width:95%;
	height:95px;
	position:relative;
	overflow:auto;
	padding-top:10px;
	padding-bottom:10px;
	margin-bottom:0px;
	font-weight:bold;
	text-align:left;
	border-top:1px dotted #333;
}

.waiting_slot_box {
	font-size:0.8em;
	width:99%;
	height:260px;
	position:relative;
	overflow:auto;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:4px;
	margin-bottom:0px;
	text-align:left;
}


/*-------------------- My page ------------------------- */
.green_subtitle {
	font-size:1.2em;
	font-weight:bold;
	color:#00aa00;
}

.gray_subtitle {
	font-size:1.2em;
	font-weight:bold;
	color:#4d4d4d;
}


.rsv_title {
	font-size:1.5em;
	font-weight:bold;
	color:#ea6d92;
}

.subtitle {
	font-weight:bold;
	color:#808080;
	background: url(../images/gst/subtitle_bg.gif) left top repeat-x;
	padding:3px 3px 3px 15px;
}


.dotlinegray {
	background: url(../images/gst/dot_gray.gif) left top repeat-x;
	height: 1px;
	padding-bottom: 15px;
	margin-top: 10px;	
}

a.rsv_link, a:visited.rsv_link {
	color:#ea6d92;
}

a:hover.rsv_link {
	color:#ff0000;
}


/* ---------------------- Customized components ------------------------*/
.custom_checkbox {
	display: none;
}

.custom_checkbox + label {
	background-color: #eaeaea;
	border: 1px solid #aaaeae;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
	padding: 6px;
	border-radius: 3px;
	display: inline-block;
	position: relative;
	cursor:pointer;
}

.custom_checkbox + label:active, .custom_checkbox:checked + label:active {
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

.custom_checkbox:checked + label {
	background-color: #e9ecee;
	border: 1px solid #adb8c0;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
	color: #99a1a7;
}

.custom_checkbox:checked + label:after {
	content: '\2714';
	font-weight:bold;
	font-size: 20px;
	position: absolute;
	top: -2px;
	left: -1px;
	color: #fd467c;
}

.custom_checkbox:disabled + label{
	background-color: #fafafa;
	border: 1px solid #dadede;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
	padding: 6px;
	border-radius: 3px;
	display: inline-block;
	position: relative;
}
 


.customer_radio {
	display: none;
}

.customer_radio + label {
	-webkit-appearance: none;
	background-color: #e9ecee;
	border: 1px solid #adb8c0;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
	padding: 7px;
	border-radius: 25px;
	display: inline-block;
	position: relative;
	cursor:pointer;
	color: #fd467c;
}

.customer_radio:checked + label:after {
	content: ' ';
	width: 10px;
	height: 10px;
	border-radius: 25px;
	position: absolute;
	top: 2px;
	background-color: #fd467c;
	box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3);
	text-shadow: 0px;
	left: 2px;
	font-size: 32px;
}

.customer_radio:checked + label {
	background-color: #e9ecee;
	color: #fd467c;
	border: 1px solid #adb8c0;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1), inset 0px 0px 10px rgba(0,0,0,0.1);
}

.customer_radio + label:active, .customer_radio:checked + label:active {
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}