@charset "utf-8";

/*------------------------------------
 共通
-------------------------------------*/
.barset {
	height: 40px;
	width: 220px;
}
.bnr-l {
	height: 70px;
	width: 222px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


/*------------------------------------
 login and new registration
-------------------------------------*/
#login-area {
	background-image: url(../images/bg_l_top_login.gif);
	width: auto;
	margin-bottom: 15px;
	padding-top: 9px;
	padding-bottom: 9px;
}
#login-area .box {
	background-color: #FFFFFF;
	margin-right: auto;
	margin-left: auto;
	width: 204px;
}
#login-area .box .txt-block {
	width: auto;
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #84af6d;
	padding-top: 12px;
	margin-left: 10px;
	margin-right: 10px;
}
#login-area input { vertical-align: middle; }
#login-area .box dl {
	margin: 0px;
	width: auto;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
#login-area .box dl dt {
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	float: left;
	font-size: 65%;
}
#login-area .box dl dd {
	margin: 0px;
	float: right;
	padding: 0px;
}
#login-area .box dl dd .box140 {
	width: 140px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #a7a7a7;
	border-right-color: #d5d5d5;
	border-bottom-color: #d5d5d5;
	border-left-color: #a7a7a7;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-bottom: 5px;
}
#login-area .box ul {
	margin: 0px;
	list-style-image: none;
	list-style-type: none;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	width: auto;
}
#login-area .box ul li {
	font-size: 65%;
	margin-bottom: 5px;
}
#login-area .box ol {
	margin: 0px;
	list-style-image: none;
	list-style-type: none;
	padding-top: 0px;
	padding-right: 10px;
	padding-left: 10px;
	width: auto;
	padding-bottom: 0px;
}
#login-area .box ol li {
	font-size: 65%;
}
#login-area .forget {
	background-image: url(../images/common/arrow_01.gif);
	background-repeat: no-repeat;
	background-position: 3px 6px;
	padding-left: 10px;
	margin: 0px;
	width: auto;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px;
}
#login-area a#new {
	background-image: url(../images/bt_new_registration.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	height: 32px;
	width: 184px;
	margin-bottom: 5px;
}
#login-area a#new:hover {
	background-image: url(../images/bt_new_registration.gif);
	background-repeat: no-repeat;
	background-position: 0px -32px;
}
#login-area #new span { display:none;}
#login-area #new-bnr {
	height: 52px;
	width: 184px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-bottom: 10px;
}
/* --------- member --------- */
#login-area .member {
	padding-top: 15px;
	font-size: 100%;
}
#login-area .member .title {
	width: 184px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #84af6d;
	margin-bottom: 5px;
	margin-left: auto;
	font-size: 80%;
	font-weight: normal;
	color: #202020;
	letter-spacing: -0.7mm;
	margin-right: auto;
}
#login-area .member .title strong {
	font-weight: 600;
}
#login-area .member .pt {
	font-size: 65%;
	margin: 0px;
	width: 184px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 10px;
}
#login-area .member .pt span {
	color:#F43302;
	font-weight:600;
	font-size: 120%;
}
#login-area .member ul li {
	margin: 0px;
	padding: 0px;
	list-style-image: none;
	list-style-type: none;
}
#login-area .member ul li a {
	background-image: url(../images/common/arrow_06.gif);
	background-repeat: no-repeat;
	background-position: 0px 9px;
	height: 24px;
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #cccccc;
}
#login-area .member ul li a:hover {
	background-color: #FFFBC8;
}
#login-area .member ul li a p {
	margin: 0px;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
}


/*------------------------------------
 ranking
-------------------------------------*/
#rank-products {
	width: auto;
	margin-bottom: 15px;
}
#rank-products .box {
	background-color: #e1ffd2;
	width: auto;
	border: 1px solid #cecece;
}
#rank-products .no1 {
	background-image: url(../images/icon_rank_l_no1.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 210px;
	margin-left: 5px;
	margin-top: 10px;
	margin-bottom: 5px;
}
#rank-products .no2 {
	background-image: url(../images/icon_rank_l_no2.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 210px;
	margin-left: 5px;
	margin-top: 10px;
	margin-bottom: 5px;
}
#rank-products .no3 {
	background-image: url(../images/icon_rank_l_no3.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 210px;
	margin-left: 5px;
	margin-top: 10px;
	margin-bottom: 5px;
}
#rank-products .no1 p, .no2 p, .no3 p {
	font-size: 80%;
	margin: 0px;
	width: auto;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 40px;
}
#rank-products .box .set {
	background-image: url(../images/dot_line_01.gif);
	background-repeat: repeat-x;
	background-position: 0px bottom;
	width: 202px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 10px;
}
#rank-products .box .set02 {
	width: 202px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 10px;
}
#rank-products .box ul {
	margin: 0px;
	width: auto;
	list-style-image: none;
	list-style-type: none;
	padding: 0px;
}
#rank-products .box ul li {
	float: left;
}
#rank-products .box a img {
//	height: 60px;
//	width: 80px;
	margin-right: 5px;
	border: 1px solid #FFFFFF;
}
#rank-products .box a:hover img {
	border: 1px solid #f56108;
}
#rank-products .box .info {
	float: right;
	font-size: 65%;
	line-height: 14px;
	width: 115px;
	letter-spacing: 0.1em;

}


/*------------------------------------
 profit
-------------------------------------*/
#profit-products {
	width: auto;
	margin-bottom: 15px;
}
#profit-products .box {
	background-color: #ede4d1;
	width: auto;
	border: 1px solid #cecece;
}
#profit-products .box span { display:none;}
#profit-products a#mm {
	background-image: url(../images/profit_l_menu.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 71px;
	width: 220px;
	display: block;
}
#profit-products a#mm:hover {
	background-image: url(../images/profit_l_menu.png);
	background-repeat: no-repeat;
	background-position: -220px 0px;
}
#profit-products a#special {
	background-image: url(../images/profit_l_menu.png);
	background-repeat: no-repeat;
	background-position: 0px -71px;
	height: 71px;
	width: 220px;
	display: block;
}
#profit-products a#special:hover {
	background-image: url(../images/profit_l_menu.png);
	background-repeat: no-repeat;
	background-position: -220px -71px;
}
#profit-products a#affi {
	background-image: url(../images/profit_l_menu.png);
	background-repeat: no-repeat;
	background-position: 0px -142px;
	height: 71px;
	width: 220px;
	display: block;
}
#profit-products a#affi:hover {
	background-image: url(../images/profit_l_menu.png);
	background-repeat: no-repeat;
	background-position: -220px -142px;
}
#profit-products a#pt {
	background-image: url(../images/profit_l_menu.png);
	background-repeat: no-repeat;
	background-position: 0px -213px;
	height: 71px;
	width: 220px;
	display: block;
}
#profit-products a#pt:hover {
	background-image: url(../images/profit_l_menu.png);
	background-repeat: no-repeat;
	background-position: -220px -213px;
}
#profit-products a#store {
	background-image: url(../images/profit_l_menu.png);
	background-repeat: no-repeat;
	background-position: 0px -284px;
	height: 71px;
	width: 220px;
	display: block;
}
#profit-products a#store:hover {
	background-image: url(../images/profit_l_menu.png);
	background-repeat: no-repeat;
	background-position: -220px -284px;
}


/*------------------------------------
 guide menu
-------------------------------------*/
#guide-products {
	width: auto;
	margin-bottom: 15px;
}
#guide-products .box {
	background-color: #f7f7f7;
	width: auto;
	border: 1px solid #cecece;
}
#guide-products .box ul {
	padding: 0px;
	list-style-image: none;
	list-style-type: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
}
#guide-products .box ul li a {
	background-image: url(../images/bg_l_guide.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	height: 27px;
	width: 209px;
}
#guide-products .box ul li a:hover {
	background-image: url(../images/bg_l_guide.gif);
	background-repeat: no-repeat;
	background-position: 0px -27px;
}
#guide-products .box ul li p {
	font-size: 80%;
	font-weight: normal;
	margin: 0px;
	width: auto;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
}
#guide-products .bt-set {
	width: 186px;
	margin-left: 17px;
	padding-top: 10px;
	padding-bottom: 10px;
}
#guide-products a#bt {
	background-image: url(../images/bt_l_guide_all.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	height: 34px;
	width: 186px;
}
#guide-products a#bt:hover {
	background-image: url(../images/bt_l_guide_all.gif);
	background-repeat: no-repeat;
	background-position: 0px -34px;
}
#guide-products #bt span { display:none;}


/*------------------------------------
 store
-------------------------------------*/
#store-box {
	background-image: url(../images/bg_l_store.gif);
	background-repeat: no-repeat;
	height: 110px;
	width: 222px;
	margin-bottom: 15px;
}
#store-box .bt-set {
	width: auto;
	padding-top: 70px;
	padding-left: 18px;
}
#store-box a#bt {
	background-image: url(../images/bt_l_store.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	height: 22px;
	width: 186px;
}
#store-box a#bt:hover {
	background-image: url(../images/bt_l_store.gif);
	background-repeat: no-repeat;
	background-position: 0px -22px;
}
#store-box #bt span { display:none;}


/*------------------------------------
 security information
-------------------------------------*/
#ssl-box {
	background-image: url(../images/bg_l_security.gif);
	width: auto;
	margin-bottom: 15px;
	padding-top: 9px;
	padding-bottom: 9px;
}
#ssl-box .box {
	background-color: #FFFFFF;
	margin-right: auto;
	margin-left: auto;
	width: 204px;
}
#ssl-box .box img {
	height: 59px;
	width: 115px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 44px;
}
#ssl-box .box p {
	font-size: 65%;
	line-height: 14px;
	margin: 0px;
	width: auto;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
#ssl-box .box p span {
	line-height: 24px;
}


/*------------------------------------
 category
-------------------------------------*/
#category-menu { width: auto; margin-bottom: 15px; }
#category-menu .box {
	background-color: #f0faff;
	width: auto;
	border: 1px solid #cecece;
	padding-bottom: 5px;
}
#category-menu .box a.menu {
	background-image: url(../images/bg_category_menu.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	height: 34px;
	width: 220px;
	font-size: 80%;
	font-weight: normal;
	margin-right: -28px;
	padding-left: 28px;
	line-height: 34px;
	color: #044BF2;
}
#category-menu .box a.menu:hover {
	background-image: url(../images/bg_category_menu.gif);
	background-repeat: no-repeat;
	background-position: 0px -34px;
	font-weight: 600;
	color: #044BF2;
}
#category-menu .box ul { margin: 0px; padding: 0px; list-style-image: none; list-style-type: none; }
#category-menu .box ul li {
}

