/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	text format
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.note{ margin: 0 0 25px 0; padding: 0;}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	page foundation
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#outer{ text-align: center; padding: 0 5px; }
#outer .wrapper{ width: 900px; text-align: left; margin: 0 auto; }



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	header
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#header h1{ 
	float: left;
	margin: 22px 0;
	padding: 0;
	font-weight: normal;
	color: #666;
	text-align: center;
	line-height: 15px;
	width: 280px;
}

#header h1 b{
	font-size: 12px;
	font-weight: bold;
}

#header b.logo{
	margin: 0;
	padding: 0;
	width: 80px; 
	height: 90px; 
	float: left;
}



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	header inner functions
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#hfunc{ width: 500px; float: right; margin: 18px 0 0 0; }

/* header menu */
ul#hmenu{ 
	float: right; 
	margin: 2px 0 3px 0; 
	padding: 0 0 0 5px; 
	height: 20px; 
	background: url( ../img/common/hmenu_bg.gif ); 
	list-style: none;
}
ul#hmenu li{ 
	float: left; 
	margin: 0;
	padding: 0 3px 0 0;
	text-indent: -5000px;
	background: url( ../img/common/hmenu_partition.gif ) 100% 100% no-repeat;
}
ul#hmenu li.last{ background: url( ../img/common/hmenu_last.gif ) 100% 100% no-repeat; }

#hmenu a{ display: block; }
#hmenu a.cart	{ height: 20px; width: 66px; background: url( ../img/common/hmenu_cart.gif) 0 0 no-repeat; }
#hmenu a.guide	{ height: 20px; width: 97px; background: url( ../img/common/hmenu_guide.gif) 0 0 no-repeat; }
#hmenu a.memb	{ height: 20px; width: 51px; background: url( ../img/common/hmenu_memb.gif) 0 0 no-repeat; }
#hmenu a.magz	{ height: 20px; width: 77px; background: url( ../img/common/hmenu_magz.gif) 0 0 no-repeat; }
#hmenu a.logout	{ height: 20px; width: 57px; background: url( ../img/common/hmenu_logout.gif) 0 0 no-repeat; }
#hmenu a.shop	{ height: 20px; width: 88px; background: url( ../img/common/hmenu_shop.gif) 0 0 no-repeat; }
#hmenu a.query	{ height: 20px; width: 69px; background: url( ../img/common/hmenu_query.gif) 0 0 no-repeat; }

/* login button */
#hfunc div.login-btn{  width:95px; float: right ; }
#hfunc div.login-btn a{ height: 25px; width: 90px; background: url( ../img/common/btn_login.gif); display: block; text-indent: -5000px; }

#hfunc div.mypage-btn{  width:95px; float: right ; }
#hfunc div.mypage-btn a{ height: 25px; width: 90px; background: url( ../img/common/btn_mypage.gif); display: block; text-indent: -5000px; }


/* welcome member name */
#welcome{  
	margin: 0; 
	padding: 5px 0 15px 0;
	line-height: 15px;
	font-size: 12px; 
	clear: both;
	text-align: right;
}

/* search form */
#search{ 
	height: 25px; 
	width: 225px; 
	float: right; 
	background: url( ../img/common/sea_field.gif ) 1px 1px no-repeat;
	position: relative;
	margin: 0 0 7px 0;
}
#search #query{ 
	border: 0;
	width: 165px; 
	height: 12px;
	font-size: 10px;
	line-height: 11px;
	background: none;
	position: absolute;
	bottom: 5px; left: 5px;
}
#search #sea-btn{ 
	height: 25px; 
	width: 45px; 
	position: absolute;
	bottom: 0; right: 0;
}

/* safari only \*/
html:\66irst-child #search{
	background: none;
}
html:\66irst-child #search #query{
	height: 19px;
	line-height: 16px;
	bottom: 3px; left: 5px;
}
/* end */ 

/* hot word */
#hot-word{ margin: 0; }
#hot-word ul{
	float: right; 
	margin: 0; 
	padding: 0 0 0 105px; 
	height: 20px; 
	background: #eee url( ../img/common/hword_ttl.gif ) no-repeat; 
	list-style: none;
	clear: both;
}
#hot-word ul li{ 
	float: left;
	font-size: 10px;
	margin: 0;
	padding: 0 8px 0 0;
	background: url( ../img/common/hword_bg.gif ) repeat-x;
	line-height: 20px;
	white-space:nowrap;
}
#hot-word ul li.last{ background: url( ../img/common/hword_last.gif ) top right repeat-x; }

#hot-word a:link	{ color: #444; }
#hot-word a:visited	{ color: #444; }
#hot-word a:hover	{ color: #444; }
#hot-word a:active	{ color: #444; }



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	footer
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#f-information{ text-align: center; clear: both; }
#f-information .wrapper{ width: 900px; text-align: left; margin: 0 auto; }

#footer{ text-align: center; padding: 10px 0; border-top: 1px solid #dadada; clear: both; }
#footer .wrapper{ width: 900px; text-align: left; margin: 0 auto; }
#copy{ float: left; }
#fmenu{ text-align: right; font-size: 10px; line-height: 1; }
#fmenu a{ padding: 0 3px; }
#fmenu a:link	{ color: #444; text-decoration: none; }
#fmenu a:visited{ color: #444; text-decoration: none; }
#fmenu a:hover	{ color: #444; text-decoration: underline; }
#fmenu a:active	{ color: #444; text-decoration: underline; }



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	page path
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#path{ border-top: 1px solid #dadada; border-bottom: 1px solid #dadada; line-height: 20px; padding: 10px 0; margin: 0 0 20px 0; }
#path a:link	{ color: #444; text-decoration: underline; }
#path a:visited	{ color: #444; text-decoration: underline; }
#path a:hover	{ color: #444; text-decoration: underline; }
#path a:active	{ color: #444; text-decoration: underline; }
#path strong{ font-weight: normal; color: #ff6600; }



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	side contents : item menu
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#imenu{}
#imenu h3{ margin: 0 0 15px 0; padding: 0; }
#imenu h4{ margin: 0 0 5px 0; padding: 0; }
#imenu ul{ margin: 0 0 15px 0; padding: 0; list-style: none; }
#imenu ul li{ margin: 0; padding: 0; border-bottom: 1px solid #dadada; }

/* #imenu h3#imenu-g200{ padding: 20px 0 0 0; } */

#imenu .category{ margin: 0 0 15px 0; padding: 0; }
#imenu .category a{ height: 21px; margin: 0; padding: 0; border-bottom: 1px solid #dadada; display: block; }
#imenu .group-partition{ padding: 0; margin: 0; height: 20px; }
#imenu .group-partition hr{ display: none; }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	side contents : Select to silhoette
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#silhoette-sel{ padding: 10px 0; margin: 0 0 20px 0; }
#silhoette-sel h3{ font-size: 12px; color: #333; margin: 0 0 5px 0; padding: 0; font-weight: normal; }
#silhoette-sel select{ font-size: 10px; width: 150px; }



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	side contents : mobile information
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#mobile-info{}
#mobile-info h3{ margin: 0 0 10px 0; }
#mobile-info p{ margin: 0 0 10px 0; padding: 0; }



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	single columns layout
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#column-1{ clear: both; padding: 10px 0; text-align: center; }
#column-1 #main-contents{ width: 900px; margin: 0 auto; text-align: left; }



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	double columns layout
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#column-2{ clear: both; padding: 10px 0; }
#column-2 #main-contents{ float: right; width: 710px; }
#column-2 #left-contents{ float: left; width: 150px; }



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	triple columns layout
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#column-3{ clear: both; padding: 10px 0; }
#column-3 #main-contents{ width: 560px; margin: 0 20px; }
#column-3 #left-contents{ float: left; width: 150px; }
#column-3 #right-contents{ float: right; width: 150px; }



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	page button
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.page-btn{ text-align: center; margin: 0 0 20px 0; }



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	coution panel
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.coution{ padding: 20px; border: 1px solid #ee0000; margin: 0 0 20px 0; background: #f7f7f7; }



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	message panel
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#message{ text-align: center; }
#message h3{ color: #fff; line-height: 20px; font-size: 12px; text-align: left; padding: 0 6px; margin: 0 0 20px 0; background: url(../img/common/ttl_sub_bg.gif) no-repeat; }
#message h4{ color: #fff; line-height: 20px; font-size: 12px; text-align: left; padding: 0 6px; margin: 0 0 20px 0; background: url(../img/common/ttl_sub2_bg.gif) no-repeat; }

#message .panel{ border: 1px solid #dadada; background: #f7f7f7; margin: 0 50px 40px 50px; padding: 20px; text-align: left; }
#message .panel p{ padding: 0; margin: 0 0 5px 0; }
#message .panel .panel-btn{ padding: 10px 0 0 0; margin: 0; text-align: center; }

.small-form{ text-align: center; padding: 15px 0; }
.small-form table{ margin: 0 auto; }
.small-form table th{ margin: 0; padding: 5px; white-space: nowrap; text-align: left; }
.small-form table td{ margin: 0; padding: 5px; white-space: nowrap; text-align: left; font-size: 10px; }


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	string 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.string{ margin: 0 0 15px 0; }
.string p{ padding: 0 0 5px 0; margin: 0; }


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	page navigation 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.pagenavi-h{ clear: both; height: 21px; margin: 0 0 20px 0; }
.pagenavi-f{ clear: both; height: 21px; margin: 0 0 40px 0; }

.page-info{ text-align: right; float: right; }
.page-navi{ }

/*
.page-navi .page-prev{ margin: 0 5px 1px 0; vertical-align: middle; }
.page-navi .page-next{  margin: 0 0 1px 5px;  vertical-align: middle; }

*/

.page-navi a{ vertical-align: middle; }
.page-navi .page-prev{ margin: 0 5px 0 0; }
.page-navi .page-next{  margin: 0 0 0 5px; }


/* sort */
.sort a{ display: block; float: left; margin: 0 5px 0 0; }

a.sort-regist{ width: 60px; height: 20px; text-indent: -5000px; background: url(/img/item/btn_sort_regist.gif) no-repeat; }
a.sort-regist-d{ width: 60px; height: 20px; text-indent: -5000px; background: url(/img/item/btn_sort_regist_d.gif) no-repeat; }
a.sort-regist-u{ width: 60px; height: 20px; text-indent: -5000px; background: url(/img/item/btn_sort_regist_u.gif) no-repeat; }

a.sort-release{ width: 60px; height: 20px; text-indent: -5000px; background: url(/img/item/btn_sort_release.gif) no-repeat; }
a.sort-release-d{ width: 60px; height: 20px; text-indent: -5000px; background: url(/img/item/btn_sort_release_d.gif) no-repeat; }
a.sort-release-u{ width: 60px; height: 20px; text-indent: -5000px; background: url(/img/item/btn_sort_release_u.gif) no-repeat; }

a.sort-price{ width: 60px; height: 20px; text-indent: -5000px; background: url(/img/item/btn_sort_price.gif) no-repeat; }
a.sort-price-d{ width: 60px; height: 20px; text-indent: -5000px; background: url(/img/item/btn_sort_price_d.gif) no-repeat; }
a.sort-price-u{ width: 60px; height: 20px; text-indent: -5000px; background: url(/img/item/btn_sort_price_u.gif) no-repeat; }