/* --------------------------------------------------------------------
	common
-------------------------------------------------------------------- */

/* 共通エレメント */
body         { font-size: 12px; color: #333333; background-image: 
               url('../Local%20Settings/Temporary%20Internet%20Files/Content.IE5/Local%20Settings/Temporary%20Internet%20Files/Content.IE5/img/usr/bg.gif'); 
               background-repeat: repeat-y; background-color: #e6e9dd; 
               background-attachment: fixed; text-align: center; margin: 0; 
               padding: 0; background-position: center top }
img{border-width: 0; 
 	vertical-align:middle;
}
form{ 
	margin: 0; 
	padding: 0; 
}
td, th{
	font-size:12px;
}
h1,h2,h3,h4,h5,h6,p,ul{
    margin-top:0;
    margin-left:0;
    margin-right:0;
    margin-bottom:0;
    padding:0;
}
hr{
	margin:5px 0px;
	border-style:dotted;
	border-width:1px 0px 0px;
	height:1px; 
	color:#76AFCC; 
}
/* 共通エレメント(リンク) */
a:link		{color:#003399; text-decoration: underline;}
a:visited	{color:#000099; text-decoration: underline;}
a:active	{color:#FF3333; text-decoration: underline;}
a:hover		{color:#FF3333; text-decoration: underline;}
/*ベースフォントサイズ-winIE以外のブラウザへの設定*/
html>body #body, html>body td, html>body th{
	font-size:12px;
}
#body{
	width:910px;
	margin-left:auto;
	margin-right:auto;
	padding:0px;
	text-align:left;
	background-color: #ffffff;
	border-color: #878D8F;
	border-width: 0px 1px 0px 1px;
	border-style: solid;
}
/* ヘッダー */
#header				{width:910px; margin:0; padding:0;}
#site_title,#headerbox01	{padding:5px 0px 3px; color:#fff; font-size:12px; text-indent:10px; background-color:#4B4A4A;}
#topbanner			{width:100%; border-top:solid 2px #f33; padding:0; margin:0; background-repeat:no-repeat;}
#topbanner-logo			{margin:8px; pading:0; float:left;}
#topbanner-houjin		{margin:4px 20px 0; pading:0; float:right;}
#topbanner-mobile		{width:74px; height:25px; margin-top:4px; padding-right:28px; margin-bottom:1px; float:right;}
#topbanner-menu			{margin:30px 20px 10px 0;}
#topbanner ul {
	display:block;
	list-style-type:none;
	text-align:right;
}
#topbanner ul li {
	display:inline;
	margin:0px;
	padding:0px 5px;
/*	border-right:1px solid #000000; */
}
#topbanner ul img {margin:0 3px 0 0; vertical-align:bottom;}

#topbanner a:link    {color:#4B4A4A; text-decoration:underline; font-size:12px;}
#topbanner a:visited {color:#4B4A4A; text-decoration:underline; font-size:12px;}
#topbanner a:active  {color:#ff3333; text-decoration:underline; font-size:12px;}
#topbanner a:hover   {color:#ff3333; text-decoration:underline; font-size:12px;}

/* カテゴリの切り替えタブ */
#categorytab
	{ width: 910px; text-align:center; margin:0 auto; padding: 0;}
#categorytab ul {
	width: 865px; 
	margin:0 auto;
	text-align:center;
	padding:0px;
	background-repeat:no-repeat;
	list-style-type:none;
	overflow:hidden;
	}
#categorytab ul li {
	display:block;
	float:left;
	text-align:center;
	background:no-repeat;
	margin:0px;
	padding:0px;
	}
#categorytab ul li a {
	display:block;
	}
#categorytab ul li a span {
	display:block;
	}
#searchbar form	{ display:inline; margin:0 20px;}
/* 20110204検索欄変更 */
#searchbar{
	margin: 0px 0px 4px;
	border-bottom:solid 2px #4B4A4A;
	padding: 2px 0px;
	width:910px;
	height:28px;
	background-color:#f33;
	text-align:center;
	color:#fff;
	white-space:nowrap;
}
#searchbar dl{
	margin:5px auto 3px;
	width:730px;
	font-size:13px;
	position:relative;
	overflow:hidden;
	zoom:1;
}
#searchbar dt{
	float:left;
	margin:4px 5px 0px 0px;
	width:70px;
	font-weight:bold;
}
#searchbar dd{
	float:left;
	margin:0px;
	padding:0px;
}
#search_select select{
	margin:1px 10px 0px 0px;
	font-size:13px;
}
#search_txt input{
	margin-right:10px;
	font-size:13px;
}
#chk_box{
	position:relative;
	top:2px;
	_top:1px;
}
#search_chk{
	margin-right:10px !important;
	position:relative;
	top:-1px;
}
#search_btn input{
	margin-top:1px;
	font-size:13px;
}
/* 20110204検索欄変更 */

/* フッター */
#footer { width:910px; margin:10px 0 0 0; padding:3px 0; background-color:#4B4A4A; color:#ffffff; font-size:11px; text-align:center;}
#footer span      {padding:2px 0;}
#footer a:link    {color:#ffffff;text-decoration:none; }
#footer a:visited {color:#ffffff;text-decoration:none;	}
#footer a:active  {color:#ffffff;text-decoration:underline;}
#footer a:hover   {color:#ffffff;text-decoration:underline;}

#copyright { width:910px; margin:0; padding:2px 0; background-color:#ff3333; color:#ffffff; font-size:11px; text-align:center;}
#copyright a:link    {color:#ffffff;text-decoration:none; }
#copyright a:visited {color:#ffffff;text-decoration:none;	}
#copyright a:active  {color:#ffffff;text-decoration:underline;}
#copyright a:hover   {color:#ffffff;text-decoration:underline;}

/* -------------------------------------------------*/
table.baseframe_{
	width: 100%;
	padding:0px;
	margin:0px;
	border-collapse: collapse;
}
td.leftmenuframe_{
	width:140px;
	padding: 0 5px;
	vertical-align:top;
}
td.mainframe_{
	padding: 0 10px;
	vertical-align:top;
}

td.rightmenuframe_{
	width:140px;
	padding: 0 5px;
	vertical-align:top;
}

/* 共通クラス(インライン汎用) */
.large_		{ font-size:14px; }
.normal_	{ font-size:12px; line-height:15px; }
.small_		{ font-size:10.5px; line-height:12px; }
.xsmall_	{ font-size:9px; line-height:12px; }

/* new 共通クラス(特定メッセージ インライン) */
.error_		{color:#FF0099; font-weight:bold; font-size:12px;}
.notice_	{color:#CC3300; font-weight:bold; font-size:12px;}
.info_		{color:#666666; font-weight:bold; font-size:12px;}

/* new 共通クラス(特定メッセージ ブロック) */
div.error_,	table.error_	{background-color:#efefef; border:solid 1px #FF0099; padding:8px; margin:4px auto; text-align:left; }
div.notice_,table.notice_	{background-color:#efefef; border:solid 1px #996666; padding:8px; margin:4px auto; text-align:left; }
div.info_,	table.info_		{background-color:#efefef; border:solid 1px #666666; padding:8px; margin:4px auto; text-align:left; }
ul.error_					{margin-left: 16px;}
/*
div.info_ ul	{ margin: 8px 32px; }
*/

/* new 共通クラス(ブロック) */
.submit_
	{ margin: 16px auto; text-align: center; }
.submit_ input, .submit_ img
	{ margin: 0px 16px; vertical-align: middle; }
.loginname_
	{ font-size: 12px; font-weight: bold; letter-spacing: 2px; margin-bottom: 8px; padding: 0 40px; }
.message_
	{ font-size: 12px; }
.mypoint_
	{ margin-bottom: 8px; padding: 0 40px; }

/* new 共通クラス(その他) */
.hidden_			{ visibility: hidden; }	/* spacer */
.nocell_			{ border:none ! important; background-color:transparent ! important;  }
table.spandual_		{ border:none; background-color:transparent; width:100%; }	/* table layout */
.hiddenEnter_		{ width:0; height:0; }

/* 価格表示 */
.price_pop_     {color:#ff0000; font-size:10px; }
.price_         {color:#ff0000; font-size:14px; font-weight:bold;}

/* 商品名・カテゴリ名タイトル */
/* 2010/12/22 ソーシャルbtn実装時変更 */
h1.goods_name_      {margin:3px 0px 0px; border-bottom: solid 2px #f99; padding:0px 5px 3px; color:#333; font-size:18px;}
h1.category_name_   {margin:8px 0px 0px 0px; padding:0; color:#333333; font-weight:bold; font-size:18px;}
h1.event_name_   {margin:8px 0px 0px 0px; padding:0; color:#800000; font-weight:bold; font-size:20px;}

.goods_maker_table_ {border:solid 1px; border-color:#cccccc; background-color:#eeeeee; }
.goods_maker_title_ {}
.goods_maker_table_ .goods_maker_line1_ {}

/* イベントへのリンク */
.event_title_		{margin:8px 0px;}
.event_title_ span	{font-size: 14px;font-weight:bold}

/* --------------------------------------------------------------------
    form(common)
-------------------------------------------------------------------- */
.formlist_
	{
	border-collapse: collapse;
	margin: 0 auto;
	}
.formlist_ th
	{
	border:solid 1px #ffffff;
	border-bottom:solid 1px #999999;
	font-weight:normal;
	line-height:15px;
	padding:4px;
	color:#333333;
	background-color:#FFDEDE;
	white-space: nowrap;
	}
.formlist_ td
	{
	border-bottom:solid 1px #B3B3B3;
	font-weight:normal;
	line-height:15px;
	padding:4px;
	color:#000000;
	background-color:#FFFFFF;
	}

.formlist_ .line0_
	{
	background-color:#F3F3F3;
	}
.formlist_ .line1_
	{
	background-color:#F8F7F1;
	}

.formdetail_
	{
	border-collapse:collapse; margin:0 auto;
	}
.formdetail_ th
	{
	border-bottom:solid 1px #999999; font-weight:normal; line-height:15px;
	padding:4px; color:#333333; background-color:#FFDEDE; white-space:nowrap;
	}
.formdetail_ td
	{
	border-bottom:solid 1px #B3B3B3; font-weight:normal; line-height:15px;
	padding:4px; color:#000000; background-color:#FFFFFF;
	}

.formsublist_
	{
	border-collapse: collapse;
	}
.formsublist_ th
	{
	border:solid 1px #999999;
	background-color:#cccccc;
	color:#000000;
	font-weight:normal;
	white-space: nowrap;
	}
.formsublist_ td
	{
	border:solid 1px #999999;
	background-color:#FFFFFF;
	color:#000000;
	font-weight:normal;
	}

/* --------------------------------------------------------------------
	category(common)
-------------------------------------------------------------------- */

/* カテゴリーツリー */
.category_tree_ 				{margin: 0px 0px 0px 10px; padding: 0px 0px 0px 0px;}
.category_tree_ a:link			{text-decoration:none;}
.category_tree_ a:visited		{text-decoration:none;}
.category_tree_ a:hover			{text-decoration:none;}
.category_tree_ a:active		{text-decoration:none;}

.category_tree1_ { list-style-image: 
               url('../Local%20Settings/Temporary%20Internet%20Files/Content.IE5/Local%20Settings/Temporary%20Internet%20Files/Content.IE5/img/usr/tree1.gif'); 
               font-size: 12px; line-height: 18px; vertical-align: middle; 
               font-weight: bold; margin-left: 10px; margin-right: 2px; 
               margin-top: 2px; margin-bottom: 0px }
.category_tree2_ { list-style-image: 
               url('../Local%20Settings/Temporary%20Internet%20Files/Content.IE5/Local%20Settings/Temporary%20Internet%20Files/Content.IE5/img/usr/tree2.gif'); 
               font-size: 12px; line-height: 18px; vertical-align: middle; 
               margin-left: 20px; margin-right: 2px; margin-top: 0px; 
               margin-bottom: 0px }
.category_tree3_ { list-style-image: 
               url('../Local%20Settings/Temporary%20Internet%20Files/Content.IE5/Local%20Settings/Temporary%20Internet%20Files/Content.IE5/img/usr/tree3.gif'); 
               font-size: 12px; line-height: 16px; vertical-align: middle; 
               margin-left: 30px; margin-right: 2px; margin-top: 0px; 
               margin-bottom: 0px }
.category_tree4_ { list-style-image: 
               url('../Local%20Settings/Temporary%20Internet%20Files/Content.IE5/Local%20Settings/Temporary%20Internet%20Files/Content.IE5/img/usr/tree4.gif'); 
               font-size: 11px; line-height: 16px; vertical-align: middle; 
               margin-left: 40px; margin-right: 2px; margin-top: 0px; 
               margin-bottom: 0px }
.category_tree1_open_ { list-style-image: 
               url('../Local%20Settings/Temporary%20Internet%20Files/Content.IE5/Local%20Settings/Temporary%20Internet%20Files/Content.IE5/img/usr/tree1_open.gif'); 
               font-size: 12px; line-height: 18px; vertical-align: middle; 
               background-color: #E3F6FF; font-weight: bold; margin-left: 10px; 
               margin-right: 2px; margin-top: 2px; margin-bottom: 0px }
.category_tree2_open_ { list-style-image: 
               url('../Local%20Settings/Temporary%20Internet%20Files/Content.IE5/Local%20Settings/Temporary%20Internet%20Files/Content.IE5/img/usr/tree2_open.gif'); 
               font-size: 12px; line-height: 18px; vertical-align: middle; 
               background-color: #E3F6FF; margin-left: 20px; margin-right: 2px; 
               margin-top: 0px; margin-bottom: 0px }
.category_tree3_open_ { list-style-image: 
               url('../Local%20Settings/Temporary%20Internet%20Files/Content.IE5/Local%20Settings/Temporary%20Internet%20Files/Content.IE5/img/usr/tree3_open.gif'); 
               font-size: 12px; line-height: 16px; vertical-align: middle; 
               background-color: #E3F6FF; margin-left: 30px; margin-right: 2px; 
               margin-top: 0px; margin-bottom: 0px }
.category_tree4_open_ { list-style-image: 
               url('../Local%20Settings/Temporary%20Internet%20Files/Content.IE5/Local%20Settings/Temporary%20Internet%20Files/Content.IE5/img/usr/tree4_open.gif'); 
               font-size: 11px; line-height: 16px; vertical-align: middle; 
               background-color: #E3F6FF; margin-left: 40px; margin-right: 2px; 
               margin-top: 0px; margin-bottom: 0px }
.genre_tree_ 				{margin: 0px 0px 0px 10px; padding: 0px 0px 0px 0px;}
.genre_tree_ a:link			{text-decoration:none;}
.genre_tree_ a:visited		{text-decoration:none;}
.genre_tree_ a:hover			{text-decoration:none;}
.genre_tree_ a:active		{text-decoration:none;}

.genre_tree_ li.genreclass_line_ { list-style-image: 
               url('../Local%20Settings/Temporary%20Internet%20Files/Content.IE5/Local%20Settings/Temporary%20Internet%20Files/Content.IE5/img/usr/genre_class.gif'); 
               font-size: 12px; line-height: 18px; vertical-align: middle; 
               font-weight: bold; margin-left: 10px; margin-right: 2px; 
               margin-top: 2px; margin-bottom: 0px }
.genre_tree_ li.genre_line_			{margin: 2px 2px 0px 20px; list-style-type: circle; font-size:11px; line-height:13px; vertical-align:middle;}


/* --------------------------------------------------------------------
	navigation(common)
-------------------------------------------------------------------- */

/* パンくずナビゲーション */
.navigation_			{margin-bottom: 8px; font-size: 12px;}
.navigation_ a:link		{text-decoration:none;}
.navigation_ a:visited	{text-decoration:none;}
.navigation_ a:hover	{text-decoration:underline;}
.navigation_ a:active	{text-decoration:underline;}

/* パンくず */
.navitopicpath_	{margin:10px 0px; font-size: 12px;}
/*
.navitopicpath_ a:link		{color:#3366ff; text-decoration:underline;font-weight:bold;}
.navitopicpath_ a:visited	{color:#3366ff; text-decoration:underline;font-weight:bold;}
.navitopicpath_ a:hover		{color:#ff0000; text-decoration:underline;font-weight:bold;}
.navitopicpath_ a:active	{color:#ff0000; text-decoration:underline;font-weight:bold;}
*/

/* ページジャンプ */
.navipage_				{color:#666666; font-size:12px; text-align:right; padding:2px;}
.navipage_now_			{color:#ff6666; font-weight:bold; text-decoration:none; margin:2px 2px 2px 2px;}
.navipage_ a			{font-weight:bold; margin:2px 2px 2px 2px;}
.navipage_ a:link		{color:#3366ff; text-decoration:underline;}
.navipage_ a:visited	{color:#3366ff; text-decoration:underline;}
.navipage_ a:hover		{color:#ff0000; text-decoration:underline;}
.navipage_ a:active		{color:#ff0000; text-decoration:underline;}
.navipage_ img			{margin:auto;border:none;vertical-align:middle; }

/* 並び替え */
.navisort_				{color:#666666; font-size:12px; text-align:left; line-height:1.5; margin:4px 2px 4px 2px; border-bottom:dotted 1px #3366ff;}
.navisort_now_			{color:#ff6666; text-decoration:none; margin:2px 4px 2px 4px;}
.navisort_ a			{margin:2px 4px 2px 4px;}
.navisort_ a:link		{color:#000088; text-decoration:none;}
.navisort_ a:visited	{color:#000088; text-decoration:none;}
.navisort_ a:hover		{color:#000088; text-decoration:none;}
.navisort_ a:active		{color:#ff0000; text-decoration:none;}

/* 表示切替 */
.navistyle_				{color:#666666; font-size:12px; text-align:left; line-height:1.5; margin:4px 2px 4px 2px; border-bottom:dotted 1px #3366ff;}
.navistyle_now_			{color:#ff6666; text-decoration:none; margin:2px 2px 2px 2px;}
.navistyle_ a			{margin:2px 2px 2px 2px;}
.navistyle_ a:link		{color:#000088; text-decoration:none;}
.navistyle_ a:visited	{color:#000088; text-decoration:none;}
.navistyle_ a:hover		{color:#000088; text-decoration:none;}
.navistyle_ a:active	{color:#ff0000; text-decoration:none;}

/* 左メニュー */
.leftmenu_subframe_	{margin:5px 0; width:140px; border:solid 1px #999;}
.leftmenu_subtitle_	{background-color:#999; color:#fff; font-weight:bold; font-size:12px; padding:2px;}
.sp_ban_block_		{margin:0 0 5px; width:140px; border:2px;}
.sp_ban_block_ ul	{margin:0; padding:0;}
.sp_ban_block_ li	{margin:5px 0 0; padding:0; list-style-type:none;}
/* --------------------------------------------------------------------
	trace
-------------------------------------------------------------------- */

/* for Trace */
.tracecontent  {text-align:left; background-color:#FFCCFF;}
#__asptrace  {text-align:left; background-color:#FFFFFF;}
span.tracecontent tr.subhead { background-color:#cccccc;}
span.tracecontent tr.alt { background-color:#eeeeee }

