@charset "UTF-8";
/* navigation.css */

/* ----- TOP PAGE NAVI ----- */
/* Navi */
#Navi {
	clear:both;
	width:980px;
	height:54px;
	z-index:20;
	background:url(../img/Navi_base.png) no-repeat;
}
#Navi h1 a {
	display:block;
	width:190px;
	height:0;
	padding-top:54px;
	float:left;
	background:url(../img/Navi.png) no-repeat;
	overflow:hidden;
}

/*#Navi h1 a:hover {
	background-position:0 -54px;
} */

#Navi #Search {
	position:relative;
	width:378px;
	height:54px;
	float:left;
	background:url(../img/BgSearch.png) repeat-x;
}
#Navi #Search input#SearchBox {
	position:absolute;
	top:15px; left:25px;
	width:202px;
	height:23px;
	border:solid 1px #CCCCCC;
	padding:0 5px;
	line-height:1.5em;
	font-size:12px;
}
#Navi #Search input#SearchBtn {
	position:absolute;
	top:15px; left:232px;
}
#Navi #Search #BtnOptionSearch {
	position:absolute;
	top:18px; left:268px;
}
#Navi #Search #BtnOptionSearch a {
	display:block;
	width:82px;
	height:0;
	padding-top:19px;
	background:url(../img/BtnOptionSearch.png) no-repeat;
	overflow:hidden;
}
#Navi #Search #BtnOptionSearch a:hover {
	background-position:0 -19px;
}
#Navi ul {
	list-style-type:none;
}
#Navi > ul {
	z-index:30;
}
#Navi ul li {
	float:left;	
}
#Navi > ul > li {
	z-index:40;
}
#Navi ul li a {
	display:block;
	height:0;
	padding-top:54px;
	background:url(../img/Navi.png) no-repeat;
	overflow:hidden;
}
#Navi ul li#NaviRegister a {
	width:130px;
	background-position:-189px 0;
}
#Navi ul li#NaviRegister a:hover {
	background-position:-189px -54px;
}
#Navi ul li#NaviLogin a {
	width:130px;
	background-position:-319px 0;
}
#Navi ul li#NaviLogin a:hover {
	background-position:-319px -54px;
}
#Navi ul li#NaviCart a {
	width:151px;
	background-position:-449px 0;
}
#Navi ul li#NaviCart a:hover {
	background-position:-449px -54px;
}
#Navi ul li#NaviRegister2 a {
	width:130px;
	background: url(../img/NaviLogin.png) -190px 0;
}
#Navi ul li#NaviRegister2 a:hover {
	background: url(../img/NaviLogin.png) -190px 0;
}


/* ----- SubNavi ----- */
#SubNavi {
	clear:both;
	padding-top:10px;
	float:right;
	list-style-type:none;
}
#SubNavi li {
	display:inline;
	padding-left:10px;
	line-height:1.5em;
}
#SubNavi li#SubNaviBeginner {
	padding:0 0 2px 13px;
	background:url(../img/IconBeginner.png) no-repeat;
}


/* ----- Menu ----- */
#Menu {
	width:190px;
	float:left;
}
/*----- Category ----- */
#MenuCat {
	width:190px;
	margin:0 0 20px;
	background:url(../img/guide/BgMenuCat.png) repeat-y;
	font-size:0px;
}
/*- User Guide- */
#MenuUse_tit {
	width:190px;
	height:0;
	padding-top:48px;
	background:url(../img/guide/MenuUse.png) no-repeat;
	overflow:hidden;
}
/*- First Guide- */
#MenuFirst_tit {
	width:190px;
	height:0;
	padding-top:34px;
	background:url(../img/guide/MenuFirst.png) no-repeat;
	overflow:hidden;
}

#MenuFirst ul {
	width:190px;
	list-style-type:none;
	margin-bottom:5px;
}
#MenuFirst ul li {
	width:186px;
	margin:0 auto;
}
#MenuFirst ul li a {
	display:block;
	width:186px;
	height:0;
	padding-top:25px;
	background:url(../img/guide/MenuFirstLarge.png) no-repeat;
	overflow:hidden;
}

#MenuFirst ul li#MenuCat01 a:hover {
	background-position:-186px 0;
}
#MenuFirst ul li#MenuCat02 a {
	background-position:0 -25px;
}
#MenuFirst ul li#MenuCat02 a:hover {
	background-position:-186px -25px;
}
#MenuFirst ul li#MenuCat03 a {
	background-position:0 -50px;
}
#MenuFirst ul li#MenuCat03 a:hover {
	background-position:-186px -50px;
}
#MenuFirst ul li#MenuCat04 a {
	background-position:0 -75px;
}
#MenuFirst ul li#MenuCat04 a:hover {
	background-position:-186px -75px;
}

/*- Info Guide- */
#MenuInfo_tit {
	width:190px;
	height:0;
	padding-top:34px;
	background:url(../img/guide/MenuInfo.png) no-repeat;
	overflow:hidden;
}

#MenuInfo ul {
	width:190px;
	list-style-type:none;
	margin-bottom:5px;
}
#MenuInfo ul li {
	width:186px;
	margin:0 auto;
}
#MenuInfo ul li a {
	display:block;
	width:186px;
	height:0;
	padding-top:25px;
	background:url(../img/guide/MenuInfoLarge.png) no-repeat;
	overflow:hidden;
}

#MenuInfo ul li#MenuCat01 a:hover {
	background-position:-186px 0;
}
#MenuInfo ul li#MenuCat02 a {
	background-position:0 -25px;
}
#MenuInfo ul li#MenuCat02 a:hover {
	background-position:-186px -25px;
}
#MenuInfo ul li#MenuCat03 a {
	background-position:0 -50px;
}
#MenuInfo ul li#MenuCat03 a:hover {
	background-position:-186px -50px;
}
#MenuInfo ul li#MenuCat04 a {
	background-position:0 -75px;
}
#MenuInfo ul li#MenuCat04 a:hover {
	background-position:-186px -75px;
}
#MenuInfo ul li#MenuCat05 a {
	background-position:0 -75px;
}
#MenuInfo ul li#MenuCat05 a:hover {
	background-position:-186px -90px;
}

/*- Seller's Guide- */
#MenuSell_tit {
	width:190px;
	height:0;
	padding-top:34px;
	background:url(../img/guide/MenuSell.png) no-repeat;
	overflow:hidden;
}

#MenuSell ul {
	width:190px;
	list-style-type:none;
	margin-bottom:5px;
}
#MenuSell ul li {
	width:186px;
	margin:0 auto;
}
#MenuSell ul li a {
	display:block;
	width:186px;
	height:0;
	padding-top:25px;
	background:url(../img/guide/MenuSellLarge.png) no-repeat;
	overflow:hidden;
}

#MenuSell ul li#MenuCat01 a:hover {
	background-position:-186px 0;
}
#MenuSell ul li#MenuCat02 a {
	background-position:0 -25px;
}
#MenuSell ul li#MenuCat02 a:hover {
	background-position:-186px -25px;
}
#MenuSell ul li#MenuCat03 a {
	background-position:0 -50px;
}
#MenuSell ul li#MenuCat03 a:hover {
	background-position:-186px -50px;
}
#MenuSell ul li#MenuCat04 a {
	background-position:0 -75px;
}
#MenuSell ul li#MenuCat04 a:hover {
	background-position:-186px -75px;
}
#MenuSell ul li#MenuCat05 a {
	background-position:0 -75px;
}
#MenuSell ul li#MenuCat05 a:hover {
	background-position:-186px -90px;
}

#MenuSell ul li#MenuCat06 a {
	background-position:0 -75px;
}
#MenuSell ul li#MenuCat06 a:hover {
	background-position:-186px -115px;
}


/*- Buyer's Guide- */

#MenuBuy_tit {
	width:190px;
	height:0;
	padding-top:34px;
	background:url(../img/guide/MenuBuy.png) no-repeat;
	overflow:hidden;
}

#MenuBuy ul {
	width:190px;
	list-style-type:none;
	margin-bottom:5px;
}
#MenuBuy ul li {
	width:186px;
	margin:0 auto;
}
#MenuBuy ul li a {
	display:block;
	width:186px;
	height:0;
	padding-top:25px;
	background:url(../img/guide/MenuBuyLarge.png) no-repeat;
	overflow:hidden;
}

#MenuBuy ul li#MenuCat01 a:hover {
	background-position:-186px 0;
}
#MenuBuy ul li#MenuCat02 a {
	background-position:0 -25px;
}
#MenuBuy ul li#MenuCat02 a:hover {
	background-position:-186px -25px;
}
#MenuBuy ul li#MenuCat03 a {
	background-position:0 -50px;
}
#MenuBuy ul li#MenuCat03 a:hover {
	background-position:-186px -50px;
}
#MenuBuy ul li#MenuCat04 a {
	background-position:0 -75px;
}
#MenuBuy ul li#MenuCat04 a:hover {
	background-position:-186px -75px;
}


/*- Manage Guide- */

#MenuManage_tit {
	width:190px;
	height:0;
	padding-top:34px;
	background:url(../img/guide/MenuManege.png) no-repeat;
	overflow:hidden;
}

#MenuManage ul {
	width:190px;
	list-style-type:none;
	margin-bottom:5px;
}
#MenuManage ul li {
	width:186px;
	margin:0 auto;
}
#MenuManage ul li a {
	display:block;
	width:186px;
	height:0;
	padding-top:25px;
	background:url(../img/guide/MenuManageLarge.png) no-repeat;
	overflow:hidden;
}

#MenuManage ul li#MenuCat01 a:hover {
	background-position:-186px 0;
}
#MenuManage ul li#MenuCat02 a {
	background-position:0 -25px;
}
#MenuManage ul li#MenuCat02 a:hover {
	background-position:-186px -25px;
}
#MenuManage ul li#MenuCat03 a {
	background-position:0 -50px;
}
#MenuManage ul li#MenuCat03 a:hover {
	background-position:-186px -50px;
}
#MenuManage ul li#MenuCat04 a {
	background-position:0 -75px;
}
#MenuManage ul li#MenuCat04 a:hover {
	background-position:-186px -75px;
}

/*- FAQ- */
#MenuFaq_tit ul {
	width:190px;
	list-style-type:none;
}
#MenuFaq_tit ul li {
	width:190px;
	margin:0 auto;
}
#MenuFaq_tit ul li a {
	display:block;
	width:190px;
	height:0;
	padding-top:38px;
	background:url(../img/guide/MenuFaq.png) no-repeat;
	overflow:hidden;
}

#MenuFaq_tit ul li#MenuFaq a:hover {
	background-position:-190px 0;
}





/* ----- MY SHOP NAVI----- */
#Menu-myshop {
	width:190px;
	float:right;
}

#CreatorBox {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:solid 1px #e2e2e0;
	background-color: #f9f8f3;
	width:188px;
	margin-bottom:10px;
}

/* 1段目 */
#Menu-myshop #Creator {
	width:188px;
	height:83px

}

#Creator div#CreatorImg {
	overflow:hidden;
	display:block;
	float:left;
	width:86px;
	height:82px;
}

.imgFrame {
	border:solid 1px #e2e2e0;
	width:71px;
	height:71px;
	margin-top:5px;
	margin-left:5px;
}

#Creator div#CreatorImg img {
	width:65px;
	height:65px;
	margin-top:3px;
	margin-left:3px;
}

#Creator div#CreatorName {
	overflow:hidden;
	display:block;
	float:left;
	width:102px;
	height:82px;
}

#Creator p#shopname {
	font-size:1.1em;
	color:#cb5a85;
	font-weight:bold;
	height:45px;
	margin-top:10px;
}

#Creator p#nickname {
	font-size:0.9em;
	color:#666;
	font-weight:bold;
}

#Creator p#prefname {
	font-size:0.9em;
	color:#666;
	font-weight:bold;
}

/* 2段目 */
#creator_profile {
	border-top:solid 1px #e2e2e0;
	padding-top:10px;
	padding-bottom:10px;
}

#MenuProfile li {
	list-style-type:none;

}

#MenuProfile li#profnav a {

	display:block;
	background-color: #f9f8f3;
	width:188px;
	height:28px;
	vertical-align:bottom;
	z-index:100;
}

#MenuProfile li#profnav a:hover {
	background-color: #eecedd;
	font-weight:bold;
}

#MenuProfile li#profnav_focus a {
	display:block;
	width:188px;
	height:28px;
	vertical-align:bottom;
	z-index:100;
	background-color: #eecedd;
	font-weight:bold;
}

.heartmark {
	clear:both;
	line-height:14px;
	font-size:12px;
}

.heartmark span {
	display:inline-block;
	height:14px;
	padding-left:25px;
	background:url(../img/myshop/heartmark.png) no-repeat 0 center;
	vertical-align:middle;
}

.heartmarkplus {
	clear:both;
	line-height:14px;
	font-size:12px;
}

.heartmarkminus {
	clear:both;
	line-height:14px;
	font-size:12px;
}

.heartmarkminus span {
	display:inline-block;
	height:14px;
	padding-left:25px;
	background:url(../img/myshop/heartmarkminus.png) no-repeat 0 center;
	vertical-align:middle;
}

.trimark span {
	display:inline-block;
	height:14px;
	padding-left:10px;
	background:url(../img/myshop/trimark.png) no-repeat 0 center;
	vertical-align:middle;
}

.trimark {
	clear:both;
	line-height:14px;
	font-size:12px;
}

.heartmarkplus span {
	display:inline-block;
	height:14px;
	padding-left:25px;
	background:url(../img/myshop/heartmarkplus.png) no-repeat 0 center;
	vertical-align:middle;
}

.messagemark {
	clear:both;
	line-height:14px;
	font-size:12px;
}

.messagemark span {
	display:inline-block;
	height:14px;
	padding-left:25px;
	background:url(../img/myshop/messagemark.png) no-repeat 0 center;
	vertical-align:middle;
}

.proftext{
	color:#8c244a;
	margin-top:5px;
	margin-left:12px;
	text-decoration:none;
}

.hearttext{
	color:#CB5C86;
	margin-top:5px;
	margin-left:12px;
}
.heartminustext{
	color:#6fa6d2;
	margin-top:5px;
	margin-left:12px;
}

#favsocial{
	display:block;
	width:188px;
	height:32px;
	vertical-align:bottom;
}

#favsocial img{
	margin-top:5px;
	margin-left:15px;
}

/* 3段目 */
#creator_item {
	border-top:solid 1px #e2e2e0;
	padding-top:10px;
	padding-bottom:5px;
	width:188px;
	height:119px
	z-index:1px;
}

#ItemList p#ItemListHead {
	float:left;
	color:#666;
	margin-left:8px;
	font-weight:bold;
}

#ItemList p#ItemListNum {
	float:left;
	color:#666;
	margin-left:52px;
	margin-bottom:10px;
}

#ItemListImg {
	list-style-type:none;
}

#ItemListImg li {
	float:left;
	width:54px;
	height:54px;
	margin-left:5px;
	margin-bottom:3px;
	border:solid 1px #e2e2e0;	
}

#ItemListImg li img {
	margin-top:3px;
	margin-left:3px;
}

.ItemListMore {
	clear:both;
	line-height:14px;
	font-size:12px;
	text-align:right;
}

.ItemListMore span {
	display:inline-block;
	height:14px;
	padding-left:10px;
	background:url(../img/IconArrow.png) no-repeat 0 center;
	vertical-align:middle;
	text-decoration:none;
}

.ItemListMore a{
	text-decoration:none;
	padding-right:10px;
}

/* 4段目 */
#ItemData {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:solid 1px #e2e2e0;
	background-color: #f9f8f3;
	width:188px;
}

#ItemData div#ItemDataHead {
	color:#666;
	margin-left:8px;
	margin-top:8px;
	font-weight:bold;
}

#ItemData div#ItemDataSocial {
	margin-left:5px;
	margin-right:5px;
	margin-bottom:5px;
	padding:5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:solid 1px #e2e2e0;
	background-color: #fff;
}
#ItemData #ItemDataSocial .fbmixi {
	margin-top: 5px;
	overflow: hidden;
}
#ItemData #ItemDataSocial .fbmixi .fbicon {
	float: left;
	margin-right: 5px;
}
#ItemData #ItemDataSocial .fbmixi .mixiicon {
	float: left;
}


#Item_profile {
	padding-top:10px;
	padding-bottom:5px;
}

#MenuProfile2 li {
	list-style-type:none;
}

#MenuProfile2 li#profnav2 a {
	display:block;
	background-color: #f9f8f3;
	width:188px;
	height:28px;
	vertical-align:bottom;

}

#MenuProfile2 li#profnav2 a:hover {
	background-color: #eecedd;
	font-weight:bold;
}

#MenuProfile2 li#profnav_focus2 a {
	display:block;
	width:188px;
	height:28px;
	vertical-align:bottom;
	z-index:100;
	background-color: #eecedd;
	font-weight:bold;
}

#ErrorCheck {
	display:block;
	margin-top:10px;
	*margin-top:20px;
	text-align:right;
}

#ErrorCheck img {
	float:right;
	margin-right:2px;
}

#ErrorCheck a {
	float:right;
	display:block;
	margin-bottom:2px;
	color:#8c244a;
	text-decoration:underline;
}


/* Rules for Printing */

@media print {

  .Accordion {
  overflow: visible !important;
  }
  
  .AccordionPanelContent {
	display: block !important;
	overflow: visible !important;
	height:auto
  }
}