/* ************************************************ 
 *	共通設定
 * ************************************************ */
* {
	margin: 0px;
	padding: 0px;
}

body {
	color: #000000;
	font-size: 15px;
font-family: "ヒラギノ角ゴ Pro W3","Osaka","MS ゴシック", verdana,arial, sans-serif;
	line-height: 1.6em;
	background-color: #ffffff;
	text-align:center;
  
} 


br.clear {
	clear: both;
	font: 0pt/0pt sans-serif;
}

img {
	border: 0px;
}

p,div{
margin:0;
padding:0;
}

ul,li{
list-style:none;
margin:0;
padding:0;
}

.clear{
clear:both;
height:1px;
line-height:1px;
font-size:1px;
margin:0;
padding:0;
display:block;
}

a:link{
color:#000000;text-decoration: none; 
}

a:visited{
color:#000000;text-decoration: none; 

}

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

a:active{
color:#000000;
}

/* ------------------------------------- 
 *	ページレイアウト
 * ------------------------------------- 
 *※ページ全体の幅は950pxとなっています。
    幅を広げる場合は、.sideと.mainのwidth
    の合計値が#containerのwidthになるよう
    設定してください。
 * ------------------------------------- */

/*ページ全体の幅、レイアウトをセンタリング*/
#container {
	margin:0px auto;
	width:950px;
	text-align:left;
}

/*ヘッダー（ページタイトル、グローバルメニュー）*/
.header{
width:950px;
margin:0 auto 20px auto;
padding-top:30px;
}
.header h2{
width:230px;
float:left;
}


#dropmenu{
  list-style-type: none;
 width:650px;
float: right;
margin-top:20px;
}
#dropmenu li{
  position: relative;
  width: 25%;
  float: left;
  margin-bottom:10px;
  padding: 0;
  text-align: center;
  letter-spacing:0.1em
}
#dropmenu li a{
  display: block;
  margin: 0em;
  padding:opx 0 12px;
  color: #000000;
  font-size: 25px;
  font-weight: bold;
  line-height: 1;
  text-decoration: none;
}
#dropmenu li ul{
  list-style: none;
  position: absolute;
  top: 100%;
  left: 0;
  margin: 0;
	padding: 0;
}
#dropmenu li:last-child ul{
  left: -100%;
  width: 100%
}
#dropmenu li ul li{
  overflow: hidden;
  width: 200%;
  height: 0;
  color: #ffffff;
  -moz-transition: .2s;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;
  transition: .2s;
}
#dropmenu li ul li a{
  padding: 13px 15px;
  background: #000000;
  text-align: left;
  font-size: 12px;
  font-weight: normal;
margin-top:10px;
opacity:0.75;
}
#dropmenu li:hover > a{
  color: #ff2800;
opacity:0.75;
}
#dropmenu > li:hover > a{
}
#dropmenu li:hover ul li{
  overflow: visible;
  height: 38px;
  
}
#dropmenu li:hover ul li:first-child{
  border-top: 0;
}
#dropmenu li:hover ul li:last-child{
  border-bottom: 0;
}
#dropmenu li:hover ul li:last-child a{
} 
.header .hdrBar{
clear:both;
height:5px;
line-height:5px;
font-size:5px;
}			
/*　画面左側メニューの幅　*/
.side {
	float: left;
	width:210px;
　　　　　}
.group{
margin-left:10px;
margin-bottom:;

	}

/*　画面右側の幅　*/
.main {
	float: left;
          

}

/*フッター（コピーライト）*/
#footer {
width:950px;
margin:0 auto 0px auto;
padding: 30px 0;
  clear:both;
  color: #666;
  text-align: center;
 
}
     

/* ************************************************ 
 *  footer
 * ************************************************ */
#footer a {
  color: #666;

}

#footer ul.footer_menu {
margin-top:50px;
  margin-bottom: 50px;
}

#footer ul.footer_menu li {
  display: inline;
  margin: 0 5px;
}
        background: url(https://img.shop-pro.jp/tmpl_img/56/glyphicons.png) -343px -108px;
        }

.copyright{
text-align:center;
}

h1 
{ 
font-size:80%;
font-weight:normal;
letter-spacing: 0.1em;  
} 


}
/*　サイドナビゲーション　*/
.sideBrandList h2{
font-size:90%;
float:left;
}

.sideBrandList{
margin-bottom:20px;
float:left;
letter-spacing: 0.1em;
  margin-top:30px;

}

.sideBrandList li{
padding-left:px;
margin-bottom:6px;
border-bottom:#C2BAA9 solid 1px;
width:180px;
height:25px;
padding-left:10px
}

.sideBrandList li a {
 display: block;
}


.brandList{
margin-bottom:10px;
}

.brandList ul{
margin:0;
padding:0;
}

.brandList ul li{
display:block;
float:left;
width:100px;
height:100px;
margin:0 5px 5px 0;
text-align:center;
}

.brandList li img{
vertical-align:bottom;
}

.brandList .clear{
height:10px !important;
}

.malmaga{
text-align:center;
}

/*
.krakenNews
{
width:210px;
height:480px;
margin-left:;
overflow:hidden;
}
*/


.gallery{
padding-left:13px;
margin-bottom:6px;
}


#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(https://img09.shop-pro.jp/PA01042/656/etc/lightbox-btn-prev.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(https://img09.shop-pro.jp/PA01042/656/etc/lightbox-btn-next.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

div#container {
width:100%;
}
div#content {
width:28%;
float:left;
padding-top:30px;
padding-left:33px;

}
div#menu {
width:80%;
float:right;
font-size: 11px;
padding-top:30px;
padding-bottom:30px;
}

a:hover img{
opacity:0.8;filter:alpha(opacity=80);-ms-filter: "alpha( opacity=80 )";
}

h3 
{ 
font-size:90%;
font-weight:normal;
} 


body,ul,li,p {
	margin: 0;
	padding: 0;
	}

ul li {
	list-style-type: none;
	}

a,a:hover {
	text-decoration: none;
	outline: none;
	}

#wrapper {
	width:730px;
	margin: 0 auto;
	padding: 0;
	}

#photo ul {
	width: 730px;
	background-color:#DDD;
	overflow: hidden;
	}


#photo ul li {
	float: left;
	margin: 14px;
	padding: 10px;
	border: #333 solid 1px;
	background-color: #FFF;
	}



.photo dl {
	/*overflow: hidden;*/
	}

.photo dl dt{
	float: left;
	padding:10px;
	}

.photo dd{
	padding: 10px 0 0;
        text-align: left;
	}

.photo dd span {
        padding: 0 35px 0;
        }
#menu > li {
    float: left;
    position: relative;
    width: 200px;
    font-size:90%;
color:#666;
}
.tbl_calendar {
  border: none !important;
  border-collapse: collapse !important;
  border-spacing: 0 !important;
}
.tbl_calendar th, .tbl_calendar td {
  padding: 4px !important;
  text-align: center !important;
  border-bottom: 1px solid #ccc !important;
}