@charset "UTF-8";
/* CSS Document */

/* basic */
body {
	margin: 0px;
	padding: 0px;
	text-align:center;
	background-color: #ffffff;
	font-family: "Century Gothic", "ＭＳ Ｐゴシック";
	color: #666666;
}

img{
	border: 0;
}

.clear{
	clear: both;
}
a:link {
	color: #999999;
	text-decoration: none;
}

a:visited {
	color: #999999;
	text-decoration: none;
}
a:hover {
	color: #333333;
	text-decoration: underline;
}
a:active {
	color: #333333;
	text-decoration: none;
}
ul,li {
	padding: 0px;
	margin: 0px;
	list-style: none;
}
.frame_grey {
	border: 1px solid #666666;
}

.border_left {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #666666;
}

.clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden;}
.clearfix { min-height:1px;}
* html .clearfix { height: 1px; }

.font_red { color:#e93124; }
.noDisp { display:none; }

/*total style*/
#container {
	text-align: center;
}

/* header */
#headerbg {
	margin: 0px;
	padding: 0px;
	width: 100%;
	text-align: center;
	min-width: 980px;
	background: url(../img/header_bg.jpg) center top no-repeat;
	margin-bottom: 20px;
}

#header {
	width: 980px;
	height: 53px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;	
}

#header .logo {
	margin-left: 40px;
}

#header .emtw {
	margin-left: 800px;
	margin-top: -27px;
}

#header .pagettl {
	width: 500px;
	height: 20px;
	margin-left: 280px;
	margin-top: -53px;
	font-size: 75%;
}

#header .navi {
	width: 540px;
	height: 23px;
	margin-top: 10px;
	margin-left: 280px;
	font-size: 75%;
}



/*navi*/
#topnavi_l {
	width: 331px;
	height: 20px;
	color: #999999;
	margin-left: 80px;
}

#topnavi_r {
	width: 331px;
	height: 20px;
	margin-left: 80px;
}

#toplink {
	width: 100px;
	height: 20px;
	font-size: 75%;
}

#toplink a:link {
	color: #999999;
	text-decoration: none;
}

#toplink a:visited {
	color: #999999;
	text-decoration: none;
}

#toplink a:hover {
	color: #333333;
	text-decoration: underline;
}

#toplink a:active {
	color: #333333;
	text-decoration: none;
}


/* contents */
#contents {
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	text-align: left;
}

#contents .top_left {
	width: 490px;
	float: left;
	text-align: center;
	/*margin: 0px;*/
	padding: 0px;
	margin-bottom: 20px;
}

#contents .top_right {
	width: 490px;
	float: right;
	padding: 0px;
	/*margin: 0px 0px 0px 20px;*/
	text-align: center;
	margin-bottom: 20px;
}

/*concept /////////////////////////////////////*/
#contents_cncpt { min-width:980px; margin:0 auto 20px; text-align:left; background:url(../concept/img/cncpt_bg.jpg) repeat-x; }
#contents_cncpt .inner { width:980px; margin:0 auto; text-align:left; /*background:url(../concept/img/meets_long.jpg) no-repeat 0 261px;*/ position:relative; }
#contents_cncpt .inner .cncpt_left { width:430px; height:572px; float:left; /*background-color:#ffffff;*/ }
#contents_cncpt .inner .cncpt_center { width:120px; height:572px; float:left; background:url(../concept/img/meets.jpg) no-repeat 0 261px; }
#contents_cncpt .inner .cncpt_right { width:430px; height:572px; float:right; /*background-color:#ffffff;*/ }
#contents_cncpt .inner .anim { width:330px; height:470px; position:absolute; top:51px; left:325px; display:none; overflow:hidden; }

#contents_cncpt .inner .overlay { position:absolute; top:0; left:0; display:none; background:url(../img/bg_white.png); z-index:90; padding:0 16px;
	-webkit-border-radius: 0.5em
	-moz-border-radius: 0.5em;
	border-radius: 0.5em;
	-webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.4);
	-moz-border-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.4);
	box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.4);
}

#contents_cncpt .inner .overlay p { line-height:120%; }


#shp_concept_link {
	width: 980px;
	text-align: right;
	padding-right: 20px;
	font-size: 75%;
}

#leftpict {
	display: block;
	text-align: center;
	height: 469px;
}

#contents .news_left {
	width: 750px;
	float: left;
	text-align: left;
	margin-bottom: 20px;
	background: url(../img/news_bg.jpg) right top no-repeat;
}

#contents .news_right {
	width: 230px;
	float: left;
	text-align: left;
	margin-bottom: 20px;
}

#newstitle {
	width: 705px;
	font-size: 80%;
	color: #000000;
	margin-left: 20px;
	margin-bottom: 10px;
}

#newsdate {
	width: 705px;
	font-size: 75%;
	margin-left: 20px;
	margin-bottom: 15px;
	text-align: right;
}

#newshombun {
	width: 705px;
	font-size: 75%;
	margin-left: 20px;
}

#newslink {
	width: 195px;
	margin-left: 15px;
	text-align: left;
	line-height: 140%;
}

#newslink .eachitem {
	width: 195px;
	margin: 10px 0px 10px 0px;
	font-size: 75%;
}

#contents .shops_left {
	width: 490px;
	float: left;
	text-align: left;
	padding: 0px;
	margin-bottom: 20px;
	background: url(../img/news_bg.jpg) right top no-repeat;
}

#contents .shops_right {
	width: 490px;
	float: right;
	padding: 0px;
	text-align: left;
	margin-bottom: 20px;
}

#shopscateg {
	width: 450px;
	margin-left: 20px;
	margin-bottom: 15px;
}

#shopsshopcateg2 {
	width: 150px;
	height: 18px;
	margin-left: 20px;
	margin-bottom: 15px;
	font-size: 75%;
	color: #FFFFFF;
	text-align: center;
	background: url(../shops/img/categ2_bg.jpg) left top no-repeat;
}

#shopsshopname {
	width: 450px;
	margin-left: 20px;
	margin-bottom: 15px;
	font-size: 90%;
	color: #333333;
}

#shopsaddress {
	width: 450px;
	margin-left: 20px;
	margin-bottom: 15px;
	font-size: 75%;
	color: #333333;
	line-height: 140%;
}

#shopsphoto {
	width: 450px;
	margin-left: 20px;
	margin-bottom: 15px;
	text-align: center;
	font-size: 75%;
	color: #333333;
	line-height: 140%;
}

#mgzn_concept {
	width: 440px;
	margin-left: 30px;
	text-align: left;
}

#mgzn_concept .txtlarge {
	font-size: 100%;
	line-height: 140%;
	margin-bottom: 20px;
}

#mgzn_concept .txtmedium {
	font-size: 90%;
	line-height: 140%;
	margin-left: 20px;
	margin-bottom: 20px;
}

#mgzn_concept .txtsmall {
	font-size: 75%;
	line-height: 120%;
	margin-top: 30px;
}

#mgzn_concept_season {
	width: 331px;
	height: 18px;
	margin-left: 80px;
	text-align: right;
	font-size: 75%;
}

#mgzn_title {
	width: 980px;
	text-align: center;
	font-size: 140%;
	font-weight: bold;
	margin-bottom: 20px;
}

.slideshow {
	height: 572px;
	position: relative;
}

.concept_pict {
	width: 429px;
	height: 572px;
	display: block;
	float: left;
}

.concept_catch {
	width: 120px;
	height: 572px;
	vertical-align: middle;
	display: block;
	float: left;
}

.concept_txt {
	background: url(../bg_white.png);
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	border-radius: 0.5em;
	position: absolute;
	top: 410px;
	left: 180px;
}

#conceptlink {
	width: 300px;
	font-size: 75%;
	margin-left: 530px;
}

/*season//////////////////////////////////////*/
.mgzn_ttl { color:#000000; text-align:left; font-size:140%; font-weight:bold; margin-bottom:20px; padding-left:20px; }
.mgzn_ttl .lrg { font-size:160%; font-weight:bold; }
/*.mgzn_ttl .mdl { font-size:140%; font-weight:bold; }*/

#contents_season {
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	text-align: left;
	position: relative;
}
#contents_season .indx { width:340px; color:#333333; position:absolute; top:10px; right:80px; /*background-color:#ffffff;*/ background:url(../magazine/img/bg_white.png); z-index:100; }
#contents_season .indx .indx_ttl { font-size:110%; padding:10px; border-top:10px solid #eeeeee; border-right:10px solid #eeeeee; border-left:10px solid #eeeeee; border-bottom:5px solid #eeeeee; text-align:center; color:#000000; position:relative; }
	#contents_season .indx .indx_ttl .btn_opn { font-size:70%; position:absolute; top:9px; right:10px; width:80px; padding:3px 5px; border:1px solid #999999; z-index:101;
		-webkit-border-radius: 0.5em;
		-moz-border-radius: 0.5em;
		border-radius: 0.5em; }
	#contents_season .indx .indx_ttl .btn_cls { font-size:70%; position:absolute; top:9px; right:10px; width:80px; padding:3px 5px; border:1px solid #999999; background-color:#999999; color:#ffffff;  z-index:102;
		-webkit-border-radius: 0.5em;
		-moz-border-radius: 0.5em;
		border-radius: 0.5em; }
#contents_season .indx .indx_cont { padding:10px; border-right:10px solid #eeeeee; border-left:10px solid #eeeeee; border-bottom:10px solid #eeeeee; }
#contents_season .indx .indx_cont .subttl { font-weight:bold; color:#000000; margin-bottom:5px; }
#contents_season .indx .indx_cont .arrow { background:url(../magazine/img/indx_arrow.png) no-repeat right 3px; }
#contents_season .indx .indx_cont .slct { background:url(../magazine/img/indx_arrow.png) no-repeat right 3px; }
#contents_season .indx .indx_cont .subtxt { font-size:90%; margin-bottom:5px; padding-left:10px; }
#contents_season .indx .indx_cont .subtxt2 { font-size:75%; margin-bottom:10px; padding-left:10px; }

/* footer*/
#footerbg {
	clear: both;
	padding: 0px;
	width: 100%;
	text-align: center;
	min-width: 980px;
	background: url(../img/footer_bg.jpg) center top no-repeat;
}

#footer {
	width: 980px;
	height: 40px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}

#footer .copy {
	width: 350px;
	margin-left: 630px;
	padding-top: 10px;
	color: #bbbbbb;
	text-align: right;
	font-size: 75%;
}

#footer .copy a:link {
	color: #999999;
	decoration: none;
}

#footer .copy a:hover {
	color: #333333;
	decoration: underline;
}

#footer .copy a:active {
	color: #333333;
	decoration:none;
}

#footer .copy a:visited {
	color: #999999;
	decoration: none;
}

#footer_top .totop {
	width: 140px;
	padding-bottom: 20px;
	padding-left: 850px;
	text-align: left;
}