body {
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	/*font-family:"lucida grande",tahoma,verdana,arial,sans-serif;*/
	font-family: "メイリオ","Meiryo","ＭＳ Ｐゴシック","lucida grande","MS PGothic",Osaka,"ヒラギノ角ゴ Pro W3",Arial,sans-serif;
	/*font-family: "メイリオ,Meiryo";*/
	font-size: small;
	padding: 0px;
	background-image: url(../images/bg_new.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: #888;
}

#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;
}

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





.leftmenuitem a {
	text-decoration: none;
}



.leftmenulast {
	border-bottom-style: solid; 
	border-width:1px;
	border-color:#80D36B;
	padding-bottom: 15px;
}


/*------------------------------ Rounded corner ---------------------------------*/
.roundtop { 
	background: url(../images/bg_container_rt.gif) no-repeat top right; 
}

.roundbottom {
	background: url(../images/bg_container_rb.gif) no-repeat top right;
	text-align:left; 
}

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: #F99E00;
}

.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.2em;
	color: #FF0000;
	font-weight: bold;
}


/*-------------------------------- 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:1.1em;
	color: #55AA55;
	font-weight: bold;
}

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

.dlgInformationRed {	/* Red information on modal dialogs */
	font-size:1.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;
}

.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;	
}

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

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

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

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

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

.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.calFull{background-color:#FFFF55;}

.calFull_desc {
	background-color:#FFFF55;
	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;
}


/*------------------------------------ Table border --------------------------------------*/
table.yelTab
{
color:#000000;
background-color:#ffffcc;
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_selected {
	position:relative;
	border:1px solid #888888;
	width:340px;
	padding:2px;
	background-color: #ffff88;
}

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

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

/*----------------- PC reservation --------------------- */
.guest_board {
	margin-bottom:10px;
	border:1px solid #aaaaaa;
	background-color:#f5f5f5;
	padding:5px;
	text-align:left;
	line-height: 1.5em;
}

.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;
}

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

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

.subtitle {
	font-weight:bold;
	color:#bd8d5e;
}

.coupon_title {
	width:480px;
	color:#aa0000;
	font-weight:bold;
}

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

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

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

a:visited {
	color:#0000ff;
}

a:hover {
	color:#ff0000;
}

.coupon_deadline_box {
	padding:5px;
	color:#ff0000;
	background-color:#f8f8f8;
	border:1px solid #cccccc;
	width:230px;
}