@charset "utf-8";
@import url("common.css");
@import url("paging.css");

.contents .tit_itemshop { background:url(../images/title/itemshop.png) top left no-repeat; }
.contents .tit_itemshop .search { float:right; margin-top:8px; }
.contents .tit_itemshop input { float:left; margin-left:5px; }
.contents .tit_itemshop input[name=searchword] { width:193px; height:21px; line-height:23px; text-indent:5px; border:1px solid #cdcdcd; }
.contents .tit_itemshop input[name=searchbtn] { width:75px; height:25px; line-height:23px; color:#fff; font-weight:bold; text-align:center; border:none; background-color:#3c970e; border-radius:2px; box-shadow:0px 2px 0px #d0d0d0; }

div.tabmenu {
	clear:left;
	float:left;
	margin-top:10px;
	width:100%;
	border-bottom:1px solid #cdcdcd;
}

div.tabmenu ul {
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-start;
	border:1px solid #cdcdcd;
	border-bottom:none;
	margin:0;
	padding:0 0 2px 0;
	width:100%;
	background:#f5f5f5;
	box-sizing:border-box;
}

div.tabmenu ul li {
	width:25%;
	height:38px;
	display:flex;
	justify-content:center;
	align-items:center;
	border-right:1px solid #c6c6c6;
	border-bottom:1px solid #c6c6c6;
	margin-bottom:5px;
	background:linear-gradient(to bottom, #fdfdfd 0%, #e6e6e6 100%);
	box-shadow:inset 0 1px 0 #ffffff;
	font-weight:bold;
	font-size:9pt;
	color:#4b4b4b;
	cursor:pointer;
	box-sizing:border-box;
	text-align:center;
	text-shadow:0 1px 0 #ffffff;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

div.tabmenu ul li:nth-child(4n) { border-right:none; }

div.tabmenu ul li:hover {
	background:linear-gradient(to bottom, #ececec 0%, #d7d7d7 100%);
}

div.tabmenu ul li:hover a {
	color:#000000;
}

div.tabmenu ul li.selected {
	background:#ffffff;
	border-bottom:1px solid #ffffff;
	box-shadow:none;
}

div.tabmenu ul li.selected a {
	color:#3b9710;
	font-weight:bold;
}

div.tabmenu ul li a {
	display:block;
	width:100%;
	height:100%;
	color:#4b4b4b;
	text-decoration:none;
	line-height:38px;
}

div.sep { float:left; width:100%; height:15px; }

div.recommend { float:left; margin-top:10px; width:726px; height:210px; border:1px solid #c8c8c8; }
div.recommend .category { float:left; padding:20px 37px; width:652px; border-bottom:1px dotted #c8c8c8; }
div.recommend .category select { width:425px; height:28px; }

div.recommend_items { position:relative; float:left; width:100%; height:140px; }
div.recommend_items>div { margin:20px 37px; width:652px; height:99px; overflow:hidden; }
div.recommend_items>div ul { margin:0; padding:0; list-style:none; width:9999px; height:100%; }
div.recommend_items>div li { clear:none; float:left; margin:0; padding:0; width:326px; height:100%; border:none; }
div.recommend_items .btns { position:absolute; top:20px; width:37px; height:99px; background:url(../images/btn/itemshop_recom.png) no-repeat 0 0; text-indent:-9999px; cursor:pointer; }
div.recommend_items .prev { background-position:0 0; left:0px; }
div.recommend_items .next { background-position:-37px 0; right:0px; }

div.itemimg { float:left; margin:0; width:97px; height:97px; border:1px solid #c8c8c8; background-position:center; background-repeat:no-repeat; background-color:#fff; background-size: 80px 80px; }
div.iteminfo { float:left; margin:0 0 0 10px; width:216px; }
div.iteminfo h4 { color:#4b4b4b; margin:0; font-weight:bold; font-size:9pt; line-height:17px; }
div.iteminfo div { float:left; margin:0; color:#4b4b4b; width:100%; height:34px; line-height:17px; font-size:9pt; vertical-align:top; }
div.iteminfo small { margin:0; color:#3c990c; height:22px; line-height:22px; font-weight:bold; font-size:10pt; }

h3.subject { float:left; margin:10px 0 0 0; padding:0; width:100%; height:37px; line-height:37px; font-size:10pt; color:#4b4b4b; text-indent:10px; }

ul.itemlist { margin:0; width:728px; border-bottom:1px solid #c8c8c8; }
ul.itemlist li { clear:left; width:100%; height:138px; border-top:1px solid #c8c8c8; }
ul.itemlist li>div { float:left; margin:20px 0px 20px 20px; padding:0; width:343px; }
ul.itemlist li>div:first-child { margin-left:10px; border-right:1px solid #ebebeb; }

div.itemdetail { float:left; width:720px; height:189px; border:4px solid #e1e1e1; }
div.itemdetail .detail { float:left; margin:20px; width:680px; height:99px; }
div.itemdetail .detail .iteminfo { width:542px; }
div.itemdetail .detail .iteminfo div { height:17px; }
div.itemdetail .detail .iteminfo span { float:left; margin:5px 0 8px 0; width:100%; height:25px; }
div.itemdetail .detail .iteminfo p.sep { float:left; width:20px; height:20px; }
div.itemdetail .detail .iteminfo select[name=amount] { float:left; width:150px; height:25px; }
div.itemdetail .detail .iteminfo select[name=quantity] { float:left; width:80px; height:25px; }
div.itemdetail .detail .iteminfo ul.ccinfo { clear:left; float:left; margin:10px 0px; width:500px; height:29px; border:1px dotted #ccc; }
div.itemdetail .detail .iteminfo ul.ccinfo li { float:left; width:250px; height:100%; line-height:29px; color:#4b4b4b; font-weight:bold; }
div.itemdetail .detail .iteminfo ul.ccinfo li span { color:#3c9813; }
div.itemdetail .credit { clear:left; margin:0 20px; padding:10px 0; height:29px; border-top:1px dotted #c8c8c8; }
div.itemdetail .credit li { float:left; width:226px; height:100%; line-height:29px; color:#4b4b4b; font-weight:bold; }
div.itemdetail .credit li span { color:#3c9813; }

div.result { float:left; width:720px; border:4px solid #e1e1e1; }
div.result .detail { float:left; margin:20px; width:680px; height:99px; }
div.result .detail .iteminfo { margin-top:10px; width:542px; }
div.result .detail .iteminfo div { height:17px; }
div.result .detail .iteminfo ul { clear:left; float:left; margin:15px 0px; width:100%; height:35px; border-top:1px dotted #ccc; }
div.result .detail .iteminfo ul li { float:left; width:270px; height:100%; line-height:35px; color:#4b4b4b; font-weight:bold; }
div.result .detail .iteminfo ul li span { color:#3c9813; }

div.description { float:left; margin-top:10px; padding:10px; width:710px; height:auto; }
div.description h4 { margin:15px 0 10px 0; color:#3c9813; font-weight:bold; font-size:10pt; }
div.description h4:first-child { margin-top:0; }
div.description .screenshot { margin-top:10px; }
div.description .screenshot li { clear:none; float:left; margin-left:15px; width:222px; height:134px; padding:1px; }
div.description .screenshot li:first-child { margin-left:0; }
div.description .screenshot li img { width:222px; height:134px; }
div.description h2 { font-size:18px; font-weight:bold; }
div.description p { margin:15px 0; line-height:18px; }
div.description p span { font-weight:bold; color:#3b980c; }

form.buyform {
	margin-top: 6px;
	display: flex;
	align-items: center;
	gap: 6px;
}

form.buyform .btn_buyit {
	width: 75px;
	height: 25px;
	line-height: 23px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	border: none;
	background-color: #c9572b;
	border-radius: 2px;
	cursor: pointer;
}

form.buyform .btn_buyit:hover {
	background-color: #3c970e;
}

form.buyform .qtylabel {
	font-size: 9pt;
	color: #4b4b4b;
	margin-left: 5px;
}

form.buyform select[name=quantity] {
	height: 25px;
	line-height: 23px;
	font-size: 9pt;
	padding: 0 3px;
	border: 1px solid #c8c8c8;
	background-color: #fff;
	cursor: pointer;
}