/***********************************************/
/* HTML tag styles                             */
/***********************************************/
/***********************************************/
/* Layout Divs                                 */
/***********************************************/
#layout {
	/* div for 大枠 */
	background-color:#FFFFFF;
/*	height:auto;*/
	margin:0 auto;
	text-align:left;
	width:830px;
}

#main {
	float:right;
	height:100%;
	margin:0px auto;
	width:619px;
}

/****************************/
/***** .masthead styles *****/
/****************************/
#layout div.masthead {
	font-size:12px;
	margin-bottom:5px;
	padding:0px;
	width:100%;
}

#layout div.masthead table {
	width:100%;
}

#layout div.masthead table.tblHeader{
	margin:3px auto 0px;
}

/***** グローバル ナビゲーション(ページ上部ナビ) *****/
#layout div.masthead table.globalNav {
	width:350px;
}

#layout div.masthead table.globalNav td {
	background:url(../img/sq08_cc0000.gif) no-repeat left center;
	padding:0px 0px 0px 8px;
}

#layout div.masthead table.globalNav td.sbm {
	background:none;
	text-align:center;
}

#layout div.masthead table.globalNav a,
#layout div.masthead table.globalNav a:link,
#layout div.masthead table.globalNav a:visited,
#layout div.masthead table.globalNav a:hover{
	color:#666666;
	font-size:10px;
	display:inline;
	text-decoration:none;
}

/***** カテゴリー表示部(ページ上部ナビ) *****/
#layout div.masthead table.tblCateBanner{
	border-left:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
	margin-top:1px;
/*	width:822px;*/
	width:100%;
}

/***************************/
/***** #content styles *****/
/***************************/
/***** コンテンツ(ページ中央部) *****/
#content{
	font-size:80%;
	font-size:12px;	/* 暫定 */
	line-height:130%;
	margin:0px auto;
	padding:0px;
	width:618px;
}

#content h1{
	color:#000066;
	font-size:16px;
	font-weight:bolder;
	margin:5px 0px 10px 0px;
	padding-left:4px;
}

#content h2{
	color:#990000;
	font-size:14px;
	font-weight:bolder;
/*
	background:url(../img/line1.gif) no-repeat left bottom;
	line-height:1.2em;
	margin:5px 0px 5px 10px;
	padding:0px 0px 2px 4px;
	width:80%;
*/
}

#content h3{
	color:#990000;
	font-size:12px;
	font-weight:normal;
}

#content p{
	margin:0px;
	padding:0px 0px 5px 10px;
/*	text-indent:1em;*/
}

#content a,
#content a:hover,
#content a:visited,
#content a:active {
	text-decoration: underline;
}


/******************************/
/***** 項目一覧表示エリア *****/
/******************************/
#content div.itemindex {
	margin:0px 0px 10px 0px;
	width:616px;
}

#content div.itemindex h1 {
	background:url(../img/roof-1.gif) no-repeat left bottom;
	border:none;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bolder;
	padding:8px 0px 8px 22px;
	line-height:100%;
	margin:0px;
	width:600px;
}

#content div.itemindex h2 {
	background:url(../img/roof-1.gif) no-repeat left bottom;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bolder;
	padding:8px 0px 8px 22px;
	line-height:100%;
	margin:0px;
	width:600px;
}

#content div.itemindex a,
#content div.itemindex a:visited,
#content div.itemindex a:active {
	display:inline;
	text-decoration:none;
}

#content div.itemindex a:hover {
	text-decoration:underline;
}

#content div.itemindex ul {
	list-style:none;
	width:100%;
}

#content div.itemindex ul li{
	font-size:12px;
	line-height:1.2em;
	padding:9px 0px 2px 5px;
}

#content div.itemindex ul ul ul {
	width:579px;
}

/* for CATEGORY list */
#content div.itemindex ul.clist {
	border:1px solid #FF6600;
	border-top:none;
	padding-bottom:10px;
}

#content div.itemindex ul.clist li.noborder {
	border:none;
}

#content div.itemindex ul.clist li li {
	background:url(../img/yy004_08.gif) no-repeat 0em 0.3em;
	border-bottom:1px dotted #990000;
	float:left;
	font-weight:normal;
	margin:0px 4px;
	padding:3px 0px 2px 16px;
	width:260px;
}

#content div.itemindex ul.clist li li.lev2 {
	border:none;
	clear:both;
	width:565px;
}

#content div.itemindex ul.clist li li li.lev3 {
	border:none;
	clear:both;
	width:565px;
}

#content div.itemindex ul.clist li li li{
/*	background:url(../img/yn008_08.gif) no-repeat 0em 0.4em;*/
	background:none;
	border:none;
	border-bottom:1px dotted #990000;
	float:left;
	font-weight:normal;
	padding:3px 0px 1px 5px;
	width:176px;
}


/******************************/
/**    取扱商品表示エリア    **/
/******************************/
#content div.goods {
	margin:0px 0px 10px 0px;
	width:616px;
}

#content p.crumb a,
#content div.goods a {
	display:inline;
	text-decoration:none;
}

#content div.goods h1 {
	background:url(../img/roof-3.gif) no-repeat left bottom;
	border:none;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bolder;
	padding:4px 2px 4px 10px;
	line-height:100%;
	margin:0px;
}

#content div.goods h1.list {
	background:url(../img/roof-2.gif) no-repeat left bottom;
}

#content div.goods h2 {
	background:url(../img/roof-2.gif) no-repeat left bottom;
	color:#FFFFFF;
	font-size:12px;
	font-weight:normal;
	padding:4px 2px 4px 10px;
	line-height:100%;
	margin:0px;
}

#content div.goods p.noitem {
	color:#FF0000;
	font-size:14px;
	padding:5px 0px 0px 10px;
}

#content div.goods p.kessai {
	margin:40px 0px 0px 0px;
	text-align:center;
}

#content p.crumb,
#content div.goods p.crumb {
	font-size:10px;
	margin:0px;
	margin-bottom:1px;
	padding:0px;
	text-align:left;
}

#content div.goods ul.clist {
/*	border:1px solid #FF6600;*/
	list-style:none;
	padding-bottom:10px;
	width:100%;
}

#content div.goods ul.clist li {
	border-bottom:1px dotted #990000;
	float:left;
	font-weight:normal;
	margin:0px 4px;
	padding:1px 0px 1px 8px;
	width:188px;
}

/******************************/
/**       商品詳細説明       **/
/******************************/
#content div.goods div.description {
	font-size:14px;
	line-height:150%;
	width:100%;
}

#content div.goods div.description strong {
	color:#990000;
	font-weight:bolder;
	text-decoration:underline;
}

#content div.goods div.description p {
	padding:10px 0px;
}

#content div.goods div.description p.attention {
	background-color:#ffddcc;
	color:#CC3399;
/*
	color:#FF6600;
	font-weight:bolder;
*/
	padding:10px 5%;;
}

#content div.goods div.description p.attention span.impact {
	background-color:#CC3399;
	color:#FFFFFF;
	font-size:16px;
	padding:0px 5px;
}

#content div.goods div.description ul.imagelist {
	list-style:none;
	text-align:center;
	width:100%;
}

#content div.goods div.description ul.imagelist li {
	float:left;
	margin:3px;
	width:300px;
}

/******************************/
/**    取扱商品表示エリア    **/
/**       (単品表示テーブル) **/
/******************************/
#content div.goods table.cart {
	background-color:#ffddcc;
	width:100%;
}

#content div.goods table.cart td {
	padding:2px;
	width:auto;
}

#content div.goods table.cart td.discount {
	background-color:#FFFFFF;
	font-size:14px;
/*	font-weight:bolder;*/
	line-height:150%;
	text-align:center;
}

#content div.goods table.cart td.img {
	width:1px;
}

#content div.goods table.cart td.gname,
#content div.goods table.cart td.gname a,
#content div.goods table.cart td.gname a:hover,
#content div.goods table.cart td.gname a:visited,
#content div.goods table.cart td.gname a:active {
	color:#990000;
	font-size:18px;
	font-weight:bolder;
	height:3.5em;
	line-height:110%;
	text-decoration:none;
}

#content div.goods table.cart td.btn_cart {
	padding:10px 0px 5px 0px;
	text-align:center;
}

#content div.goods table.cart td.sellprice {
	color:#FF0000;
	font-size:14px;
	padding:6px 0px 6px 0px;
	text-align:center;
}

#content div.goods table.cart td.sellprice span.price {
	font-size:36px;
	font-weight:bold;
	padding:0px 5px;
}


/******************************/
/**    取扱商品表示エリア    **/
/**       (単品表示テーブル) **/
/******************************/
#content div.goods table.item {
	margin-top:10px;
	width:100%;
}

#content div.goods table.item td.spacer {
	border:none;
	width:0%;
}

#content div.goods table.item td.img {
	margin:0px;
	padding:0px;
	width:1px;
}

#content div.goods table.item td.data {
	padding-top:10px;
	padding-left:2px;
	vertical-align:top;
	width:auto;
}

#content div.goods table.item td.data p.btn_detail {
	padding:10px 0px;
	text-align:center;
}

#content div.goods table.item td.data p.gname,
#content div.goods table.item td.data p.gname a,
#content div.goods table.item td.data p.gname a:hover,
#content div.goods table.item td.data p.gname a:visited,
#content div.goods table.item td.data p.gname a:active {
	color:#990000;
	font-size:18px;
	font-weight:bolder;
	line-height:110%;
	margin:0px;
	padding:0px;
	padding-bottom:20px;
	text-decoration:none;
}

#content div.goods table.item td.data p.carry {
	background:url(../img/carry.gif) no-repeat center;
	color:#FFFFFF;
	font-size:14px;
	line-height:1.5em;
	margin-bottom:10px;
	padding:10px 0px;
	text-align:center;
}

#content div.goods table.item td.data p.carry span.free {
	color:#FFFF00;
	font-size:18px;
	font-weight:bolder;
}

#content div.goods table.item td.data p.sellprice {
	color:#FF0000;
	font-size:14px;
	text-align:center;
}

#content div.goods table.item td.data p.sellprice span.price {
	font-size:36px;
	font-weight:bold;
	line-height:120%;
	padding:2px 5px;
}

#content div.goods table.item td.data p.newitem {
	/*text-align:center;*/
	background:url(../img/new1.gif) no-repeat 1.0em 0em;
	color:#ff0000;
	color:#990000;
	color:#333399;
	padding:4px 0px 2px 48px;
	font-size:14px;
	font-weight:bolder;
	margin-top:2px;
}


/******************************/
/**    取扱商品表示エリア    **/
/**       (一覧表示テーブル) **/
/******************************/
#content div.goods table.showcase {
	width:616px;
}

#content div.goods table.showcase a,
#content div.goods table.showcase a:hover,
#content div.goods table.showcase a:visited,
#content div.goods table.showcase a:active {
	text-decoration:none;
}

#content div.goods table.showcase a:hover {
	text-decoration:underline;
}

#content div.goods table.showcase td {
	border:1px solid #999999;
}

#content div.goods table.showcase td.spacer {
	border:none;
	width:0%;
}

#content div.goods table.showcase td.img {
	border-bottom:none;
	border-right:none;
	padding:2px;
	vertical-align:middle;
	width:150px;
}

#content div.goods table.showcase td.img p {
	background:url(../img/new1.gif) no-repeat 1.0em 0em;
	color:#333399;
	padding:4px 0px 2px 48px;
	font-size:14px;
	font-weight:bolder;
	margin-top:2px;
}

#content div.goods table.showcase td.itemname {
	border-bottom:none;
	border-left:none;
	font-size:16px;
	font-weight:bolder;
	line-height:120%;
	padding:6px;
	vertical-align:text-top;
/*	width:220px;*/
}

#content div.goods table.showcase td.description {
	border-bottom:none;
	border-left:none;
	border-top:none;
	height:70px;
	line-height:140%;
	padding:2px 1.2em;
	vertical-align:top;
}

#content div.goods table.showcase td.price {
	border-bottom:none;
	border-left:none;
	border-top:none;
/*	color:#FF3300;*/
	padding:18px 0px 12px 26px;
	padding:20px 0px 14px 26px;
	text-align:left;
}

#content div.goods table.showcase td.discount_rate {
	background:url(../img/offrate.gif) no-repeat left center;
}

#content div.goods table.showcase td.special-price {
/*
	background:url(../img/special-price.gif) no-repeat left center;
	padding-left:0px;
*/
	background:none;
	padding:0px;
	padding:6px 0px;
	text-align:center;
}

#content div.goods table.showcase td.price span.discount_rate {
	color:#FFFF00;
	color:#ffffff;
	font-size:16px;
	font-weight:bolder;
}

#content div.goods table.showcase td.price span.price {
	color:#FF3300;
	font-size:26px;
/*	font-weight:bold;*/
}

#content div.goods table.showcase td.price span.fixedprice {
	color:#666666;
	padding-left:20px;
/*	text-decoration:line-through;*/
}

#content div.goods table.showcase td.btn {
	border-top:none;
	padding:3px 0px;
	text-align:center;
}

#content div.goods table.showcase td.btn a:hover {
	text-decoration:none;
}

#content div.goods table.showcase td.noitem {
	border:none;
	color:#FF0000;
	font-size:14px;
	padding:5px 0px 0px 10px;
}

#content div.goods table.showcase td.nextpage {
	border:none;
	font-size:14px;
	padding:3px 0px;
	text-align:center;
}

#content div.goods table.showcase td.attention {
	border:none;
}


/******************************/
/**** スペシャル表示エリア ****/
/******************************/
#content div.special {
	background:url(../img/special-header.jpg) no-repeat center top;
/*	background-color:#DFDFDF; */
	border-top:1px solid #FFFFFF;
	margin:0px 0px 5px 0px;
	width:616px;
}

#content div.special a,
#content div.special a:visited,
#content div.special a:active {
	text-decoration:none;
}

#content div.special a:hover {
	text-decoration:underline;
}

#content div.special h2 {
	color:#333333;
	color:#666666;
	font-size:18px;
	margin:24px 0px 0px 110px;
}


/******************************/
/* ヘッドライン for Top page  */
/******************************/
#content div.headline {
	border:1px solid #FF9003;
	border-top:none;
	margin:74px 0px 10px 0px;
	width:614px;
}

#content div.headline img.mainimg {
	margin:0px 0px 10px 0px;
}

#content div.headline table.spec {
/*	background:url(../img/top-line.gif) no-repeat center bottom;*/
	margin:0px auto 10px;
	width:95%;
}

#content div.headline table.spec td.title {
	padding:0px 5px;
}

#content div.headline table.spec td.title h3 {
	font-size:14px;
	font-weight:bolder;
}

#content div.headline table.spec td.img {
	text-align:center;
	vertical-align:middle;
	width:1%;
}

#content div.headline table.spec td.description {
	padding:0px 5px;
	text-align:left;
	vertical-align:top;
}

#content div.headline table.spec td.description ul {
	list-style:none;
	margin:2px auto;
}

#content div.headline table.spec td.description li {
	background:url(../img/sq001_01.gif) no-repeat center left;
	text-align:left;
	margin:1px auto;
	padding:0px 0px 1px 12px;
}

#content div.headline table.spec td.line {
	background:url(../img/top-line.gif) repeat-x bottom;
}


/******************************/
/**** ランキング表示エリア ****/
/**** おすすめ表示エリア   ****/
/******************************/
#content div.ranking,
#content div.recommend {
	background:url(../img/ranking-header.jpg) no-repeat top center;
	background-color:#E0FFE0;
	border:1px solid #009900;
	margin:0px 0px 10px 0px;
	width:616px;
}

#content div.recommend {
	background:url(../img/recommend-header.jpg) no-repeat top center;
	border:1px solid #CC0099;
}

#content div.ranking a,
#content div.ranking a:visited,
#content div.ranking a:active,
#content div.recommend a,
#content div.recommend a:visited,
#content div.recommend a:active {
	text-decoration:none;
}

#content div.ranking a:hover,
#content div.recommend a:hover {
	text-decoration:underline;
}

#content div.ranking h2,
#content div.recommend h2 {
	color:#FFFFFF;
	font-size:20px;
	margin:24px 0px 0px 290px;
}

#content div.ranking ul,
#content div.recommend ul {
	list-style:none;
	margin:14px 10px 10px 10px;
}

#content div.ranking ul li,
#content div.recommend ul li {
	float:left;
	margin:5px 0px 5px;
	width:190px;
	width:288px;
}

#content div.ranking ul li.first {
	background:url(../img/crown-1.gif) no-repeat center left;
	padding:0px 0px 0px 70px;
	width:100%;
	width:494px;
}

#content div.ranking ul li.second {
	background:url(../img/crown-2.gif) no-repeat center left;
	padding:0px 0px 0px 70px;
	width:494px;
}

#content div.ranking ul li.third {
	background:url(../img/crown-3.gif) no-repeat center left;
	padding:0px 0px 0px 70px;
	width:494px;
}

#content div.ranking ul li img,
#content div.recommend ul li img {
	border:1px solid #CCCCCC;
	float:left;
	margin-right:5px;
}

#content div.ranking ul li span.price,
#content div.recommend ul li span.price {
	color:#FF0000;
}

#content div.ranking p.infodate,
#content div.recommend p.infodate {
	color:#FFFFFF;
	text-align:right;
	margin:16px 20px 0px 0px;
	padding:0px;
}


/**************************/
/***** #navBar styles *****/
/**************************/
/* ページ左部ナビ */
#navBar{
	background-color:#FFFFFF;
	float:left;
	font-size:80%;
	margin:auto;
	width:200px;
}

#navBar ul a:link, #navBar ul a:visited {display: block;}
#navBar ul {list-style: none; margin: 0; padding: 0;}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li {
	border-bottom: 1px solid #FFFFFF;
}

/* fix for browsers that don't need the hack */
html>body #navBar li {border-bottom: none;}

#navBar ul.clist {
	background:url(../img/menu1-m.gif) repeat-y center;
	margin:0px auto 10px;
	width:100%;
}

#navBar ul.clist a,
#navBar ul.clist a:visited,
#navBar ul.clist a:active {
	text-decoration: none;
}

#navBar ul.clist a:hover {
	text-decoration: underline;
}

#navBar ul.clist ul {
	margin-bottom:4px;
}

#navBar ul.clist li {
	border-bottom:none;
	font-size:12px;
	line-height:1.2em;
	padding:4px 0px 0px 10px;
}

#navBar ul.clist li li {
	background:url(../img/sq001_08.gif) no-repeat 0.0em 0.3em;
	margin:0px;
	padding:0px 0px 0px 12px;
	width:160px;
}

#navBar ul.clist li li li {
	background:none;
	background:url(../img/yn005_07.gif) no-repeat 0.0em 0.4em;
	padding:1px 0px 0px 12px;
}

#navBar ul.clist li.header,
#navBar ul.clist li.footer,
#navBar ul.search li.header,
#navBar ul.search li.footer,
#navBar ul.news li.header,
#navBar ul.news li.footer {
	line-height:0em;
	margin:0px;
	padding:0px;
	text-align:center;
}

#navBar ul.clist li.header img,
#navBar ul.clist li.footer img,
#navBar ul.search li.header img,
#navBar ul.search li.footer img,
#navBar ul.news li.header img,
#navBar ul.news li.footer img {
	vertical-align:bottom;
}

#navBar ul.search {
	background:url(../img/menu2-m.gif) repeat-y center;
	margin:0px auto 10px;
	width:100%;
}

#navBar ul.search li {
	border-bottom:none;
	font-size:12px;
	padding:4px 0px 2px 10px;
}

#navBar ul.search li input.txt-search {
	border:1px solid #009900;
	padding:3px;
	vertical-align:middle;
	width:126px;
}

#navBar ul.search li select.sel-search {
	width:180px;
}

#navBar ul.search li img.btn-search {
	vertical-align:middle;
}

#navBar ul.news {
	background:url(../img/menu3-m.gif) repeat-y center;
	margin:0px auto 10px;
	width:100%;
}

#navBar ul.news li {
	border-bottom:none;
	font-size:12px;
	padding:4px 6px 2px 10px;
}


/******************************/
/*****    BookMark gif    *****/
/******************************/
#navBar table.navTblGuidance{
	margin-bottom:8px;
	width:100%;
}

/******************************/
/***** #siteFooter styles *****/
/******************************/
/* フッター */
#siteFooter {
	border-top:1px solid #FF6600;
	clear:both;
	font-size:12px;
	line-height:120%;
	padding:3px 10px 10px 10px;
	text-align:right;
}

.keywd {
	color:#ff0000;
	font-weight:bolder;
}