@charset "utf-8";

/*-----------------------------------------------------------------

 VIEW the SPA - Layout of Teaser Website
 URL: http://view-the-spa.jp/
 Version: 1.0.1
 Copyright (C) VIEW the SPA, All Rights Reserved.

-----------------------------------------------------------------*/


#toppage #wholeContents {
	width:100%;
	min-width:820px;
	background-image:url('../img/bgTopMain.jpg');
	background-repeat:repeat-y;
	background-position:center;
}

#toppage #wrapContents {
	width:820px;
	margin:0 auto;
	background-image:url('../img/bgTopMainHeader.jpg');
	background-repeat:no-repeat;
	background-position:top;
	margin-top: -28px;
}

#toppage #mainContents {
	float:left;
	width:400px;
	margin:0 auto;
	padding:0 20px;
}

#toppage #mainContentInner {
	width: 400px;
	padding:0 0 0 0;
}

#toppage #mainContentInner p {
	padding:0 0 0 0;
}

#toppage #subContents {
	width:190px;
	float:right;
	padding:100px 0 0 0;
	background-image: url('../img/imgCampaign.png');
	background-position:100% 130px;
	background-repeat:no-repeat;
}

#toppage #subContents h2 {
	padding-bottom:10px;
}

#toppage #subContents dl {
	line-height:1.3;
	letter-spacing:0.1em;
	padding-left:13px;
	padding-top:50px;
}

#toppage #subContents dt {
	font-family:"Times New Roman", Times, serif;
	font-weight:bold;
	color:#a59e64;
}
#toppage #subContents dd {
	padding: 5px 0 20px 0;
}

#toppage #subContents dd strong {
	font-weight: bold;
}

#toppage #subContents dd li strong {
	color: #768f40;
}

#toppage #subContents dd li.shanghai strong {
	color: #802f2d;
}

#toppage #subContents dd ul,
#toppage #subContents dd ol {
	margin-left:1.4em;
	margin-bottom:5px;
	padding-top: 13px;
}

#toppage #subContents dd li {
	padding-top: 13px;
}

#toppage #subContents dd ul li {
	list-style-type: disc;
}

#toppage #subContents dd ul li ul li {
	list-style-type: circle;
}

#toppage #subContents dd ol li {
	list-style-type: decimal;
}

#toppage #subContents dd li.first {
	padding-top: 0;
}

#toppage #subContents span.campImg {
	display: inline-block;
}

#toppage #subContents span.campImg a {
	display: inline-block;
	border: 1px solid #ccc;
}

#toppage #subContents span.campImg a:hover {
	border: 1px solid #8da564;
}

#toppage #subContents span.campImg img {
	border: 3px solid #fff;
}

#toppage #footerContent {
	clear:both;
	width:600px;
	height:200px;
	margin:0 auto;
	padding-right:210px;
}

#toppage #footerContentInner {
	float:right;
	width:400px;
	height:200px;
	margin:0 auto;
	position:relative;
	background-image:url('../img/bgFooterPhoto.jpg');
	background-position:top;
	background-repeat:no-repeat;
}