@charset "utf-8";



/* header
----------------------------------------------------------*/
#header {
	background:url(../images/top/bg_body01.jpg) no-repeat top;
}

/* topCont */
.topCont {
	overflow:hidden;
	width: 900px;
    margin: 0 auto;
}
.topCont .lCol {
	float:left;
	width:630px;
	background:#fff;
}
.topCont .lCol .mainPhoto {
	position:relative;
	width:630px;
	height:250px;
}
.topCont .lCol .mainPhoto img {
	position:absolute;
	left:0;
	top:0;
}
.topCont .lCol .textBox {
	margin:20px;
}
.topCont .lCol .textBox .heading {
	padding-bottom:10px;
	font-size:300%;
	font-weight:bold;
}
.topCont .lCol .textBox .heading .color01 {}
.topCont .lCol .textBox .desc {
	padding-bottom:20px;
	font-size:166%;
	font-weight:bold;
}
.topCont .lCol .textBox .comment {
	line-height:170%;
	font-size:120%;
}
.topCont .lCol .detailBtn {
	padding:8px 12px;
	background:#c22b18;
	text-align:right;
}
.topCont .rCol {
	padding-bottom:15px;
	float:right;
	width:260px;
}
.topCont .rCol .bnr {
	margin:0 0 10px;
}

/* wrapper
----------------------------------------------------------*/
#wrapper {
	background:url(../images/common/bg_body02.jpg) no-repeat top;
}

/* slide
----------------------------------------------------------*/
#slide{
	float:left;
	position:relative;
	top:0;
	left:0;
	width:626px;
	height:380px;
}
#slide img {
	position:absolute;
	left:0;
	top:0;
}

/* container
----------------------------------------------------------*/
#container {
	padding:20px 0 0;
	background:url(../images/top/top_bg_container.gif) repeat-x;
}

/* contents
----------------------------------------------------------*/
#contents {
	width:900px;
	margin:0 auto;
}


/* giftsCont */
#giftsCont {
	overflow:hidden;
	width:900px;
	margin:0 auto 20px;
}


/* pointCont */
#pointCont {
}
#pointCont .pointInner {
	overflow:hidden;
	width:860px;
	margin:0 auto 20px;
	padding:20px;
	background:#f5f1ec;
	border-top:8px solid #c22b18;
}
#pointCont .heading {
	margin:10px 0 20px;
	font-size:358%;
	font-weight:bold;
	text-align:center;
}
#pointCont .pointBox {
	float:left;
	position:relative;
	width:390px;
	margin:0 0 20px 20px;
	padding:3px 3px 20px;
	background:#fff;
}
#pointCont .pointBox .eyecatch {
	margin:0 0 15px;
}
#pointCont .pointBox .title {
	margin:10px 20px;
	padding:0 0 10px;
	border-bottom:1px solid #dcdcdc;
	font-size:133.3%;
	font-weight:bold;
	letter-spacing:0;
}
#pointCont .pointBox .title span {
	margin:0 10px 0 0;
	font-size:187.5%;
}
#pointCont .pointBox .comment {
	float:left;
	width:280px;
	margin:0 10px 0 20px;
}
#pointCont .pointBox .btn {
	position:absolute;
	right:20px;
	bottom:20px;
}

/* graphCont */
#graphCont{
	padding:20px 0;
	background:#222;
}
#graphCont .graphInner{
	overflow:hidden;
	width:850px;
	margin:0 auto;
	padding:30px 20px 30px 30px;
	background:#303030 url(../images/top/bg_graphcont.jpg) no-repeat top;
}
#graphCont .heading{
	margin:0 0 20px;
	text-align:center;
}
#graphCont .lCol {
	float:left;
	width:440px;
	padding:20px 65px 20px 45px;
	background:#222;
}
#graphCont .lCol .title {
	margin:0 0 15px;
	color:#fff;
	font-size:183%;
	font-weight:bold;
	text-align:center;
	letter-spacing:0;
}
#graphCont .rCol {
	float:right;
	width:260px;
	margin:85px 0 0;
	color:#fff;
}
#graphCont .rCol .textBox {
	margin:0 0 20px;
	padding:15px;
	background:url(../images/common/bg_pattern02.png);
}
#graphCont .rCol .textBox .title {
	margin:0 0 10px;
	font-size:133.3%;
}
#graphCont .rCol .btn {
	text-align:center;
}


/* asiaCont */
#asiaCont {
	padding:20px 0;
	background:#0363b0;
	color:#fff;
}
#asiaCont .asiaInner {
	overflow:hidden;
	width:870px;
	margin:0 auto;
	padding:30px 30px 0 0;
	background:url(../images/common/bg_pattern01.gif);
}
#asiaCont .lCol {
	float:left;
	width:443px;
	padding:0 0 30px 30px;
	background:url(../images/top/top_bg_asia.png) no-repeat 0% 100%;
}
#asiaCont .rCol {
	float:right;
	width:375px;
}
#asiaCont .rCol .heading {
	margin:0 0 5px;
	font-size:300%;
	font-weight:bold;
}
#asiaCont .rCol .comment {
	margin:0 0 20px;
}
#asiaCont .rCol .title {
	margin:0 0 10px;
	font-size:200%;
	font-weight:bold;
}
#asiaCont .rCol .photo {
	margin:0 0 10px;
}
#asiaCont .rCol .photo img {
	margin:0 3px;
}