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

/*
 * 01. Overwrite Style Setting
 * 02. Layout Style Setting
 * 03. #contents Style Setting
 * 04. #notes Style Setting
 * 05. #footer Style Setting
 * 06. Share Style Setting
 */

/*
 * Overwrite
 */

body {
	background:url(../images/bg.gif) repeat left top;
	color: #000;
	font-size: 13px;
	line-height: 1.6;
}

a{
	color:#000;
	text-decoration:none;
}
a:hover{
	color:#000;
	text-decoration:underline;
}


/*
 * Layout
 */

#wrapper {
	width: 100%;
	height: 100%;
}

/*
 * #header Style Setting
 */
 
#headerWrap{
	width:100%;
	background-color:#fff;
}
#header{
	width:900px;
	height:90px;
	margin:0 auto;
	background:#fff;
}

#header #logos{
	float: left;
	width: 544px;
}

#header #sns{
	float: left;
	width: 340px;
	height: 70px;
	text-align: right;
	padding-top: 20px;
}

/*
 * #contents Style Setting
 */
#contents{
	width:900px;
	margin:0 auto;
	text-align:center;
}

#contents h1 img{
	width:868px;
	margin-top:20px;
}

#contents h2 img{
	margin:10px 0 10px 0;
}

#contents h3 img{
	margin:0 0 12px 0;
}

#contents ul#topMenu{
	width:848px;
	margin:0 auto;
	padding-top:25px;
}

#contents ul#topMenu li{
	float:left;
}

#contents .character{
	width:900px;
	margin-bottom:25px;
	float:left;
}

#contents ul#discountItem{
	width:774px;
	margin:0 auto;
}

#contents ul#discountItem li{
	float:left;
	margin-right:30px;
	margin-bottom:30px;
}

#contents ul#discountItem  li.last{
	float:left;
	margin-right:0;
}

#contents ul#characterList{
	width:858px;
}
#contents ul#characterList li{
	float:left;
	width:244px;
	margin:0 21px 30px 21px;
}
#contents ul#characterList li img.thumbnail{
	margin-bottom:10px;
}

#contents ul#characterList li img.characterList_btn{
	float:left;
	margin:3px 5px;
}
#contents ul#characterList li p.cl_caution{
	float:left;
	width:244px;
	font-size:0.85em;
}

/*#contents .characterListl{
	width:394px;
	margin-left:36px;
	margin-right:20px;
	margin-bottom:30px;
}

#contents .characterListl{
	float:left;
}

#contents .characterListl ul li{
	float:left;
	margin-bottom:15px;
	margin-right:20px;
}

#contents .characterListl ul  li.last{
	margin-right:0;
}

#contents .characterListr{
	width:394px;
	margin-left:20px;
	margin-right:36px;
	margin-bottom:30px;
}

#contents .characterListr{
	float:left;
}

#contents .characterListr ul li{
	float:left;
	margin-bottom:15px;
	margin-right:20px;
}

#contents .characterListr ul  li.last{
	margin-right:0;
}*/

#contents ul#ndlCharacter{
	width:803px;
	margin:0 auto;
}

#contents ul#ndlCharacter li{
	float:left;
	margin-right:9px;
}

#contents ul#ndlCharacter  li.last{
	float:left;
	margin-right:0;
}

#contents ul#ndlCharacter_all{
	width:804px;
	margin:0 auto;
}

#contents ul#ndlCharacter_all li{
	float:left;
	margin-right:10px;
}

#contents ul#ndlCharacter_all li.last{
	float:left;
	margin-right:0;
}

#contents ul#dnmList{
	width:803px;
	margin:0 auto;
	padding-bottom:20px;
}

#contents ul#dnmList li{
	float:left;
}

#contents ul#dnmList li .thumbnail{
	width:179px;
	margin-right:29px;
	margin-bottom:40px;
}
#contents ul#dnmList li .thumbnail .art{
	width:135px;
	height:195px;
	padding:21px 22px;
	margin-bottom:14px;
	background:url(../../images/dnm_bg_art.png) no-repeat left top;
}

#contents ul#dnmList li .thumbnail.last{
	float:left;
	margin-right:0;
}

#contents ul#dnmList li .thumbnail .name{
	width:111px;
	height:20px;
	padding:8px 60px 8px 8px;
	background:url(../../images/dnm_bg_name.png) no-repeat left top;
	text-align:center;
	font-weight:bold;
	color:#000000;
}
.sfont{
	font-size:11px;
	line-height:1em;
}
.sfont2{
	font-size:11px;
}

#contents ul#dnmList li .thumbnail .art a:hover {
    cursor:pointer;
    filter: alpha(opacity=80);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=60)";  /* ie 8 */
    -moz-opacity:0.8;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.8;              /* Safari 1.x */
    opacity:0.8;
    zoom:1;
}

#contents #page{
	margin-bottom:15px;
}

/*
 * #notes Style Setting
 */
#notesWrap{
	width:100%;
	background-color:#e50012;
}
#notes{
	width:900px;
	height:26px;
	background-color:#e50012;
	margin:0 auto;
	padding-top:14px;
	text-align:center;
}

/*
 * #footer Style Setting
 */
#footerWrap{
	width:100%;
	background-color:#f2f2f2;
}
#footer{
	width: 900px;
	height: 20px;
	margin:0 auto;
	padding-top:5px;
	font-size:0.85em;
	text-align:center;
	background:#f2f2f2;
}

/*
 * Share Style Setting
 */
.clearfix {
  overflow: auto;
}
.mt5{
	 margin-top:5px;
}

.mt15{
	 margin-top:15px;
}

.mb15{
	 margin-bottom:15px;
}

.mb30{
	 margin-bottom:30px;
}

.caution{
	font-size:0.85em;
}

#goTop{
	width:803px;
	text-align:right;
	margin:0 auto;
	padding-top:5px;
}
#goTop2{
	width:803px;
	text-align:right;
	margin:0 auto;
	padding-top:5px;
	padding-bottom:15px;
}