@charset "UTF-8";


/*
------------------------------------------
日本ゲスコ様　レイアウト設定CSS
制作者：　屋良達哉
作成日：　2010年01月08日
----------------------------------------*/


/*////// 下層ページ共通パーツ ////////////*/

/* =リンク設定
----------------------------------------*/
/* =wrap設定
----------------------------------------*/
/* =フッター設定
----------------------------------------*/
/* =メイン設定
----------------------------------------*/
/* =サイド設定
----------------------------------------*/



/*//////////////////////////////////////*/



/* =リンク設定
----------------------------------------*/
a {
	color: #003399;
	text-decoration: none;
}

a:hover {
	color: #e47911;
	text-decoration: underline;
}

a:visited {
	color: #996633;
}



/* =wrap部分
----------------------------------------*/

div#wrap{
	background: url(../../images/bac-wrap.png) repeat-y;
}

/* =フッター部分
----------------------------------------*/

#footer{
width: 768px;
height: 25px;
padding: 0px 16px 0px;
text-align: center;
font-size: 10px;
background-image: url(../../images/bac-foot.png);
position: relative;
float: left
}
#footer p{
margin: 0px;
font-size: 10px;
line-height: 25px;
}

#footer ul#f-menu{
height: 10px;
padding: 0px;
position: absolute;
bottom:8px;
right: 16px;
list-style: none;
border-left: 1px solid #666;
}

#footer ul#f-menu li{
text-align: center;
padding: 0px 5px;
float: left;
border-right: 1px solid #666;
line-height: 10px;
}

#footer ul#f-menu li a{
color: #666;
text-decoration: none;
font-size: 10px;
line-height: 10px;
}


/* =メイン部分
----------------------------------------*/

div#main{
width: 560px;
padding: 15px 20px 25px;
text-align: left;
position: relative;
float: right;
}


/* =サイド部分
----------------------------------------*/
div#side{
	width: 200px;
	float: left;
	overflow: hidden;
}

/* menu--side設定----------------------*/
ul#menu-side{
	width: 184px;
	float: left;
	padding: 55px 8px 8px;
	text-align: left;/*
	background-image: url(../images/menu/bac-meside.png);*/
	background-color: #ffffff;
	background-repeat: no-repeat;
	background-position: 0px 15px;
	position: relative;
}

ul#menu-side li{
	width: 172px;
	float: left;
	list-style: none;
	font-size: 12px;
	line-height: 18px;
	padding: 8px 0px 8px 15px;
	background-image: url(../images/menu/meside-head.png);
	background-repeat: no-repeat;
	background-position: 0px 12px;
	border-bottom: 1px solid #cccccc;
}

ul#menu-side li a.on{
	color: #e47911;
}

ul#menu-side li span.sub{
	font-size: smaller;
}



ul#menu-side li.li-top{
	background-image:none;
	border: none;
	padding: 0px;
	width: 200px;
	height: 40px;
	position: absolute;
	top: 15px;
	left: 0px;
	z-index: 50;
}

ul#menu-side li.li-top a{
	width: 200px;
	height: 40px;
/*	position: absolute;
	top: 0px;
	left: 0px;
	display: block;*/
}


ul#menu-side li.end{
	border-bottom: 0px;
}


ul#menu-side ul.inrlist  li{
	width: 162px;
	float: left;
	list-style: none;
	font-size: 12px;
	line-height: 18px;
	border: none;
	padding: 0px 0px 0px 10px;
	background-image: url(../images/menu/meside-inr.png);
	background-repeat: no-repeat;
	background-position: 0px 5px;
}

ul#menu-side ul.inrlist  li.cate{
	width: 162px;
	float: left;
	list-style: none;
	font-size: 12px;
	line-height: 12px;
	border-bottom: dashed 1px #aaaaaa;
	border-left: solid 5px #dddddd;
	padding: 0px 0px 5px 5px;
	background-image:none;
	margin: 6px 0px;
}

ul#menu-side ul.inrlist  li.catesita{
	width: 150px;
	float: left;
	list-style: none;
	font-size: 12px;
	line-height: 18px;
	border: none;
	padding: 0px 0px 0px 22px;
	background-image:none;
}


ul#menu-side li a{
	color: #333;
}




/* b-menu設定----------------------*/
ul#b-menu{
width: 184px;
padding: 30px 8px 10px;
list-style: none;
overflow: hidden;
position: relative;
float: left;
background-image: url(../images/menu/bac-meb.png);
background-color: #999999;
background-repeat: no-repeat;
clear: both;
}

ul#b-menu li{
width: 184px;
height: 30px;
float: left;
margin-bottom: 6px;
}

/* =商品ページメインタイトル部分
----------------------------------------*/

div#main.bac01{
width: 560px;
padding: 90px 20px 25px;
text-align: left;
position: relative;
float: right;
background-image: url(../images/mainbac/bac-main-01.png);
background-repeat: no-repeat;
background-position: 0px 15px;
}

div#main.bac02{
width: 560px;
padding: 90px 20px 25px;
text-align: left;
position: relative;
float: right;
background-image: url(../images/mainbac/bac-main-02.png);
background-repeat: no-repeat;
background-position: 0px 15px;
}

div#main.bac03{
width: 560px;
padding: 85px 20px 25px;
text-align: left;
position: relative;
float: right;
background-image: url(../images/mainbac/bac-main-03.png);
background-repeat: no-repeat;
background-position: 0px 15px;
}

div#main.bac04{
width: 560px;
padding: 90px 20px 25px;
text-align: left;
position: relative;
float: right;
background-image: url(../images/mainbac/bac-main-04.png);
background-repeat: no-repeat;
background-position: 0px 15px;
}

div#main.bac05{
width: 560px;
padding: 90px 20px 25px;
text-align: left;
position: relative;
float: right;
background-image: url(../images/mainbac/bac-main-05.png);
background-repeat: no-repeat;
background-position: 0px 15px;
}

div#main.bac06{
width: 560px;
padding: 90px 20px 25px;
text-align: left;
position: relative;
float: right;
background-image: url(../images/mainbac/bac-main-06.png);
background-repeat: no-repeat;
background-position: 0px 15px;
}

div#main.bac07{
width: 560px;
padding: 90px 20px 25px;
text-align: left;
position: relative;
float: right;
background-image: url(../images/mainbac/bac-main-07.png);
background-repeat: no-repeat;
background-position: 0px 15px;
}

div#main.bac08{
width: 560px;
padding: 90px 20px 25px;
text-align: left;
position: relative;
float: right;
background-image: url(../images/mainbac/bac-main-08.png);
background-repeat: no-repeat;
background-position: 0px 15px;
}

div#main.bac09{
width: 560px;
padding: 90px 20px 25px;
text-align: left;
position: relative;
float: right;
background-image: url(../images/mainbac/bac-main-09.png);
background-repeat: no-repeat;
background-position: 0px 15px;
}


* html div.bac01{
width: 560px;
padding: 90px 20px 25px;
text-align: left;
position: relative;
float: right;
background-image: url(../images/mainbac/bac-main-01.png);
background-repeat: no-repeat;
background-position: 0px 15px;
}

* html div.bac02{
width: 560px;
padding: 90px 20px 25px;
text-align: left;
position: relative;
float: right;
background-image: url(../images/mainbac/bac-main-02.png);
background-repeat: no-repeat;
background-position: 0px 15px;
}

* html div.bac03{
width: 560px;
padding: 85px 20px 25px;
text-align: left;
position: relative;
float: right;
background-image: url(../images/mainbac/bac-main-03.png);
background-repeat: no-repeat;
background-position: 0px 15px;
}

* html div.bac04{
width: 560px;
padding: 90px 20px 25px;
text-align: left;
position: relative;
float: right;
background-image: url(../images/mainbac/bac-main-04.png);
background-repeat: no-repeat;
background-position: 0px 15px;
}

* html div.bac05{
width: 560px;
padding: 90px 20px 25px;
text-align: left;
position: relative;
float: right;
background-image: url(../images/mainbac/bac-main-05.png);
background-repeat: no-repeat;
background-position: 0px 15px;
}

* html div.bac06{
width: 560px;
padding: 90px 20px 25px;
text-align: left;
position: relative;
float: right;
background-image: url(../images/mainbac/bac-main-06.png);
background-repeat: no-repeat;
background-position: 0px 15px;
}

* html div.bac07{
width: 560px;
padding: 90px 20px 25px;
text-align: left;
position: relative;
float: right;
background-image: url(../images/mainbac/bac-main-07.png);
background-repeat: no-repeat;
background-position: 0px 15px;
}

* html div.bac08{
width: 560px;
padding: 90px 20px 25px;
text-align: left;
position: relative;
float: right;
background-image: url(../images/mainbac/bac-main-08.png);
background-repeat: no-repeat;
background-position: 0px 15px;
}

* html div.bac09{
width: 560px;
padding: 90px 20px 25px;
text-align: left;
position: relative;
float: right;
background-image: url(../images/mainbac/bac-main-09.png);
background-repeat: no-repeat;
background-position: 0px 15px;
}


/*--ページ下ページ切り替え　--*/

#main p.undernavi{
	width: 560px;
	height: 20px;
	font-size: 10px;
	text-align: center;
	font-size: 10px;
}
/*
#main p a{
	font-size: 10px;
	line-height: 20px;
/*	display: block;*/
}
*/

#main p.undernavi span.re{
	line-height: 20px;
	font-size: 10px;
	margin: 0px 5px;
}

#main p.undernavi span.pr{
	line-height: 20px;
	font-size: 10px;
	margin: 0px 5px;
}

#main p.undernavi span.sq{
	padding: 5px;
	border: 1px solid #aaa;
	text-align: center;
	line-height: 20px;
	font-size: 10px;
	margin: 0px 5px;
}

#main p.undernavi span.sq-on{
	padding: 5px;
	border: 1px solid #aaa;
	text-align: center;
	line-height: 20px;
	background-color: #ddd;
	font-size: 10px;
	margin: 0px 5px;
}

#main p.undernavi span.of{
visibility:hidden}