/* 全体領域 */
body			{
				margin:0;
				
				/* 選択禁止 */
				user-select:none;
				-webkit-user-select:none;
				-moz-user-select:none;
				-khtml-user-select:none;
				-webkit-user-drag:none;
				-khtml-user-drag:none;
				
				/*タッチイベント防止*/
				-webkit-touch-callout:none;

				/*フォント指定*/
				font-family: -apple-system, BlinkMacSystemFont, 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;

				}
.clear			{
				clear:both;
				}
.space			{
				height:30px;
				}
.space5			{	/*5ピクセルのみ。もくじで使用*/
				margin:0;
				height:5px;
				}
.space10		{	/*10ピクセルのみ。ディズニーで使用*/
				height:5px;
				}
.space20		{	/*20ピクセルのみ。ディズニーで使用*/
				height:20px;
				}
.space30		{
				height:30px;
				}
.space200		{
				height:80px;
				}
				
.space300		{
				height:200px;
				}

#Container		{
				width:100%;
				max-width:700px;
				margin:0 auto;
				
				}


/*
ヘッダー
*/

#header			{
				margin:0 auto;
				}
#header		img	{
				margin:2px;
				padding:2px;
				max-width:30px;
				width:20%;
				float:left;
				}
#header		p.top2	{
				line-height:1em;
				font-size:10pt;
				margin:0;
				}


/*


メイン 


*/
#Main			{
				margin:0;
				}



.topbox1		{	/*トップの画像ボックス*/
				width:100%;
				max-width:600px;
				margin:0 auto;
				padding:15% 0;
				background-repeat:no-repeat;
				background-size:100% auto;
				position:relative;
				/*　グラデーション前
				width:100%;
				max-width:600px;
				margin:0 auto;
				padding:24% 0;
				background-repeat:no-repeat;
				background-size:100% auto;
				*/
				}

.topbox1	h1	{
				width:100%;
				margin:0 auto;
				padding:30px 0;
				color:#FFF;
				text-shadow:1px 1px 10px #000;
				font-size:22pt;
				border-top:1px solid #FFF;
				border-bottom:1px solid #FFF;
				background:linear-gradient(rgba(66,135,255,0.7),rgba(0,166,255,0.7));/*青に変更 201712/16*/
				/*
				background:linear-gradient(to right,rgba(247,255,0,0.8),rgba(219,54,164,0.8)),url(img/back04.gif);
				*/
				background-size:contain;
				text-align:center;
				word-wrap: break-word; 
				}
.topbox1	h1	span	{
				font-size:11.5pt;
				}

.topbox1	h1:after	{
				content: "\0A9コインロッカーガイド";
				display:block;
				font-size:8pt;
				position: absolute;
				bottom: 0;
				right:0;
				background-color:#000;
				font-weight:normal;
				}
				
.topbox1b		{	/*トップの画像ボックス 博多駅見つからない時で使用*/
				width:100%;
				max-width:600px;
				margin:0 auto;
				padding:20% 0;
				background-repeat:no-repeat;
				background-size:100% auto;
				}
.topbox1b	h1	{
				width:100%;
				margin:0;
				padding:20px 0;
				color:#FFF;
				text-shadow:1px 1px 5px #000;
				font-size:18pt;
				background-color:rgba(50,50,50,0.9);
				border-top:1px solid #FF8E1E;
				border-bottom:1px solid #FF8E1E;
				text-align:center;
				word-wrap: break-word; 
				}
.topbox1b	h1	span	{
				font-size:11.5pt;
				}



/*4個並び丸ボタン*/
.topbox2		{ 
				width:100%;
				max-width:290px;
				margin:0 auto;
				}
.topbox2	ul	{
				padding:0;
				list-style:none;
				}
.topbox2	ul	li	{
				width:65px;
				height:65px;
				margin:0 2px;
				border-radius:50%;
				text-align:center;
				line-height:1em;
				border:1px solid #999;
				box-shadow:0 0 7px #999;
				float:left;
				font-size:10pt;
				}
.topbox2	ul	li	a:link	{
				
				padding:15px 3px 3px 3px;
				display:inline-block;
				text-decoration:none;
				}
.topbox2	ul	li	a:visited	{
				
				}
.topbox2	ul	li	img	{
				width:30px;
				height:30px;
				display:block;
				margin:0 auto;
				}
				
.topbox2:after	{ /*floatの解除、ここがポイント*/
				display:block;
				clear:both;
				height:0px;
				visibility:hidden;
				content:".";
				}


/*2個並び丸ボタン*/
.topbox2b		{ 
				width:100%;
				max-width:150px;
				margin:0 auto;
				}
.topbox2b	ul	{
				padding:0;
				list-style:none;
				}
.topbox2b	ul	li	{
				/*
				width:33%;
				margin:0;
				padding:15px 0;
				float:left;
				text-align:center;
				font-size:10.5pt;
				line-height:1em;
				*/
				width:65px;
				height:65px;
				margin:0 2px;
				border-radius:50%;
				text-align:center;
				line-height:1em;
				
				float:left;
				font-size:10pt;
				background:linear-gradient(#4287ff,#00a6ff);/*青に変更 201712/16*/
				border:1px solid #FFF;
				box-shadow:inset 0 0 5px rgba(0,0,0,0.5),0 0 7px #999;
				}
.topbox2b	ul	li	a:link	{
				/*
				display:block;
				text-decoration:none;
				*/
				padding:15px 3px 3px 3px;
				display:inline-block;
				text-decoration:none;
				color:#FFF;
				}
.topbox2b	ul	li	a:visited	{
				color:#FFF;
				}

.topbox2b	ul	li	img	{
				width:30px;
				height:30px;
				display:block;
				margin:0 auto;
				}
.topbox2b:after	{ /*floatの解除、ここがポイント*/
				display:block;
				clear:both;
				height:0px;
				visibility:hidden;
				content:".";
				}



/*3個並び丸ボタン*/
.topbox2c		{ 
				width:100%;
				max-width:220px;
				margin:0 auto;
				}
.topbox2c	ul	{
				padding:0;
				list-style:none;
				}
.topbox2c	ul	li	{
				width:65px;
				height:65px;
				margin:0 2px;
				border-radius:50%;
				text-align:center;
				line-height:1em;
				border:1px solid #999;
				float:left;
				font-size:10pt;
				box-shadow:0 0 7px #999;
				
				}
.topbox2c	ul	li	a:link	{
				/*
				display:block;
				text-decoration:none;
				*/
				padding:15px 3px 3px 3px;
				display:inline-block;
				text-decoration:none;
				}

.topbox2c	ul	li	img	{
				width:30px;
				height:30px;
				display:block;
				margin:0 auto;
				}
.topbox2c:after	{ /*floatの解除、ここがポイント*/
				display:block;
				clear:both;
				height:0px;
				visibility:hidden;
				content:".";
				}





/*1個並び丸ボタン*/
.topbox2d		{ 
				width:100%;
				max-width:80px;
				margin:0 auto;
				}
.topbox2d	ul	{
				padding:0;
				list-style:none;
				}
.topbox2d	ul	li	{
				width:65px;
				height:65px;
				margin:0 2px;
				border-radius:50%;
				text-align:center;
				line-height:1em;
				border:1px solid #999;
				float:left;
				font-size:10pt;
				box-shadow:0 0 7px #999;
				}
.topbox2d	ul	li	a:link	{
				/*
				display:block;
				text-decoration:none;
				*/
				padding:15px 3px 3px 3px;
				display:inline-block;
				text-decoration:none;
				}

.topbox2d	ul	li	img	{
				width:30px;
				height:30px;
				display:block;
				margin:0 auto;
				}
.topbox2d:after	{ /*floatの解除、ここがポイント*/
				display:block;
				clear:both;
				height:0px;
				visibility:hidden;
				content:".";
				}
				


.howtobox2		{	/*コインロッカーの使い方
					 howtouse.html ぺーじで使用のボタン*/
				width:90%;
				margin:0 auto;
				}
.howtobox2		ul	{
				list-style:none;
				padding:0;
				}
.howtobox2		ul	li	{
				width:30%;
				margin:1%;
				padding:10px 0;
				float:left;
				text-align:center;
				border:1px solid #FFF;
				border-radius:10px;
				font-size:11pt;
				box-shadow:0 0 7px #999;
				}
.howtobox2		ul	li	a:link	{
				text-decoration:none;
				display:block;
				}
.howtobox2		ul	li:after	{
				display:block;
				clear:both;
				height:0px;
				visibility:hidden;
				content:".";
				}


			.midashi-small	{	/*h1タグ内の地下鉄など小さめ文字で使用*/
				font-size:10pt;
				}
#Main	#IN		{	/*h2の構内図見出しに適用*/
				margin:0;
				padding:3px 5px;
				font-size:25pt;
				border-top:1px solid #FF8E1E;
				border-right:1px solid #FF8E1E;
				border-bottom:1px solid #FF8E1E;
				border-left:10px solid #FF8E1E;
				border-radius:5px;
				display:inline-block;
				}
.midashi01		{	/*h2の構内図見出しの同じ書式適用クラス*/
				margin:0;
				padding:3px 5px;
				font-size:18pt;
				border-top:1px solid #FF8E1E;
				border-right:1px solid #FF8E1E;
				border-bottom:1px solid #FF8E1E;
				border-left:10px solid #FF8E1E;
				border-radius:5px;
				display:inline-block;
				}
.midashi01a		{	/*h2の構内図見出しの同じ書式適用クラス font25pt*/
				margin:0;
				padding:3px 5px;
				font-size:25pt;
				border-top:1px solid #FF8E1E;
				border-right:1px solid #FF8E1E;
				border-bottom:1px solid #FF8E1E;
				border-left:10px solid #FF8E1E;
				border-radius:5px;
				display:inline-block;
				}
.midashi01b		{	/*h2の構内図見出しの同じ書式適用クラス font:25pt　ディズニーシー用　青　*/
				margin:0;
				padding:3px 5px;
				font-size:25pt;
				border-top:1px solid #007FFF;
				border-right:1px solid #007FFF;
				border-bottom:1px solid #007FFF;
				border-left:10px solid #007FFF;
				border-radius:5px;
				display:inline-block;
				}
p.lead-left		{
				font-size:10.5pt;
				float:left;
				}
p.lead-right	{
				font-size:10.5pt;
				float:right;
				}
p.lead1			{
				margin:3px;
				font-size:10.5pt;
				text-align:center;
				}
p.lead2			{
				margin:30px auto;
				font-size:14pt;
				width:95%;
				
				}
p.lead2:after	{ /*floatの解除、ここがポイント*/
				display:block;
				clear:both;
				height:0px;
				visibility:hidden;
				content:".";
				}
p.lead3 		{
				margin:0 auto;
				width:90%;
				font-size:25pt;
				}
p.lead4			{ /*この場所についての詳細リンク*/
				width:80%;
				max-width:300px;
				margin:40px auto 20px;
				padding:10px 0;
				text-align:center;
				text-shadow:1px 0px #999;
				background-color:rgba(48, 240, 0,1.0);
				border:1px solid #DDD;
				border-radius:5px;
				font-size:10.5pt;
				font-weight:bold;
				box-shadow:1px 1px 2px #999;
				line-height:1.25em;
				}
p.lead4		a:visited	{
				color:#FFF;
				}
p.lead4		a:link		{
				color:#FFF;
				display:block;
				}
p.lead4		img	{
				display:none;
				width:1px;
				vertical-align:middle;
				}


p.lead4s			{ /*lead4s はディズニーシーのみ使用*/
				width:80%;
				max-width:300px;
				margin:40px auto 20px;
				padding:10px 0;
				text-align:center;
				text-shadow:1px 0px #999;
				background-color:rgba(48, 240, 0,1.0);
				border:1px solid #DDD;
				border-radius:5px;
				font-size:10.5pt;
				font-weight:bold;
				box-shadow:1px 1px 2px #999;
				line-height:1.25em;
				}
p.lead4s		a:visited	{
				color:#FFF;
				}
p.lead4s		a:link		{
				color:#FFF;
				display:block;
				}
p.lead4s		img	{
				display:none;
				width:1px;
				vertical-align:middle;
				}



p.lead5			{	/*もくじ下の小さめ文字の解説文*/
				margin:10px 0 20px;
				font-size:10.5pt;
				}
.lead6			{	/*画像下の〇番号+個数表示外枠*/
				width:90%;
				max-width:550px;
				margin:0 auto;
				}
		.number	{	/*〇番号+個数*/
				width:25%;
				max-width:77px;
				margin:0;
				float:left;
				font-size:8pt;
				}
		.number	a:link,a:visited	{ /*丸囲み数字*/
			font-size:22pt;
			color:#F00;
				}
		.number2	{	/*〇番号+個数  number2は池袋駅で東●で使用*/
				width:25%;
				max-width:80px;
				margin:0;
				float:left;
				font-size:8pt;
				}
		.number2	a:link,a:visited	{ /*丸囲み数字*/
			font-size:22pt;
			color:#F00;
				}
		.number2	span	{
				font-size:11pt;
				}
.lead7			{	/*lead6の小さめ文字 京都ポルタで使用*/
				width:90%;
				max-width:550px;
				margin:0 auto;
				}
		.number	{	/*〇番号+個数*/
				width:25%;
				max-width:77px;
				margin:0;
				float:left;
				font-size:8pt;
				}
		.lead7	.number		a:link,a:visited	{ /*丸囲み数字*/
			font-size:14pt;
			color:#F00;
			border:1px solid #F00;
			border-radius:5px;
			padding:0 5px;
				}
				
		.number2	{	/*〇番号+個数  number2は池袋駅で東●で使用*/
				width:25%;
				max-width:80px;
				margin:0;
				float:left;
				font-size:8pt;
				}
		.number2	a:link,a:visited	{ /*丸囲み数字*/
			font-size:22pt;
			color:#F00;
				}
		.number2	span	{
				font-size:11pt;
				}
p.float-R		{	/*ピンチ緑色のSVG画像*/
				float:left;
				color:#555;
				font-size:8pt;
				margin-left:10px;
				}
p.float-R	img	{
				width:50px;
				vertical-align:middle;
				}
.guidemap01		{
				margin:20px auto;
				max-width:400px;
				width:100%;
				}

img[usemap] 	{
			    max-width: 100%;
			    height: auto;
				}
.map2			{	/*objectのsvg画像表示用幅100% max550px*/
				width:100%;
				max-width:550px;
				margin:0 auto;
				}
.map2		img	{
				width:100%;
				}
.map3			{	/*新宿駅などの概略図で使用　objectのsvg画像表示用幅100% max550px*/
				width:100%;
				max-width:450px;
				margin:0 auto;
				}
.map4			{	/*東京ディズニーで使用　*/
				width:80%;
				max-width:320px;
				margin:0 auto;
				}
				

/*パンくずリスト*/
#breadscumb		{
				margin:0;
				}
#breadscumb		ol	{
				margin:0;
				padding:0;
				list-style:none;
				font-size:8pt;
				color:#FF8E1E;
				}
#breadscumb		ol	li	{
				margin:0 2px;
				float:left;
				}
#breadscumb		ol	li:first-child:before	{
				content:" ";
				}
#breadscumb		ol	li:before	{
				content:">";
				}
#breadscumb		li	a:link	{
				color:#666;
				text-decoration:none;
				}
#breadscumb		li	a:visited	{
				color:#666;
				}
				
/*Timeタグ　更新日*/
time			{
				font-size:8pt;
				float:right;
				}
/* index.html */
.list01			{
				font-size:18pt;
				}
.list01		ul	{
				padding:0;
				}
.list01		li	{
				margin:20px 0 5px ;
				}
.list01		li	h3	{
					margin:0;
					font-size:20pt;
					}
.list01		span	{
				font-size:12pt;
				}
.list02			{
				font-size:12pt;
				}
.list02			li	{
				margin:0 10px;
				list-style:none;
				float:left;
				}
.list02		li	span	{
				font-size:9pt;
				}
	/*東京エリア主要駅マップの下のリンクで使用*/
.list03			{
				margin:0;
				width:100%;
				max-width:500px;
				}
.list03		ul	{
				padding:0;
				}
.list03		li	{
				list-style:none;
				margin:5px;
				padding:5px;
				float:right;
				border:1px solid #000;
				border-radius:5px;
				}

/* 各駅のもくじ*/
#mokuji			{
				width:80%;
				max-width:400px;
				margin:20px auto;
				
				}
#mokuji		p	{
				font-size:12pt;
				text-align:center;
				}
#mokuji		ol	{
				padding:0;
				}
#mokuji		li	{
				margin:10px 0;
				padding:10px;
				font-size:12.5pt;
				list-style-position:inside;
				background-color:rgba(255,142,30,0.1);
				}
#mokuji		li	a:link	{
				
				}
#mokuji		li	.yellow	{
						display:inline-block;
						}
			.mokuji-in	{	/*もくじ内のulでインデント調節的な使用*/
				padding-left:10px;
				}
			.f20		{	/*成田空港 1,2,3タミの番号強調*/
				font-size:20pt;
				}
			.mokuji-in2	{	/* もくじの近隣へのリンク*/
				
				list-style-type:disc;
				}
				
/* 各駅のもくじ*/
#mokuji2			{
				width:80%;
				max-width:400px;
				margin:20px auto;
				
				
				}
#mokuji2		p	{
				font-size:12pt;
				text-align:center;
				}
#mokuji2		ul	{
				list-style:none;
				padding:0;
				}
#mokuji2		li	{
				margin:2%;
				padding:4%;
				width:38%;
				font-size:11pt;
				text-align:center;
				float:right;
				}
#mokuji2		li	a:link	{
				display:block;
				}
#mokuji2		li	p	{
				margin:0;
				font-size:9pt;
				text-align:left;
				line-height:1em;
				}
.bg01			{background-color:rgba(0,255,255,0.15);}
.bg02			{background-color:rgba(0,255,0,0.15);}
.bg03			{background-color:rgba(255,0,255,0.1);}
.bg04			{background-color:rgba(255,204,0,0.15);}

/* 各駅のコインロッカーの構内図*/
.locker-map		{
				margin:20px auto;
				max-width:400px;
				width:100%;
				}


/*各駅のチェックポイント整理*/
.check			{
				margin:20px auto;
				width:90%;
				font-size:17pt;
				font-weight:bold;
				}
.check	h3		{
				text-align:center;
				border:1px solid #FF8E1E;
				border-radius:5px;
				margin:10px 10px 0 10px;
				padding:10px 0;
				}
.check	img		{
				width:18px;
				height:18px;
				margin:0 5px;
				vertical-align: middle;
				}
.check	p.arrow1	{
					margin:0 auto;
					width:80px;
					text-align:center;
					}
.check	p.arrow1	img	{
					margin:0;
					width:100%;
					height:auto;
					}
.check	p	a:visited	{
					color:#00F;
					}

.h-red			{	/*①など番号の見出し*/
				font-size:20pt;
				color:#4d4d4d;
				margin:10px 0;
				padding-top:20px;
				border-bottom:3px solid #FF8E1E;
				}
.h-blue			{	/*ディズニーシーのみ*/
				font-size:20pt;
				color:#007FFF;
				margin:10px 0;
				padding-top:20px;
				border-bottom:3px solid #FF8E1E;
				}
.h-red2			{
				/*h3タグで使用のh-redの横のみボーダー*/	
				border-left:3px solid #FF8E1E;
				padding:5px ;
				margin:5px;
				}
.h-red3			{
				/*h3タグで使用の青背景*/	
				display:inline-block;
				background:linear-gradient(#4287ff,#00a6ff);/*青に変更 201712/16*/
				color:#FFF;
				padding:5px;
				border-radius:5px;
				}
.locker-image1		{
					width:50%;
					max-width:160px;
					margin:5px;
					border-radius:5px;
					float:left;
					/*旧表示
					width:100%;
					max-width:450px;
					display:block;
					margin:0 auto;
					box-shadow:0px 3px 5px #999;
					*/
					}
.locker-image2		{	/* 最大600px 縮小表示用。*/
					width:96%;
					max-width:500px;
					display:block;
					margin:0 auto;
					/*box-shadow:0 0 10px #888;*/
					}

.locker-image2b		{	/* 最大600px 縮小表示用。
					角丸の影付き
					*/
					width:96%;
					max-width:500px;
					display:block;
					margin:0 auto;
					border-radius:5px;
					box-shadow:0 0 10px #888;
					}
					
					
.locker-image3		{	/*最大幅160px tokyo-station.htmlなど駅ページの一覧で使用*/
					width:50%;
					max-width:160px;
					margin:5px;
					border-radius:5px;
					float:left;
					}
.locker-image4		{	/* 最大400px 80%縮小表示用。*/
					width:80%;
					max-width:400px;
					display:block;
					margin:0 auto;
					}

					
span.suica			{	/*支払いスイカなどの記述用背景緑*/
					background: linear-gradient(transparent 70%, #78FF85 0%);
					}
span.text01		a:link,a:visited	{ /*丸囲み数字*/
					font-size:22pt;
					color:#F00;
					}
span.red			{			/*赤文字*/
					color:#F00;
					}
span.yellow			{
					background-color: rgba(255,255,0,0.7);
					}

/*ロッカーサイズ DIV*/
.locker-size		{
					width:100%;
					max-width:615px;
					margin:0 auto;
					background-color:#EEE;
					}
.locker-size	.midashi04	{ /*h3,h4タグで使用*/
					font-size:14pt;
					}
.locker-size	.inner		{
					margin:10px 0;
					}
.locker-size	.sizebox	{
					width:80%;
					margin:5px auto;
					border:1px solid #CCC;
					}
.locker-size	.sizebox	h5	{
					margin:20px 0;
					text-align:center;
					font-size:18pt;
					}
.locker-size	.sizebox	.h_size	{
					margin:10px 0;
					text-align:center;
					font-size:14pt;
					}
.locker-size	.sizebox	img	{
					width:50%;
					max-width:120px;
					display:block;
					float:left;
					margin:0 10px;
					border:5px solid #FFF;
					}
.locker-size	.sizebox	p	{
					margin:10px 3px;
					font-size:10pt;
					line-height:1.1em;
					}
.link-t-5			{
					font-size:8pt;
					}
.sizebox:after	{ /*floatの解除、ここがポイント*/
				display:block;
				clear:both;
				height:0px;
				visibility:hidden;
				content:".";
				}




/* 上へもどる・トップページへ戻るリンク*/
.back			{
				text-align:right;
				}
.back		p	{
				font-size:10.5pt;
				}
.back		ul	{
				margin:0 20px 0 0;
				list-style:none;
				padding:0;
				float:right;
				}
.back		ul	li	{
				margin:2px;
				padding:7px;
				line-height:1.05em;
				font-size:11pt;
				text-align:center;
				border:1px solid #ff8e1e;
				border-radius:5px;
				background-color:rgba(255,142,30,0.1);
				float:left;
				}
.back		ul	li	a:link	{
				color:#000;
				}
.back		ul	li	a:visited	{
				color:#000;
				}



/* 旧
.back			{
				text-align:right;
				}
.back		p	{
				font-size:10.5pt;
				}
.back		ul	{
				margin:0 20px 0 0;
				list-style:none;
				padding:0;
				float:right;
				}
.back		ul	li	{
				margin:2px;
				padding:4px;
				line-height:1.05em;
				font-size:11pt;
				text-align:center;
				border:1px solid #FF8E1E;
				border-radius:5px;
				float:left;
				}
*/

/* 各エリアごとの路線図へのリンク・トップページへ戻るリンク*/
.back2			{
				text-align:right;
				}
.back2		p	{
				font-size:10.5pt;
				}
.back2		ul	{
				margin:0 20px 0 0;
				list-style:none;
				padding:0;
				float:right;
				}
.back2		ul	li	{
				margin:2px;
				padding:4px;
				line-height:1.05em;
				font-size:10.5pt;
				text-align:center;
				border:1px solid #FF8E1E;
				float:left;
				}

/*フッター上の広告・リンク用ボックス DIV*/
.bottom-adbox	{
				width:100%;
				max-width:600px;
				margin:0 auto;
				}
.bottom-adbox	h4	{
					font-size:10pt;
					}
.adbox-small	{
				width:24%;
				margin:3px 0;
				font-size:9pt;
				text-align:center;
				border:1px solid #555;
				float:left;
				}
.adbox-small	img	{
				width:100%;
				margin:0;
				}
.bottom-image	{	/* 下部の地図とおすすめリンクで使用*/
				float:left;
				width:120px;
				margin:10px;
				border:1px solid #FF6600;
				}
.bottom-image2	{
				float:left;
				width:100px;
				margin:10px;
				border:1px solid #FF6600;
				}



.topbox3		{
				width:80px;
				height:80px;
				margin:50px auto 0;
				border-radius:50%;
				text-align:center;
				line-height:1em;
				border:1px solid #999;
				}
.topbox3	a:link	{
				padding-top:25px;
				display:inline-block;
				text-decoration:none;
				}
.topbox3b		{
				width:80px;
				height:80px;
				margin:50px auto 0;
				border-radius:50%;
				text-align:center;
				line-height:1em;
				border:1px solid #999;
				}
.topbox3b	a:link	{
				padding-top:20px;
				display:inline-block;
				text-decoration:none;
				}




				
.topmd1			{
				font-size:18pt;
				text-align:center;
				text-shadow:2px 2px 8px #888;
				border-bottom:2px solid #000;
				width:80%;
				margin:50px auto;
				padding:15px 0;
				}
.backtop		{ /*ページトップへ戻る*/
				
				}
.backtop	ul	{
				padding:0;
				list-style:none;
				}
.backtop	ul	li	{
				width:65px;
				height:65px;
				margin:0 2px;
				border-radius:50%;
				text-align:center;
				line-height:1em;
				border:1px solid #999;
				float:right;
				font-size:10pt;
				}
.backtop	ul	li	a:link	{
				padding:15px 3px 3px 3px;
				display:inline-block;
				text-decoration:none;
				}


.lead99			{
				width:90%;
				max-width:500px;
				margin:50px auto;
				font-size:14pt;
				}
p.lead99b		{
				margin:30px 0;
				font-size:14pt;
				}
.lead99c		{	/*文字14pt;*/
				width:90%;
				max-width:500px;
				margin:50px auto;
				font-size:10.5pt;
				}
.lead99d		{	/*新大阪のコインロッカーの使い方で使用の余白せまい*/
				width:90%;
				max-width:500px;
				margin:20px auto;
				font-size:14pt;
				}
.system1		{
				width:90%;
				max-width:500px;
				margin:10px auto;
				font-size:14pt;
				}
.system1	ul	{
				list-style:none;
				padding:0;
				}

.system1	ul	li	{
				margin:30px 0;
				}
.system1  	ul	li:after	{ /*floatの解除、ここがポイント*/
				display:block;
				clear:both;
				height:0px;
				visibility:hidden;
				content:".";
				}
.system1	ul	li	img	{
				width:40px;
				margin:0 10px;
				display:inline-block;
				vertical-align:middle;
				float:left;
				}
.sizebox99		{
				width:90%;
				max-width:450px;
				margin:0 auto 100px;
				font-size:12.5pt;
				}
.sizebox99	.h_size	{
				font-size:17pt;
				text-align:center;
				line-height:1em;
				border-bottom:3px dotted #000;
				width:80%;
				margin:0 auto;
				}
.sizebox99	img.size-svg	{
				width:80%;
				margin:40px auto;
				display:block;
				}
.sizebox99	img.size-svg2	{
				width:200px;
				margin:40px auto;
				display:block;
				}
.sizebox99	img.carry	{
				margin:15px;
				width:90px;
				float:left;
				}
span.text8		{
				font-size:8pt;
				line-height:1em;
				}
span.text9		{
				font-size:9pt;
				}
span.text10		{
				font-size:10pt;
				}
span.text11		{
				font-size:11pt;
				}


.detail			{		/*阪急梅田駅で使用。詳細情報*/
				width:90%;
				max-width:400px;
				margin:50px auto;
				font-size:12pt;
				}
.detail		table	{
				width:100%;
				border-collapse:collapse;
				}
.detail		table	td	{
				border-bottom:1px solid #777;
				padding:10px;
				}
.detail		table	td.d01	{
				width:5em;
				font-size:10pt;
				font-weight:bold;
				text-align:center;
				background-color:#fffed5;
				}
.detail		table	td	img.size-svg	{
				display:block;
				width:180px;
				margin:10px auto;
				}
.detail		table	td	img.carry	{
				margin:15px;
				width:50px;
				float:left;
				}

.area-map1		{	/*ページ下の周辺ロッカー欄で使用(両国駅)*/
				width:80%;
				max-width:400px;
				margin:40px auto;
				display:block;
				}
.tenimotsu				{	/*岡山駅の手荷物ページで使用*/
				width:40px;
				margin:0 10px;
				display:inline-block;
				vertical-align:middle;
				float:left;
				}

.arrow2			{
					margin:0 auto;
					width:80px;
					text-align:center;
				}
.arrow2			img	{
					margin:0;
					width:100%;
					height:auto;
				}
.bb1			{	/*太字 新大阪駅のコインロッカー使い方ガイド*/
					font-weight:bold;
				}
.pt18			{	/*文字サイズ18ポイント*/
					font-size:18pt;
				}
.pt10			{
					font-size:10pt;
				}

.locker-type1	{	/*新大阪駅の使い方ページで使用の冒頭の番号リスト*/
				width:90%;
				max-width:500px;
				margin:10px auto;
				font-size:14pt;
				}

.locker-type1		li	{
				margin:10px 0;
				font-size:14pt;
				font-weight:bold;
				}
.locker-type1  		li:after	{ /*floatの解除、ここがポイント*/
				display:block;
				clear:both;
				height:0px;
				visibility:hidden;
				content:".";
				}
.locker-type1		li	img	{
				width:25pt;
				margin:0 10px;
				vertical-align:middle;
				float:left;
				}


.storage-button	{	/*東京駅周辺の10日以上の手荷物預けサービス*/
				}
.storage-button	a:link	{
				display:block;
				width:80%;
				margin:0 auto;
				padding:10px 0;
				background:linear-gradient(#36ff00,#45cd20);
				text-align:center;
				color:#FFF;
				font-weight:bold;
				border:1px solid #FFF;
				box-shadow:0 0 9px #999;
				}


.h-02			{	/*新デザインの見出し*/
				width:92%;
				margin:20px auto;
				padding:10px 0 10px 10px;
				background-color: #4889ff;
				border-radius:10px;
				color:#FFF;
				text-shadow:0 0 5px #000;
				}
.h-03			{
				width:92%;
				margin:20px auto;
				padding:10px 0 10px 10px;
				border-bottom:2px solid #4889ff;
				color:#000;
				text-shadow:0 0 5px #888;
				font-size:16.5pt;
				}
.h-04			{
				width:90%;
				margin:20px auto;
				padding-left:5px;
				font-size:15pt;
				border-left:3px solid #4889ff;
				}
span.t-04		{
				color:#ff8a00;
				}

.orange			{
				/* 文字色をオレンジ色 やめて　薄い青にに*/
				color:#4889ff;
				}
.bg1			{
				/*文字色のオレンジ*/
				color:#ff7e00;
				}


ul#mokuji1		{
				/*新デザインのもくじULリスト*/
				border:1px solid #4889ff;
				width:90%;
				margin:10px auto;
				padding:5px;
				font-size:12.5pt;
				background-color:#f2f7ff;
				
				}
#mokuji1	p	{
				margin:10px 0;
				font-size:14pt;
				text-align:center;
				font-weight:bold;
				}
ul#mokuji1	li	{
				margin-left:5%;
				width:90%;
				padding:0 ;
				}
ul#mokuji1	li	.icon	{
				width:20px;
				margin-right:10px;
				}
ul#mokuji1	ul.nashi	{
				padding:0 10px;
				list-style:none;
				}

.info-size1		{
				float:left;
				width:30%;
				max-width:100px;
				margin:10px 20px;
				}
.use1			{	/*使い方のolリスト*/
				width:70%;
				margin:0 auto;
				padding:auto;
				font-size:18pt;
				font-weight:bold;
				background-color:#b1cdff;
				}



/*

フッタ


*/
#footer			{
				padding:30px 0;
				text-align:center;
				font-size:10pt;
				background-color:#FF8E1E;
				}
		/*フッタ内リンク*/
#footer		ul	{
				width:80%;
				max-width:450px;
				margin:0 auto;
				padding:0;
				}
#footer		ul	li	{
				margin:5px 0;
				list-style:none;
				width:50%;
				float:left;
				}
#footer		ul	li	a:link	{
				color:#000;
				}
#footer		ul	li	a:visited	{
				color:#000;
				}


.lead22		{
			margin:0;
			padding:2px;
			font-size:1.25em;
			}
.lead22		p	{
				background-color:rgba(255,204,0,0.15);
				}

.title5a		{	/*2017/10/3より東京駅 h2で使用。*/
				width:90%;
				margin:0 auto;
				font-size:14pt;
				border-top:1px solid #000;
				border-bottom:1px solid #000;
				}

table.baggage01	{	/*京都駅の手荷物で使用*/
				width:100%;
				max-width:500px;
				margin:0 auto;
				}
table.baggage01		td	{
				padding:15px 0 0;
				border-bottom:1px solid #FF8E1E;
				background-color:#EEE;
				}
table.baggage01		td.link	{
				font-size:10pt;
				font-weight:bold;
				text-align:center;
				}

.ad-hotel1		{	/*広告ホテル用 オレンジ色のボタン*/
				width:100%;
				margin:40px 0;
				text-align:center;
				line-height:1em;
				}
.ad-hotel1		span	{
				font-size:10pt;
				font-weight:bold;
				}
.ad-hotel1	a:link	{
				display:block;
				width:100%;
				max-width:300px;
				margin:0 auto;
				padding:10px 0;
				line-height:1.05em;
				text-align:center;
				border:1px solid #ff7e00;
				background:linear-gradient( #ffa955,#FF7E00);
				border-radius:10px;
				color:#FFF;
				text-shadow:1px 1px 2px #2c2c2c;
				box-shadow:0 1px 3px #a0a0a0;
				}
.ad-hotel1	a:visited	{
				color:#FFF;
				}

.lead-app1		{	/*アプリなど外部リンク用*/
				width:90%;
				max-width:500px;
				margin:50px auto;
				padding:10px;
				font-size:13pt;
				border:1px dotted #999;
				}
.lead-app1	img	{
				width:70px;
				float:left;
				padding:0 10px;
				}
.lead-app1	.count	{
				margin:0;
				font-size:8pt;
				font-weight:bold;
				color:#ff00f6;
				}
.lead-app1	.count	span	{
				background-color:#e3e3e3;
				}





			/*各ロッカーページへのお土産リンク記載用*/
.omiyagebox		{	
				width:90%;
				max-width:500px;
				margin:50px auto;
				padding:10px;
				font-size:13pt;
				border:1px dotted #999;
				}
.omiyagebox	.image2	{
				width:70px;
				float:left;
				padding:0 10px;
				}
.omiyagebox	.count	{
				margin:0;
				font-size:8pt;
				font-weight:bold;
				color:#ff00f6;
				}
.omiyagebox	.count	span	{
				background-color:#e3e3e3;
				}




			/*土産ページへの記載*/

.adimagebox		{
				width:170px;
				float:left;
				}
.adimagebox		p	{
				display:none;
				}
.adimagebox		img[width="1"] {	/*サイズ1pxの小さいものを非表示に*/
					height:0;
					width:0;
					margin:0;
					border:none;
					}
					





	/*4000-ad1.html用*/
.ad4000			{
				margin-top:30px;
				font-size:10pt;
				text-align:center;
				}




/* 広告表示用
600px以上
 */
@media screen and (min-width: 601px){ 

.adbox1			{
				display:none;
				}
.adbox1-big		{
				width:100%;
				margin:50px auto;
				text-align:center;
				}


}

@media screen and (max-width: 600px){  
/*600px以下のスマホ含むデバイス用*/

.adbox1			{
				width:100%;
				margin:50px auto;
				text-align:center;
				}
.adbox1-big		{
				display:none;
				}


}