@charset "utf-8";

/* ▼すべての場合に適用 */
/*-----page all default setting-----*/

html, body{
background-color:#fcfcfc;
}

#container{
	position: relative;
	display: block;
	float: none;
	clear: both;
	width: 100%;
    margin:0px auto 0px;
    padding:0px;
}

header{
	position: relative;
	display: block;
	width: 100%;
	height: 100px;
	margin: 0px;
	padding: 0px;
	background-image: none;
	background-repeat: no-repeat;
	background-position: center top;
	background-color: rgba(0, 0, 0, 0);
	z-index: 99;
}

/*-----main box setting-----*/

.main_titleimage {
    position: relative;
    display: block;
	width:100%;
    height: 700px;
    margin: -100px auto 0px;
    padding: 0px;
	background-image: url(../images/contents/top/ilcontinuo_pc_bg.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position:center center;
    background-color: #ffffff;
    text-align: center;
    zoom: 1; 
	z-index: 9;
}

.page_description {
	position: relative;
	display: inline-block;
	width: 90%;
	height:auto;
	margin:25% 0px 0px;
	padding: 0px;
	color: #ffffff;
	line-height: 50px;
	text-align: center;
	font-size: 1.7em;
	font-weight: normal;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	text-shadow: 0px 1px 5px #222222;
}

/*-----opening time and closing time setting-----*/

.op_cl_schedulebox {
	position: relative;
	display: inline-block;
	width: 300px;
	height:auto;
	margin:15% 0px 0px;
	padding: 1em;
	color: #ffffff;
	line-height: 1em;
	text-align: center;
	font-size: 1em;
	font-weight: normal;
	font-family: 'Times New Roman';
	text-shadow: 0px 1px 2px rgba(34, 34, 34, 0.4);
    border-top: 3px double rgba(255, 255, 255, 1);
    border-bottom: 3px double rgba(255, 255, 255, 1);
}

.op_timebox {
	position: relative;
	display: inline-block;
	width: auto;
	height:auto;
    margin: 0px 0px 10px;
    padding: 0px;
    
}

.cl_timebox {
	position: relative;
	display: inline-block;
	width: auto;
	height:auto;
    margin: 0px 0px 0px;
    padding: 0px;
    
}

#news_frame {
	position: relative;
	display: block;
	width: 100%;
	height: 500px;
	margin: 20px auto 0px;
	padding: 0px;
	background-image:
		url(../images/contents/top/re_inforbox_l.jpg),
		url(../images/contents/top/re_inforbox_r.jpg),
		url(../images/contents/top/re_inforbox_c.png)
		;
	background-repeat:
		no-repeat,
		no-repeat,
		repeat-x
		;
	background-position:
		left top,
		right top,
		center center
		;
	
	background-color: #ffffff;
	clear: both;
}

#newsbox {
	position: relative;
	display: block;
	width: 44%;
	height: 380px;
	margin: 51px 5px 0px 55px;
	padding: 0px;
	background-color: #ffffff;
	border: 5px solid #222222;
	text-align: left;
	overflow: auto;
	float: left;
}

.st_news {
	position: relative;
	display:block;
	width: 200px;
	height: 80px;
	margin: 0px auto 0px;
	padding: 0px;
	text-align: center;
	border-top: 5px solid #222222;
}

.st_news img{
	position: relative;
	display: block;
	width: auto;
	height: 40px;
	margin: 10px auto 0px;
	padding: 0px;
}

.st_news .st_ruby {
	position: relative;
	display: block;
	width: 100px;
	height: 20px;
	margin:0px auto 0px;
	padding: 0px;
	color: #333333;
}

.st_ruby {
	position: relative;
	display: block;
	width: 100px;
	height: 20px;
	margin:0px auto 0px;
	padding: 0px;
	line-height: 20px;
	text-align: center;
	font-size: 0.9em;
	font-weight: bold;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}


#newsbox ul{
	position: relative;
	display: block;
	width: 98%;
	height: 283px;
	margin: 0px auto 0px;
	padding: 10px 0px 0px;
	border-top: 1px dashed #222222;
	overflow: hidden;
}

#newsbox ul li{
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	margin: 0px auto 10px;
	padding: 0px;
	font-size: 0.9em;
	clear: both;
}

.n_datebox {
	position: relative;
	display:block;
	width: 100px;
	height: 20px;
	line-height: 20px;
	margin: 0px 10px 70px 0px;
	padding: 5px;
	text-align: center;
	background-color: #222222;
	color: #ffffff;
	float: left;
}

.n_detailbox {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	margin: 0px;
	padding: 0px;
	line-height: 1.2em;
	color: #444444;
}

.n_detailbox a{
	color: #444444;
	text-decoration: none;
	margin: 0px;
	padding: 0px 0px 0px;
	border-bottom: 2px dotted #999999; 
}

.n_detailbox a:hover{
	color: #d0111b;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	border-bottom: 2px dotted #d0111b; 
}

.anniv_10thbox {
	position: relative;
	display: block;
	min-width: 40%;
	height: 390px;
	margin: 53px 55px 0px 0px;
	padding: 0px;
	background-image: url(../images/contents/top/top_10thanniv_bg.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: cover;
	text-align: left;
	float: right;
}

.anniv_10thbox img{
	position: relative;
	display: block;
	width: auto;
	height: 380px;
	margin: 5px auto 0px;
	padding: 0px;
	background-color: rgba(255, 255, 255, 0.8);
}

#intro_wrapper {
	position: relative;
	display: block;
	width: 100%;
	height: 600px;
	margin: 0px auto 0px;
	padding: 0px;
	background-color: #0c0100;
}

.introbox {
	position: relative;
	display: block;
	width: 950px;
	height: 600px;
	margin: 0px auto 0px;
	padding: 0px;
	background-image: url(../images/contents/top/top_intro_bg.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: contain;	
}

.intro_ad-slogan {
	position: relative;
	display: inline-block;
	width: 580px;
	height:50px;
	margin:280px 185px 0px;
	padding: 0px;
	color: #ffffff;
	line-height: 50px;
	text-align: center;
	font-size: 2.5em;
	font-weight: normal;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	
}

#categbox {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	margin: 0px auto 50px;
	padding: 0px;
	text-align: left;
}

#categbox a{
	text-decoration: none;
}

.ca_concept {
	position: relative;
	display: block;
	width: 50%;
	height: 500px;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/contents/top/top_concept_bg.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: cover;
	background-color: #eaeaea;
	float: left;
}

.st_concept {
	position: relative;
	display:block;
	width: 300px;
	height: 70px;
	margin: 70px auto 0px;
	padding: 0px;
	text-align: center;
}

.st_concept img{
	position: relative;
	display: inline-block;
	width: auto;
	height: 40px;
	margin: 0px;
	padding: 0px;
}

.st_concept .st_ruby {
	color: #333333;
}

.ca_lunch {
	position: relative;
	display: block;
	width: 50%;
	height: 500px;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/contents/top/top_lunch_bg.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: cover;
	background-color: #eaeaea;
	float: left;
}

.st_lunch {
	position: relative;
	display:block;
	width: 300px;
	height: 70px;
	margin: 70px auto 0px;
	padding: 0px;
	text-align: center;
}

.st_lunch img{
	position: relative;
	display: inline-block;
	width: auto;
	height: 40px;
	margin: 0px;
	padding: 0px;
}

.st_lunch .st_ruby {
	color: #333333;
}

.ca_course {
	position: relative;
	display: block;
	width: 50%;
	height: 500px;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/contents/top/top_course_bg.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: cover;
	background-color: #eaeaea;
	float: left;
}

.st_course {
	position: relative;
	display:block;
	width: 300px;
	height: 70px;
	margin: 70px auto 0px;
	padding: 0px;
	text-align: center;
}

.st_course img{
	position: relative;
	display: inline-block;
	width: auto;
	height: 40px;
	margin: 0px;
	padding: 0px;
}

.st_course .st_ruby {
	color: #333333;
}

.ca_access {
	position: relative;
	display: block;
	width: 50%;
	height: 500px;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/contents/top/top_access_bg.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: cover;
	background-color: #eaeaea;
	float: left;
}

.st_access {
	position: relative;
	display:block;
	width: 300px;
	height: 70px;
	margin: 70px auto 0px;
	padding: 0px;
	text-align: center;
}

.st_access img{
	position: relative;
	display: inline-block;
	width: auto;
	height: 40px;
	margin: 0px;
	padding: 0px;
}

.st_access .st_ruby {
	color: #ffffff;
}

.cat_txtbox {
    position: relative;
    display: block;
    width: 450px;
    height: auto;
    margin: 50px auto 50px;
	padding: 0px;
	font-size: 0.9em;
	font-weight: normal;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.cat_txtbox_wh {
    position: relative;
    display: block;
    width: 450px;
    height: auto;
    margin: 50px auto 50px;
	padding: 0px;
	color: #ffffff;
	font-size: 0.9em;
	font-weight: normal;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.more_btn {
	position: relative;
	display: block;
	width: 150px;
	height: 40p;
	text-align: center;
	margin: 15px auto 0px;
	padding: 0px;
	font-size: 0.9em;
	font-weight: normal;
}

.more_btn a{
	position: relative;
	display: block;
	width: 150px;
	height: 40p;
	text-align: center;
	margin: 15px auto 0px;
	padding: 5px 0px;
	text-decoration: none;
	color: #ffffff;
	background-color: rgba(255, 255, 255, 0.2);
	border-radius: 5px;
	border: 1px solid rgba(255, 255, 255, 0.6);
}

.more_btn a:hover{
	position: relative;
	display: block;
	width: 150px;
	height: 40p;
	text-align: center;
	margin: 15px auto 0px;
	padding: 5px 0px;
	text-decoration: none;
	color: #333333;
	background-color: rgba(255, 255, 255, 0.6);
	border-radius: 5px;
	border: 1px solid rgba(85, 85, 85, 0.1);
}