p{

	margin:0.3em;

}



.basebody{

	max-width:800px;

}

.shop{

	margin-top:30px;

}

.shopnavi{

	background-color:#999999;

}

.shopnavi div:first-child{

	margin-top:	20px;

	padding:	10px;

}

.shopnavi ul{

	margin-left:	10px;

}

.shopnavi ul li{

	margin-top:	14px;

}

.shopnavi .order p{

	font-size: 0.7em;

	text-align:	center;

}

.shopnavi .orderform{

	background-color:#ffff00;

	text-align:	center;

	font-weight:	bold;

	padding:	4px;

}

.shopnavi a:hover{

	color:#ff00ff;

}

.shop h4{

	background-color:#00cc00;

	padding:	5px;

	color:#ffffff;

}

.shop h4.title{

	color:#ffff00;

}

.shop ol{

	margin-top:15px;

}



.topbody{

	padding:5px;

}



body {

	background-color: #ffffff;

	background-image: url(../bg1.gif);

	background-repeat: no-repeat;

	background-position: 0% 100%;

	background-attachment: fixed;

	font-size: 10pt;

	line-height: 13pt;

	color: #3c3c3c;

}

/* フォルダ毎に背景画像の指定をする */

body.woolton {

	background-image: url(../liverpool/bg_woolton.gif);

}

body.beatles{

	background-image: url(../beatles/bg_menlove.gif);

}

body.beatleweek{

	background-image: url(../beatleweek/bg_bw2.gif);

	color:	#666666;

}

body.magazine{

	background-image: url(../magazine/bg4.gif);

}





body img{

	max-width:100%;

}





/* styles for desktop */



.tinynav {

	display: none

}

/* styles for mobile */



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

	.tinynav {

		display: block

	}

	#nav {

		display: none

	}

}

/* ▽メニューバーの装飾 */



ul#nav {

/*	  background-color: #cc0000; /* バーの背景色 */

	

	margin: 0px 0px 0px 9px;

	/* バー外側の余白 */

	

	padding: 0px;

	/* バー内側の余白 */

	

	height: 20px;

	/* バーの高さ */

	

	font-size: 110%;

	/*   border: 1px solid #cc0000; /* バーの枠線 */

}

/* ▽メニュー項目の装飾 */



ul#nav li {

	/*    width: 60px;             /* 項目の横幅 */

	

	height: 20px;

	/* 項目の高さ(バーの高さと同じに) */

	

	border-right: 2px solid white;

	/* 項目の区切り線 */

	

	float: left;

	list-style-type: none;

}

/* ▽メニュー項目の装飾 */



ul#nav li a {

	 background-color: #004080;

	/* 項目の背景色 */

	

	color: #ffffff;

	/* 項目の文字色 */

	

	line-height: 20px;

	/* 項目のリンクの高さ(「メニュー項目の高さ」と一致させる) */

	

	text-align: center;

	/* 文字列の配置(中央寄せ) */

	

	text-decoration: none;

	/* 項目の装飾(下線を消す) */

	

	display: block;

	width: 100%;

	height: 100%;

	padding: 0px 5px;

}

/* ▽現在位置項目の装飾 */



ul#nav li.selected a {

	font-weight: bold;

	background-color: #004080;

}

/* ▽メニュー項目にマウスが載ったときの装飾 */



ul#nav li a:hover {

	background-color: #ffffff;

	color: #004080;

}

header {

/*	background-color: #004080; */

/*	color: #111111; */

	max-width: 700px;

	margin-right: auto;

	margin-left: auto;

}

header #welcome {

	width: 100%;

	padding-left: 10px;

	background-color: #004080;

	font-size: 0.8em;

	color: #ffffff;

}

header #welcome span {

	margin-right: 10px;

	float: right;

}



header .resizeimage img {

	width: 100%;

	max-width: 700px;

	margin: 0 0 2px 0;

}

header #url {

	padding: 20px;

	font-size:0.8em;

}





header #title{

	max-width: 700px;

	color: #004080;

	width:100%;

	margin: 0;

	font-weight: bold;

	position: absolute;

	top:0px;

}

header #title p{

	text-align: center;

}

header #title span{

	padding:20px;

}

header #title #since{

	float:right;

	color:#ff4b17;

	font-style: italic;

	font-size:0.9em;

	font-weight: bold;

}



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

header #url {

	padding: 15px 20px 0px 20px;

	font-size:0.8em;

}

header #title p{

	margin: 0px;

	font-size: small; 

}

}



footer {

	background-color: #004080;

	color: #ffffff;

	text-align: center;

	font-size: 70%;

}

footer .copyright {

	font-weight: bold;

}

.gifMenu {

	margin: 3px 0px;

	padding: 1px;

	border: solid 1px #004080;

	background: #004080;

	font-size: 0.7em;



}

.gifMenu table {

	border-collapse: collapse;

	width: 100%;

	background: #bfbfff;

}

.gifMenu .gifMenu1 {

	padding-left: 16px;

	width: 90px;

}

.gifMenu .gifMenu2 {

	width: 18px;

}

.gifMenu .gifMenu2 img {

	width: 100%;

	height: 100%;

	width: 18px;

}

.gifMenu .gifMenu3 {

	padding:0 12px 0 0;

	text-align: right;

	background: #004080;

	color: #ffffff;

}

.contents h4 {

	background-image: url(../h_good.gif);

	background-repeat: no-repeat;

	background-position: left top;

	text-align: left;

	padding-left: 25px;

	margin-top: 5px;

	color: #990000;

	font-size: 1em;

	font-weight: bold;

}

.question{

	margin-bottom: 50px;

}

.question h4{

	text-align: center;

	padding-left: 25px;

	margin-top: 5px;

	color: #990000;

	font-weight: bold;



}

.question p{

	color:	#009900;

}

.question p .notice{

	color:	#cc0000;

	font-size:0.9em;

}

.enquirylink{

	margin-bottom: 10px;

	text-align: center;

}

.enquirylink li{

	background-image: url(../beatles/arrow_blue.gif);

	background-repeat: no-repeat;

	background-position: left center;

}

form h3{

	background-image: url(../h_good.gif);

	background-repeat: no-repeat;

	background-position: left top;

	padding-left:	25px;

}



.date {

	text-align: left;

	padding-top: 5px;

	font-size: 80%;

	color: #000000

}

.contents {

	color: #000000;

	text-align: left;

	padding: 5px 2px 5px 25px;



	/*		display: inline-block; */

	/* height:100%; */

	clear:both;



}

.contents img {

	border: 1px solid #000;

	max-width: 100%;

}

img.r {

	float: right;

	margin-left:1em;

}

.contents img.l {

	float: left;

	margin-right:1em;

}

.contents a {

	color: #000099;

	font-weight: bold;

}

.rmenu .menu {

	cursor: pointer;

	/* マウスを指形に */

	

	background: #004080;

	height: 1em;

	color: #ffffff;

	margin: 1px 0px 2px 2px;

	/* 外側の余白量 */

}

.rmenu li {

	text-align: left;

	color: #000000;

}

.friends {

	text-align: right;

}

.press {

	padding: 3px;

	text-align: right;

	font-size: small;

}

.press IFRAME {

	margin-top: 15px;

	width: 100%;

	height: 250px;

}

.about ul li {

	margin-top: 1.2em;

}

.about img {

	float: right;

	margin: 0px 10px;

}

.lmenu .menu {

	cursor: pointer;

	/* マウスを指形に */

	

	background: #bfbfff;

	color: #004080;

	font-weight: bold;

}

.lmenu .menu:hover {

	background: #004080;

	color: #ffffff;

	text-decoration: none;

}

.switch .menu:after {

	position: absolute;

	top: 50%;

	right: 10px;

	margin-top: -1.0rem;

	content: '>';

	font-size: 1.4rem;

	font-weight: bold;

	-moz-transform: rotate(90deg);

	-ms-transform: rotate(90deg);

	-webkit-transform: rotate(90deg);

	transform: rotate(90deg);

	-moz-transition: all, 0.25s, linear;

	-o-transition: all, 0.25s, linear;

	-webkit-transition: all, 0.25s, linear;

	transition: all, 0.25s, linear;

}

.switch .menu.active:after {

	-moz-transform: translate(0, 50%);

	-ms-transform: translate(0, 50%);

	-webkit-transform: translate(0, 50%);

	transform: translate(0, 50%);

	-moz-transform: rotate(-90deg);

	-ms-transform: rotate(-90deg);

	-webkit-transform: rotate(-90deg);

	transform: rotate(-90deg);

}

.child01{

	color: #004080;

	





}







.menu {

	display: block;

	position: relative;

	margin: 1px 0px 2px 10px;

	/* 外側の余白量 */

	

	padding: 1px 8px;

	/* 内側の余白量 */

	font-size:0.8em;

}



.acMenu .child {

	display: none;

	margin: 0 0 20px 0;

	padding: 0;

	

}





.acMenu .child > li {

	margin: 4px 0;

	padding: 0 16px;

	text-align: right;

}

.acMenu .child a{

	color:#004080;

	font-size:0.8em;



}

ul {

	margin: 0;

	padding: 0;

	list-style-type: none;

}

.bold {

	font-weight: bold;

}

.blue {

	color: #000099;

}

.photo {

	width: 100%;

}

.photo div {

	width: 100%;

	margin: 0 auto;

	text-align: center;

	color: #009900;

	font-size: 80%;

	font-weight: bold;

}

.photo div img {

	width: 100%;

	max-width: 400px;

}

.clearfix:after {   

    visibility: hidden;

    display: block;

    font-size: 0;

    content: " ";

    clear: both;

    height: 0;

}

/* clearfix for ie7 */

.clearfix{

    display: inline-block;

}

.clearfix {

    display: block;

}



.mail{

	padding: 8px;

	border: thin solid #080808;

	margin:2px 0 10px 0;

}

.mail p{

	text-align: right;

	font-size: 0.8em;

}

.mail .logo{

	border: thin solid #080808;

	width:100%;

	margin-left:auto;

	margin-right:auto;

}

.mail img{

	margin-right:5px;

}

.inquiry li{

	color: #004080;

	text-align:right;

	padding: 8px 5px;

	border-bottom:1px solid #CCC;

	margin-top: -1px;

}

.inquiry li a{

	color: #004080;

}

.inquiry .liverpool{

	text-align:right;

}

.inquiry .liverpoollogo img{

	width:66px;

	margin:2px;

}



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

	.pconly{

		display: none;	

	}

}



.breadcrumb{



  background-image: url(../liverpool/bg_stripe.gif);

/*   background: rgba(223,223,240,0.7);

  */ 



}

.breadcrumb > li + li:before {

  content: ">";

}



.contents2 {

	color: #000000;

	text-align: left;

	padding: 1px 2px 15px 60px;



	/*		display: inline-block; */

	/* height:100%; */

	clear:both;



}





p.right{

	text-align:right;

	font-weight: bold;

}



h5.stripe {

    padding: 3px;

    background-image: -webkit-gradient(linear,0 0,0 60%, color-stop(.5,#dfdff0), color-stop(.6,transparent),to(transparent));

    -webkit-background-size: 2px;

	color:	#000000;

	font-weight:	bold;

}

h5.stripe img{

	margin-right:15px;

}

.contents2 img.r {

	float: right;

	margin-left:1em;

}

img.l {

	float: left;

	margin-right:1em;

}

.contents2 h5{

	font-weight: bold;

	color: #900000;

}

.contents2 .colred{

	color: #900000;

}





#page-top {

    position: fixed;

    bottom: 10px;

    right: 20px;

    font-size: 77%;

    opacity: 0.3;

}

#page-top a {

    background: #666;

    text-decoration: none;

    color: #fff;

    width: 80px;

    padding: 10px 0;

    text-align: center;

    display: block;

    border-radius: 5px;

}

#page-top a:hover {

    text-decoration: none;

    background: #999;

}

.kiyaku h4{

	text-align: center;

}

.kiyaku li{

	list-style-type: decimal;

	margin-left:1em;

}

.kiyaku a{

	font-weight: bold;

}

.center-notice{

	width: 90%;

}



.tour div{

	margin-bottom:3px;

}

.tour div.stripe{

    padding: 8px;

    background-image: -webkit-gradient(linear,0 0,0 60%, color-stop(.5,#dfdff0), color-stop(.6,transparent),to(transparent));

    -webkit-background-size: 2px;}



/*

.row div:not(.clearfix) {

    border: 1px solid red;

}

*/



hr {

  border-width: 1px 0 0 0; /* 太さ */

  border-style: solid; /* 種類 */

  border-color: silver; /* 色 */

}

.tour li{

	list-style-type: disc;

	margin-left:1em;

}

.tour li li{

	list-style-type: decimal;

	margin-left:2em;

}

.schedule{

	margin-top: 10px;

	margin-bottom: 10px;

}

.tour .schedule li{

	list-style-type: none;

	margin-left:1em;

}

.tour .time{

	margin-right:1em;

}





body.beatles .tourlink{

	padding:3px;

	margin:1px;

	background-color:#ffff00;

}

body.beatles .tourlink .otherlink li{

	padding-left:1em;

	background-image: url(../beatles/arrow_blue.gif);

	background-repeat: no-repeat;

	background-position: left center;

	font-weight: bold;

}

body.beatles .tourlink .thispage{

	padding:1px;

	margin:2px;

	text-align:center;

}

body.beatles .tourlink .thispage strong{

	background-image: url(../beatles/br1w.gif);

	background-repeat: no-repeat;

	background-position: left center;

	padding-left:1.5em;

}

body.beatles strong{

	color:#990000;

}

body.beatles center a,a:link,a:hover,a:active,a:visited{

	color:#0000aa;

	font-weight: bold;

}

body.beatles small{

	color:#cc0000;

}

body.beatles img{

	max-width:100%;

}





dl.plan dt{  

  float : left;

  clear : both;

}

dl.plan dd{  

  margin-left : 3em;

}

dl.plan{

	margin-bottom: 0.5em;

}



.beatles h5 strong{

	color:	#0000ff;

	margin:	1em;

}

.beatles table caption{

	caption-side:	top;

	text-align: center;

}

.beatles ul {

list-style-type: square;

}

.beatles .spotlinkpicture{

	float: left;

	margin:10px;

}

.beatles .spotlinkpicture img + p{

	text-align: right;

}

.beatles .spotlink{

	margin-top:	15px;

	margin-bottom:	20px;

}

.beatles .spotlink a{

	padding-left:1.5em;

	background-image: url(../beatles/arrow_blue.gif);

	background-repeat: no-repeat;

	background-position: left center;

	font-weight: bold;

}







.spots{

	margin-bottom:	20px;

}

.spots img{

		width:	200px;

}

.spots  .leftimg{

	float: left;

	margin-left:15px;

	margin-right:10px;

	margin-bottom:20px;

	text-align: center;

}

.spots h4{

	color:	#900000;

	font-weight: bold;

	margin-bottom:	1px;

	margin-top:1px;

}

.spots h4 + h5{

	margin-top:1px;

	margin-bottom:	1.3em;

	font-weight: bold;

}

.nextspot{

	text-align: right;

}

.spots .img{

	display:	inline-block;

	text-align: center;

	margin-left:15px;

	margin-top:	10px;

}

.spots .thanksphotos{

	text-align: right;

	font-size:	small;

}

.thanks{

	text-align: right;

	font-size:	small;

	font-weight: bold;

}

.atmark{

	text-align: right;

	font-weight: bold;

}

.toiawase{

	padding:	20px;

}



body.beatleweek .collect_hand{

	background-image: url(../beatleweek/h_good.gif);

	background-repeat: repeat-x;

	margin-top:	8px;

}

body.beatleweek .flip-horizontal{

	transform: scale(-1, 1);

}

body.beatleweek .collect{

	text-align: center;

	font-weight:	boald;

	color:	#cc0000;

	margin:	10px 0  5px 0;

	padding:	0px;

}

a.spotlink{

	padding-left:1.5em;

	background-image: url(../beatles/arrow_blue.gif);

	background-repeat: no-repeat;

	background-position: left center;

	font-weight: bold;

}

div.spotlink{

	margin-top:	10px;

	text-align:	center;

}



.hedcontents{

	margin:	10px;

}

.hedcontents hr{

	margin-bottom: 3px;

	margin-top:6px;

}

.gallery{

	border-top: 1px solid #000000;

	border-bottom: 1px solid #000000;

	padding:	5px;

}



.tour2 div{

	margin-bottom:3px;

}

.tour2 div.stripe{

    padding: 4px;

    background-image: -webkit-gradient(linear,0 0,0 60%, color-stop(.5,#dfdff0), color-stop(.6,transparent),to(transparent));

    -webkit-background-size: 2px;

    color:	#000000;

}

.tour2 strong{

	color:	#900000;

}

.tour2 ul {

	list-style-type: square;

	margin-left:	1em;

	margin-bottom:	1em;

}

.tour2 .tour-date{

	font-style: italic;

	font-weight: bold;

	text-decoration:underline;

	color:	#0000ff;

	margin-left:	0.5em;

}

.tour2 .tour-time{

	color:	#000000;

	font-weight: bold;

	font-size:	1.2em;

}





.tour2 .tour-title{

	color:	#000000;	

	font-weight: bold;

}

.tour2 .place{

	margin-left:	0.8em;

	color:	#ff00ff;

}

.tour2 table>tbody>tr>td{

	vertical-align: middle;

}

.tour2 .td-price{

	text-align:	right;

}

.tour2 .tourhotel{

	margin-bottom:	20px;

}

.tour2 .tourhotel div>p{

	text-align:	center;

}

.tour2 .tourhotel h5{

	margin-top:	20px;

}

.tour2 .tourhotel>div{

	display: inline-block;

/*	padding:	5px; */

	margin:	0px;

}

.tour2 .tourhotel img{

/*	width:	100%; */

	margin:	1px;

	border: 1px #000000 solid;

	height:	115px;

}

.tour2 div.ib-box{

	display: inline-block;

	width:150px;

}

.soldout:after{

	content:	"Sold Out";

	font-weight: bold;

	margin:0.4em;

	color:	#ff0000;

	text-decoration: none;

}

.tour2 .touroption p{

	margin-left:	1.2em;

}

.tour2 .touroption h5{

	color:	#009900;

	font-weight:	bold;

}

.tour2 .touroption h5>span{

	font-weight:	normal;

	margin-left:	2em;

	font-size:	0.9em;

}

.toiawase ul {

	list-style-type: square;

}

.toiawase ul li{

	margin-left: 2em;

	color:	#000000;

}

div.other_toiawase{

    padding: 8px;

    background-image: -webkit-gradient(linear,0 0,0 60%, color-stop(.5,#dfdff0), color-stop(.6,transparent),to(transparent));

    -webkit-background-size: 2px;

    margin:  10px;

    color:	#000000;

}

div.other_toiawase > div>div{

	display: inline-block;

	vertical-align: top;

}

.other_toiawase > div:nth-last-of-type(1){

	text-align:	right;

	margin-top:	1em;

}

.other_toiawase h6{

	margin:0.3em;

	font-size:	0.8em;

	font-weight:	bold;

}



.tour2 li strong{

	color:	#cc0000;

}

.color-black{

	color:	#000000;

}





.beatleinfo  img.l{

	border: 1px #000000 solid;

}

.beatleinfo h5:not(.stripe){

	color:	#990000;

	font-weight:	bold;

	background-image: url(../h_good.gif);

	background-repeat: no-repeat;

	background-position: left top;

	padding-left:	20px;

}

.tourlink{

	font-weight:	bold;

	text-align:	right;

}



.photogallery img{

	margin:0.3em;

}

.nlwannai{

	color:	#000099;

	font-size: 0.8em;

	font-weight:	bold;

	text-align:	center;

}



.nlwlibrary .foot{

	color:	#cc0000;

	font-weight:	bold;

}

.nlwlibrary .beatles{

	color:	#00cccc;

	font-weight:	bold;

}

.nlwlibrary .other{

	color:	#00cc00;

	font-weight:	bold;

}

.magumagu{

	margin:20px;

	font-size: 0.8em;

	font-weight:	bold;

	text-align:	center;

}

.moushikomi{

	text-align:	right;

	margin-top:	1em;

}

p.kaz{

	text-align:	right;

}



.credit h2{

	text-align:	center;

	font-size:	1.3em;

	font-weight:	bold;

}

.credit .row{

	margin-top: 0.6em;

}

.goldfish p{

	color:	#ff00ff;

	font-weight:	bold;

	font-size:	1.3em;

	margin-top:	0.6em;

}

.goldfish p:nth-of-type(2){

	text-align:	right;

}

.goldfishfoot{

	text-align:	right;

	font-size:	0.8em;

	color:	#ff00ff;

}



div.navlink{

	text-align: center;

}



ul.navlink {

  padding:0.7em;

}



ul.navlink li {

	padding-left:1.2em;

	padding-right:0.5em;



  

  display: inline-block;

  text-align: center;

}



ul.navlink li:not(:first-child) {

	background-image: url(../beatles/arrow_blue.gif);

	background-repeat: no-repeat;

	background-position: left center;



}



ul.navlink li a {

  display: block;

}



div.maccatour img:first-child{

	margin-left:20px;

}

div.maccatour img{

	margin-left:8px;

	margin-top:2px;

}



div.slidepic{

	text-align: center;

}



div.slidepic img{

	margin-left:8px;

	margin-top:2px;

	vertical-align:bottom;

}

.maccadate{

	color:	#0000cc;

	font-weight:	bold;

	font-size:	1.3em;

	margin-top:	0.6em;

	padding:	0px;

}



div.diary .title{

	color:	#ff00ff;

	font-weight:	bold;

	margin-bottom:	15px;

}

div.diary .title h5{

	margin-left:	5em;

}

div.diary .author{

	text-align: right;

	font-size:	0.9em;

	font-weight:	bold;

	font-family:"Georgia";

	color:#666666;

}

div.diary p{

	font-size:	1.3em;

	margin-bottom:	1em;

	line-height: 1.2em;

}

div.next{

	text-align:	right;

}

div.diary{

	border-right: solid #cccccc;

}

div.copyright{

	margin-top:	15px;

	text-align:	right;

	font-weight:	bold;

	color:	#ff00ff;

}

div.photogalaries div{

	text-align:	center;

	display:	inline-block;

}

div.photogalary{

	text-align:	center;

}

div.diarymenu{

	text-align:	right;

	border-right: solid #cccccc;

	border-bottom: solid #cccccc;

}

div.diarymenu .title{

	color:	#ffffff;

	font-size:	1.4em;

	margin-bottom:	2em;

	background-color:#999999;

	font-weight:	bold;

	padding:0.4em;

}

div.diarymenu ul li{

	margin-bottom:	1.7em;

}

div.diarymenu ul li p{

	font-size:	1.5em;

}

h5 strong{

	color:#ff00ff;

	margin-left:1em;

}

p.kashi{

	margin-left:2em;

}

p.pcenter{

	text-align:	center;

}



}

.pright{

	text-align:	right;

}