body               {background-color:#ffffff; margin:0;padding:0;}
html                        {font-family: Arial, Helvetica,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","ＭＳ Ｐゴシック","MS PGothic",sans-serif;font-size:100.01%;}
img, h1, ul, li             {margin:0;padding:0;}
img                         {border:none;}
input, select, textarea     {font:inherit;}
div.wrap                    {text-align:left;}





/* ヘッダー *******/

#header{
border-bottom: 1px solid #000066;
width:100%;
clear:both;
}


div.logospace{
width:950px;
height:110px;
text-align:left;
margin:2px auto;
}

div.logospace img{
height:110px;
}



/* 上部ナビ部分 *******/
#navimenuback {
height: 25px;
width: 100%;
background-image: url("images/naviback.png");
background-repeat: repeat-x;
background-position: left bottom;
} 

#navimenu {
margin:auto;
height: auto;
width: 950px;
}

#navimenu ul li {
list-style-type: none;
display:inline;
float:left;
text-align:center;
}

#navimenu  ul li a {
font-family: Arial, Helvetica,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
font-size:12px;
color: #4B4B4D;
display: block;
position: relative; /* for IE6 */
text-decoration: none;
padding:4px 40px 4px 10px;
margin-top:1px;
} 

#navimenu  ul li a:hover{
color: #ffffff;
text-decoration: none;
background-color:#000066;
} 

#navimenu  ul li.active a{
color: #ffffff;
text-decoration: none;
background-color:#000066;
}


#naviright{
float:right; text-decoration:none;

} 

#naviright  a {
font-family: Arial, Helvetica,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
font-size:12px;
color: #4B4B4D;
display: block;
position: relative; /* for IE6 */
text-decoration: none;
padding:4px 4px 4px 10px;
margin-top:1px;
} 

#naviright a:hover{
color: #ffffff;
text-decoration: none;
background-color:#000066;
}



/* 紺色ナビ部分 *******/
#subnavi {
border-top: 1px solid #000000;
background-color:#000066;
width:100%;
height:5px;
                            }





.clear{ clear: both; visibility: hidden; height: 0;}


/* 全体包む部分 *******/

div.wrap{
width:950px;
min-height:600px;
margin:auto;
text-align:center;
                          
                            }

div.topicpathlink {
margin-top:10px;
font-size:12px;
list-style-type: none;
display:inline;
float:left;
text-align:center;
clear:right;
}

div.topicpathlink a{
text-decoration: none;
color:#003557;
}

div.topicpathlink a:hover{
text-decoration: underline;
color:#6f808b;
}

div.topicdate{
float:right;font-size:10px;clear:right;
padding:0px 0px 10px;
}

div.contenttop {

 padding:35px 0px 0px;
text-align:left;
                            }

div.contenttop p{
font-size: 12px; line-height: 180%;letter-spacing:1px; color:#333333;}

div.contenttop h3{
color:#000066;font-family: Arial, Helvetica,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","ＭＳ Ｐゴシック","MS PGothic",sans-serif;border-left:8px solid;padding-left:8px;margin:15px 0px;font-size:14px;letter-spacing:2px;}

#contetsinner{
float:right;
width:750px;
margin-left:20px;
min-height:650px;
padding-top:0px;
padding-bottom:50px;
}


#contetsinner_news{
float:right;
width:750px;
margin-left:20px;
min-height:650px;
padding-top:20px;
padding-bottom:50px;
}


#contetsinner_news a,#contetsinner a {color:#000066;text-decoration:none;}
#contetsinner a:hover,#contetsinner_news a:hover     {color:#990000;text-decoration:none;}

/* 左メニュー */

#leftnavi{
float:left;
width:180px;
text-transform:uppercase;
}

ol ,ul{
list-style-type:none;
}

#menu{
	width:180px;
	margin:10px 0 0 0px;
}

.archive{
cursor: pointer;
	background:#000066;
	color:#FFF;
	padding:10px 0px 10px 10px;
	border-bottom:1px solid #FFF;
	width:170px;
display:block;

}


.topclass a{
	background:#000066;
	color:#FFF;
	padding:10px 0px 10px 10px;
	border-bottom:1px solid #FFF;
	width:170px;
display:block;
text-decoration:none;
}


.topclass a:hover{
	background:#FFF;
	color:#000066;
	padding:10px 0px 10px 10px;
	border-bottom:1px solid #ccc;
text-decoration:none;
	width:170px;
display:block;
}

.subMenu li a{
	background-color:#FFF;	
	padding:10px 0px 10px 10px;
	border-bottom:1px dotted #9CF;
text-decoration:none;
	width:170px;
display:block;
}

.topclass a.current {
	background-color:#000;	
	}



.subMenu li a.current {
	background-color:#000;	
	}


.subMenu li a:hover{
	background-color:#9CF;	
	padding:10px 0px 10px 10px;
	border-bottom:1px dotted #ccc;
text-decoration:none;

}



#sidenavi ul{
float:left;
width:180px;
list-style-type:none;
	margin:10px 0 0 0px;
}



#sidenavi li a {
	background:#000066;
	color:#FFF;
	padding:10px 0px 10px 10px;
	border-bottom:1px solid #FFF;
	width:170px;
display:block;
text-decoration:none;
}

#sidenavi li a:hover {
	background:#FFF;
	color:#369;
	padding:10px 0px 10px 10px;
	border-bottom:1px solid #ccc;

text-decoration:none;
	width:170px;
display:block;

}

#sidenavi li.active a {
background-color:#9CF;
	color:#369;


}


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


#footernavi {
margin:auto;
height: 20px;
width: 950px;
} 


#footernavi ul li {
list-style-type: none;
display:inline;
float:left;
text-align:center;
}

#footernavi  ul li a {
font-family: Arial, Helvetica,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
font-size:10px;
color: #808184;
display: block;
position: relative; /* for IE6 */
text-decoration: none;
padding-right:25px; 
padding-top:3px;
} 

#footernavi  ul li a:hover{
color: #4B4B4D;
text-decoration: none;
} 


div.footernaviright{
float:right; font-size:10px; text-decoration:none;

} 

div.footernaviright  a {
font-family: Arial, Helvetica,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
font-size:10px;
color: #808184;
display: block;
position: relative; /* for IE6 */
padding-right:25px; 
padding-top:3px;
text-decoration: none;
} 

div.footernaviright a:hover{
color: #4B4B4D;
text-decoration: none;
}






#footer{
border-bottom: 1px solid #000000;
border-top: 1px solid #000000;
height:auto;
width:100%;
clear:both;
margin:0;
}


div.copyright                  {
width:auto;
text-align:center;
font-size: 10px;
margin:auto; 
padding:10px;  
color: #808184;    }


.totop a:link,
.totop a:visited{ 
width:100px;
font-size:10px;
border: 1px solid #ccc;
color:#ccc;
text-decoration: none;
padding:5px;
float:right;
text-align:center;
margin-right:12px;
margin-top:20px;
margin-bottom:20px;
}

.totop a:hover{ 
width:100px;
font-size:10px;
border: 1px solid #000066;
color:#000066;
text-decoration: none;
padding:5px;
float:right;
text-align:center;
margin-right:12px;
margin-top:20px;
margin-bottom:20px;
}

/*　イメージフェードインの部分*/

#four_img{
width:750px; margin:auto;height:260px; display:block;text-align:center;
overflow:visible;
}

#three_img{
width:720px; margin:auto;height:260px; display:block;text-align:center;
}

#two_img{
width:480px; margin:auto;height:260px; display:block;text-align:center;
}


#imagesarea li{
margin-top:10px;
    width: 200px;
    height: 240px;
    padding: 10px 20px;
letter-spacing:0px;
line-height:105%;
    display: block;
    float: left;
    overflow: hidden;
text-align:center;
font-size:10px;
color:#666666;
}
#imagesarea li a img{
    width: 190px;
    height: 190px;
margin-bottom:5px;
 border: 3px solid rgba(245, 250, 254, .1);
border-radius: 2px 2px 2px 2px;
  -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,.5);
  -moz-box-shadow: 1px 2px 3px rgba(0,0,0,.5);
  box-shadow: 1px 1px 3px rgba(0,0,0,.5);

-moz-opacity:0.5;
opacity:0.5;
filter: alpha(opacity=50);


}


#imagesarea li a:hover img {
-moz-opacity:1;
opacity:1;
filter: alpha(opacity=100);
 border: 3px solid rgba(255, 255, 255, .1);
border-radius: 2px 2px 2px 2px;
  -webkit-box-shadow: 1px 1px 3px rgba(204,204,204,.5);
  -moz-box-shadow: 1px 2px 3px rgba(204,204,204,.5);
  box-shadow: 1px 1px 3px rgba(204,204,204,.5);

 position: relative;
 top: 1px;
 left: 1px;


} 

#imagesarea li.newitem{
 background-image: url("http://www.elbe-crystal.jp/assets/templates/elbe_crystal/images/new.png");
background-position:10px 210px; 
background-repeat:no-repeat; 

position: relative; 
z-index: 2000;

}

/*　イメージフェードイン4列*/

#imagesarea li.fourimg{
margin-top:10px;
    width: 175px;
    height: 240px;
    padding: 10px 5px;
letter-spacing:0px;
line-height:105%;
    display: block;
    float: left;
    overflow: hidden;
text-align:center;
font-size:10px;
color:#666666;
}
#imagesarea li.fourimg a img{
    width: 170px;
    height: 170px;
margin-bottom:5px;
 border: 3px solid rgba(245, 250, 254, .1);
border-radius: 2px 2px 2px 2px;
  -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,.5);
  -moz-box-shadow: 1px 2px 3px rgba(0,0,0,.5);
  box-shadow: 1px 1px 3px rgba(0,0,0,.5);

-moz-opacity:0.5;
opacity:0.5;
filter: alpha(opacity=50);


}


#imagesarea li.fourimg a:hover img {
-moz-opacity:1;
opacity:1;
filter: alpha(opacity=100);
 border: 3px solid rgba(255, 255, 255, .1);
border-radius: 2px 2px 2px 2px;
  -webkit-box-shadow: 1px 1px 3px rgba(204,204,204,.5);
  -moz-box-shadow: 1px 2px 3px rgba(204,204,204,.5);
  box-shadow: 1px 1px 3px rgba(204,204,204,.5);

 position: relative;
 top: 1px;
 left: 1px;


} 



/*　イメージフェードイン無し*/
#imagesarea_nofade li,#imagesarea_nofade_photo li{


letter-spacing:0px;
line-height:105%;
    display: block;
    float: left;
    overflow: hidden;
text-align:center;
font-size:10px;
color:#666666;
}
#imagesarea_nofade li a img,#imagesarea_nofade_photo li a img{
margin-bottom:10px;
 border: 3px solid rgba(245, 250, 254, .1);
border-radius: 2px 2px 2px 2px;
  -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,.5);
  -moz-box-shadow: 1px 2px 3px rgba(0,0,0,.5);
  box-shadow: 1px 1px 3px rgba(0,0,0,.5);

-moz-opacity:0.5;
opacity:0.5;
filter: alpha(opacity=50);


}


#imagesarea_nofade li a:hover img,#imagesarea_nofade_photo li a:hover img {
-moz-opacity:1;
opacity:1;
filter: alpha(opacity=100);
 border: 3px solid rgba(255, 255, 255, .1);
border-radius: 2px 2px 2px 2px;
  -webkit-box-shadow: 1px 1px 3px rgba(204,204,204,.5);
  -moz-box-shadow: 1px 2px 3px rgba(204,204,204,.5);
  box-shadow: 1px 1px 3px rgba(204,204,204,.5);

 position: relative;
 top: 1px;
 left: 1px;


} 
#imagesarea_nofade_single{
text-align:center;
font-size:10px;
color:#666666;
}

#imagesarea_nofade_single img{
margin-bottom:5px;
 border: 3px solid rgba(245, 250, 254, .1);
border-radius: 2px 2px 2px 2px;
  -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,.5);
  -moz-box-shadow: 1px 2px 3px rgba(0,0,0,.5);
  box-shadow: 1px 1px 3px rgba(0,0,0,.5);


}

/*店舗一覧テーブル*/
table#table-a {
	width: 100%;
	border: 1px #E3E3E3 solid;
	border-collapse: collapse;
	border-spacing: 0;
	font-size:12px;
	line-height: 18px;
	color: #444444;

}

table#table-a th {
	border: #E3E3E3 solid;
	border-width: 0 0 1px 1px;
	line-height: 180%;
	text-align: left;
vertical-align:middle;
	letter-spacing:1px;
	background-color: #f5f5f5;
	width: 150px;
	height: auto;
	padding: 10px;
	font-weight: normal;
}
table#table-a td {
	border: 1px #E3E3E3 solid;
	border-width: 0 0 1px 1px;
	text-align: left;
vertical-align:middle;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
}

.current{
    background-color:rgba(0, 0, 0, 1);
}