@charset "utf-8";

/*--- モーダル・ウィンドウ ---*/

html,body {	height: 100%; }
* html .layer_board_bg, * html .layer_board { position: absolute; }

.layer_board_bg {
	position: absolute; position: fixed; width: 100%; height: 10000px; min-height: 100%;
	z-index: 1000; top: 0; left: 0;
	display: none; background: #000;
}
.layer_board {
	display: none; position: relative;
	max-width: 940px;
	margin: 0 auto; z-index: 2000;
}
.simple-modal {
  /* Style rewrite */
	width: 100%;
	position: absolute; margin: 10px 0 0;
	background: url(../img/common/allmenu_back.png) top repeat-x #FAFDFE;
	border: solid 1px #17BAEC;
	z-index: 99999;
}

.simple-modal .simple-modal-body div.layer_contents {
	margin: 0.75em 0 0; border-bottom: solid 1px #ccc;
}

.layer_board_btn { z-index: 1; }


.simple-modal-body .btn_close {
	display: block;
	width: 24px;
	height: 24px;
	float: right;
	margin: -10px -10px -14px 0;
}
.simple-modal-body h4 {
	border-bottom: dotted 1px #649ddf;
	font-size: .75em;
	padding: 10px 0 10px 24px;
	margin-bottom: 7px;
}
.simple-modal-body h4.allmenu_title01 { background: url(../img/common/allmenu01.png) left center no-repeat; }
.simple-modal-body h4.allmenu_title02 { background: url(../img/common/allmenu02.png) left center no-repeat; }
.simple-modal-body h4.allmenu_title03 { background: url(../img/common/allmenu03.png) left center no-repeat; }
.simple-modal-body h4.allmenu_title04 { background: url(../img/common/allmenu04.png) left center no-repeat; }
.simple-modal-body h4.allmenu_title05 { background: url(../img/common/allmenu05.png) left center no-repeat; }
.simple-modal-body h4.allmenu_title06 { background: url(../img/common/allmenu06.png) left center no-repeat; }

.simple-modal-body h4.allmenu_title07 { background: url(../img/common/allmenu07.png) left center no-repeat; }
.simple-modal-body h4.allmenu_title08 { background: url(../img/common/allmenu08.png) left center no-repeat; }
.simple-modal-body h4.allmenu_title09 { background: url(../img/common/allmenu09.png) left center no-repeat; }
.simple-modal-body h4.allmenu_title10 { background: url(../img/common/allmenu10.png) left center no-repeat; }
.simple-modal-body h4.allmenu_title11 { background: url(../img/common/allmenu11.png) left center no-repeat; }



.simple-modal-body ul li {
	font-size: .675em;
	padding: 3px 0;
	line-height: 1.33;
	list-style: outside url(../img/common/arrow02.png);
	margin-left: 1.5em;
}

.simple-modal-body .allmenu_box01 .inner,
.simple-modal-body .allmenu_box02 .inner,
.simple-modal-body .allmenu_box03 .inner,
.simple-modal-body .allmenu_box04 .inner {
	padding: 10px 10px 20px;
}
.simple-modal-body .allmenu_box01 {
	width: 40%;
	float: left;
}
.simple-modal-body .allmenu_box02 {
	width: 20%;
	float: left;
}
.simple-modal-body .allmenu_box01 ul {
	width: 50%;
	float: left;
}

.simple-modal-body .allmenu_box03 {
	width: 50%;
	float: left;
}
.simple-modal-body .allmenu_box04 {
	width: 25%;
	float: left;
}
.simple-modal-body .allmenu_box03 ul {
	width: 50%;
	float: left;
}
.simple-modal-body .allmenu_box04 ul.w50 {
	width: 50%;
	float: left;
}


/*----- 回り込み回避 -----*/

.btn_close:after,
.simple-modal-body:after
{
  content: ".";  
  display: block;  
  visibility: hidden;  
  height: 0.1px;  
  line-height: 0;  
  clear: both;  
} 


@media all and (max-width: 768px){

	.layer_board { width: 90%; }
	.simple-modal { width: 100%; margin: -50px 0 0; }
}

@media all and (max-width: 640px){

	.layer_board {
		width: 90%;
		margin: -100px auto 0;
	}
	.simple-modal-body h4 { clear:both; }
	.simple-modal-body .allmenu_box01,
	.simple-modal-body .allmenu_box02,
	.simple-modal-body .allmenu_box01 ul,
	.simple-modal-body .allmenu_box03,
	.simple-modal-body .allmenu_box04,
	.simple-modal-body .allmenu_box03 ul,
	.simple-modal-body .allmenu_box04 ul.w50
	 {
		width: 100%;
		float: none;
	}
	
}