﻿.SSK_CH_Gallery
{
	font-size:16px;
	font-size:100%;
}

.SSK_CH_Gallery h1
{
	background-image:url("img/ch_h1_fix.jpg");
	background-repeat:no-repeat;
	font-size:100%;
	height:30px;
	margin:10px 0px 0px 0px;
	width:650px;
	text-indent:30px;
	line-height:30px;
	font-weight:bold;
}

.SSK_CH_Gallery h2
{
	background-image:url("img/ch_h2_fix.gif");
	background-repeat:no-repeat;
	font-size:82%;
	height:20px;
	margin:10px 0px 0px 0px;
	width:100%;
	text-indent:20px;
	line-height:20px;
	font-weight:bold;
}

.SSK_CH_Gallery h2 a,
.SSK_CH_Gallery h2 a:link,
.SSK_CH_Gallery h2 a:visited,
.SSK_CH_Gallery h2 a:hover,
.SSK_CH_Gallery h2 a:active
{
	text-decoration:none;
	font-weight:bold;
}

.SSK_CH_Gallery h2 a:hover
{
	text-decoration:underline;
}


/* カテゴリービュー */

.SSK_CH_Gallery .CategoryEyeCatch
{
	margin-top:10px;
}

.SSK_CH_Gallery .comment
{
	margin-top:10px;
}


/* チャイルドカテゴリー */

.SSK_CH_Gallery .CategoryChildListControl 
{

}

.SSK_CH_Gallery .CategoryChildListControl li a,
.SSK_CH_Gallery .CategoryChildListControl li a:link,
.SSK_CH_Gallery .CategoryChildListControl li a:visited,
.SSK_CH_Gallery .CategoryChildListControl li a:hover,
.SSK_CH_Gallery .CategoryChildListControl li a:active
{
	cursor:hand;
	text-decoration:none;
}

.SSK_CH_Gallery .CategoryChildListControl li
{
	margin-top:10px;
	float:left;
	width:164px;
}

.SSK_CH_Gallery .CategoryChildListControl li.last
{
	width:158px;
}

.SSK_CH_Gallery .CategoryChildListControl li div.panel
{
	position:relative;
	overflow:hidden;
	height:150px;
	width:158px;
	background:url("img/panel1.jpg") top left no-repeat;
}

.SSK_CH_Gallery .CategoryChildListControl li div.panel:hover
{
	background-position:bottom left;
}

.SSK_CH_Gallery .CategoryChildListControl li a.thumbnail
{
	display:block;
	width:144px;
	height:96px;
	margin-top:6px;
	margin-left:7px;
	overflow:hidden;
}

.SSK_CH_Gallery .CategoryChildListControl li a.name
{
	font-size:82%;
	display:block;
	width:144px;
	height:30px;
	margin-left:7px;
	margin-top:7px;
	overflow:hidden;
	text-indent:18px;
	background:url("img/arrow1.gif") no-repeat left top;
}

.SSK_CH_Gallery .CategoryChildListControl li div.count
{
	font-size:69%;
	font-family:Impact,Monospace;
	position:absolute;
	left:80px;
	top:134px;
	height:12px;
	width:70px;
	color:White;
	text-align:right;
}

/* チャイルドアイテム & 関連アイテムリスト */


.SSK_CH_Gallery .ItemList
{
	
}

.SSK_CH_Gallery .ItemList li
{
	float:left;
	margin-top:10px;
	width:219px;
}

.SSK_CH_Gallery .ItemList li.last
{
	width:212px;
}

.SSK_CH_Gallery .ItemList li div.panel
{
	width:212px;
	height:200px;
	background-image:url("img/panel2.jpg");
	background-repeat:no-repeat;
	background-color:#eee;
	overflow:hidden;
	position:relative;
}

.SSK_CH_Gallery .ItemList li div.thumbnail{
	position:absolute;
	top:7px;
	left:7px;
	width:198px;
}

.SSK_CH_Gallery .ItemList li div.name
{
	font-size:82%;
	position:absolute;
	top:143px;
	left:7px;
	width:198px;
	height:2em;
	overflow:hidden;
	text-indent:16px;
	background:url("img/eye_catch1.gif") no-repeat left top;
}

.SSK_CH_Gallery .ItemList li div.name a,
.SSK_CH_Gallery .ItemList li div.name a:link,
.SSK_CH_Gallery .ItemList li div.name a:visited,
.SSK_CH_Gallery .ItemList li div.name a:hover,
.SSK_CH_Gallery .ItemList li div.name a:active
{
	text-decoration:none;
	color:#666;
}

.SSK_CH_Gallery .ItemList li div.name a:hover{
	text-decoration:underline;
}

.SSK_CH_Gallery .ItemList li div.price
{
	font-size:82%;
	font-weight:bold;
	position:absolute;
	top:175px;
	left:7px;
	width:198px;
	color:#D00;
}

.SSK_CH_Gallery .ItemList li div.stock
{
	position:absolute;
	top:182px;
	left:7px;
	width:99px;
	height:12px;
}

.SSK_CH_Gallery .ItemList li div.panel a.cart
{
	position:absolute;
	top:182px;
	left:7px;
	width:52px;
	height:24px;
	background-image:url("img/AddCart.gif");
	background-repeat:no-repeat;
	background-position:top left;
	text-indent:-9999px;
}

.SSK_CH_Gallery .ItemList li div.panel a.cart:hover
{
	background-position:bottom left;
}

.SSK_CH_Gallery .ItemList li div.panel a.detail
{
	position:absolute;
	top:173px;
	left:153px;
	width:52px;
	height:24px;
	background-image:url("img/ShowDetail.gif");
	background-repeat:no-repeat;
	background-position:top left;
	text-indent:-9999px;
}

.SSK_CH_Gallery .ItemList li div.panel a.detail:hover
{
	background-position:bottom left;
}

.SSK_CH_Gallery .ItemList li div.check
{
	position:absolute;
	top:0px;
	left:162px;
}

.SSK_CH_Gallery .ItemList li div.new
{
	position:absolute;
	top:10px;
	left:10px;
}

.SSK_CH_Gallery .ItemList li div.shoudan,
.SSK_CH_Gallery .ItemList li div.baiyaku
{
	position:absolute;
	top:27px;
	left:88px;
	top:50px;
	left:11px;
	
}

.SSK_CH_Gallery .ItemList li div.name a,
.SSK_CH_Gallery .ItemList li div.name a:link,
.SSK_CH_Gallery .ItemList li div.name a:visited,
.SSK_CH_Gallery .ItemList li div.name a:hover,
.SSK_CH_Gallery .ItemList li div.name a:active
{
	
}

/* ランキング */

.SSK_CH_Gallery .ItemRanking
{

}

.SSK_CH_Gallery .ItemRanking ol
{
	width:650px;
	height:185px;
	background-repeat:no-repeat;
	position:relative;
	overflow:hidden;
}

.SSK_CH_Gallery .ItemRanking li
{
	float:left;
	height:185px;
	background-color:Transparent;
	overflow:hidden;
	position:relative;
}

.SSK_CH_Gallery .ItemRanking li
{
	background-repeat:no-repeat;
	width:136px; /*136px*/
}

.SSK_CH_Gallery .ItemRanking li.crown_0
{
	width:166px;/*166px*/
	background-image:url("img/crown_1st.gif");
}

.SSK_CH_Gallery .ItemRanking li.crown_1
{
	background-image:url("img/crown_2nd.gif");
}

.SSK_CH_Gallery .ItemRanking li.crown_2
{
	background-image:url("img/crown_3rd.gif");
}

.SSK_CH_Gallery .ItemRanking li.crown_3
{
	background-image:url("img/crown_4th.gif");
}

.SSK_CH_Gallery .ItemRanking li.crown_4
{
	width:125px;
	background-image:url("img/crown_5th.gif");
}

.SSK_CH_Gallery .ItemRanking li div.panel
{
	width:125px;
}

.SSK_CH_Gallery .ItemRanking li.crown_0 div.panel
{
	width:155px;
}

.SSK_CH_Gallery .ItemRanking li div.thumbnail{
	position:absolute;
	top:40px;
}

.SSK_CH_Gallery .ItemRanking li div.name
{
	position:absolute;
	top:120px;
	font-size:69%;
	height:13px;
	width:125px;
	text-align:center;
	overflow:hidden;
}

.SSK_CH_Gallery .ItemRanking li div.price
{
	position:absolute;
	width:125px;
	top:132px;
	text-align:right;
	font-size:82%;
	color:#999;
}

.SSK_CH_Gallery .ItemRanking li.crown_0 div.name
{
	width:155px;
	top:142px;
	font-size:82%;
}

.SSK_CH_Gallery .ItemRanking li.crown_0 div.price
{
	width:155px;
	top:160px;
}

.SSK_CH_Gallery .ItemRanking li div.name a,
.SSK_CH_Gallery .ItemRanking li div.name a:link,
.SSK_CH_Gallery .ItemRanking li div.name a:visited,
.SSK_CH_Gallery .ItemRanking li div.name a:hover,
.SSK_CH_Gallery .ItemRanking li div.name a:active
{
	
}

/* 新着情報 */

.SSK_CH_Gallery .PickedUpItemList
{

}


.SSK_CH_Gallery .PickedUpItemList ol
{
	width:650px;
	position:relative;
}

.SSK_CH_Gallery .PickedUpItemList li
{
	margin-top:10px;
	float:left;
	background-color:Transparent;
	overflow:hidden;
	position:relative;
	width:130px;/*117px*/
	height:120px;
}

.SSK_CH_Gallery .PickedUpItemList li div.baiyaku
{
	position:absolute;
	top:10px;
	left:5px;
}

.SSK_CH_Gallery .PickedUpItemList li.last
{
	width:115px;
}

.SSK_CH_Gallery .PickedUpItemList li div.panel{
	width:115px;
}

.SSK_CH_Gallery .PickedUpItemList li div.thumbnail{
	width:115px;
}

.SSK_CH_Gallery .PickedUpItemList li div.name
{
	width:115px;
	font-size:69%;
	height:24px;
	text-align:center;
	overflow:hidden;
}

.SSK_CH_Gallery .PickedUpItemList li div.price
{
	width:115px;
	text-align:right;
	font-size:69%;
	height:15px;
	color:#999;
	overflow:hidden;
}

.SSK_CH_Gallery .PickedUpItemList li div.name a,
.SSK_CH_Gallery .PickedUpItemList li div.name a:link,
.SSK_CH_Gallery .PickedUpItemList li div.name a:visited,
.SSK_CH_Gallery .PickedUpItemList li div.name a:hover,
.SSK_CH_Gallery .PickedUpItemList li div.name a:active
{
	
}

/* アイテム表示ページの価格、ボタン、在庫表示　*/


.SSK_CH_Gallery .ImageViewControl
{
	width:601px;
	margin:10px auto;
}

.SSK_CH_Gallery table th,
.SSK_CH_Gallery table td
{
	border-collapse:collapse;
	border:1px solid silver;
}

.SSK_CH_Gallery table th
{
	background-color:#f0f0f0;
}

img.ItemPicture
{
	border:1px solid gray;
	background-color:White;
}

.SSK_CH_Gallery .inquiry_panel
{
	background-color:#f0f0f0;
	border:2px solid #E66;
	width:600px;
	margin:0px auto;
	margin-top:10px;
}

.SSK_CH_Gallery .inquiry_panel .state
{
	margin:10px;
	font-size:110%;
	font-weight:bold;
	color:#E00;
}

.SSK_CH_Gallery .inquiry_panel .state .link
{
	font-size:69%;
	color:#666;
	font-weight:normal;
}

.SSK_CH_Gallery .inquiry_panel .state .link a,
.SSK_CH_Gallery .inquiry_panel .state .link a:link,
.SSK_CH_Gallery .inquiry_panel .state .link a:visited,
.SSK_CH_Gallery .inquiry_panel .state .link a:hover,
.SSK_CH_Gallery .inquiry_panel .state .link a:active
{
	text-decoration:none;
	color:#666;
}

.SSK_CH_Gallery .inquiry_panel .state .link a:hover
{
	text-decoration:underline;
}

.SSK_CH_Gallery .inquiry_panel .button
{
	margin:10px;
}

.SSK_CH_Gallery .inquiry_panel .price
{
	margin:10px;
	font-size:110%;
	font-weight:bold;
	color:#F00;
	text-align:right;
}



.SSK_CH_Gallery .VariationViewControl .price
{
	margin-top:5px;
	font-size:100%;
	font-weight:bold;
	overflow:hidden;
	color:Red;
	text-align:right;
}

.SSK_CH_Gallery .VariationViewControl .button
{
	margin-top:5px;
	text-align:right;
}

.SSK_CH_Gallery .VariationViewControl ul{
	margin-top:10px;
}

.SSK_CH_Gallery .VariationViewControl li
{
	position:relative;
	width:90px;
	height:32px;
	margin-left:3px;
	border:1px solid silver;
	float:left;
}


.SSK_CH_Gallery .VariationViewControl li div.name
{
	background-color:#eee;
	font-size:69%;
	text-align:center;
	border-bottom:1px solid silver;
	overflow:hidden;
	height:16px;
	line-height:16px;
}

.SSK_CH_Gallery .VariationViewControl li div.stock
{
	text-align:center;
	height:16px;
}


/* スペック表示部 */

.SSK_CH_Gallery .SpecViewControl
{
	
}

.SSK_CH_Gallery .SpecViewControl table
{
	margin-top:10px;
	border:1px solid #CCC;
	border-collapse:collapse;
	width:100%;
}

.SSK_CH_Gallery .SpecViewControl table td,
.SSK_CH_Gallery .SpecViewControl table th
{
	padding:5px;
	border:1px solid #CCC;
	font-size:82%;
}

.SSK_CH_Gallery .SpecViewControl table th
{
	background-color:#e9ebed;
	width:150px;
	text-align:right;
}

/* スペックの下　ランク　サイズ */

div.explanation
{
 font-size:16px;
 font-size:100%;
}

div.explanation table
{
 border:1px solid #CCC;
 margin-top:10px;
 width:100%;
}

div.explanation th,
div.explanation td
{
 font-size:82%;
 border:1px solid silver;
 padding:5px;
}

div.explanation th
{
 vertical-align:middle;
 text-align:right;
 width:150px;
 background-color:#EEE;
}

div.explanation th.caption
{
 text-align:center;
 background-color:#E0E0E0;
}

div.explanation dt
{
 clear:left;
 float:left;
 font-weight:bold;
}

div.explanation dd{

}



/* 管理画面 */

.SSK_CH_Gallery_admin .CategoryChildListControl li div.thumbnail{
	text-align:center;
}


.SSK_CH_Gallery_admin table.category
{
	border-collapse:collapse;
	margin:0;
	padding:0;
	width:100%;
	border:2px solid #888;
	border-bottom:3px solid #444;
	border-right:3px solid #444;
}


.SSK_CH_Gallery_admin table table
{
	border:1px solid #888;
	border-bottom:2px solid #444;
	border-right:2px solid #444;
}

.SSK_CH_Gallery_admin th,
.SSK_CH_Gallery_admin td
{
	border:1px solid gray;
	text-align:left;
	margin:0;
	padding:10px;
	background-color:#EEE;
	line-height:1em;
	height:0;
	vertical-align:top;
}

.SSK_CH_Gallery_admin div.category th,
.SSK_CH_Gallery_admin div.category td
{
	vertical-align:middle;
	padding:2px;
	font-weight:bold;
}

.SSK_CH_Gallery_admin tr.alt th,
.SSK_CH_Gallery_admin tr.alt td
{
	background-color:#E0E0E0;
}

.SSK_CH_Gallery_admin div.category a,
.SSK_CH_Gallery_admin div.category a:link,
.SSK_CH_Gallery_admin div.category a:visited,
.SSK_CH_Gallery_admin div.category a:hover,
.SSK_CH_Gallery_admin div.category a:active
{
	text-decoration:none;
}

.SSK_CH_Gallery_admin tr
{
	height:1px;
}

.SSK_CH_Gallery_admin  th
{
	background-color:Silver;
	vertical-align:middle;
	padding:5px;
}

.SSK_CH_Gallery_admin td td,
.SSK_CH_Gallery_admin td th
{
	padding:8px;
}

.SSK_CH_Gallery_admin td th
{
	background-color:#EED;
}

.SSK_CH_Gallery_admin td td
{
	background-color:#FFF;
	padding:8px;
}

.SSK_CH_Gallery_admin td th
{
	background-color:#EED;
}

.SSK_CH_Gallery_admin td.control
{
	background-color:#FEE;
}

/*カテゴリーメニュー（サイトマップ）*/

.SSK_CH_Gallery .CategoryMenu
{
	margin-top:10px;
}

.SSK_CH_Gallery .CategoryMenu li
{
	display:block;
	float:left;
	padding-right:7px;
	border-right:2px solid silver;
	margin-right:7px;
	height:16px;
	line-height:16px;
	margin-top:5px;
	font-size:69%;
}

.SSK_CH_Gallery .CategoryMenu li.level_0
{
	font-size:100%;
	clear:both;
	display:block;
	width:100%;
	border-right:0px;
	border-bottom:2px dotted silver;
	height:20px;
	line-height:20px;
	text-indent:20px;
	margin-top:10px;
	background:url(img/ArrowBlue.gif) no-repeat left center;
}

.SSK_CH_Gallery .CategoryMenu li.level_1
{
	text-indent:20px;
	background:url(img/ArrowGray.gif) no-repeat left center;
}

.SSK_CH_Gallery .CategoryMenu li a,
.SSK_CH_Gallery .CategoryMenu li a:link,
.SSK_CH_Gallery .CategoryMenu li a:visited,
.SSK_CH_Gallery .CategoryMenu li a:hover,
.SSK_CH_Gallery .CategoryMenu li a:active
{
	text-decoration:none;
}

.SSK_CH_Gallery .CategoryMenu li.level_1 a,
.SSK_CH_Gallery .CategoryMenu li.level_1 a:link,
.SSK_CH_Gallery .CategoryMenu li.level_1 a:visited,
.SSK_CH_Gallery .CategoryMenu li.level_1 a:hover,
.SSK_CH_Gallery .CategoryMenu li.level_1 a:active
{
	font-weight:bold;
}

.SSK_CH_Gallery .CategoryMenu li.level_0 a,
.SSK_CH_Gallery .CategoryMenu li.level_0 a:link,
.SSK_CH_Gallery .CategoryMenu li.level_0 a:visited,
.SSK_CH_Gallery .CategoryMenu li.level_0 a:hover,
.SSK_CH_Gallery .CategoryMenu li.level_0 a:active
{
	font-weight:bold;
}

.SSK_CH_Gallery .CategoryMenu li a:hover
{
	text-decoration:underline;
}
