/* --------------------------------------------------------------------
    form(common)
-------------------------------------------------------------------- */

@charset "Shift_JIS";

.formlist_
	{
	border-collapse: collapse;
	margin: 0 auto;
	}
.formlist_ th
	{
	border:2px solid #fff;
	font-weight:normal;
	line-height:15px;
	padding:8px;
	*padding:8px;
	color:#666666;
	background-color:#F5F5F5;
	white-space: nowrap;
	}
.formlist_ td
	{
	border-bottom:1px dotted #CCCCCC;
	font-weight:normal;
	line-height:15px;
	padding:15px;
	*padding:15px;
	color:#666666;
	background-color:#FFFFFF;
	}
.formlist_ .line0_
	{
	background-color:#F5F5F5;
	}
.formlist_ .line1_
	{
	background-color:#FAFAFA;
	}
.formdetail_
	{
	border-collapse:collapse;
	margin:0 auto;
	}
.formdetail_ th
	{
	border-top:1px dotted #CCCCCC;
	border-bottom:1px dotted #CCCCCC;
	font-weight:bold;
	line-height:15px;
	padding:8px;
	color:#666666;
	background-color:#FAFAFA;
	white-space:nowrap;
	text-align: left;
	}
.formdetail_ td
	{
/*	border-top:1px dotted #CCCCCC; */
/*	border-bottom:1px dotted #CCCCCC; */
	font-weight:normal; 
	line-height:15px;
/*	padding:8px;*/
	color:#666666; 
	background-color:#FFFFFF;
	}
.formsublist_
	{
	border-collapse: collapse;
	}
.formsublist_ th
	{
	border:1px dotted #CCCCCC;
	background-color:#FFFFFF;
	font-weight:bold;
	white-space: nowrap;
	}
.formsublist_ td
	{
	border:1px dotted #CCCCCC;
	background-color:#FFFFFF;
	font-weight:normal;
	}
/* --------------------------------------------------------------------
	common
-------------------------------------------------------------------- */

/* 共通エレメント */
body{
	font-size:12px;
	color:#666666;
	margin:0;
	text-align:center;
	line-height: 160%;
	padding-right: 0;
	padding-bottom: 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;
}

img{
 	border-width: 0; 
 	vertical-align:middle;
}

form{ 
	margin: 0; 
	padding: 0; 
}

hr
{ 
	height: 1px; 
	color: #E8E8E8; 
	margin: 8px auto;
	border-style: dotted;
}

/*ベースフォントサイズ-winIE以外のブラウザへの設定*/
html>body #body, html>body td, html>body th{
	font-size:12px;
	line-height: 160%;
}

#body{
	width:100%;
	height:100%;
	margin-left:auto;
	margin-right:auto;
	padding:0px;
	text-align:left;
	background-color: #FFFFFF;
}

#top_header table.baseframe_{
	width: 950px;
	height:100%;
	padding:20px 0 50px 0;
	margin: 0 auto;
}
#top_header td.leftmenuframe_{
	width:170px;
	padding: 5px 10px 0px 20px;
	*padding: 25px 20px 20px 40px;
	vertical-align:top;
}
#top_header td.mainframe_{
	width:720px;
	padding: 10px 20px 0px 10px;
	*padding: 20px 30px 20px 20px;
	vertical-align:top;
}
#top_header td.rightmenuframe_{
	width:170px;
	padding: 10px 20px 0px 10px;
	vertical-align:top;
}


/* new 共通エレメント(リンク) */
a:link		{color:#555555; text-decoration: none;}
a:visited	{color:#555555; text-decoration: none;}
a:active	{color:#555555; text-decoration: underline;}
a:hover		{color:#333333; text-decoration: underline;}

/* 共通クラス(インライン汎用) */
.large_		{
	font-size:14px;
	line-height: 140%;
}
.normal_	{ font-size:12px; line-height:160%; }
.small_		{
	font-size:10px;
	line-height:130%;
	font-weight: normal;
	color: #666666;
}
.xsmall_	{ font-size:9px; line-height:130%; }

/* new 共通クラス(特定メッセージ インライン) */
.error_		{color:#CC0000; font-weight:bold; font-size:12px;}
.notice_	{color:#993300; 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:#CC0000; font-size:10px; }
.price_         {color:#CC3300; font-size:12px; font-weight:bold; width:80px;}

/* 商品名・カテゴリ名タイトル */
h1.goods_name_      {
	margin:8px 0px 10px;
	color:#666699;
	font-weight:bold;
	font-size:12px;
	background-image: url(../img/usr/t_bar.png);
	background-repeat: no-repeat;
	text-align: left;
	height: 36px;
	width: 590px;
	text-indent: 15px;
	line-height: 34px;
}

.goods_name_ a:link		{color:#0066cc; text-decoration: none;}
.goods_name_ a:visited	{color:#0066cc; text-decoration: none;}
.goods_name_ a:active	{color:#0066cc; text-decoration: underline;}
.goods_name_ a:hover	{color:#333333; text-decoration: underline;}

.goods_name_ {
	margin: 10px 0 ;
	color: #333;
}
.goodsproductdetail_ .goods_name {
	font-size:20px;
	margin: 10px 0 ;
	color: #333;
	line-height:25px;
	width:400px;
}

h1.category_name_   {
	margin:8px 0px 10px;
	color:#666699;
	font-weight:bold;
	font-size:12px;
	background-image: url(../img/usr/t_bar.png);
	background-repeat: no-repeat;
	text-align: left;
	height: 36px;
	width: 590px;
	text-indent: 15px;
	line-height: 34px;
}
h1.event_name_      {
	margin:8px 0px 10px;
	color:#666699;
	font-weight:bold;
	font-size:12px;
	background-image: url(../img/usr/t_bar.png);
	background-repeat: no-repeat;
	text-align: left;
	height: 36px;
	width: 590px;
	text-indent: 15px;
	line-height: 34px;
}
h1.genre_name_      {
	margin:8px 0px 10px;
	color:#9147B8;
	font-weight:bold;
	font-size:12px;
	background-image: url(../img/usr/t_bar_genre.png);
	background-repeat: no-repeat;
	text-align: left;
	height: 36px;
	width: 590px;
	text-indent: 15px;
	line-height: 34px;
}

h1.mag_name_      {
	margin:8px 0px 10px;
	color:#996699;
	font-weight:bold;
	font-size:12px;
	background-image: url(../img/usr/t_bar_700_r.png);
	background-repeat: no-repeat;
	text-align: left;
	height: 36px;
	width: 700px;
	text-indent: 15px;
	line-height: 34px;
}


/* イベントへのリンク */
.event_title_		{
	margin:8px 0px 10px;
	color:#666699;
	font-weight:bold;
	font-size:12px;
	background-image: url(../img/usr/t_bar.png);
	background-repeat: no-repeat;
	text-align: left;
	height: 36px;
	width: 590px;
	text-indent: 15px;
	line-height: 34px;
}
.event_title_ span	{font-size: 12px;font-weight:bold}

/* --------------------------------------------------------------------
	category(common)
-------------------------------------------------------------------- */

/* カテゴリーツリー */
.category_tree_ 				{
	margin: 0px;
	padding: 0px;
	vertical-align: middle;
	width: 168px;
	text-indent: 3px;
}
.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_			{
	margin: 0px 0px 0px 20px;
	list-style-image: url(../img/icon/icon_arrow.jpg);
	font-size:12px;
	height: 30px;
	line-height: 30px;
}
.category_tree2_			{
	margin: 0px 0px 0px 25px;
	list-style-image: url(../img/usr/tree2.png);
	font-size:12px;
	height: 30px;
	line-height: 30px;
}
.category_tree3_			{
	margin: 0px 0px 0px 30px;
	list-style-image: url(../img/usr/tree3.png);
	font-size:12px;
	height: 30px;
	line-height: 30px;
}
.category_tree4_			{
	margin: 0px 0px 0px 35px;
	list-style-image: url(../img/usr/tree4.png);
	font-size:12px;
	height: 30px;
	line-height: 30px;
}

.category_tree1_open_	{
	margin: 0px 0px 0px 20px;
	list-style-image: url(../img/usr/tree1_open.png);
	font-size:12px;
	font-weight:bold;
	height: 30px;
	line-height: 30px;
	color: #FF9900;
}
.category_tree2_open_	{
	margin: 0px 0px 0px 25px;
	list-style-image: url(../img/usr/tree2_open.png);
	font-size:12px;
	font-weight:bold;
	height: 30px;
	line-height: 30px;
	color: #FF9900;
}
.category_tree3_open_	{
	margin: 0px 0px 0px 30px;
	list-style-image: url(../img/usr/tree3_open.png);
	font-size:12px;
	font-weight:bold;
	height: 30px;
	line-height: 30px;
	color: #FF9900;
}
.category_tree4_open_	{
	margin: 0px 0px 0px 35px;
	list-style-image: url(../img/usr/tree4_open.png);
	font-size:12px;
	font-weight:bold;
	height: 30px;
	line-height: 30px;
	color: #FF9900;
}

.genre_tree_ 				{
	margin: 0px;
	padding: 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_	{
	margin: 0px 0px 0px 20px;
	list-style-image: url(../img/usr/tree1.png);
	font-size:12px;
	height: 30px;
	line-height: 30px;
}
.genre_tree_ li.genre_line_			{
	margin: 0px 0px 0px 20px;
	list-style-image: url(../img/usr/tree1.png);
	font-size:12px;
	height: 30px;
	line-height: 30px;
}


/* --------------------------------------------------------------------
	navigation(common)
-------------------------------------------------------------------- */

.navigation_			{margin-bottom: 8px; font-size: 12px;}
.navigation2_			{margin-bottom: 8px; font-size: 12px; text-align:center; }
.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-top:4px; margin-bottom: 6px; font-size: 12px;}
.navitopicpath_ a:link		{color:#666699;}
.navitopicpath_ a:visited	{color:#666699;}
.navitopicpath_ a:hover		{color:#6666FF; text-decoration:underline;}
.navitopicpath_ a:active	{color:#6666FF; text-decoration:underline;}

/* ページジャンプ */
.navipage_				{color:#666666; font-size:12px; text-align:right; padding:2px;}
.navipage_now_			{color:#CC0000; 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:#666699;}
.navipage_ a:visited	{color:#666699;}
.navipage_ a:hover		{color:#6666FF; text-decoration:underline;}
.navipage_ a:active		{color:#6666FF; text-decoration:underline;}
.navipage_ img			{margin:auto;border:none;vertical-align:middle; }

/* 並び替え */
.navisort_				{color:#666666; font-size:10.5px; text-align:left; line-height:1.5; margin:4px 2px 4px 2px; border-bottom:dotted 1px #CCCCCC;}
.navisort_now_			{color:#CC0000; text-decoration:none; margin:2px 4px 2px 4px;}
.navisort_ a			{margin:2px 4px 2px 4px;}
.navisort_ a:link		{color:#666699; text-decoration:none;}
.navisort_ a:visited	{color:#666699; text-decoration:none;}
.navisort_ a:hover		{color:#6666FF; text-decoration:underline;}
.navisort_ a:active		{color:#6666FF; text-decoration:underline;}

/* 表示切替 */
.navistyle_				{color:#666666; font-size:10.5px; text-align:left; line-height:1.5; margin:4px 2px 4px 2px; border-bottom:dotted 1px #CCCCCC;}
.navistyle_now_			{color:#aaaaaa; text-decoration:none; margin:2px 2px 2px 2px;}
.navistyle_ a			{margin:2px 2px 2px 2px;}
.navistyle_ a:link		{color:#666699; text-decoration:none;}
.navistyle_ a:visited	{color:#666699; text-decoration:none;}
.navistyle_ a:hover		{color:#6666FF; text-decoration:underline;}
.navistyle_ a:active	{color:#6666FF; text-decoration:underline;}
/* ADD shimizu_v.1.0 2015/05/12 EAC.yanai 表示方法のセンタリング追加 */
.navistyle_cent_				{padding:15px 0;color:#666666; font-size:10.5px; text-align:center; line-height:1.5; margin:4px 2px 15px 2px; border-bottom:dotted 1px #CCCCCC;}

/* --------------------------------------------------------------------
	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 }




/* --------------------------------------------------------------------
	top
-------------------------------------------------------------------- */

#top_header{
width:100%; 
height:76px; 
border:0px; 
background-image:url(/img/usr/header_bg.jpg);
background-repeat:repeat-x;
}

#head_inner{
height: 76px;
margin: 0 auto;
width: 950px;
}

#head_logo {
float: left;
height: 70px;
width: 216px;
margin: 0;
vertical-align: top;
}

#head_logo a img {
position: relative;
top:10px;
}

#g_nv{
height: 70px;
margin: 0 auto;
padding: 0;
width: 950px;
}

#g_nv  #_menu {
float: right;
margin: 0;
padding: 0;
}


#_menu li {
display: inline-block;
float: left;
height: 70px;
list-style: outside none none;
margin: 0;
padding: 0;
position: relative;
top:18px;
*top:-52px;
white-space: nowrap;
}