@charset "UTF-8";


#modal-overlay{
	z-index:1;
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:120%;
	background:url(/images/common/overlay.png) repeat 0 0;
	opacity: 0.9;
	filter: alpha(opacity = 90);
}


#modal-content-serviceroom,
#modal-content-servicerec,
#modal-content-servicelive,
#modal-content-serviceselfrec,
#modal-content-serviceline,
#modal-content-servicemovie,
#modal-content-serviceroommax,
#modal-content-servicesmoke,
#modal-content-servicepack,
#modal-content-servicekojin,
#modal-content-servicemirror,
#modal-content-servicebike,
#modal-content-servicecar,
#modal-content-servicegakki,
#modal-content-servicerental,
#modal-content-serviceuppiano,
#modal-content-serviceust,
#modal-content-servicewifi,
#modal-content-servicecd,
#modal-content-servicelocker,

#modal-content-live-stlive,
#modal-content-live-liverec,
#modal-content-live-ust,
#modal-content-live-rehearsal,

#modal-content-map-osaka,
#modal-content-stview-osaka,
#modal-content-stview-osakarec,

#modal-content-map-juso,
#modal-content-stview-juso,
#modal-content-stview-jusorec,
#modal-content-stview-jusolive,

#modal-content-map-gen,
#modal-content-stview-gen,
#modal-content-stview-genrec,

#modal-content-map-namba,
#modal-content-stview-namba,
#modal-content-stview-nambarec,

#modal-content-map-sb,
#modal-content-stview-sb,
#modal-content-stview-sbrec,

#modal-content-map-west,
#modal-content-stview-west,
#modal-content-stview-westrec,
#modal-content-stview-westlive,

#modal-content-map-kyoto,
#modal-content-stview-kyoto,
#modal-content-stview-kyotorec,
#modal-content-stview-kyotolive,

#modal-content-map-nagoya,
#modal-content-stview-nagoya,
#modal-content-stview-nagoyarec,
#modal-content-stview-nagoyalive,

#modal-content-webre01,
#modal-content-webre02,
#modal-content-webre03,
#modal-content-webre04,
#modal-content-webre05,
#modal-content-webre06

{
	width:65%;
	height:500px;
	margin:0;
	padding:20px 20px;
	border:10px solid #000;
	background:#fff;
	position:fixed;
	display:none;
	z-index:2;
	overflow-x: scroll;
	text-align:left;
}


.modal-open_serviceroom,
.modal-open_servicerec,
.modal-open_servicelive,
.modal-open_serviceselfrec,
.modal-content-serviceline,
.modal-content-servicemovie,
.modal-open_serviceroommax,
.modal-open_servicesmoke,
.modal-open_servicepack,
.modal-open_servicekojin,
.modal-open_servicemirror,
.modal-open_servicebike,
.modal-open_servicecar,
.modal-open_servicegakki,
.modal-open_servicerental,
.modal-open_serviceuppiano,
.modal-open_serviceust,
.modal-open_servicewifi,
.modal-open_servicecd,
.modal-open_servicelocker,
.modal-open_serviceline,
.modal-open_servicemovie,

.modal-open_live-stlive,
.modal-open_live-liverec,
.modal-open_live-ust,
.modal-open_live-rehearsal,

.modal-open_map-osaka,
.modal-open_stview-osaka,
.modal-open_stview-osakarec,

.modal-open_map-juso,
.modal-open_stview-juso,
.modal-open_stview-jusorec,
.modal-open_stview-jusolive,

.modal-open_map-gen,
.modal-open_stview-gen,
.modal-open_stview-genrec,

.modal-open_map-namba,
.modal-open_stview-namba,
.modal-open_stview-nambarec,

.modal-open_map-sb,
.modal-open_stview-sb,
.modal-open_stview-sbrec,

.modal-open_map-west,
.modal-open_stview-west,
.modal-open_stview-westrec,

.modal-open_map-kyoto,
.modal-open_stview-kyoto,
.modal-open_stview-kyotorec,
.modal-open_stview-kyotolive,

.modal-open_map-nagoya,
.modal-open_stview-nagoya,
.modal-open_stview-nagoyarec,
.modal-open_stview-nagoyalive,

.modal-open_webre01,
.modal-open_webre02,
.modal-open_webre03,
.modal-open_webre04,
.modal-open_webre05,
.modal-open_webre06

{
	color:#00f;
	text-decoration:underline;
	cursor:pointer;
}

.td12em{
	font-size:1.5em;
}

#container .modal_h3{
	display:block;
	padding:0;
	background:url(/images/common/bg_bk.gif);
	color:#FFF;
	margin-bottom:10px;
}
.modal_h3 img{
	width:50px;
	padding:0 10px 0 0;
	vertical-align:middle;
}
.modal-list{
	border-bottom:1px dotted #666;
	margin:5px 0;
	padding-bottom:5px;
	font-size:1.2em;
	height:auto;
	width:100%;
	float:left;
}
.modal-studio{
	float:left;
	width:100%;
}
.modal-studio a{
	background:url(../images/icon/icon-arrow_r.png) no-repeat;
	padding-left:18px;
	background-position:0 50%;
}
.modal-taiou{
	float:left;
}



/*//スマホ用モーダルウィンドウ//*/

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

#modal-content-serviceroom,
#modal-content-servicerec,
#modal-content-servicelive,
#modal-content-serviceselfrec,
#modal-content-serviceline,
#modal-content-servicemovie,
#modal-content-serviceroommax,
#modal-content-servicesmoke,
#modal-content-servicepack,
#modal-content-servicekojin,
#modal-content-servicemirror,
#modal-content-servicebike,
#modal-content-servicecar,
#modal-content-servicegakki,
#modal-content-servicerental,
#modal-content-serviceuppiano,
#modal-content-serviceust,
#modal-content-servicewifi,
#modal-content-servicecd,
#modal-content-servicelocker,

#modal-content-live-stlive,
#modal-content-live-liverec,
#modal-content-live-ust,
#modal-content-live-rehearsal,

#modal-content-stview-osaka,
#modal-content-stview-osaka,
#modal-content-stview-osakarec,

#modal-content-map-juso,
#modal-content-stview-juso,
#modal-content-stview-jusorec,
#modal-content-stview-jusolive,

#modal-content-stview-gen,
#modal-content-stview-genrec,

#modal-content-stview-namba,
#modal-content-stview-nambarec,

#modal-content-stview-sb,
#modal-content-stview-sbrec,

#modal-content-stview-west,
#modal-content-stview-westrec,

#modal-content-stview-kyoto,
#modal-content-stview-kyotorec,
#modal-content-stview-kyotolive,

#modal-content-stview-nagoya,
#modal-content-stview-nagoyarec,
#modal-content-stview-nagoyalive
{
	width:80%;
	height:400px;
	padding:10px 5px;
}
#modal-content-serviceroom p,
#modal-content-servicerec p,
#modal-content-servicelive p,
#modal-content-serviceselfrec p,
#modal-content-serviceline p,
#modal-content-servicemovie p,
#modal-content-serviceroommax p,
#modal-content-servicesmoke p,
#modal-content-servicepack p,
#modal-content-servicekojin p,
#modal-content-servicemirror p,
#modal-content-servicebike p,
#modal-content-servicecar p,
#modal-content-servicegakki p,
#modal-content-servicerental p,
#modal-content-serviceuppiano p,
#modal-content-serviceust p,
#modal-content-servicewifi p,
#modal-content-servicecd p,
#modal-content-servicelocker p,

#modal-content-live-stlive,
#modal-content-live-liverec,
#modal-content-live-ust,
#modal-content-live-rehearsal,

#modal-content-stview-jusolive p
{
	font-size:0.8em;
}

#container .modal_h3{
	font-size:0.9em;
}
.modal_h3 img{
	width:25px;
	padding:0 10px 0 0;
	vertical-align:middle;
}

.modal-list{
	border-bottom:1px dotted #666;
	margin:5px 0;
	padding-bottom:5px;
	font-size:0.8em;
}
.modal-studio{
	width:100%;
}
.modal-studio a{
	background-size:10px;
	font-size:1.2em;
}

	
}