@charset "utf-8";

/* Table Of Contents
----------------------------------------
# add
# content
# clearfix

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

/* # add
---------------------------------------------------------------------------- */
p.sp{display:none;
width:980px;
padding:10px auto ;
background-color:#fff;
border-bottom:2px solid #4c4c4c;
overflow:hidden;
}
div.keiko{margin:10px 0 0 25px; color:#fff; font-size:14px}

div.course_navi_nokori{ position: absolute; top: 125px; left: 80px; width: 130px; color:#ffffff; font-size:12px; padding:0; margin:0; text-align:right;
}
div.course_navi_nokori span.kazu{
	font-size:20px;
	font-weight:bold;
	margin:0; padding:0;
}

div.course_navi_nokori_bk{ position: absolute; top: 125px; left: 80px; width: 130px; color:#000000 font-size:12px; padding:0; margin:0; text-align:right;
}
div.course_navi_nokori_bk span.kazu{
	font-size:20px;
	font-weight:bold;
	margin:0; padding:0;
}

div#ginzagrand_img_top {
	position: relative;
}

div#ginzagrand_img_top #countdown_date {
	position:absolute;
	top: 126px;
	left:110px;
	font-size:12px;
	text-align: center;
        line-height:15px;
}

div#ginzagrand_img_top #countdown_date span {
	font-size:14px;
}

div.block p.eur {
	margin-top:16px;
}

/* # content
---------------------------------------------------------------------------- */

#content .general {
	background: #e0dad3;
	background: -moz-linear-gradient(left, #e0dad3 18%, #ffffff 54%);
	background: -webkit-gradient(linear, left top, right top, color-stop(18%,#e0dad3), color-stop(54%,#ffffff));
	background: -webkit-linear-gradient(left, #e0dad3 18%,#ffffff 54%);
	background: -o-linear-gradient(left, #e0dad3 18%,#ffffff 54%);
	background: -ms-linear-gradient(left, #e0dad3 18%,#ffffff 54%);
	-pie-background: linear-gradient(left, #e0dad3 18%,#ffffff 54%);
	border: 1px solid #8b8987;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	clear: both;
	margin-bottom: 30px;
	min-height: 348px;
	position: relative;
}

* html #content .general {
	height: 348px;
}

#content .general p.title {
	position: absolute;
	left: 10px;
	top: -21px;
	z-index: 2;
}

#content .general p.image {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 1;
}

#content .general div.block {
	display: inline;
	float: left;
	margin-left: 10px;
	padding-top: 27px;
	width: 98px;
}

#content .general div.block p {
	padding: 0 0 5px 4px;
}

#content .general div.col01 {
	margin: 0 5px 0 172px;
	padding-top: 8px;
	width: 202px;
}

#content .general div.col01 p {
	padding: 0 0 8px 0;
}

#content .general div.block ul {
	background: url(../common/images/bg_dot01.gif) repeat-x 0 0;
	padding-top: 1px;
}

#content .general div.block ul li {
	background: url(../common/images/bg_dot01.gif) repeat-x left bottom;
	padding-bottom: 2px;
	padding: 2px 0 0 0\0;
	width: auto;
}

* html #content .general div.col02 {
	padding-top: 30px;
}

*:first-child + html #content .general div.col02 {
	padding-top: 30px;
}

#content .general div.col02 ul li {
	padding-left: 4px;
}

#content .general div.col03 {
	padding-top: 50px;
}

#content .general div.col04 {
	width: 119px;
}

* html #content .general div.col04 {
	padding-top: 30px;
}

*:first-child + html #content .general div.col04 {
	padding-top: 30px;
}

#content .general div.col04 p {
	padding-left: 0;
}

#content .general02 {
	min-height: 418px;
}

* html #content .general02 {
	height: 418px;
}

#content .concept {
	position: absolute;
	left: 187px;
	bottom: 233px;
	z-index: 3;
}

#content .general02 div.group {
	clear: both;
	margin-left: 390px;
	padding-top: 32px;
	width: 320px;
}

#content .general02 div.group p {
	line-height: 1.4;
	padding-bottom: 5px;
}

#content .general02 div.group p.groupText {
	padding: 3px 0 5px 0;
}

#content .general02 div.group strong {
	font-size: 110%;
}

p.more {
	margin-top: -2px;
	text-align: right;
}

p.more a {
	background: url(../common/images/ico_arrow02.gif) no-repeat right center;
	padding-right: 10px;
}

#content .general02 div.groupLast {
	padding-top: 17px;
}

#content .innovation {
	clear: both;
	padding-top: 20px;
}

#content .innovation h2 {
	padding-bottom: 20px;
}

#content .innovation ol {
	margin-right: -8px;
	width: 752px;
}

#content .innovation ol li {
	background: url(../images/bg_item.gif) no-repeat left bottom;
	display: inline;
	float: left;
	margin: 0 8px 8px 0;
	padding-bottom: 30px;
	width: 180px;
    height: 410px;
}

#content .innovation ol li.small {
    height: 310px;
}

#content .innovation ol li p {
	line-height: 1.4;
	padding: 10px 15px 0 15px;
}

#content .innovation ol li p.image {
	padding: 0;
}

.infoSection {
	margin-top: 15px;
}

.infoSection div.info {
	display: inline;
	float: left;
	width: auto;
}

.infoSection div.info h2 {
	background: #efeeee;
}

div.info div.inner {
	background: #fff;
	border: 1px solid #d4d3d2;
	border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	padding-bottom: 20px;
}

.infoSection div.news {
	width: 358px;
}

.infoSection div.news h2 {
	position: relative;
}

.infoSection div.news h2 .rss {
	position: absolute;
	left: 150px;
	top: 24px;
}

.infoSection div.channel {
	margin-left: 18px;
	width: 368px;
}

.infoSection div.publish {
	margin-left: 21px;
	width: 215px;
}

div.publish div.inner {
	border-top: none;
}

.infoSection div.news dl {
	padding: 10px 0 5px 0;
}

.infoSection div.news dl dt {
	color: #d0111b;
	padding: 3px 0 0 17px;
}

.infoSection div.news dl dd {
	background: url(../common/images/bg_dot02.gif) repeat-x left bottom;
	line-height: 1.4;
	margin: -1.5em 0 0.1em 0;
	padding: 0 1em 0.7em 8em;
/*	text-indent: -47px; */
}

* html .infoSection div.news dl dt {
	padding-top: 5px;
}

*:first-child + html .infoSection div.news dl dd {
	padding-bottom: 9px;
}

.infoSection div.news dl dd img {
	vertical-align: middle;
	padding-right: 8px;
}

.infoSection div.news dl dd a {
	color: #3d3e3e;
}

.infoSection div.news p.more {
	margin-bottom: -7px;
	padding-right: 10px;
	position: relative;
	z-index: 1;
}

.infoSection div.channel ul {
	margin: -1px 0 -11px;
}

.infoSection div.channel ul li {
	border-top: 1px solid #d4d3d2;
	clear: both;
	padding: 12px 0 9px 19px;
	width: auto;
}

.infoSection div.channel ul li p.photo {
	display: inline;
	float: left;
	margin-right: 20px;
	width: 116px;
}

.infoSection div.channel ul li p.photo img {
	background: url(../images/bg_photo.gif) no-repeat 0 0;
	padding: 7px;
	height: 110px;
	width: 102px;
}

.infoSection div.channel ul li div {
	display: inline;
	float: left;
	line-height: 1.4;
	padding-top: 4px;
	width: 176px;
}

.infoSection div.channel ul li div p.title {
	font-size: 120%;
	font-weight: bold;
	padding-bottom: 3px;
}

.infoSection div.channel ul li div p.more {
	padding-top: 6px;
}

.element {
	background: #585654;
	clear: both;
	position: relative;
    margin: 24px auto 0;
	z-index: 10;
    width: 980px;
}

.element ul.imageList {
	display: inline;
	float: left;
	width: 420px;
}

.element ul.imageList li {
	display: inline;
	float: left;
	padding: 0 1px 1px 0;
	width: auto;
}

.element ul.imageList01 {
	display: inline;
	float: left;
	padding: 140px 0 0 0;
	width: 700px;
}

.element ul.imageList02 {
	width: 980px;
}

.element p.image {
	display: inline;
	float: left;
	padding-right: 1px;
	width: auto;
}

.element p.image01 {
	display: inline;
	float: right;
	padding-right: 1px;
	width: auto;
}

.element div.box {
	padding: 25px 5px 0 23px;
	position: absolute;
	left: 140px;
	top: 279px;
	z-index: 10;
}

.element div.box div {
	display: inline;
	float: left;
	margin-top: 5px;
	width: 282px;
}

.element div.box div p {
	display: inline;
	float: left;
	padding-right: 17px;
	width: auto;
}

.element div.box p.text {
	color: #cec5c6;
	display: inline;
	float: left;
	margin-left: -5px;
	width: 382px;
}


/* # clearfix
---------------------------------------------------------------------------- */

#content .general,
#content .innovation ol,
#content .innovation ol li,
.infoSection,
.infoSection div.channel ul li,
.element,
.element ul.imageList,
.element div.box div,
.element ul.imageList01 {
	zoom: 1;
}

#content .general:after,
#content .innovation ol:after,
#content .innovation ol li:after,
.infoSection:after,
.infoSection div.channel ul li:after,
.element:after,
.element ul.imageList:after,
.element div.box div:after,
.element ul.imageList01:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden;
}

/* クリスマスWキャンペーン
---------------------------------------------------------------------------- */
header {
  height: 607px;
}

#slider li img{
	display: block;
}
.mainSlide{
	position: absolute;
	top:0;
	left:0;
	height: 607px;
	width: 100%;
}
.mainSlide .bx-wrapper,
.mainSlide .bx-window{
	max-width: 1400px;
	margin: 0 auto;
}
#slider li{
	height: 607px;
}
#slider .camSlide{
	width: 100%;
	height: 607px;
	margin: 0 auto;
}
#slider .camSlide .inner{
	width: 980px;
	margin: 0 auto;
	position: relative;
	padding-top: 134px;
}

.camSlide .inner::after{
	content:'';
	/*background: url(/images/cam_back2.png) no-repeat center center;*/
	width: 156px;
	height: 171px;
	position: absolute;
	top:105px;
	right:-110px;
	z-index: 10;
}

#slider .camSlide .title{
	padding-left: 5px;
	margin-top:-50px;
	z-index: 9;
	position: relative;
}
#slider .camSlide .nokori{
	/*font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;*/
	position: absolute;
	top:165px;
	right:-80px;
	width: 6.3em;
	color:#ffffff;
	font-size: 15.3px;
	text-align: center;
	z-index: 11;
}
#slider .camSlide .endDay{
	top: 156px;
  right: 12px;
  width: 6em;
  color: #fff;
  font-size: 22px;
  font-weight: bold;
}
#slider .camSlide .nokori >span:first-child{
	display: block;
	font-size:11px;
}
#slider .camSlide .nokori >span:last-child{
	font-size: 16px;
	line-height: 1;
	font-weight: bold;
}
#slider .camSlide .nokori .num{
	font-family: 'Hiragino Kaku Gothic ProN', Meiryo,sans-serif;
	font-size: 38px;
	line-height: 1;
	padding: 0 0.2em;
	vertical-align: sub;
}
#slider .camSlide .row{
	width: 100%;
	display: table;
	margin: 27px 0 0 -101px;
	position: relative;
}
#slider .camSlide .row .tableCell{
	vertical-align: top;
	display: table-cell;
}
#slider .camSlide .row .tokuten{;
	width: 478px;
}
#slider .camSlide .row .present{
	width: 526px;
	padding:0 0 0 12px;
}
#slider .camSlide .row .presentNokori{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	position: absolute;
	width: 6em;
	bottom:53px;
	right: 125px;
	font-size: 16px;
	color:#d32619;
	font-weight: bold;
	text-align: right;
	top:205px;
}
#slider .camSlide .row .presentNokori .num{
	font-family: 'Hiragino Kaku Gothic ProN', Meiryo,sans-serif;
	font-size: 30px;
	color:#d32619;
	vertical-align: sub;
}
#slider .camSlide .rolloverJS{
	width: 372px;
	margin: 10px auto 0;
}
.textCamCenter{
	text-align:center;
	font-size:10px;
	color:#fff;
	display:block !important;
	clear:both !important;
}
/*サイドナビ*/
#sidebar .camSide{
	margin-bottom: 20px;
	position: relative;
}
#sidebar .camSide a{
	color:#c9392e;
}
#sidebar .camSide .nokori{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	position: absolute;
	bottom:1px;
	left:10px;
	width: 100%;
	text-align: left;
	color:#ff0000;
	font-size: 16px;
	font-weight: bold;
}
#sidebar .camSide .endDay{
	font-weight: bold;
	bottom:0;
}

#sidebar .camSide .nokori .num{
	font-family: 'Hiragino Kaku Gothic ProN', Meiryo,sans-serif;
	font-size: 24px;
	line-height: 1;
	padding: 0 0.2em;
	vertical-align: sub;
}






/**/