@charset "utf-8";

/* @import url("new_base.css"); */

/* -------------------------------------------------

	★★★全体のレイアウト
	body #header #Wrapper(#aside #article) #footer

--------------------------------------------------*/
body {
	text-align: center;
}
#wrapper {
	width: 850px;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
	zoom: 1;
	background:#fff;
}

#header {
	width: 850px;
	height: auto;
	/*padding-bottom:10px;*/
	margin: 0 auto;
	text-align: left;
        background: url("../image/head_bg.jpg") no-repeat;
}
#main {
	width: 850px;
	height: auto;
	margin: 0 auto;
	text-align: left;
	overflow: hidden;
	zoom: 1;
}

#main #aside {
	float:left;
	width:193px;
        padding: 7px 0 0 7px;
}
#main #article {
	float:right;
	width:650px;
}


/* -------------------------------------------------

	ヘッダー | #header

--------------------------------------------------*/
#header h1 a,
#header h1 {
	display: block;
	width: 225px;
	height: 79px;
	overflow: hidden;
	text-indent: -9999px;
	float: left;
}
#header h1 a {
	background: url(../image/header_logo.jpg) left center no-repeat;
}
#header_top{
        height: 11px;
	overflow:hidden;
	width: 850px;}

#header_middle {
    overflow: hidden;
    width: 850px;
}

#header_right{
	width:625px;
	float:right;}
#header_link{
	width:260px;
	float:right;}
#header_link a{
	display:block;
	height:36px;
	background:url(../image/head_02_16_09032103.png) no-repeat;
	text-indent:-9999px;
	margin:0 23px 0 0;
	width:259px;}
#header_link a:hover {
	filter: alpha(opacity=60);
	-moz-opacity:0.60;
	opacity:0.60;}

#header_separate {
    background: url(../image/spacer.gif) repeat scroll 0 0 transparent;
    float: right;
    height: 19px;
    width: 625px;
}
#header_banner {
    float: right;
    height: 24px;
    overflow: hidden;
    width: 136px;
}
#header_banner a {
    background: url(../image/head_03.gif) no-repeat scroll 0 0 transparent;
    display: block;
    height: 24px;
    text-indent: -9999px;
    width: 136px;
}

#header_text {
    float: right;
    font-size: 10px;
    margin: 6px 0;
    width: 487px;
}

#header_bottom {
    width: 850px;
    background: url(../image/topnavi_05.jpg);
}
#header_navi {
    width: 850px;
}

/* ----ヘッダーメニュー---- */
ul#global_nav{
	width:850px;
	clear:both;
	overflow:hidden;}
ul#global_nav li ,
ul#global_nav li a{
	float:left;
	height:41px;
	overflow:hidden;
	display:block;}
ul#global_nav li a:hover {
	filter: alpha(opacity=60);
	-moz-opacity:0.60;
	opacity:0.60;}
/*ul#global_nav li a{
	text-indent:-9999px;}
*/
ul#global_nav li.nav01 a{
	width:156px;
}
ul#global_nav li.nav02 a{
	width:156px;
}
ul#global_nav li.nav03 a{
	width:156px;
}
ul#global_nav li.nav04 a{
	width:156px;
}
ul#global_nav li.nav05 a{
	width:178px;
}
#index_flash{
	padding:0 0 5px 0;
	text-align:center;}

/* -------------------------------------------------

	mein | #wrapper

--------------------------------------------------*/

.bana{
	margin-bottom:0;
	height: 60px;
	overflow: hidden;}
.h2_title{
	background:url(../image/title_line.jpg) no-repeat bottom left;
	padding-bottom:6px;
	overflow:hidden;
	width:695px;}
.sp{
	margin-bottom:10px;}
.h2_title h2.news{
	background:url(../image/news.jpg);
	width:236px;
	float:left;
	height:36px;
	text-indent:-9999px;}
.h2_title h2.info{
	background:url(../image/info.jpg);
	width:236px;
	float:left;
	height:36px;
	text-indent:-9999px;}
.h2_title h2.new{
	background:url(../image/new.jpg);
	width:236px;
	float:left;
	height:36px;
	text-indent:-9999px;}
.h2_title h2.pickup{
	background:url(../image/pickup.jpg);
	width:236px;
	float:left;
	height:36px;
	text-indent:-9999px;}
.h2_title h2.ranking{
	background:url(../image/ranking.jpg);
	width:236px;
	float:left;
	height:36px;
	text-indent:-9999px;}
.h2_title h2.favorite{
/*	background:url(../image/ranking.jpg);*/
	width:236px;
	float:left;
	height:36px;
	text-indent:-9999px;}

.h2_title div.more{
	float:right;
	margin-top:18px;}
.h2_title div.more a{
	background:url(../image/more.jpg) no-repeat;
	float: right;
	width:59px;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	height:11px;}
.h2_title div.rss{
	float:right;
	width:28px;
	overflow:hidden;
	margin-top:9px;}
.h2_title div.rss a{
	background:url(../image/rss.jpg) no-repeat;
	width:20px;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	height:21px;}
.h2_title div.more a:hover,
.h2_title div.rss a:hover{
	filter: alpha(opacity=60);
	-moz-opacity:0.60;
	opacity:0.60;}
.top_news{
	overflow:hidden;
	margin:0;}
.top_news dl{
	overflow:hidden;
	margin:-1px auto 10px;
	width:676px;
	padding:5px 0 0;
	border-top:1px dotted #999999;}
.top_news dt{
	width:101px;
	float:left;
	font-weight:bold;
	text-align:center;}
.top_news dd{
	float:right;
	color:#666;
	width:565px;}

/* -------------------------------------------------
	item | 商品
--------------------------------------------------*/
.item{
	overflow:hidden;
	zoom:1;
        /*margin: 0 10px;*/}
* html .item{
	height:1%;}
.item .item1{
	clear:both;
	/*margin:0;*/}
.item dl{
	display:block;
	float:left;
	zoom:1;
	/*margin-left:10px;*/
	/*width:123px;*/
        width:138px;
	margin-right: 6px;}
div.item dl.item_list{
	/*width:131px;*/
	width:145px;}
.item dt{
	/*background:url(../image/item_top.jpg) no-repeat top;*/
	padding:5px 0 0 0;}
.item dt .item_img{
	/*background:#FFF url(../image/item_bottom.jpg) no-repeat bottom;*/
	background: none repeat scroll 0 0 #FFFFFF;
	/*padding:0 0 5px 0;*/
	padding:0 8px;
	border-color: #D4CCB8;
	border-style: solid;
	border-width:1px;
	}
.item dd{
	font-size:77%;
	margin:9px 0 5px 0;
	text-align:center;}
.item dd span{
	color:#F29D75;
	font-weight:bold;}
/* -------------------------------------------------

	左メニュー | #aside

--------------------------------------------------*/
.aside_sub {
	background: #fff url(../image/sub_bottom.jpg) left bottom no-repeat;
	padding-bottom: 15px;
	text-align: center;
	margin-bottom: 10px;
}.aside_sub2 { /* koko */
	background: none;
	margin-bottom: 10px;
	padding: 0;
}
.aside_sub a.btn {
	margin: 0 auto;
}
#aside a:hover img {
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

/* ログイン */
.aside_sub h2.login {
	width: 200px;
	height: 39px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../image/sub_login.jpg) left bottom no-repeat;
}
/* アイテムサーチ */
.aside_sub h2.search {
	width: 200px;
	height: 39px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../image/sub_search.jpg) left bottom no-repeat;
}
.aside_sub input.search {
	width: 170px;
	height: 21px;
	text-align: left;
	border: none;
	background: #f3f3f3;
	line-height: 20px;
	margin-bottom: 12px;
}
/* RNA SWEAT */
.aside_sub h2.aside_rna {
	width: 200px;
	height: 48px;
//	text-indent: -9999px;
	overflow: hidden;
//	background: url(../image/sub_rna.jpg) left bottom no-repeat;
	background: left bottom no-repeat;
}
.aside_sub ul.rna {
	width: 170px;
	text-align: left;
	overflow: hidden;
	zoom: 1;
	margin: 8px 15px 0;
}
.aside_sub2 ul.rna { /* koko */
	text-align: left;
	overflow: hidden;
	zoom: 1;
	padding: 8px 15px 15px;
	margin: 0;
	background: #fff url(../image/sub_bottom.jpg) left bottom no-repeat;
}

.aside_sub ul.rna li ,
.aside_sub2 ul.rna li {
	float: left;
	margin-bottom: 1px;
	background: #999;
	overflow: hidden;
	zoom: 1;
	width: 170px;
}
.aside_sub ul.rna li a ,
.aside_sub2 ul.rna li a {
	display: block;
	padding: 8px 5px 8px 15px;
	color: #fff;
	margin-left: 6px;
	background: #666;
	text-decoration: none;
}
.aside_sub ul.rna li a.here ,
.aside_sub ul.rna li a:hover ,
.aside_sub2 ul.rna li a.here ,
.aside_sub2 ul.rna li a:hover {
	background: #333 url(../image/sub_icon.jpg) 7px center no-repeat;
	text-decoration: none;
}
/* banner */
#aside div.aside_banner {
	margin-bottom: 20px;
}

#aside div.aside_banner a:hover img {
	filter: none;
	-moz-opacity: 1.0;
	opacity: 1.0;
}

/* title only */
#aside div.aside_title {
	margin-bottom: 5px;
}
/* ご利用について */
#aside div.aside_use {
	margin:4px;
}
/* 商品検索 */
#aside .aside_search_table {
	margin-top:10px;
}

/* RNA mobile */
.aside_sub h2.aside_mobile {
	width: 200px;
	height: 39px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../image/sub_mobile.jpg) left bottom no-repeat;
}

.aside_sub.mobile {
	text-align: left;
}
.aside_sub.mobile img {
	float: left;
}
.aside_sub.mobile p {
	font-size: 93%;
	margin: 10px 3px 5px;
}
.aside_sub.mobile p.p02 {
	font-size: 85%;
	margin: 0 3px 5px;
}


/* -------------------------------------------------

	footer | #footer

--------------------------------------------------*/
#footer {
	/*height:135px;*/
	height:70px;
	margin: 0 auto;
	clear:both;
	/*background: url(../image/body_bg.jpg) bottom repeat-x;*/
	background: url(../image/footer_bg.png) bottom repeat-x;

}
#footer_main {
	width:970px;
	height:135px;
	margin: 0 auto;
	text-align: left;
	clear:both;
	background: url(../image/body_bg.jpg) bottom repeat-x;
}

#all_bg_bottom{
	background:url(../image/all_bg_bottom.jpg) no-repeat bottom center;
	padding-bottom:10px;
	margin-bottom:8px;
	_height:46px;
}
#pagetop {
	padding:22px 25px 3px 25px;
	overflow:hidden;}
* html #pagetop{
	/*height:1%;*/}
#pagetop a{
	height:11px;
	width:61px;
	display:block;
	text-indent:-9999px;
	float:right;
	background:url(../image/page_top.jpg) no-repeat;
	overflow:hidden;}
#footer ul{
	float:left;
	overflow:hidden;
	width:535px;}
#footer li{
	float:left;}
#footer li a{
	float:left;
	height:30px;
	display:block;
	overflow:hidden;
	text-indent:-9999px;}
#footer li#footer_nav01 a{
	width:90px;
	background:url(../image/footer_nav01.jpg) no-repeat;}
#footer li#footer_nav02 a{
	width:79px;
	background:url(../image/footer_nav02.jpg) no-repeat;}
#footer li#footer_nav03 a{
	width:102px;
	background:url(../image/footer_nav03.jpg) no-repeat;}
#footer li#footer_nav04 a{
	width:166px;
	background:url(../image/footer_nav04.jpg) no-repeat;}
#footer li#footer_nav05 a{
	width:93px;
	background:url(../image/footer_nav05.jpg) no-repeat;}
#footer li#footer_nav06 a{
	width:93px;
	background:url(../image/footer_nav06.jpg) no-repeat;}
#footer li a:hover {
	filter: alpha(opacity=60);
	-moz-opacity:0.60;
	opacity:0.60;}
#footer address{
	float: right;
	height:30px;
	text-indent:-9999px;
	background:url(../image/footer_cp.jpg) no-repeat;
	width:243px;}
#footer .copyright{
	margin:8px 0 0 0;
}


/* -------------------------------------------------

	商品詳細 | detail.html

--------------------------------------------------*/
#article .goods {
	overflow: hidden;
	zoom: 1;
}
#article .goods_left {
/*	width: 410px;  */
    width: 280px;
    float: left;
    margin-left:10px;
}
#article .goods_left .goods_img {
/*	width: 400px;
	background: #fff url(../image/detail_bigimg_top.jpg) top left no-repeat;
	background: #fff;*/
	width: 242px;
	/*padding-top: 10px;*/
	/*background: none repeat scroll 0 0 #FFFFFF;*/
	margin-bottom: 20px;
}
#article .goods_left .goods_bottom {
/* 	width: 400px;
	background: #fff url(../image/detail_bigimg_bottom.jpg) bottom left no-repeat;
	background: #fff;*/
	width: 180px;
	padding-bottom: 10px;
	/*background: none repeat scroll 0 0 #FFFFFF;*/
    margin: 0 35px;
}
#article .goods_left .goods_color {
/*	overflow: hidden;
	zoom: 1;
	padding-left: 10px;
	margin-bottom: 25px;*/
    margin-bottom: 25px;
    overflow: hidden;
    padding-left: 10px;
}
#article .goods_left .goods_color li {
	float: left;
	width: 53px;
	margin-left: 5px;
}
#article .goods_left .goods_color li a {
	display: block;
	padding: 3px;
	border: 1px solid #F2f2f2;
}
#article .goods_left .goods_color li a.on ,
#article .goods_left .goods_color li a:hover {
	border: 1px solid #F29F77;
}

#article .goods_left .goods_thumb {
	overflow: hidden;
}
#article .goods_left .goods_thumb li {
	float: left;
	/*margin-right: 9px;*/
	margin-right: 6px;
        width: 50px;
}
#article .goods_left .goods_thumb li a {
/*	background: #fff url(../image/detail_thumbimg_top.jpg) top left no-repeat; */
/*	display: block;
	padding-top: 5px;
	background: #fff;*/
    /*background: none repeat scroll 0 0 #FFFFFF;*/
    display: block;
    padding-top: 5px;
}
#article .goods_left .goods_thumb li a span {
/*	background: #fff url(../image/detail_thumbimg_bottom.jpg) bottom left no-repeat; */
/*	display: block;
	padding-bottom: 5px;
	background: #fff; */
    /*background: none repeat scroll 0 0 #FFFFFF;*/
    display: block;
    padding-bottom: 5px;
}

#news .separate {
	margin:8px 0;
	width:432px;
	background: #D6CDB9;
}

#category_table {
	width:440px;
}

#ranking_table {
	background:#E8E6D6;
	margin:20px 0 8px 0;
	width:178px;
}

#ranking_table .title {
	margin:8px 0;
}

#ranking_table .list {
	padding-left: 21px;
}

/* goods_right */
#article .goods_right {
	float: right;
	overflow: hidden;
/*	width: 274px;*/
    width: 360px;
}
#article .goods_right p.goods_copy {
    color: #000000;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
}

#article .goods_separate {
    background: url("../image/dash_line.gif") repeat scroll 0 0 transparent;
    height: 1px;
    width: 404px;
}
#article .goods_right p.goods_number {
    font-size: 12px;
    margin-bottom: 5px;
}
#article .goods_right p.goods_name {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
}
#article .goods_right p.goods_discription {
    margin-bottom: 15px;
}
#article .goods_info {
    border-top: 1px dashed #999999;
    margin-bottom: 15px;
}

#article .goods_right p.goods_name {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
}
#article .goods_right p.goods_discription {
    margin-bottom: 15px;
}
#article .goods_info {
    border-top: 1px dashed #999999;
    margin-bottom: 15px;
}
#article .goods_info dl dd {
    float: right;
    width: 200px;
}
#article .goods_right .goods_attention {
    color: #666666;
    font-size: 11px;
    margin-bottom: 10px;
}
#article .goods_right dl.goods_price {
    font-size: 12px;
    margin-bottom: 15px;
}
#article .goods_right dl.goods_price dt {
	background: #F29F77;
	color: #fff;
	padding: 3px 0 3px 5px;
}
#article .goods_right dl.goods_price dd {
	padding: 3px 0 3px 5px;
}
#article .goods_right dl.goods_price dd span {
	color: #EA5F1B;
}
#article .goods_right table.size_color {
	width: 272px;
	margin-bottom: 5px;
}
#article .goods_right table.size_color th {
    background: none repeat scroll 0 0 #F5EADC;
    border: 1px solid #F29F77;
    font-weight: normal;
    padding: 3px 0;
    text-align: center;
    vertical-align: middle;
    width: 33%;
}
#article .goods_right table.size_color td {
    border: 1px solid #F29F77;
    padding: 3px 0;
    text-align: center;
    vertical-align: middle;
}


#article .goods_right .goods_request {
    clear: both;
    height: 30px;
    margin-bottom: 10px;
}
#article .goods_right .goods_request input {
    height: 30px;
}
#article .goods_right .goods_favorite input {
    height: 27px;
    width: 148px;
}
#article .goods_left .goods_friend {
    float: left;
    height: 27px;
    margin-bottom: 10px;
}
#article .goods_left .goods_favorite {
    float: left;
    height: 27px;
    margin-bottom: 10px;
    width: 126px;
}
#article h2.page_title1 {
	color: #333;
	font-weight: bold;
	font-size: 16px;
	/*background: url(/image/page_title1.jpg) top left no-repeat;*/
        background: url(/image/sub_title_bg.png) top left no-repeat;
	padding: 5px 0 10px 40px;
        margin-bottom: 10px;
}
#article h2.page_title2 {
	/*color: #333;*/
        color: #FFFFFF;
	font-weight: bold;
	font-size: 16px;
	/*background: url(/image/page_title2.jpg) top left no-repeat;*/
        background: url(/image/sub_title_bg.png) top left no-repeat;
	/*padding: 5px 0 10px 40px;*/
	padding: 5px 0 10px 0px;
	margin-bottom: 10px;
        margin-left: 15px;
        text-align:center;
}

#article .price_zoom  {
    color: #CF6600;
    font-size: 14pt;
    font-weight: bold;
}

#article .col_goods_img {
    width:100px;
    padding:10px 10px 10px 30px;
}

#article .col_goods_name {
    width:350px;
}

#article .col_goods_price {
    width:200px;
    padding:10px;
}

#article .goods_list_main {
	margin: 10px;
	background: white;
	width: 630px;
}

#article .cont-topic-pass {
	border-bottom:3px double #AAAAAA;
}


#topic-pass a {
	color: #F60;
	text-decoration: none;
}




.pager a{
	color: #F60;
	text-decoration: none;
}


.page a{
	color: #F60;
	text-decoration: none;
}

.title_coment{
	font-size:123.1%; /* for setting 16px */
	font-weight: bold;
}

.name{
	margin-bottom: 10px;

}



table.slide_area{
	height:250px;
	border:0px;
	width:630px;
	margin-left:10px;
}
table.slide_area td.page_no{
	text-align:right;
	height:15px;
}
table.slide_area td.left_arrow{
	width:15px;
	padding-top:60px;
	padding-right:5px;
	vertical-align:top;
}
table.slide_area td.right_arrow{
	width:15px;
	padding-top:60px;
	padding-left:5px;
	vertical-align:top;
}
table.slide_area td.contents{
	width:800px;
	vertical-align:top;
}
.imgArrow{
	width:15px;
	height:40px;
}

table.slide_area_small{
	height:180px;
	border:0px;
}
table.slide_area_small td.page_no{
	text-align:right;
	height:15px;
}
table.slide_area_small td.left_arrow{
	width:15px;
	padding-top:30px;
	padding-right:10px;
	vertical-align:top;
}
table.slide_area_small td.right_arrow{
	width:15px;
	padding-top:30px;
	padding-left:10px;
	vertical-align:top;
}
table.slide_area_small td.contents{
	width:800px;
	vertical-align:top;
}


/* 商品詳細ロング外枠 */
.explainl_area {
	padding:0 10px;
}

.explainl_area table {
	margin: 0;
}


/* -------------------------------------------------

	よくあるご質問

--------------------------------------------------*/
.qa_para_td {
	width:1px;
	white-space:nowrap;
}





/* main image */
#mainImg{
    margin-bottom:35px;
    position:relative;
    height:300px;
    padding-left: 13px;
    margin-top: 15px;
    _zoom:1;}
#mainImg .image{
    position:relative;
    overflow:hidden;
    margin-bottom:10px;}
#mainImg .image a{
    position:absolute; top:0px;left:0px;}
#mainImg .thumbnail{
    text-align:right;}
#mainImg .thumbnail ul{
    letter-spacing: -0.4em;}
#mainImg .thumbnail li{
    letter-spacing: normal;
    display: inline-block;
    /display: inline;
    /zoom:1;
    margin:0 0 0 4px;
    padding:2px;}
#mainImg .thumbnail li.act{
    padding:0;
    filter: alpha(opacity=75);
    -moz-opacity:0.75;
    opacity:0.75;
    border:2px solid #0066ff;}