@charset "UTF-8";
/*---------------------------------------------------------------------------------------------
  Stylesheet - version date 1.0 2010.09.14
  7-JACK SYSTEM [/css/common.css]
---------------------------------------------------------------------------------------------*/

/*---------------------------------------------------------------------------------------------
  CSS Reset
---------------------------------------------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
}
fieldset,img {
	border: 0;
	vertical-align: bottom;
}
address,caption,cite,code,dfn,th,var {
	font-style: normal;
	font-weight: normal;
}
ol,ul,dl {
	list-style: none;
}
caption {
	text-align: left;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}
textarea {
	resize: vertical;
}
*:not(input):not(.cke_button):not(.cke_dialog_tab){
	/* size縺ｫmargin&padding蜷ｫ繧貞性縺ｾ縺帙ｋ縲！nput縺ｯBootstrap蛛ｴ縺ｾ縺ｧ豸医＠縺｡繧・≧縺ｮ縺ｧ謾ｾ鄂ｮ*/
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;	
	box-sizing: border-box;     
}
/*---------------------------------------------------------------------------------------------
  clearfix
---------------------------------------------------------------------------------------------*/
.clearfix:after {
	height: 0;
	content: ".";
	visibility: hidden;
	line-height: 0;
	display: block;
	clear: both;
	overflow: auto;
}
.clearfix {
	display: inline-block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}


/*---------------------------------------------------------------------------------------------
  General Layout
---------------------------------------------------------------------------------------------*/
html {
	filter: expression(document.execCommand("BackgroundImageCache", false, true));
}
body {
	font: 13px Meiryo,"繝｡繧､繝ｪ繧ｪ",Verdana,Arial,"Hiragino Kaku Gothic Pro","繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3",Osaka,"MS P Gothic","・ｭ・ｳ ・ｰ繧ｴ繧ｷ繝・け",sans-serif;/* 繝・ヵ繧ｩ繝ｫ繝医ヵ繧ｩ繝ｳ繝医し繧､繧ｺ 13px(100%) */
	line-height: 1.5em;
	color: #333;
	*font-size: small;
	*font: x-small;
	background-color: #F3F3F3;
}
html,body {
	height: 100%;
}

#bgContainer{
	margin:10px;
}

a {
	color: #3366CC;
	text-decoration: none;
	transition: all .4s ease;
    -webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	-ms-transition: all .4s ease;    
}
a:hover {
	text-decoration: none;
	filter: alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
	transition: all .4s ease;
    -webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	-ms-transition: all .4s ease;    
}

em {
	visibility: hidden;
	font-size: 0;
}
.clr {
	clear: both;
}

.mg0   {margin:0;}
.mg5   {margin:5px;}
.mg10  {margin:10px;}
.mg15  {margin:15px;}
.mg20  {margin:20px;}
.mgt5  {margin-top:5px;}
.mgt10 {margin-top:10px;}
.mgt15 {margin-top:15px;}
.mgt20 {margin-top:20px;}
.mgb5  {margin-bottom:5px;}
.mgb10 {margin-bottom:10px;}
.mgb15 {margin-bottom:15px;}
.mgb20 {margin-bottom:20px;}


/*---------------------------------------------------------------------------------------------
  Wrapper
---------------------------------------------------------------------------------------------*/
#wrapper {
	width: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto;
	padding: 0;
	position: relative;
	min-height: 100%;
	min-width: 1260px;
}
/*---------------------------------------------------------------------------------------------
  slider
---------------------------------------------------------------------------------------------*/
#sliderBox {
	position: relative;
	width: 100%;
	height: 450px;
	margin: 0 auto;
}
#sliderBox .topContentControl {
	z-index: 100;
	position: absolute;
	width: 100%;
	height: 35px;
	bottom: 0;
}
#sliderBox .topContentControl ul {
	width: 160px;
	margin: 0 auto;
}
#sliderBox .topContentControl ul li {
	float: left;
	margin: 0 15px 0 0;
}
#sliderBox .topContentControl ul li a {
	display: block;
	width: 14px;
	height: 14px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	border: #CCC 1px solid;
	background-color: #EEE;
}
#sliderBox .topContentControl ul li:lase-child {
	margin-right: 0;
}
#sliderBox .topContentControl ul li a.active {
	border-color: #D90000;
	background-color: #D90000;
}

.nav_page {
  background-color: #fff;
  color: #aaa;
  opacity: 0.7;
  position: absolute;
  text-align: center;
  text-decoration: none;
  z-index: 1030;
}
.nav_page:hover {
  opacity: 1;
}
.nav_page.nav_page_default {
  font-size: 30px;
  height: 150px;
  line-height: 150px;
  top: -255px;
  width: 40px;
}
.nav_page.nav_page_left {
  border-radius: 0 4px 4px 0;
  box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.1), 2px -2px 2px 2px rgba(0, 0, 0, 0.1);
  left: 0;
}
.nav_page.nav_page_right {
  border-radius: 4px 0 0 4px;
  box-shadow: -2px 2px 2px 2px rgba(0, 0, 0, 0.1), -2px -2px 2px 2px rgba(0, 0, 0, 0.1);
  right: 0;
}

#sliderBox .topContentIndex {
	position: absolute;
	display: none;
	width: 100%;
	height: 450px;
	background: #000 url(/img/common/img_slider1.jpg) center no-repeat;
}
#sliderBox .topContentIndex.image1 {
	background-image: url(/img/common/img_slider1.jpg);
}
#sliderBox .topContentIndex.image2 {
	background-image: url(/img/common/img_slider2.jpg);
}
#sliderBox .topContentIndex.image3 {
	background-image: url(/img/common/img_slider3.jpg);
}
#sliderBox .topContentIndex.image4 {
	background-image: url(/img/common/img_slider4.jpg);
}
#sliderBox .container {
  margin: 0 auto;
  width: 950px;
	color: #000;
}
#sliderBox .container .message {
	float: right;
	width: 440px;
	margin: 105px 0 0;
	padding: 15px;
	background: rgba(250,250,250,.8);
	filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#99FFFFFF,endcolorstr=#99FFFFFF, gradienttype=0);
}
#sliderBox .container .mainMessage {
	float: right;
	width: 380px;
	margin: 105px 0 0;
	padding: 15px;
}
#sliderBox .container .mainMessage p {
	font-size: 120%;
	line-height: 1.7;
	font-weight: bold;
}
#sliderBox .container .mainMessage p.mTxt {
	font-size: 220%;
	line-height: 1.8;
	text-shadow: 2px 2px 3px #FFF;
}
#sliderBox .container .mainMessage a {
	display: block;
	float: right;
	width: 110px;
	height: 30px;
	margin: 10px 0 0;
	line-height: 30px;
	background-color: #DB4D4D;
	color: #FFF;
	text-align: center;
	text-decoration: none;
}
/*#sliderBox .container .message dl {
	width: 440px;
	overflow: hidden;
	margin: 0 0 10px;
	font-weight: bold;
	font-size: 125%;
}
#sliderBox .container .message dl dt {
	float: left;
	width: 155px;
}
#sliderBox .container .message dl dd {
	float: right;
	width: 285px;
	margin: 0 0 5px;
}*/
#sliderBox .container .message h2 {
	font-size: 150%;
	font-weight: bold;
	margin: 0 0 15px;
}
#sliderBox .container .message h2 img {
	margin: 0 10px -1px 0;
}
#sliderBox .container .message p {
	font-size: 100%;
	line-height: 1.7;
	font-weight: bold;
}
#sliderBox .container .message p.function {
	font-size: 125%;
	line-height: 1.4;
	margin: 0 0 10px;
}
#sliderBox .container .message p.mainTxt {
	font-size: 180%;
	line-height: 1.4;
}
#sliderBox .container .message ul.registFlow li {
	float: left;
	margin: 0 10px 10px 0;
	padding: 0 15px 0 0;
	background: url(/img/common/ico3.png) right center no-repeat;
	font-weight: bold;
}
#sliderBox .container .message ul.registFlow li:last-child {
	background-image: none;
}
#sliderBox .container .message input {
	background-color: #FFF;
	border: 1px solid #C0C0C0;
	border-radius: 8px;
	height: 35px;
	padding: 0 10px;
	width: 95%;
	margin: 0 0 10px;
	font-size: 120%
}
#sliderBox .container .message a.btnRegist {
	display: block;
	width: 110px;
	height: 30px;
	margin: 10px auto 0;
	line-height: 30px;
	background-color: #DB4D4D;
	color: #FFF;
	text-align: center;
	text-decoration: none;
}
#sliderBox .container .message a.sampleSite {
	float: right;
	margin: 0 0 0 30px;
	color: #000;
}
#sliderBox .container .message a.sampleSite img {
	margin: 0 7px 0 0;
}
#sliderBox .container .message a.about_site {
	float: left;
	margin: 0 0 0 40px;
	color: #000;
}
#sliderBox .container .message a.about_site img {
	margin: 0 8px 0 0;
}
/*---------------------------------------------------------------------------------------------
  Header
---------------------------------------------------------------------------------------------*/
#header {
	height:auto;
	margin: 0 auto;
	padding: 0;
}



/*---------------------------------------------------------------------------------------------
  Page Container
---------------------------------------------------------------------------------------------*/
#container {
	width: 1100px;
	margin: 0 auto;
	padding: 20px 0 130px;
	overflow: hidden;
}
#container h1 {
	margin: 0 0 40px;
	text-shadow: 2px 2px 3px #C3C3C3;
	font-size: 500%;
	text-align: center;
	line-height: 50px;
}
#container h1 a {
	color: #333333;
	text-decoration: none;
}

#mainBox {
	width: 950px;
	margin: 0 auto;
}
#mainBox_top {
	width: 1100px;
	margin: 0 auto;
}

/*---------------------------------------------------------------------------------------------
  Footer
---------------------------------------------------------------------------------------------*/
#footer {
	width: 100%;
	height: 80px;
	margin: 0 auto;
	padding: 0 0 20px;
	clear: both;
	overflow: hidden;
	background-color: #E9E9E9;
	border-top: #CCC 1px solid;
	text-align: center;
	bottom: 0;
	position: absolute;
	bottom: 0;
}
#footer ul {
	margin: 0 auto 10px;
	padding: 20px 0 0;
	border-top: #FFF 1px solid;
	text-align: center;
	list-style: none;
}
#footer ul li {
	padding: 0 10px;
	display: inline;
	white-space: nowrap;
}
* html #footer li {/* IE6 */
	display: inline;
	zoom: 1;
}
*:first-child+html #footer li {/* IE7 */
	display: inline;
	zoom: 1;
}
#footer li a {
	color: #333;
	text-decoration: none;
}
#footer li a:hover {
	color: #999;
}
#footer h5 {
	width: 950px;
	margin: 10px auto 0;
	font-size: 77%;
	text-align: center;
	color: #999;
}
#footer .copyright {}


/*---------------------------------------------------------------------------------------------
  Common
---------------------------------------------------------------------------------------------*/

/* table */
.tbl1 {
	width: 100%;
	border: 1px solid #CCC;
	background-color: #FFF
}
.tbl1 th,
.tbl1 td {
	padding: 5px 5px;
	border: 1px solid #CCC;
}
.tbl1 th {
	font-weight: bold;
	text-align:center;
}
.tbl1 th.bgCol {
	background-color: #EBE5D0;
}
.tbl1 tr.bgCol {
	background-color: #FBFAF6;
}
.tbl1 td.tdL {
	width: 120px;
	text-align: right;
	background-color: #FFFFDD;
}
.tbl1 td.tdR {
	width: 270px;
}

/* color */
.colRed {
	color: #FF3366;
}
.colGreen {
	color: #539764;
}
.colGray {
	color: #CCC;
}
.colOrange {
	color: #FF9933;
}
.colBlue {
	color: #3399CC;
}

/* fontSize */
.txtSmall {
	font-size: 77%;
}

/* information  */
.information {
	padding: 0 0 0 18px;
	font-size: 80%;
	line-height: 17px;
	background: url(/img/common/ico_information.gif) left 3px no-repeat;
	/*background-position: 0px 3px;*/
	color: #F60;
}

/* informationw  */
.informationw {
	font-size: 80%;
	line-height: 17px;
	color: #F60;
}

/* caution  */
.caution {
	padding: 0 0 0 14px;
	font-size: 77%;
	line-height: 17px;
	background: url(/img/common/ico_caution.gif) left 3px no-repeat;
	/*background-position: 0px 3px;*/
	color: #F60;
}

/* cautionw  */
.cautionw {
	font-size: 77%;
	line-height: 17px;
	color: #F60;
}

/* 郢晏｣ｹ繝ｻ郢ｧ・ｸ驕假ｽｻ陷?? */
.pageMoveBox {
	margin: 20px 0 10px 0;
	text-align: right;
}
.pageMoveBox ul li {
	display: inline;
}
.pageMoveBox ul li.prev,
.pageMoveBox ul li.next {
	margin: 8px;
	color: #999;
}
.pageMoveBox ul li span {
	padding: 2px 6px;
	color: #FF6633;
	border: 1px #F5CDA6 solid;
	background-color: #FBEDE0;
}
.pageMoveBox ul li a.num {
	padding: 2px 6px;
	border: 1px #DDD solid;
	background-color: #FFF;
	text-decoration: none;
}
.pageMoveBox ul li a:hover.num {
	border: 1px #BFDEE3 solid;
	background-color: #E8F3F5;
}


/*---------------------------------------------------------------------------------------------
  Lightbox
---------------------------------------------------------------------------------------------*/
#lightbox {
	width: 100%;
	text-align: center;
	line-height: 0;
	z-index: 100;
	position: absolute;
	left: 0;
}
#lightbox img {
	width: auto;
	height: auto;
}
#lightbox a img {
	border: none;
}
#outerImageContainer {
	width: 250px;
	height: 250px;
	margin: 0 auto;
	background-color: #fff;
	position: relative;
}
#imageContainer {
	padding: 10px;
}
#loading {
	width: 100%;
	height: 25%;
	top: 40%;
	left: 0%;
	text-align: center;
	line-height: 0;
	position: absolute;
}
#hoverNav {
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	position: absolute;
	z-index: 10;
}
#imageContainer>#hoverNav {
	left: 0;
}
#hoverNav a {
	outline: none;
}
#prevLink,
#nextLink {
	width: 49%;
	height: 100%;
	background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */
	display: block;
}
#prevLink {
	left: 0;
	float: left;
}
#nextLink {
	right: 0;
	float: right;
}
#prevLink:hover,
#prevLink:visited:hover {
	background: url(/img/lightbox/prevlabel.gif) left 15% no-repeat;
}
#nextLink:hover,
#nextLink:visited:hover {
	background: url(/img/lightbox/nextlabel.gif) right 15% no-repeat;
}
#imageDataContainer {
	width: 100%	;
	margin: 0 auto;
	font: 10px Verdana, Helvetica, sans-serif;
	line-height: 1.4em;
	background-color: #fff;
	overflow: auto;
}
#imageData {
	padding:0 10px;
	color: #666;
}
#imageData #imageDetails {
	width: 70%;
	text-align: left;
	float: left;
}
#imageData #caption {
	font-weight: bold;
}
#imageData #numberDisplay {
	padding-bottom: 1.0em;
	display: block;
	clear: left;
}
#imageData #bottomNavClose {
	width: 66px;
	padding-bottom: 0.7em;
	outline: none;
	float: right;
}
#overlay {
	width: 100%;
	height: 500px;
	top: 0;
	left: 0;
	background-color: #000;
	z-index: 90;
	position: absolute;
}

/*---------------------------------------------------------------------------------------------
  Site Preview
---------------------------------------------------------------------------------------------*/
.arc90_linkpic {
	display: none;
	position: absolute;
	left: 0;
	top: 1.5em;
}
.arc90_linkpicIMG {
	padding: 0 4px 4px 0;
	background: ##FFF url(/img/common/preview/linkpic_shadow.gif) no-repeat bottom right;
}

/*---------------------------------------------------------------------------------------------
  Reserve System CSS
---------------------------------------------------------------------------------------------*/

.add_table_head{
	width:100%;
	border:1px #DDD solid;
	background-color:#FFF;
	padding:10px;
	font-weight:bold;	
}

.add_table{
	width:100%;
	border:1px #DDD solid;
	border-top:none;
	background-color:#FFF;
}

.add_table th{
	border:1px #DDD solid;
	border-top:none;
	width:200px;
	padding:5px;
}

.add_table th:last-child {
	width:100px;
}


.add_table th.editButton {
	width:60px;
}
.add_table td.editButton{
	text-align:center;
}

.add_table td{
	padding:5px;
	border:1px #DDD solid;
	border-top: none;
}



.clCourseTableHead{
	width:100%;
	border:1px #DDD solid;
	background-color:#FFF;
	padding:10px;
	font-weight:bold;	
}

.clCourseTable{
	width:100%;
	border:1px #DDD solid;
	border-top:none;
	background-color:#FFF;
}

.clCourseTable th{
	text-align:left;
	border:1px #DDD solid;
	border-top:none;	
	padding:10px;
	font-weight:bold;
}
.clCourseTable td{
	padding:5px;
	border:1px #DDD solid;
	border-top: none;
}

.clCourseTable th.editButton {
	width:50px;
}
.clCourseTable td.editButton{
	text-align:center;
}

.clCourseTable th.reserve{
	text-align:center;
}

#holiday_table{
	display:none;
}
#holiday_text_label{
	display:none;
}
#holiday_text_box{
	display:none;
}

.cl_add_button{
	padding: 8px;
	border: 1px #DDD solid;
	background-color:#FFF;	
	display: inline-block;
	margin-bottom: 10px;	
	min-width: 300px;
	text-align: center;
	margin-top: 8px;	
	margin-left: 8px;
	cursor: pointer;
}
.cl_add_button:hover{
	background-color:#EEE;
}

#allWrapper{
	width:1280px;
}

.main{	
	float:left;
	width:950px;
	padding: 8px;
	margin: 8px;
}

.sideMenu{
	clear:both;
	display:inline-block;
	width:300px;	
}

.clMainMenu{
	width:300px;
	border: 1px #BBB solid;
	background-color:#FFF;
}

.clMainMenu p{	
	border-bottom: 1px #BBB solid;
}

.clMainMenu p.tab{
	padding: 8px;
	background-color:#DDD;
}

.clMainMenu p:last-child{
	border: none;
}

.clMainMenu p a{
	padding: 8px;
	color:#555;
	text-decoration: none;
	display:block;
}

.clMainMenu p:not(.tab):hover{
	background-color:#EAEAEA;
}

.clSettingBox div.subTitle{
	cursor: pointer;
	margin-top:15px;
	font-size: 110%;
}

.clSettingBox div.subTitle:hover{
	background-color:#EEE;
}

.clSettingBox div.subTitle div:first-child{
	float: left;
	margin-top: 5px;
}

.clSettingBox div.subTitle div:nth-child(2){
	float: right;
}

.clSettingBox div.subTitle div:last-child{
	clear:both;
}



.loadModule{
	height:200px;
	text-align: center;
}

.loadModule i{
	margin-top: 50px;
}

.loadModule div{
	margin-top: 10px;
}

.cl_ajax_add_button_box{
	text-align: center;
	margin: 10px;
}

.cl_ajax_add_button_box a{
	padding: 8px;
	border: 1px solid #DDD;
	background-color: #FFF;
	display: inline-block;
	margin-bottom: 10px;
	min-width: 300px;
	text-align: center;	
}

.cl_ajax_add_button_box a:hover{
	background-color:#DEDEDE;
}

.actionBox{
	width: 660px;
	margin: 0px 0px 20px;
	padding: 10px;
	background: none repeat scroll 0% 0% #FFF;
	border: 5px solid #F99;
	font-size: 108%;	
}

.login_inner_box{
	margin: 0px 0px 10px;
}

#view_content{
	max-height:80%;
}

.calendarMsgBox{

}

.calendarMsgBox div{
	padding: 8px;
	margin: 5px;
	font-size: 120%;
	display: none;
	border: 3px #DDD solid;	
}
/************************************
 * reserve (iframe)
 ************************************/ 
 
.reserveParentBox{
	width: 100%;	
	padding: 20px;		
	cursor: pointer;
	background-color:#EEE;
	padding-bottom: 35px;
	border-top: 1px #DDD solid;
}
.reserveParentBox div:first-child{
	background-color:#EEE;
	float:left;
}
.reserveParentBox div:last-child{
	background-color:#EEE;
	float:right;
}	
.reserveChildBox{
	display:none;
	width: 100%;	
	padding: 20px;						
}
.reserveChildBox div{
	border-bottom: 1px #DDD solid;
	padding: 10px;
	cursor: pointer;
}
.reserveChildBox div:hover{
	background-color:#DEDEDE;
}	
.reserveChildBox div:first-child {
	border-top: 1px #DDD solid;
}

.reserveChildBox div.innerBox div,
.reserveChildBox div.innerBox div.inn div{
	border: none;cursor: inherit;padding: 0px;
}

.reserveChildBox div.innerBox div:last-child,
.reserveChildBox div.innerBox div.inn div:last-child{
	clear:both;
}
.reserveChildBox div.innerBox div.clr{
	padding-left: 2.4em;
	text-indent: -2.4em;
}

.reserveChildBox div.innerBox div.clr span{
	display: block;
	padding: 5px 10px;
	font-size: 85%;
	color: orange;
	color: #F60;	
}

.reserveChildBox div.innerBox div.right,
.reserveChildBox div.innerBox div.inn div.right{
	float:right;
}
.reserveChildBox div.innerBox div.inn div.right{
	min-width:100px;margin-left:15px;
}

.reserveChildBox div.innerBox div.left,
.reserveChildBox div.innerBox div.inn div.left{
	float:left;
}

#reserveIframe{
	width: 100%;
	border:none;
	overflow: hidden;
	min-height:800px;
}

.bgGray{
	background-color: #EEE;
}
/*
#loadingBox{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	z-index: 100;
	overflow: hidden;	
	/*background: none repeat scroll 0% 0% #333;*//*
	opacity: 0.9;
	visibility: visible;	
	display:none;
}

#loadingBox .inner{
	text-align: center;
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	margin: auto;
	height: 130px;
	width: 250px;
	z-index: 200;		
	padding: 20px;	
}

#loadingBox .inner div{
	margin: 10px 0px;
}*/

#loadingBox{
	display:none;
	text-align: center;
	position: absolute;
	background-color: #FFF;
	z-index: 5;opacity: 0.5;
}

#loadingBox .inner{
	position: relative;
	top: 250px;	
}

#loadingBox .inner div{
	margin: 10px 0px;	
}


#reserveDateErrorBox{
	display:none;
	text-align: center;
	position: absolute;
	background-color: #FFF;
	z-index: 5;opacity: 0.5;
}

#reserveDateErrorBox div{
	font-size: 180%;
}

.ajaxErrorBox{
	border-bottom: 1px solid #F36;
	margin: 10px;
	font-size: 110%;	
}

/**********************************
 * member login box
 *********************************/

#main .article_line .memberBox{
	background-color: #FFF;
	border: 1px #DDD solid;
	margin: 0px 0px 10px;	
}

#main .article_line .memberBox div:first-child{
	float: left;
	font-size: 120%;
	padding: 17px;			
}

#main .article_line .memberBox div:nth-child(2){
	float: right;
}

#main .article_line .memberBox div:nth-child(2) a{
	padding: 8px;
	border: 1px solid #DDD;
	background-color: #FFF;
	display: inline-block;
	margin: 8px 10px 10px;
	min-width: 100px;
	text-align: center;
	cursor: pointer;
}
#main .article_line .memberBox div:nth-child(2) a:hover{
	background-color: #EEE;
}

#main .article_line .memberBox div:last-child{
	clear:both;
}

#view_content .reserveIframe{
	width: 100%;
	border: none;	
}

/************************************
 *
 * cl reserve table
 *  
 ***********************************/

.clReserveTableHead{
	width:900px;
	border:1px #CCC solid;
	background-color:#FFF;
	padding:10px;
	font-weight:bold;	
}

.reserveTableWrapper{	
	border:1px #CCC solid;
	background-color:#FFF;
	border-bottom:none;
	width:900px;		
}

.reserveTableWrapper .date{
	/*border-bottom:1px #CCC solid;*/		
}

.reserveTableWrapper .date div:first-child{
	float: left;
	padding: 10px;
	font-size: 150%;
	font-weight: bold;
	color: #888;
	margin-top: 8px;
}

.reserveTableWrapper .date div:nth-child(2){
	float: right;
}

.reserveTableWrapper .date div:nth-child(2) a{
	padding: 8px;
	border: 1px solid #DDD;
	background-color: #FFF;
	display: inline-block;
	margin-bottom: 10px;
	min-width: 100px;
	text-align: center;
	margin-top: 8px;
	margin-right: 8px;
	cursor: pointer;
}
.reserveTableWrapper .date div:nth-child(2) input{
	width: 80px;
	margin-top: 8px;
	margin-right: 8px;
	text-align: center;	
}
.reserveTableWrapper .date div:nth-child(2) a:hover{
	background-color: #EEE;
}

.reserveTableWrapper .date div:last-child{
	clear:both;
}
.reserveTableWrapper .clReserveTable .scrollHead,
.reserveTableWrapper .clReserveTable .scrollBox{
	display:block;
}

.reserveTableWrapper .clReserveTable .scrollBox{
	max-height: 600px;
	overflow-y: auto;			
}

.reserveTableWrapper .clReserveTable{
	width:100%;	
	background-color:#FFF;
}

.reserveTableWrapper .clReserveTable th{
	border:1px #CCC solid;
	border-top:none;	
	padding:10px;
	table-layout:fixed;
	font-weight:bold;
}

.reserveTableWrapper .clReserveTable td{
	padding:10px;
	border:1px #CCC solid;
	border-top: none;
	table-layout:fixed;
	font-size:100%;
}

.reserveTableWrapper .clReserveTable tr:last-child td{
	border-bottom:none;
}

.reserveTableWrapper .clReserveTable tr th:first-child,
.reserveTableWrapper .clReserveTable tr td:first-child{
	border-left:none;
}

.reserveTableWrapper .clReserveTable tr th:last-child,
.reserveTableWrapper .clReserveTable tr td:last-child{
	border-right:none;
}
.reserveTableWrapper .clReserveTable tr.bgGray{
	background-color: #EFEFEF;
}

.reserveTableWrapper .clReserveTable td.center{
	text-align:center;
}

.reserveTableWrapper .clReserveTable tr td:first-child,
.reserveTableWrapper .clReserveTable tr th:first-child,
.reserveTableWrapper .clReserveTable tr td:last-child,
.reserveTableWrapper .clReserveTable tr th:last-child{
	width:60px;
}

.reserveTableWrapper .clReserveTable tr th:nth-child(2),
.reserveTableWrapper .clReserveTable tr th:nth-child(3){
	width:220px;
}

.reserveTableWrapper .clReserveTable tr th:nth-child(4),
.reserveTableWrapper .clReserveTable tr td:nth-child(6){
	width:120px;
}

.reserveTableWrapper .clReserveTable tr th:nth-child(5),
.reserveTableWrapper .clReserveTable tr td:nth-child(7){
	width:200px;
}

.reserveTableWrapper .clReserveTable tr td:nth-child(2),
.reserveTableWrapper .clReserveTable tr td:nth-child(4){
	width:50px;
	border-right:1px #CCC dotted;
}

.reserveTableWrapper .clReserveTable tr td:nth-child(3),
.reserveTableWrapper .clReserveTable tr td:nth-child(5){
	width:170px;
}

.reserveTableWrapper .clReserveTable tr td:nth-child(3) div a,
.reserveTableWrapper .clReserveTable tr td:nth-child(5) div a{
	margin: 8px 0px;
	padding-bottom: 2px;
	border-bottom:1px #AAA dotted;
	display:block;
	line-height:20px;
}

.reserveTableWrapper .clReserveTable tr td.holiday:first-child{
	height:620px;	
	text-align:center;
	font-size:300%;
	background-color:#EEE;
	color: #888;
	font-weight: bold;
	width: 900px;
}

.inBalloon .button{
	text-align:center;
}

.inBalloon .button a{
	display: inline-block;
	padding: 5px;
	margin-bottom:5px;
	background-color: #FFF;
	border: 1px solid #DDD;
	min-width: 60px;	
}

.inBalloon iframe{
	width:362px;
	height:162px;
	border: 2px #DDD solid;
	padding: 5px;
	background-color:#FFF;
}

table td input.tel{
	width: 60px;
	margin: 0;	
}

.reserveTableWrapper #clReserveTableLoadBox{
	position: absolute;
	width: 900px;
	height: 600px;
	top: 390px;
	display:none;
}
.reserveTableWrapper #clReserveTableLoadBox div{
	display: table-cell;
	text-align: center;
	width: 900px;
	height: 600px;
	vertical-align: middle;	
	font-size: 250%;
	color: #888;
	font-weight: bold;		
}
.reserveTableWrapper #clReserveTableLoadBox div i{
	margin-bottom: 20px;
}

.cateSelectBox dl{
	width: 450px;
	height: 37px;
	background: none repeat scroll 0% 0% #8C8C8C;
	border: 3px solid #8C8C8C;
}
.cateSelectBox dl dt{
	float: left;
	width: 110px;
	height: 30px;
	line-height: 25px;
	color: #FFF;
}
.cateSelectBox dl dt div{
	display:inline-block;
	margin-left: 18px;
	margin-top: 3px;
}

.cateSelectBox dl dd{
	float: right;
	width: 320px;
	height: 31px;
	padding: 0px;
	background: none repeat scroll 0% 0% #FFF;
}

.cateSelectBox dl dd select{
	width: 320px; 
	position: absolute; 
	opacity: 0; 
	height: 27px; 
}
.cateSelectBox dl dd select option {
	font: 13px Meiryo,"繝｡繧､繝ｪ繧ｪ",Verdana,Arial,"Hiragino Kaku Gothic Pro","繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3",Osaka,"MS P Gothic","・ｭ・ｳ ・ｰ繧ｴ繧ｷ繝・け",sans-serif;
    color: #8C8C8C;
    background: none repeat scroll 0% 0% #FFF;
    padding: 5px;
}

.cateSelectBox dl dd span.customSelect{
	padding-left: 10px;
	color: #8C8C8C;
	font-weight: bold;
	text-align: left;	
}

.cateSelectBox dl dd span.customSelect span{
	width: 300px !important;
	display: inline-block;
	background: url("/img/common/selectArrow.png") no-repeat scroll right center / 16px 10px transparent;
	line-height: 30px;
}

#view_content,
#edit_content,
#holiday_content{
	/*padding:0px 10px;*/
}

.tblForm label.check{
	padding:10px 5px;	
}

.tblForm label.check:hover{
	background-color:#FEE;
}

/* custom scroll bar */
* {
  -webkit-overflow-scrolling: touch; /* 全てのスクロールで惰性スクロールを有効にする */   
}


::-webkit-scrollbar{
	-webkit-transform: translateZ(0px) !important; 
	width: 5px !important;
	background: rgba(0, 0, 0, 0.25) !important;
}
::-webkit-scrollbar-thumb{
	background: rgba(0, 0, 0, 0.5) !important;
	border-radius: 2px !important;
}

::-webkit-scrollbar:horizontal{ /* 横方向のスクロールバー本体 */
	-webkit-transform: translateZ(0px) !important; 	
	height: 5px !important;
	background: rgba(0, 0, 0, 0.25) !important;
}

::-webkit-scrollbar-thumb:horizontal{ /* 横方向のスクロールバーの動く部分 */
	background: rgba(0, 0, 0, 0.5) !important;
	border-radius: 2px !important;
}
.noscroll{
	position: fixed;
	overflow-y: scroll;	
}

/* gourmet */

.clCourseTable .reservePeopleBox{
   margin:10px 0px 0px; 
}

.clCourseTable .reservePeopleBox div:first-child{
    float:left;
}
.clCourseTable .reservePeopleBox div:first-child input{
    width:50px;
}
.clCourseTable .reservePeopleBox:last-child{
    clear:both;
}
.clCourseTable .reservePeopleBox .innBtn{
    display: inline-block;
    padding: 8px 30px;
    color: #FFF;
    box-shadow: 2px 2px 3px #DDD;
    float: left;
    margin-top: -3px;
    margin-left:16px;
    cursor:pointer;
    display:none;
}
.clCourseTable .reservePeopleBox .innBtn:hover{
    opacity:0.7;
	transition: all .4s ease;
    -webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	-ms-transition: all .4s ease;    
}
.clCourseTable .reservePeopleBox .submit{
    background: none repeat scroll 0% 0% #FF8585;
}
.clCourseTable .reservePeopleBox .change{
    background: none repeat scroll 0% 0% #9CDACB;
}

.clCourseTable .seatListBox table.innSeat{
    width: 100%;
}
.clCourseTable .seatListBox table.innSeat th,
.clCourseTable .seatListBox table.innSeat td{
    border:none;
    border-bottom:1px solid #DDD;
}
.clCourseTable .seatListBox table.innSeat td.btnTd{
    text-align:center;
}
.clCourseTable .seatListBox table.innSeat td.btnTd div{
    display:inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 8px 12px;
    font-size: 120%;
    color: #888;
}
.clCourseTable .seatListBox table.innSeat td.btnTd .submit{
    display:inline-block;
    color: #FFF;
    text-align: center;
    vertical-align: middle;
    padding: 8px 24px;
    font-size: 120%;
    background: #FEC412;
    cursor: pointer;
    font-size: 90%;
}
.clCourseTable .seatListBox table.innSeat td.btnTd .submit:hover{
    opacity:0.7;
	transition: all .4s ease;
    -webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	-ms-transition: all .4s ease;    
}
.clCourseTable .seatListBox table.innSeat td.btnTd .innBtn{
    padding: 0px;
    cursor: pointer;
    font-size: 200%;
    background-color: rgba(0,0,0,0);
}
.clCourseTable .seatListBox table.innSeat td.btnTd .plus{
    color: #FEC412;
}
.clCourseTable .seatListBox table.innSeat td.btnTd .minus{
    color: #CCC;
}
.clCourseTable .seatListBox table.innSeat td.btnTd .innBtn:hover{
    opacity:0.7;
	transition: all .4s ease;
    -webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	-ms-transition: all .4s ease;    
}
.clCourseTable .seatListBox table.innSeat .tellBox{
    font-size: 150%;
    padding: 10px;
    border: 2px solid #DDD;
    margin: 10px;
}
.reserveTableWrapper .clReserveTable tr td table.seatTable{
    width:100%;
}
.reserveTableWrapper .clReserveTable tr td table.seatTable td{
    padding: 4px 0px 4px;
    margin: 5px 0px;
    border:none;
    border-bottom: 1px dotted #AAA;
    line-height: 20px;
    text-align: left;
}
.reserveTableWrapper .clReserveTable tr td table.seatTable td.innVal{
    width:30%
}
.reserveTableWrapper .clReserveTable tr td table.seatTable td.innName{
    width:70%;
}

.logBox .monthlyBox{
    padding-bottom:40px;
}
.logBox .monthlyBox .innKeyword,
.logBox .monthlyBox .innPhrase,
.logBox .monthlyBox .innReferer{
    overflow: auto;
}

.logBox .monthlyBox .tblForm02 tbody tr td:first-child{    
    text-align:center;
    width:80px;
}
.logBox .monthlyBox .tblForm02 tbody tr td:last-child{    
    text-align:center;
    width:100px;
}

.logBox h3.formTit span.tit,
.logBox h3.formTit span.tit{
    font-size: 120%;
}
.logBox .accessCntBox h3.formTit span.titBtn,
.logBox .monthlyBox h3.formTit span.titBtn{
    margin: 0px;
    float:right;
    cursor:pointer;
    color: #069;
    color: #FFF;
    border: 1px solid #8C8C8C;
    padding: 1px 4px 3px;
    background: none repeat scroll 0% 0% #8C8C8C;
}
.logBox .monthlyBox h3.formTit span.titBtn:hover{
    opacity:0.5;
	transition: all .4s ease;
    -webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	-ms-transition: all .4s ease;    
}

.logBox .monthlyBox h3.formTit span i{
    font-size:130%;
}

.logBox .monthlyBox h3.formTit .clr{
    clear:both;
}
.logBox .accessCntBox{
    max-width:900px;
}