@charset "utf-8";
/* font */
@font-face{font-family:'avenirHeavy';
src:url("/map/css/fonts/2A7505_0_0.eot");
src:url("/map/css//map/css/fonts/2A7505_0_0.eot") format("embedded-opentype"),
		url("/map/css/fonts/2A7505_0_0.woff") format("woff"),
		url("/map/css/fonts/2A7505_0_0.ttf") format("truetype");
}
@font-face{font-family:'avenirRoman';
src:url('/map/css/fonts/2A7505_1_0.eot');
src:url('/map/css//map/css/fonts/2A7505_1_0.eot') format('embedded-opentype'),
	url('/map/css/fonts/2A7505_1_0.woff') format('woff'),
	url('/map/css/fonts/2A7505_1_0.ttf') format('truetype');
}
@font-face{font-family:'avenirLight';
src:url('/map/css/fonts/2A7505_2_0.eot');
src:url('/map/css//map/css/fonts/2A7505_2_0.eot') format('embedded-opentype'),
	url('/map/css/fonts/2A7505_2_0.woff') format('woff'),
	url('/map/css/fonts/2A7505_2_0.ttf') format('truetype');
}
/* default reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
time, mark, audio, video{
	margin:0;
	padding:0;
	border:0;
	font-style:normal;
	font-weight:normal;
	vertical-align:baseline;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section{
	display:block;
}
html{
	color:#333;
	width:100%;
	height: 100%;
	overflow:hidden;
}
*{
	box-sizing: content-box; 
}
body{
	font-family:"avenirRoman","¥Ò¥é¥®¥Î½Ç¥´ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "¥á¥¤¥ê¥ª", Meiryo, "£Í£Ó £Ð¥´¥·¥Ã¥¯", "MS PGothic", sans-serif;
    font-size:85%;  
	line-height:1.5em;
	letter-spacing:0.02em;
/*	-webkit-text-size-adjust:100%;*/
	width:100%;
	height: 100%;
}
blockquote, q{
	quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after{
	content:'';
	content:none;
}
input, textarea{
	font-family:"avenirRoman","¥Ò¥é¥®¥Î½Ç¥´ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "¥á¥¤¥ê¥ª", Meiryo, "£Í£Ó £Ð¥´¥·¥Ã¥¯", "MS PGothic", sans-serif;
	margin:0;
	padding:0;
}
input{
	vertical-align:middle;
}
input[type="text"]{
	padding:7px;
	font-size:11pt;
	background:#fff;
	border:1px solid #41188a;
}
h1, h2, h3, h4, h5, h6{
	font-size:100%;
	line-height:1.5em;
	font-weight:normal;
}
hr{
	height:1px;
	border:solid #ddd;
	border-width:1px 0 0;
	margin:10px 0;
}
img{
	vertical-align:baseline;
	-ms-interpolation-mode:bicubic;
}
strong{
	color:#111;
}
dl{
	margin:5px 10px;
	line-height:1.4em;
	overflow:hidden;
	clear:both;
}
dt{
	clear:both;
	float:left;
	width:6em;
	margin-bottom:5px;
}
dd{
	margin-left:6em;
	margin-bottom:5px;
}

ul li,
ol li{
	list-style:none;
}
table{
	border-collapse:collapse;
	border-spacing:0;
}
caption, th{
	text-align:left;
}
a:focus{
	outline:none;
}
/* clearfix hack */
.clearfix:after{
	content:".";
	display:block;
	width:1px;
	height:1px;
	margin:0 -1px -1px 0;
	border:0;
	padding:0;
	clear:both;
	visibility:hidden;
}
.clearfix{
	display:inline-block;
}
* html .clearfix{height:1%;}
.clearfix{display:block;}
/* Default Link Color */
a{ text-decoration:none; }
a:link{ color:#3e1485; }
a:visited{color:#3e1485; }
a:hover{ color:#3e1485; text-decoration:underline; }
p{}

.floatLeft,
div.left,
img.left{
	float:left;
}
.floatRight,
div.right,
img.right{
	float:right;
}
.clear{
	clear:both;
}
.left{
	text-align:left;
}
.right{
	text-align:right;
}
.center{
	text-align:center;
}
.floating{
	position:absolute;
	width:280px;
	left:5px;
	z-index:10;
	border:2px solid #fff;
	background:#eee;
	box-shadow:0 2px 5px 3px rgba(0,0,0,0.3);
	display:none;
}
a.button{
	display:inline-block;
	margin:5px;
	font-size:90%;
	line-height:1.5em;
	padding:3px 5px;
	vertical-align:middle;
	background:#41188a;
	color:#fff;
}
.floating ul{
	max-height:400px;
	overflow:auto;
}
.floating a.closer{
	padding:5px;
	display:block;
	text-align:center;
	background:#ddd;
}

/*
 * CONTAINERS
 */
#slidearea{
 	position:relative;
 	background:#f6f6f6;
/*	z-index:1;*/
	box-shadow:3px 0 8px 0 rgba(0,0,0,0.4);
}

#map_canvas{
	width:100%;
 	height:100%;
/* 	position:relative;
	z-index:8;*/
}

/*
 * HEADER
 */


/*
 * CONTENTS
 */
#slideswitch{
	position:absolute;
	top:50%;
	margin-top:-60px;
	left:280px;
	z-index:9;
	display:block;
	width:30px;
	height:120px;
	background:#41188a url(../img/i_next.png) no-repeat center center;
	box-shadow:3px 0 8px 0 rgba(0,0,0,0.4);
}
#slidearea .border{
	border-right:5px solid #41188a;
	height:100%;
}
#slidearea .scroll{
	overflow:auto;
	height:90%;
}
#slidearea .group{
}
#slidearea p{
	padding:10px;
}
#slidearea ul{
	padding:0;
}
#slidearea li{
	border-bottom:1px solid #ddd;
}
#slidearea li li{
	border-bottom:0;
	border-top:1px solid #ddd;
}
#slidearea label,
#slidearea .link-list a{
	padding:7px 8px;
	display:block;
	cursor:pointer;
}
#slidearea .link-list a                      { padding-left:35px; background:url(/map/img/marker-s.png)      no-repeat 8px 8px; }
#slidearea .link-list a.cat-landmarks        { padding-left:35px; background:url(/map/img/i_landmarks.png)   no-repeat 8px 8px; }
#slidearea .link-list a.cat-libraries        { padding-left:35px; background:url(/map/img/i_libraries.png)   no-repeat 8px 8px; }
#slidearea .link-list a.cat-shops            { padding-left:35px; background:url(/map/img/i_shops.png)       no-repeat 8px 8px; }
#slidearea .link-list a.cat-museums          { padding-left:35px; background:url(/map/img/i_museums.png)     no-repeat 8px 8px; }
#slidearea .link-list a.cat-restaurants      { padding-left:35px; background:url(/map/img/i_dining.png)      no-repeat 8px 8px; }
#slidearea .link-list a.cat-campusbus        { padding-left:35px; background:url(/map/img/i_campusbus.png)   no-repeat 8px 8px; }
#slidearea .link-list a.cat-fitness          { padding-left:35px; background:url(/map/img/i_athletics.png)   no-repeat 8px 8px; }
#slidearea .link-list a.cat-transport-subway { padding-left:35px; background:url(/map/img/i_transsubway.png) no-repeat 8px 8px; }
#slidearea .link-list a.cat-transport-bus    { padding-left:35px; background:url(/map/img/i_transbus.png)    no-repeat 8px 8px; }

#slidearea .link-list a.cat-transport-bus_l    { padding-left:35px; background:url(/map/img/i_transbus_l.png)    no-repeat 8px 8px; }

#slidearea .link-list a.cat-event            { padding-left:35px; background:url(/map/img/i_event.png)       no-repeat 8px 8px; }
#slidearea .link-list a.cat-properties       { padding-left:35px; background:url(/map/img/i_properties.png)  no-repeat 8px 8px; }
#slidearea .link-list a.cat-ruins            { padding-left:35px; background:url(/map/img/i_ruins.png)       no-repeat 8px 8px; }
#slidearea .link-list a.cat-facilities       { padding-left:35px; background:url(/map/img/i_facilities.png)  no-repeat 8px 8px; }



#slidearea .cat-landmarks .link-list a{ background-image:url(/map/img/i_landmarks.png); }
#slidearea .cat-libraries .link-list a{ background-image:url(/map/img/i_libraries.png); }
#slidearea .cat-shops       .link-list a{ background-image:url(/map/img/i_shops.png); }
#slidearea .cat-museums .link-list a{ background-image:url(/map/img/i_museums.png); }
#slidearea .cat-restaurants .link-list a{ background-image:url(/map/img/i_dining.png); }
#slidearea .cat-campusbus   .link-list a{ background-image:url(/map/img/i_campusbus.png); }
#slidearea .cat-fitness .link-list a{ background-image:url(/map/img/i_athletics.png); }
#slidearea .cat-transport .link-list .subway a{ background-image:url(/map/img/i_transsubway.png); }
#slidearea .cat-transport .link-list .bus a{ background-image:url(/map/img/i_transbus.png); }

#slidearea .cat-transport .link-list .bus_l a{ background-image:url(/map/img/i_transbus_l.png); }

#slidearea .cat-event .link-list a{ background-image:url(/map/img/i_event.png); }
#slidearea .cat-properties .link-list a{ background-image:url(/map/img/i_properties.png); }
#slidearea .cat-ruins .link-list a{ background-image:url(/map/img/i_ruins.png); }
#slidearea .cat-facilities  .link-list a{ background-image:url(/map/img/i_facilities.png); }

/*
#slidearea li label input{
	float:right;
	margin:4px 0 0;
}
#zoom-campus li label{
	padding-left:35px;
	background:url(/map/img/area-s.png) no-repeat 8px 8px;
}
#category-search li label{
	padding-left:35px;
	background:url(/map/img/marker-s.png) no-repeat 8px 8px;
}
*/
#category-search li input{
	margin-left:7px;
}
#category-search li label{
	display:inline-block;
	width:80%;
}

#slidearea h1{
	color:#fff;
	height:40px;
	font-size:13pt;
	line-height:20px;
	padding:10px 10px 10px 70px;
	position:relative;
	background:#41188a url(../img/logomark-s.png) no-repeat 10px center;
}
#slidearea h1 div{
	position:absolute;
	display:inline-block;
	right:0;
	bottom:0;
	font-size:9pt;
}
#slidearea h1 div span,
#slidearea h1 div a{
	color:#fff;
	display:inline-block;
	padding:4px 8px;
}
#slidearea h1 div span{
	background:#7253a8;
}
#slidearea h2{
	padding:2px 6px;
	border-top:1px solid #ccc;
	background:#ddd;
}
#category-search ul ul{
	display:none;
	background:#eee;
}
#category-search ul ul li:first-child{
	background: #cccccc; /* Old browsers */
	background: -moz-linear-gradient(top,  #cccccc 0%, #eeeeee 14%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cccccc), color-stop(14%,#eeeeee)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #cccccc 0%,#eeeeee 14%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #cccccc 0%,#eeeeee 14%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #cccccc 0%,#eeeeee 14%); /* IE10+ */
	background: linear-gradient(to bottom,  #cccccc 0%,#eeeeee 14%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
}
#locate-me a{
	padding:8px;
	display:block;
	cursor:pointer;
	padding-left:30px;
	background:url(/map/img/i_currentpos-s.png) no-repeat 5px center;
}
#search-for input{
	width:94%;
	background:#fff url(../img/i_searchfor.png) no-repeat right center;
}
.gm-style-iw{
}
.gm-style-iw h1{
	font-size:1.5em;
	font-style:bold;
}

/*
 * MAP Çéˆó¥¦¥£¥ó¥É¥¦
 */
.gm-style-iw{
/*	width:360px;*/
	height:auto;
	text-align:center;
/*	padding:18px 0 8px;
	margin:-8px 0 0;
	margin-left:-14px;*/
}
.gm-style-iw div{
}
.gm-style-iw > div > div{}
.gm-style-iw + div{
	margin-top:-2px;
	margin-right:-5px;
}
#content{
	width:100%;
	max-width:360px;
	min-width:300px;
	font-family:"avenirRoman","¥Ò¥é¥®¥Î½Ç¥´ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "¥á¥¤¥ê¥ª", Meiryo, "£Í£Ó £Ð¥´¥·¥Ã¥¯", "MS PGothic", sans-serif;
}
#content img{
	width:100%;
	height:auto;
	vertical-align:middle;
}
#content h3{
	font-size:140% !important;
	font-weight:normal !important;
	background:#e8e8e8;
	padding:5px 7px 3px;
	line-height:1.2em;
	text-align:left;
	margin:0 !important;
}
#content p{
	line-height:1.4;
	padding:8px 10px;
	text-align:left;
}
#content > div:first-child{
	white-space:nowrap;
}
#content button{
	font-family:"avenirRoman","¥Ò¥é¥®¥Î½Ç¥´ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "¥á¥¤¥ê¥ª", Meiryo, "£Í£Ó £Ð¥´¥·¥Ã¥¯", "MS PGothic", sans-serif;
	width:27%;
	background:#41188A;
	color:#fff;
	border:none;
	line-height:1.6;
	padding:3px;
	margin-bottom:5px;
}
#content button:hover{
	text-decoration:underline;
	cursor:pointer;
}
#content #sharecont{
	display:none;
	text-align:center;
	padding-top:8px;
	margin-top:-5px;
	position:relative;
	background:url(/map/img/i_share.png) no-repeat center top;
}
#content #sharecont input{
	padding:7px 10px !important;
/*	border:1px solid #b0a7bf !important;*/
	border:0 !important;
	border-radius:4px;
	background:#e0d6f9;
	width:90% !important;
}
#content #sharecont #close-share{
	width:24px;
	height:24px;
	background:url(/map/img/i_close.png) no-repeat center center;
	position:absolute;
	bottom:4px;
	right:12px;
	cursor:pointer;
}

/*
 * MAP print
 */
#print-wrapper{
	margin:5px auto;
	width:650px;
	background:#fff;
}
#print-wrapper #map_canvas{
	width:648px !important;
	height:548px !important;
	margin-left:auto;
	margin-right:auto;
	border:1px solid #ccc;
	background:#ccc;
}

#print-header{
	overflow:hidden;
	position:relative;
	margin-bottom:5px;
}
#print-header div.statement{
	color:#3e1586;
	padding:7px 0 5px 60px;
	height:40px;
	background:url(/map/img/TM.png) no-repeat left top;
	background-size:50px 50px;
}
#print-header h1{
	font-size:130%;
	line-height:1.1em;
}
#print-control{
	text-align:center;
	padding:0;
	position:absolute;
	top:13px;
	right:0;
	width:auto;
}
#print-control form{
}
#print-control button{
	font-family:"avenirRoman","¥Ò¥é¥®¥Î½Ç¥´ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "¥á¥¤¥ê¥ª", Meiryo, "£Í£Ó £Ð¥´¥·¥Ã¥¯", "MS PGothic", sans-serif;
	width:100px;
	background:#41188A;
	color:#fff;
	border:none;
	margin:0;
	line-height:1.8;
}
#print-control button:hover{
	text-decoration:underline;
	cursor:pointer;
}
#print-control button#cancel{
	background:#999;
}
#print-info-container{
	margin:0;
	padding:10px 0;
	overflow:auto;
	position:relative;
}
#print-info-content{
	margin:0px auto;
	overflow:visible;
	width:650px;
}
#print-info-detail{
	overflow:auto;
}
#print-info-detail .content-img{
	display:inline-block;
	float:right;
}
#print-info-detail .content-img img{
	vertical-align:text-bottom;
	max-width:240px;
	height:auto;
}
#print-info-detail h3{
	font-size:140%;
	font-weight:bold;
	line-height:1.2em;
}
#print-info-detail p{
	padding:5px 10px;
}
#print-info-memo{
	clear:both;
	margin-top:15px;
}
#print-info-memo textarea{
	width:640px;
	height:5em;
	padding-left:5px;
}
@media print{
	#print-control{
		display:none;
	}
	#print-info-memo textarea{
		border:0;
	}
/*	#print-wrapper,	#map_canvas{
		width:100%;
	}*/
}






/*
 * for TABLET
 */
@media screen and (min-width:568px) and (max-width:959px){

}



/*
 * for SMARTPHONE
 */
@media screen and (max-width:567px){
	#content{
		min-width:auto;
	}
	#content button{
		width:27%;
	}
	#content #sharecont #close-share{
		right:5px;
	}
}