@charset "shift_jis";

/* --------------------------------
	clearfix
-------------------------------- */
#priceTag dl,
.itemList,
.itemList2,
.particularPoint,
.information dl {zoom:1;}
#priceTag dl:after,
.itemList:after,
.itemList2:after,
.particularPoint:after,
.information dl:after {content: ""; display: block; clear: both;}


/* --------------------------------
	content
-------------------------------- */

#contentwrap875 {
	width:875px;
	margin: 0 auto;
	text-align:left;
}

.index_h1 {
margin:18px 0 39px 0;}


/* --------------------------------
	パンくず
-------------------------------- */
#topicPath{
	font-size:11px;
	line-height:1.5;
	color:#999999;
	margin-top:10px;
	margin-bottom: 30px;
}


/* --------------------------------
	サイドメニュー
-------------------------------- */
#sideNav {
	margin: 0 0 30px;
	float: left;
	width: 150px;
}
#sideNav h2 {
	font-size: 1px;
	height: 20px;
	line-height: 1px;
	margin-bottom: 0;
	overflow: hidden;
	text-indent: -9999px;
}

#snCategory h2 {
	background: url("/glass/images/sprite_sidenav.png") no-repeat 0 0 transparent;
}
#snInformation h2 {
	background: url("/glass/images/sprite_sidenav.png") no-repeat 0 -20px transparent;
}

#snCategory #snCategoryList {
	font-size: 10px;
	font-weight: normal;
	line-height: 14px;
	margin-top: -20px;
	padding-bottom: 5px;
	text-align: right;
}

#sideNav h3 {
	margin-bottom: 0;
}
#snCategory {
	margin-bottom: 30px;
}
#snCategory img,
#snInformation img {
	vertical-align: bottom;
}
#snCategory ul h3 {
	height: 27px;
	text-indent: -9999px;
	margin-top: 3px;
}
#snCategory .glass h3 {
	background: url("/glass/images/sprite_sidenav.png") no-repeat -150px 0;
}
#snCategory .children h3 {
	background: url("/glass/images/sprite_sidenav.png") no-repeat -150px -27px;
}
#snCategory .accessories h3 {
	background: url("/glass/images/sprite_sidenav.png") no-repeat -150px -54px;
}
#snCategory ul {
	margin-bottom: 5px;
}
#snCategory ul,
#snInformation ul {
	border-top: 1px solid #666666;
}
#snCategory li {
	border-bottom: 1px solid #E6E6E6;
	font-size: 1px;
	/*padding: 3px 0 5px;*/
}
#snCategory li a {
	display: block:
	/*height: 100%;*/
}
#snCategory ul ul {
	border: medium none;
}
#snCategory ul ul li {
	border: medium none;
	font-size: 12px;
}
* html #snCategory ul ul li {
	border-bottom: 1px solid #FFFFFF;
}
#snCategory ul ul li a {
	background: url("/glass/images/sprite_sidenav.png") no-repeat scroll 0 -180px transparent;
	_background: url(/glass/images/ie6_arrow.gif) no-repeat;
	padding: 0 0 0 10px; 
	height: auto !important;/*IE*/ height: 1%;/*IE*/
	display: block;
}
#snCategory ul ul li.current {padding: 0 0 0 10px; background: #E6E6E6;}
#snCategory ul ul li a:hover {
	background: url("/glass/images/sprite_sidenav.png") no-repeat scroll 0 -180px #E6E6E6;
	_background: #e6e6e6 url(/glass/images/ie6_arrow.gif) no-repeat 0 -100px;
}
#snCategory a {
	text-decoration: none;
}

#snInformation ul {
	padding-top: 3px;
}
#snInformation ul li {
	height: 20px;
	text-indent: -9999px;
	font-size: 1px;
}
#snInformation ul li a {
	height: 20px;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
}

#snInformation ul li.concept a {
	background: transparent url("/glass/images/sprite_sidenav.png") no-repeat -300px 0;
}
#snInformation ul li.jrconcept a {
	background: transparent url("/glass/images/sprite_sidenav.png") no-repeat -300px -60px;
}
#snInformation ul li.shop a {
	background: transparent url("/glass/images/sprite_sidenav.png") no-repeat -300px -20px;
}
#snInformation ul li.faq a {
	background: transparent url("/glass/images/sprite_sidenav.png") no-repeat -300px -40px;
}

#snInformation ul li.concept a:hover, #snInformation ul li.concept a:active {
	background-position: -450px 0;
}
#snInformation ul li.jrconcept a:hover, #snInformation ul li.jrconcept a:active {
	background-position: -450px -60px;
}
#snInformation ul li.shop a:hover, #snInformation ul li.shop a:active {
	background-position: -450px -20px;
}
#snInformation ul li.faq a:hover, #snInformation ul li.faq a:active {
	background-position: -450px -40px;
}

/* --------------------------------
	メイン
-------------------------------- */
#main {
width:702px;
float:right;
}

#main h1 {
margin:0 0 11px;}


#main h2 {
margin:0 0 10px 0; font-weight: bold;}

#main h3 {
margin:0 0 5px 0; font-weight: bold;}

/* --------------------------------
	TOP用
-------------------------------- */
#main .concept h3 {font-size: 14px;}
#main .concept p.lead {font-size: 14px; margin-bottom: 30px;}

#main .particularPoint {border: 5px solid #EFEFEF; padding: 15px; margin-bottom: 30px; position: relative;}
#main .particularPoint img.balloon {position: absolute; top: -20px; left: 5px;}
#main .particularPoint ul {width: 448px; margin-right: -8px;}
#main .particularPoint li {float: left; margin-right: 15px;}
#main .particularPoint li a img {border: 1px solid #CCCCCC;}
#main .particularPoint li a:hover img {border: 1px solid #7F0019;}
#main .particularPoint p {margin-bottom: 10px;}

#main .particularPoint .particularText {float: right; width: 440px;}
#main .particularPoint .particularImage {float: left;}

#main .particularPoint .itemNumber {text-align: center; display: block;}

#main .itemList {margin-bottom: 15px;}
#main .itemList ul {width: 712px; margin-right: -12px;}
#main .itemList li {float: left; margin-right: 12px; margin-bottom: 12px;}
#main .itemList li a img {border: 1px solid #CCCCCC;}
#main .itemList li a:hover img {border: 1px solid #7F0019;}

#main .information {border-top: 1px solid #666666; padding-top: 10px;}
#main .information dl {margin-bottom: 10px;}
#main .information dt {font-weight: bold; color: #999999;}
#main .information dd {display: block:}
#main .information dd.image, #main .information dd.image2 {float: left; margin-top: -18px;}
#main .information dd.image a img {border: 1px solid #CCCCCC;}
#main .information dd.image a:hover img {border: 1px solid #7F0019;}
#main .information dd.text,
#main .information dt {width: 615px; float: right;}

#main .information dd.image2 img{border: 1px solid #CCCCCC;}


#main .indexbannerArea img{
border:#CCCCCC 1px solid;}

#main .indexbannerArea a:hover img{
border:#7F0019 1px solid;}


#main .indexbannerArea .left{
float:left;}


#main .indexbannerArea ul{
float:right;}

#main .indexbannerArea li{
margin-bottom:19px;
}

#main #indexInfoArea {
margin-top:20px;
background-color:#e6e6e6;
margin-bottom:32px;
padding-top:5px;
}

#main #indexInfoArea dl{
width:100%;
margin:0 5px 5px;
}

#main #indexInfoArea dl dt{
width:13%;
float:left;
color:#999999;
font-weight:bold;
}

#main #indexInfoArea dl dd{
text-align:left;
float:right;
width:87%;
}



#main #indexListArea{
margin-top:10px;
}

#main #indexListArea h2 {
background:url(../images/index_08.gif) 0 0 no-repeat;
height:28px;
text-indent:90px;
font-size:1.2em;
font-weight:normal;
padding-top:2px;
margin-bottom:15px;
}


/*4列ボックス*/
#main #indexListArea .column04 {
width:173px;
float:left;
margin-right:3px;
}


#main #indexListArea .column04 dt{
text-indent:-9999px !important;
}


#main #indexListArea .column04 dt a {
display:block;
width:100% !important;
/*height:100%;*/
margin:0;
padding:0;
}


#main #indexListArea #item01 {
background:url(../images/index_19.gif) 0 0 no-repeat;
}

#main #indexListArea #item01 a:hover {
background:url(../images/index_19_on.gif) 0 0 no-repeat;
}


#main #indexListArea #item02 {
background:url(../images/index_20.gif) 0 0 no-repeat;
}
#main #indexListArea #item02 a:hover {
background:url(../images/index_20_on.gif) 0 0 no-repeat;
}


#main #indexListArea #item03 {
background:url(../images/index_21.gif) 0 0 no-repeat;
}

#main #indexListArea #item03 a:hover {
background:url(../images/index_21_on.gif) 0 0 no-repeat;
}


#main #indexListArea .column04 dd{
background:url(../images/icon01.gif) 0 50% no-repeat;
text-indent:8px;
margin-bottom:3px;
}

#main #indexListArea .column04 dd a {
text-decoration:none;
}

#main #indexListArea .column04R {
width:173px;
float:left;
}

#main #indexListArea .column04R dd{
width:173px;
margin-bottom:5px;
text-indent:-9999px !important;
}




#main #indexListArea .column04R dd a {
display:block;
width:100%;
/*height:100%;*/
margin:0;
padding:0;
}


#main #indexListArea #item04 {
background:url(../images/index_22.gif) 0 0 no-repeat;
}
#main #indexListArea #item04 a:hover {
background:url(../images/index_22_on.gif) 0 0 no-repeat;
}


#main #indexListArea #item05 {
background:url(../images/index_13.gif) 0 0 no-repeat;
}
#main #indexListArea #item05 a:hover {
background:url(../images/index_13_on.gif) 0 0 no-repeat;
}

#main #indexListArea #item06 {
background:url(../images/index_14.gif) 0 0 no-repeat;
}
#main #indexListArea #item06 a:hover {
background:url(../images/index_14_on.gif) 0 0 no-repeat;
}


#main #indexListArea #item07 {
background:url(../images/index_23.gif) 0 0 no-repeat;
}
#main #indexListArea #item07 a:hover {
background:url(../images/index_23_on.gif) 0 0 no-repeat;
}


#main #indexListArea #item08 {
background:url(../images/index_24.gif) 0 0 no-repeat;
}
#main #indexListArea #item08 a:hover {
background:url(../images/index_24_on.gif) 0 0 no-repeat;
}


/* --------------------------------
	
-------------------------------- */
.itemList2 {margin-bottom: 15px;}
.itemList2 ul {width: 516px; margin-right: -12px;}
.itemList2 li {float: left; margin-right: 7px; margin-bottom: 7px;}
.itemList2 li a img {border: 1px solid #CCCCCC;}
.itemList2 li a:hover img {border: 1px solid #7F0019;}



/* --------------------------------
	こだわりポイント用
-------------------------------- */

#pointDetails {width: 700px; float:left; padding:10px 0; margin-bottom:30px;}
#pointDetails dl {width:680px;}  
#pointDetails dt {float:left; width:80px;}  
#pointDetails dd {width:580px; margin-left:80px;}


/* --------------------------------
	   終了のお知らせ
-------------------------------- */
.infoEnd {background:#f5f5f5; margin:10px 0; padding:15px;}
.endT{margin-bottom:10px}
.endB{padding-top:10px; border-top:1px solid #CCCCCC;}