@charset "UTF-8";
/*contents*/
#contents {
	width:1000px;
	margin:0 auto;
	padding:0 0 50px 0;
}
#contents_second {
	width:1000px;
	min-height:1000px;
	margin:0 auto;
	padding:0 0 50px 0;
}
#main {
	float:left;
	width:773px;
}
#side {
	float:right;
	width:200px;
}
.cat.game {
	background:#7cb216;
}
#news .post li .event,
.cat.event {
	background:#ff69b6;
}
#news .post li .prize,
.cat.prize {
	background:#00b7eb;
}
.cat.download {
	background:#EEB301;
}
/*side*/
#side #shopsearchBox {
	margin:0 0 20px 0;
	padding:0;
	border-radius:4px;
	border:2px solid #004098;
	background:#fff;
}
#side #shopsearchBox h2 {
	padding:7px 0;
	color:#004098;
	font-size:14px;
	text-align:center;
}
#side #shopsearchBox p {
	margin:0 0 5px 0;
	padding:0 0 10px 0;
	color:#fdd000;
	font-size:10px;
	text-align:center;
	background:#004098;
}
#side #shopsearchBox p.mapImg {
	margin:0;
	padding:10px 0 0 0;
}
#side #shopsearchBox ul {
	width:188px;
	margin:0 auto;
}
#side #shopsearchBox li {
	float:left;
	cursor:pointer;
}
#side #shopsearchBox li a {
	display:block;
	width:88px;
	height:21px;
	margin:0 2px 5px 2px;
	border-radius:4px;
	border:1px solid #004098;
	color:#004098;
	font-size:11px;
	letter-spacing:-1px;
	text-align:center;
	text-decoration:none;
	line-height:21px;
}
#side #shopsearchBox li.allShop a {
	width:183px;
}
#side #shopsearchBox li a.on,
#side #shopsearchBox li a:hover {
	border:1px solid #004098;
	background:#004098;
	color:#fff;
}
/*bnr*/
#side .bnr_allShop:hover {
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
#side .bnr_allShop span {
	display:none;
}
#side .bnr_tw {
	float:right;
	margin:10px 0 0 0;
	border-radius:4px;
	background:#50abf1;
}
#side .bnr_tw a {
	display:block;
	width:123px;
	padding:15px 0 15px 67px;
	background:url(../img/btn_tw.gif) no-repeat 15px center;
	color:#fff;
	font-size:14px;
	text-decoration:none;
}
/* ========================================
	news
======================================== */
#contents_second .postLst {
	position:relative;
}
#contents_second .postLst li {
	display:block;
	padding:15px;
}
#contents_second .postLst li:nth-child(even) {
	background:#eaeaea;
}
#contents_second .postLst li .date {
	float:left;
	width:125px;
	color:#9e9e9e;
	font-size:12px;
	line-height:16px;
}
#contents_second .postLst li .cat {
	float:left;
	width:155px;
	padding:2px 0;
	color:#fff;
	font-size:12px;
	text-align:center;
}
#contents_second .postLst li .game {
	background:#7cb216;
}
#contents_second .postLst li .event {
	background:#ff69b6;
}
#contents_second .postLst li .prize {
	background:#00b7eb;
}
#contents_second .postLst li .cat.news {
	background:#998747;
}
#contents_second .postLst li dl {
	clear:both;
	padding:10px 0 0 0;
}
#contents_second .postLst li dl dt {
	margin:0 0 10px 0;
}
#contents_second .postLst li dl dd {
	line-height:1.5;
}
/*detail*/
#contents_second .postDetail {
	line-height:1.5;
}
#contents_second .postDetail h2 {
	margin:0 0 20px 0;
}
#contents_second .postDetail .date {
	float:left;
	width:125px;
	color:#9e9e9e;
	font-size:12px;
	line-height:22px;
}
#contents_second .postDetail .cat {
	float:left;
	width:155px;
	padding:2px 0;
	color:#fff;
	font-size:12px;
	text-align:center;
}
#contents_second .postDetail .game {
	background:#7cb216;
}
#contents_second .postDetail .event {
	background:#ff69b6;
}
#contents_second .postDetail .prize {
	background:#00b7eb;
}
#contents_second .postDetail dl {
	clear:both;
	padding:10px 0 0 0;
}
#contents_second .postDetail dl dt {
	margin:10px 0;
	font-size:18px;
	font-weight:bold;
}
#contents_second .postDetail dl dd {
	padding:20px;
	border:5px solid #eaeaea;
}
#contents_second .postDetail p {
	line-height:1.5;
}
#contents_second .back {
	margin:20px 0 0 0;
	padding:0 0 0 15px;
	background:url(../img/btn_linkarrow_blue.png) no-repeat left center;
}
/*shoplist*/
#contents_second h3 {
	clear:both;
	margin:0 0 15px 0;
	padding:10px;
	background:#fdd000;
}
#contents_second dl.shoplistBox dt,
#contents_second dl.shoplistFCBox dt {
	float:left;
	width:80px;
	margin:0 0 10px 0;
	font-size:14px;
	font-weight:normal;
	text-align:center;
}
#contents_second dl.shoplistBox dd,
#contents_second dl.shoplistFCBox dd {
	float:left;
	width:265px;
	margin:0 0 10px 0;
	padding:0 5px;
	border:none;
}
#contents_second dl.shoplistFCBox dd.name {
	width:200px;
}
#contents_second dl.shoplistFCBox dd.add {
	width:420px;
}
/* ========================================
	post
======================================== */
#contents_second .postDetail .midashi {
	padding:0;
	margin:0 0 15px 0;
	font-weight:bold;
	font-size:140%;
}
#contents_second .postDetail .mgn-b5 {
	margin:0 0 5px 0;
}
#contents_second .postDetail .mgn-b15 {
	margin:0 0 15px 0;
}
#contents_second .postDetail .fb {
	font-weight:bold;
}
#contents_second .postDetail .fc_red {
	color:#ff0000;
}
#contents_second .postDetail .fc_orenge {
	color:#ff6600;
}
#contents_second .postDetail .fc_blue {
	color:#0000ff;
}
#contents_second .postDetail .fc_green {
	color:#339900;
}
#contents_second .postDetail .fs150 {
	font-size:150%;
}
#contents_second .postDetail .fs130 {
	font-size:130%;
}
#contents_second .postDetail .fs120 {
	font-size:120%;
}
#contents_second .postDetail img {
	border:none;
}


/* ========================================
	blog
======================================== */
/*contents*/
#contents_blog {
	width:1000px;
	min-height:600px;
	margin:0 auto;
	padding:0 0 50px 0;
}
#contents_blog #main {
	float:left;
	width:773px;
}
#contents_blog #side {
	float:right;
	width:190px;
}
/*lst*/
#contents_blog .postLst {
	padding:0 0 20px 0;
}
#contents_blog .postLst li {
	margin:0 0 50px 0;
	padding:0 20px;
}
#contents_blog .postLst li .date {
	color:#9e9e9e;
	font-size:12px;
	line-height:22px;
}
#contents_blog .postLst li dt {
	padding:10px 0;
	color:#004098;
	font-size:20px;
	font-weight:bold;
}
#contents_blog .postLst li dd {
	padding:20px;
	border:5px solid #eaeaea;
	line-height:1.5;
}
#contents_blog .postLst li .author {
	float:left;
	margin:10px 0;
	padding:5px 10px;
	border-radius:4px;
	background:#eaeaea;
}
#contents_blog .postLst li .author:hover {
	background:#004098;
}
#contents_blog .postLst li .author a {
	color:#000;
	font-size:12px;
	text-decoration:none;
}
#contents_blog .postLst li .author:hover a {
	color:#fff;
}
/*side*/
#side #profileBox,
#side #calenderBox,
#side #categoriesBox,
#side #archiveBox {
	margin:0 0 20px 0;
	padding:0 0 10px 0;
	border-radius:4px;
	border:2px solid #004098;
	background:#fff;
}
#side #profileBox h3,
#side #calenderBox h3,
#side #categoriesBox h3,
#side #archiveBox h3 {
	margin:0 0 10px 0;
	padding:7px 0;
	/*border-bottom:2px solid #3262A5;*/
	background:#004098;
	color:#fff;
	font-size:14px;
	text-align:center;
}
/*profile*/
#side #profileBox {
	margin:10px 0 20px 0;
}
#side #profileBox dl {
	margin:0 2% 10px 2%;
}
#side #profileBox dt {
	float:left;
	width:65px;
}
#side #profileBox dd {
	float:left;
	width:100px;
	padding:5px 2%;
	font-size:10px;
	font-weight:bold;
	line-height:1.5;
}
#side #profileBox p {
	padding:0 5px;
	font-size:10px;
	line-height:1.5;
}
/*callender*/
#side #calenderBox table {
	width:96%;
	margin:0 2%;
}
#side #calenderBox caption {
	padding:5px 0;
	font-weight:bold;
}
#side #calenderBox th {
	width:23px;
	height:23px;
	padding:1px;
	color:#004098;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
}
#side #calenderBox td {
	width:23px;
	height:23px;
	padding:1px;
	text-align:center;
	vertical-align:middle;
}
#side #calenderBox td a {
	display:table-cell;
	width:25px;
	height:25px;
	background:#FBC21E;
	color:#000;
	vertical-align:middle;
}
/*category*/
#side #categoriesBox li,
#side #archiveBox li {
	width:96%;
	margin:0 2%;
	line-height:1.5;
}
/*pager*/
.pager dt {
	margin:0 0 10px 0;
	text-align:center;
}
.pager dd {
	display:table;
	margin:0 auto;
}
.pager li {
	display:table-cell;
}
.pager li a,
.pager li span {
	display:block;
	margin:0 5px;
	padding:8px 8px;
	border-radius:4px;
	background:#eaeaea;
	color:#000;
	text-decoration:none;
}
.pager li span,
.pager li a:hover {
	background:#3262A5;
	color:#fff;
}
.pager li.next a,
.pager li.prev a {
	background:none;
}
.pager li.next a:hover,
.pager li.prev a:hover {
	color:#3262A5;
}
@media screen and (max-width: 800px) {
	img {
		width:100%;
		height:auto;
	}
	/*contents*/
	#contents {
		width:96%;
		padding:20px 0;
	}
	#contents_second {
		width:96%;
		min-height:500px;
		padding:0 0 20px 0;
	}
	h1.second a {
		display:block;
		width:50%;
		margin:0 auto;
	}
	#main {
		float:none;
		width:100%;
		margin:0 auto 20px auto;
	}
	#side {
		float:none;
		width:100%;
	}
	/*side*/
	#side #shopsearchBox h3 {
		margin:0 0 5px 0;
		background:#004098;
		color:#fff;
	}
	#side #shopsearchBox p {
		display:none;
	}
	#side #shopsearchBox ul {
		width:100%;
	}
	#side #shopsearchBox li {
		width:46%;
		margin:0 2%;
	}
	#side #shopsearchBox li a {
		width:100%;
	}
	#side #shopsearchBox li.allShop {
		width:96%;
	}
	#side #shopsearchBox li.allShop a {
		width:100%;
	}
	/*tw*/
	#tw .tweet {
		display:none;
	}
	#tw h2 {
		margin:0 0 10px 0;
	}
	#tw dd li a {
		width:100%;
	}
	#tw dd li span {
		width:85%;
		padding:0 0 0 5%;
	}
	/*bnr*/
	#side .bnr_allShop {
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,525252+100 */
		margin:10px 0 0 0;
		padding:10px 0;
		border-radius:4px;
		background: rgb(0,0,0); /* Old browsers */
		background: -moz-linear-gradient(top,  rgba(0,0,0,1) 0%, rgba(82,82,82,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,1)), color-stop(100%,rgba(82,82,82,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(82,82,82,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(82,82,82,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(82,82,82,1) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(82,82,82,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#525252',GradientType=0 ); /* IE6-9 */
	}
	#side .bnr_allShop a {
		text-decoration:none;
	}
	#side .bnr_allShop span {
		display:block;
		color:#fff;
		text-align:center;
	}
	#side .bnr_allShop img {
		display:none;
	}
	#side .bnr_tw {
		float:none;
		width:100%;
		margin:10px 0 0 0;
		border-radius:4px;
		background:url(../img/btn_tw.gif) no-repeat 15px center #50abf1;
	}
	#side .bnr_tw a {
		width:100%;
		padding:10px 0;
		text-align:center;
	}
/* ========================================
	news
======================================== */
	#contents_second .postLst {
		position:relative;
	}
	#contents_second .postLst li {
		display:block;
		padding:15px;
	}
	#contents_second .postLst li:nth-child(even) {
		background:#eaeaea;
	}
	#contents_second .postLst li .date {
		float:left;
		width:125px;
		color:#9e9e9e;
		font-size:12px;
		line-height:16px;
	}
	#contents_second .postLst li .cat {
		float:left;
		width:155px;
		padding:2px 0;
		color:#fff;
		font-size:12px;
		text-align:center;
	}
	#contents_second .postLst li .game {
		background:#7cb216;
	}
	#contents_second .postLst li .event {
		background:#ff69b6;
	}
	#contents_second .postLst li .prize {
		background:#00b7eb;
	}
	#contents_second .postLst li dl {
		clear:both;
		padding:10px 0 0 0;
	}
	#contents_second .postLst li dl dt {
		margin:0 0 10px 0;
		line-height:1.5;
	}
	/*detail*/
	#contents_second .postDetail h2 {
		margin:0 0 20px 0;
	}
	#contents_second .postDetail .date {
		float:left;
		width:125px;
		color:#9e9e9e;
		font-size:12px;
		line-height:22px;
	}
	#contents_second .postDetail .cat {
		float:left;
		width:155px;
		padding:2px 0;
		color:#fff;
		font-size:12px;
		text-align:center;
	}
	#contents_second .postDetail .game {
		background:#7cb216;
	}
	#contents_second .postDetail .event {
		background:#ff69b6;
	}
	#contents_second .postDetail .prize {
		background:#00b7eb;
	}
	#contents_second .postDetail dl {
		clear:both;
		padding:10px 0 0 0;
	}
	#contents_second .postDetail dl dt {
		margin:0 0 10px 0;
	}
	#contents_second .setShop dt {
		padding:5px 20px;
		border-radius:50px;
		background:#FBC21E;
		font-size:14px;
	}
	#contents_second .postDetail dl dd {
		padding:20px 2%;
	}
	#contents_second .setShop ul {
		padding:20px;
	}
	#contents_second .setShop li {
		float:left;
		width:240px;
		height:40px;
		line-height:1.2;
	}
	#contents_second .setShop li span {
		display:block;
		float:left;
		margin:0 10px 10px 0;
	}
	/*shoplist*/
	#contents_second dl.shoplistBox dt,
	#contents_second dl.shoplistFCBox dt {
		clear:both;
		width:20%;
		font-size:11px;
	}
	#contents_second dl.shoplistBox dd,
	#contents_second dl.shoplistFCBox dd {
		width:36%;
		padding:0 2%;
		font-size:11px;
	}
	#contents_second dl.shoplistFCBox dd.name {
		width:40%;
	}
	#contents_second dl.shoplistFCBox dd.add {
		width:40%;
	}
	#contents_second .postDetail img {
		float:none!important;
		width:auto;
		max-width:100%;
		height:auto;
	}
	
	
	
	
/* ========================================
	blog
======================================== */
	/*contents*/
	#contents_blog {
		width:96%;
		padding:0 0 30px 0;
	}
	#contents_blog #main {
		float:none;
		width:100%;
	}
	#contents_blog #side {
		float:none;
		width:100%;
	}
	/*lst*/
	#contents_blog .postLst li {
		margin:0 0 50px 0;
		padding:0;
	}
/*side*/
#side #profileBox,
#side #calenderBox,
#side #categoriesBox,
#side #archiveBox {
	margin:0 0 20px 0;
	padding:0 0 10px 0;
	border-radius:4px;
	border:2px solid #004098;
	background:#fff;
}
#side #profileBox h3,
#side #calenderBox h3,
#side #categoriesBox h3,
#side #archiveBox h3 {
	margin:0 0 10px 0;
	padding:7px 0;
	/*border-bottom:2px solid #3262A5;*/
	background:#004098;
	color:#fff;
	font-size:14px;
	text-align:center;
}
/*profile*/
#side #profileBox {
	margin:10px 0 20px 0;
}
#side #profileBox dl {
	margin:0 2% 10px 2%;
}
#side #profileBox dt {
	float:left;
	width:65px;
}
#side #profileBox dd {
	float:left;
	width:100px;
	padding:5px 2%;
	font-size:10px;
	font-weight:bold;
	line-height:1.5;
}
#side #profileBox p {
	padding:0 5px;
	font-size:10px;
	line-height:1.5;
}
/*callender*/
#side #calenderBox table {
	width:96%;
	margin:0 2%;
}
#side #calenderBox caption {
	padding:5px 0;
	font-weight:bold;
}
#side #calenderBox th {
	width:23px;
	height:23px;
	padding:1px;
	color:#004098;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
}
#side #calenderBox td {
	width:23px;
	height:23px;
	padding:1px;
	text-align:center;
	vertical-align:middle;
}
#side #calenderBox td a {
	display:table-cell;
	width:25px;
	height:25px;
	background:#FBC21E;
	color:#000;
	vertical-align:middle;
}
/*category*/
#side #categoriesBox li,
#side #archiveBox li {
	width:96%;
	margin:0 2%;
	line-height:1.5;
}
	/*pager*/
	.pager dd {
		display:block;
	}
	.pager li {
		display:block;
		float:left;
		margin:0 0 10px 0;
	}
	.pager li a,
	.pager li span {
		display:block;
		margin:0 5px;
	padding:8px 8px;
	border-radius:4px;
	background:#eaeaea;
	color:#000;
	text-decoration:none;
}
.pager li span,
.pager li a:hover {
	background:#3262A5;
	color:#fff;
}
.pager li.next a,
.pager li.prev a {
	background:none;
}
.pager li.next a:hover,
.pager li.prev a:hover {
	color:#3262A5;
}
}