@charset 'utf-8';

/* -----------------------------------------------------------
CSS Information

File name:      event2014_coorde.css
Update:         2014/01/21
Style Info:     2014年コーデイベント用CSS

	01. 全体用
	02. イベントページ用

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



/* ----------------------------------------------------------------------
  01. 全体用
---------------------------------------------------------------------- */

/* import style
------------------------------------------------------------------- */
@import url('../mod_default.css');
@import url('../mod_layout.css');
@import url('../mod_headerfooter.css');
@import url('../mod_common.css');



/* body
---------------------------------------------------------------------- */
body{
	color: #333;
	font-family: 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif;
	font-size: 12px;
	line-height: 1.5;
	margin: 0;
	padding: 0;
	font-weight: normal;
}



/* This page style
---------------------------------------------------------------------- */
#eventContentsArea {
	margin: 0;
	padding: 0;
	width: 810px;
	text-align: left;
}

#eventContentsArea img {
	vertical-align: bottom;
}

/* 1月イベント　晴れ着コーデで初詣♪*/
#wrapper #newyearCoorde131226 #intro{
	background:url(../../image/event/january2014/coorde/intro.jpg) no-repeat;
	width:810px;
	height:654px;
	position: relative;
}

#wrapper #newyearCoorde131226 #intro .btn{
	position: absolute;
	top:577px;
	left:241px;
}

#wrapper #newyearCoorde131226 #eventItem{
	background:url(../../image/event/january2014/coorde/eventitem.jpg) no-repeat;
	width:810px;
	height:516px;
	position: relative;
}

#wrapper #newyearCoorde131226 #eventItem .btnC{
	position: absolute;
	top:319px;
	left:116px;
}

#wrapper #newyearCoorde131226 #eventItem .btnP{
	position: absolute;
	top:319px;
	left:501px;
}

#wrapper #newyearCoorde131226 #eventItem .txtN{
	position: absolute;
	top:297px;
	left:535px;
	width:150px;
	text-align:center;
	color:#697373;
}

#wrapper #newyearCoorde131226 #eventItem .btnEvent{
	position: absolute;
	top:433px;
	left:241px;
}

#wrapper #newyearCoorde131226 #caution{
	background:url(../../image/event/january2014/coorde/caution.jpg) no-repeat;
	width:810px;
	height:251px;
	position: relative;
}

#wrapper #newyearCoorde131226 #caution .txtNote{
	position: absolute;
	top:56px;
	left:73px;
	color:#697373;
}

/* 2月イベント　>ビターorスイート？　ゴシックコーデ特集♪*/
#wrapper #valentineCoorde140122 #intro{
	background:url(../../image/event/february2014/coorde/intro.jpg) no-repeat;
	width:810px;
	height:689px;
	position: relative;
}

#wrapper #valentineCoorde140122 #intro .btn{
	position: absolute;
	top:604px;
	left:242px;
}

#wrapper #valentineCoorde140122 #eventItem{
	background:url(../../image/event/february2014/coorde/eventitem.jpg) no-repeat;
	width:810px;
	height:516px;
	position: relative;
}

#wrapper #valentineCoorde140122 #eventItem .btnC{
	position: absolute;
	top:319px;
	left:115px;
}

#wrapper #valentineCoorde140122 #eventItem .btnP{
	position: absolute;
	top:319px;
	left:503px;
}

#wrapper #valentineCoorde140122 #eventItem .txtN{
	position: absolute;
	top:297px;
	left:525px;
	width:163px;
	text-align:center;
	color:#696363;
}

#wrapper #valentineCoorde140122 #eventItem .btnEvent{
	position: absolute;
	top:432px;
	left:241px;
}

#wrapper #valentineCoorde140122 #caution{
	background:url(../../image/event/february2014/coorde/caution.jpg) no-repeat;
	width:810px;
	height:247px;
	position: relative;
}

#wrapper #valentineCoorde140122 #caution .txtNote{
	position: absolute;
	top:58px;
	left:73px;
	color:#696363;
}