/*----- 全体構造 -----*/
html{
	filter:expression(document.execCommand("BackgroundImageCache",false,true));
}
html,body{
	height:100%;
}
body,div,form,p,ul,h1,h2,h3,h4,h5,h6{
	margin:0;
	padding:0;
	font-size:1em;
	font-weight:normal;
}
ul{
	list-style:none;
}
body{
	color:#444;
	background:fff;
	text-align:center;
}
#wrapper{
	width:964px;
	height:100%;
	margin:0 auto;
	text-align:left;
	background-color:#f3f4f7;
}
.side_bar1{
	width:7px;
	background:url(img/bg_l.gif) repeat-y;
}
.side_bar2{
	width:7px;
	background:url(img/bg_r.gif) repeat-y;
}
a:link,a:visited{
	color:#082f93;
	text-decoration:none;
}
a:hover,a:active{
	color:#d93d1f;
	text-decoration:underline;
}
.main_color{
	background:#a0a0a0;
}
.sub_color{
	background:#666;
}
.light_color{
	background:#cecece;
}
.light_color2{
	background:#eee;
}
.w_color{
	background:#fff;
}
.h_text{
	color:#fff;
}
.h_text a:link,.h_text a:visited,.h_text a:active{
	color:#999;
	text-decoration:none;
}
.h_text a:hover{
	color:#35abcf;
	text-decoration:underline;
}
.red{
	color:#FF9933;
}
.ten{
	clear:both;
	margin:4px 0;
	padding:0;
	background:url(img/t_ten.gif) repeat-x;
}
.blank{
	padding:3px 0;
}
.non_display{
	display:none;
}
.clear{
	clear:both;
	margin:0;
	overflow:hidden;
}
.img_bottom{
	vertical-align:bottom;
}

/*----- ヘッダー関連 -----*/
#head_area{
	width:100%;
	position:relative;
}
#head_area img{
	vertical-align:bottom;
}
#to_home img{
	position:absolute;
	top:5px;
	right:10px;
}

/*----- ヘッドナビゲーション関連 -----*/
#topnav_area{
}
.topnav{
	width:950px;
	height:26px;
	margin-bottom:0px;
	padding-bottom:1px;
	border-bottom:1px solid #0c0e24;
	background:url(img/topnav_bg.gif) repeat-x top;
	clear:both;
}
.topnav ul{
	float:right;
}
.topnav li{
	margin:0;
	padding:0;
	float:left;
}
.topnav li.top{
	background:url(img/topnav_btn_top_bg.gif);
}
.topnav li.beginner{
	background:url(img/topnav_btn_beginner_bg.gif);
}
.topnav li.login{
	background:url(img/topnav_btn_login_bg.gif);
}
.topnav li.logout{
	background:url(img/topnav_btn_logout_bg.gif);
}
.topnav li.entry{
	background:url(img/topnav_btn_entry_bg.gif);
}
.topnav li.mypage{
	background:url(img/topnav_btn_mypage_bg.gif);
}
.topnav li.contact{
	background:url(img/topnav_btn_contact_bg.gif);
}
.topnav li a{
	display:block;
	width:120px;
	height:26px;
}
.topnav a:hover img{
	opacity:0;
	filter: alpha(opacity=0);
}


/*----- サイドナビゲーション関連 -----*/
.left_side{
	width:220px;
	margin:15px;
	margin-bottom:20px;
}
*html.left_side{     /* IE6用ハック */
	margin-bottom:-4px;
}
.left_side img{
	vertical-align:bottom;
}
.sidenav,.sideinfo{
	width:220px;
}
.sidenav,.sideinfo{
	border-bottom:1px solid #a0a0a0;
} 
.sidenav ul{
}
.sidenav li{
	margin-bottom:0px;
	border-bottom:1px solid #999999;
	font-size:15px;
	height:30px;
	line-height:30px;
}
.sidenav a{
	width:220px;
	padding-top:7px;
	display:block;
	line-height:30px;
	white-space:nowrap;
	overflow:hidden;
	vertical-align:middle;
}
.sidenav a img{
	vertical-align:middle;
}

.sideinfo li{
	height:30px;
	font-size:12px;
	border-bottom:1px solid #a0a0a0;
}
.sideinfo a{
	display:block;
	width:220px;
	height:30px;
	line-height:32px;
	padding:0 8px;
	overflow:hidden;
}
.sidenav a:link,.sidenav a:visited.sideinfo a:link,.sideinfo a:visited{
	text-decoration:none;
	overflow:hidden;
}
.sidenav a:hover,.sidenav a:active,.sideinfo a:hover,.sideinfo a:active{
	text-decoration:none;
}
.search,.cart{
	padding:8px;
	background:#c6c6c6;
}
.search{
}
.search p,.cart p{
	margin:5px 13px;
}
.search input{
	margin:0 8px;
}
.search_form{
	width:110px;
}
.cart_ico{
	float:left;
	margin:4px 8px 8px 4px;
}
.cart_btn{
	margin:0 32px 2px 11px;
	float:left;
}

/*----- フッター関連 -----*/

#footer{
	width:950px;
	height:auto;
	margin-top:20px;
	color:#fff;
	text-align:center;
}
#bottom_link{
	height:auto;
	margin:4px auto;
}
#bottom_link ul{
}
#bottom_link li{
	display:inline;
	margin:0 2px;
	padding-right:10px;
	padding-left:5px;
	border-right:1px solid #999999;
}
#bottom_link li.last{
	padding-right:0;
	border:none;
}
#copyright{
	clear:both;
	width:100%;
	background:#666;
}
#copyright p{
	padding:5px 0;
	font-size:0.9em;
}

/*----- トップページ関連 -----*/
#catch{
	padding-bottom:4px;
}
#feature{
	border:1px solid #999;
	border-top:none;
}
.top_itembox{
	margin-bottom:15px;
	padding-bottom:10px;
	width:670px;
	position:relative;
	background:url(img/top_imgbox_bottom.gif) no-repeat bottom;
}
*html.top_itembox{   /* IE6用ハック */
	width:670px;
}
.top_itemimg{
	margin:0;
	padding:0;
	float:left;
	border:1px solid #CCCCCC;
}
.explanation{
	margin:0 0 0 135px;
}
.top_itembox ul{
	margin:0;
	padding:0;
}
.top_itembox li{
	margin:2px 0;
}
.top_itemcart{
	clear:both;
	width:113px;
	position:absolute;
	bottom:10px;
	right:0%;
}
.top_itemcart input{
	vertical-align:bottom;
}
.top_y_rec{
	border:1px solid #55a955;
	margin:0 auto;
	text-align:center;
}
.top_y_box{
	margin:0 auto;
	clear:both;
	text-align:center;
}
.top_y_itembox{
	margin:2px;
	padding:5;
	width:120px;
	float:left;
	text-align:center;
}
.top_y_itembox ul{
	margin:0;
	padding:0;
}
.top_y_itembox li{
	margin:2px 0;
}

/*----- 商品詳細ページ関連 -----*/
#item_d{
	margin:15px;
	padding:3px 0 0 0;
	width:670px;
	border-top:1px solid #666;
	border-bottom:1px dotted #666;
	position:relative;
}
#item_name{
	margin-top:5px;
	margin-bottom:10px;
	width:auto;
	font-size:1.3em;
	background:#a0a0a0;
	padding:3px 1em;
	border-top:1px solid #616161;
	border-bottom:1px solid #616161;
	font-weight:bold;
	color:#fff;
}
#item_d_img{
	float:left;
	margin:0;
	padding:0;
	border:1px solid #bbbbbb;
}
#item_d ul{
	margin:10px;
	padding:0;
}
#item_d li{
	margin:0.4em 0;
}
#d_explanation{
	margin:0 0 0 270px;
}
#d_itemcart{
	clear:both;
	float:right;
	width:115px;
}
#d_itemimg_2{
	width:670px;
	overflow:hidden;
	margin:15px 0;
}
#d_itemimg_2 img{
	margin-bottom:5px;
	border:1px solid #bbbbbb;
}

/*----- 商品一覧ページ関連 -----*/
#item_l_title{
    margin-top:5px;
    margin-bottom:10px;
    width:auto;
    font-size:20px;
    background:#a0a0a0;
    padding:3px 1em;
    border-top:1px solid #616161;
    border-bottom:1px solid #616161;
    font-weight:bold;
    color:#fff;
}
.item_l_cate{
	clear:both;
	width:100%;
	margin:3px 0 0 0;
	padding:0;
}	
.item_l_cate li{
	background:url(img/list_mark.gif) no-repeat 0% 50%;
	text-indent:15px;
	font-weight:bold;
	float:left;
	width:180px;
	margin:0;
	padding:0:
}
#item_l_sort select{
	margin:auto 40px auto 7px;
}
.l_line{
	display:block;
	width:100%;
	height:4px;
	margin:10px 0;
	padding:0;
	font-size:1px;
}
.l_itembox{
	clear:both;
	width:670px;
	margin-top:8px;
	position:relative;
	border-bottom:1px dotted #666666;
}
#item_l_img{
	float:left;
	margin:0;
	padding:0;
}
#item_l_img a img{
	border:1px solid #aaaaaa;
}
#l_explanation{
	margin:0 0 0 130px;
}
#l_explanation ul{
	margin:0 5px;
	padding:0;
}
#l_explanation li{
	padding:0.3em 0;
}
#l_itemcart{
	clear:both;
	float:right;
	width:115px;
	padding-bottom:10px;
}

.l_center{
	margin:8px 105px;
	text-align:center;
}
.l_right{
	margin:8px 5px;
	width:100px;
	float:right;
	text-align:right;
}
.l_left{
	margin:8px 5px;
	width:100px;
	float:left;
}

/*----- その他ページ関連 -----*/
#right_side{
	width:670px;
	margin:15px;
	float:right;
	display:inline;
	overflow:hidden;
}
#right_side h2,.left_side h3{
	width:auto;
	padding:5px 1em;
	font-size:1.2em;
	color:#fff;
	border-top:1px solid #616161;
	border-bottom:1px solid #616161;
}
#content{
	width:910;
	margin:0 20px;
	padding-top:15px;
}
.con_name:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.con_name{
	width:auto;
	padding:5px 1em;
	font-size:1.2em;
	zoom:1;      /*FOR IE*/
	border-top:1px solid #616161;
	border-bottom:1px solid #616161;
}
.con_name h2{
	float:left;
}
.con_name p{
	float:right;
}
#subpage_cont,#subpage_menu{
	width:auto;
	height:auto;
	margin:15px;
}
#subpage_cont table,#subpage_menu table{
	font-size:100%;
}
#subpage_menu tr{
	margin:3px 0;
	background:url(img/list_mark.gif) no-repeat 0% 50%;
}
#subpage_menu td{
	padding:3px 0 3px 15px;
}
.noborder a img{
	border:none;
}