@charset "utf-8";
/* CSS Document */



body{
	margin:0;
	padding:0;
	font-size:10pt;
	height:100%;
	width:100%;
	background:#000;

}
/* テキストとか　*/
p{
	margin:0;
	padding:0;
}
img{
	border:none;
}
.white{
	color:#ffffff;
}
.clear{
	clear:both;
}
a{
color:#ffffff;	
	 text-decoration:none;
}
a:hover{
	color:#E6BDBB;

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


.news_link a{
	text-decoration:none;
	color:#5369B5;
	}

	
.news_link a:hover{
	text-decoration:underline;
	color:#5369B5;
}
.news_link a:hover img{
	text-decoration:none;
	color:#5369B5;
}


/* 　　　　　　　　　　　　　　　　　　*/
/* ここからは主にindexのCSSです　　　　*/
/* 　　　　　　　　　　　　　　　　　　*/

/* ナビメニューを載せてるボックスです　*/
div#contents_left{
	position:absolute;
	z-index:40;
	width:250px;
	height:100%;
	top:150px;
	left:50px;
}

ul.navi{
	background:url(http://www.calenblosso.jp/images/navi_01.png) no-repeat 0% 0%;
	margin:0;
	padding:20px 10px 0px 20px;
	list-style:none;
	width:220px;
	height:280px;
	
}
ul.navi li{
	margin:0;
	padding:0 0 15px 0;
	background:url(http://www.calenblosso.jp/images/hishiya_mark.png) no-repeat 0px 5px;
	line-height:30px;
	text-indent:50px;
}


div#navi_bottom{
	background:url(http://www.calenblosso.jp/images/navi_02.png) repeat 0% 0%;
	padding:0;
	margin:0;
	width:250px;
	height:100%;
}
div.navi_bottom_banner{
	padding:0;
	margin:0 auto;
	text-align:center;
}


/* 背景写真を載せてるボックスです　*/
div#supersize{
	position:absolute;
	z-index:10;
	margin:0;
	padding:0;
}
div#supersize img{
	height:100%;
	width:100%;
}



/* calenblosso のロゴを載せてるボックスです　*/
div#header{
	position:absolute;
	z-index:100;
	height:70px;
	width:315px;
	left:30px;
	top:30px;
	overflow:auto;
}



/*ブログバナーを載せてるボックスです*/

.blog{
	width:208px;
	height:38px;
	margin:0 auto 2px auto;
	padding:0;
	background:url(http://www.calenblosso.jp/images/blog_bg.jpg) no-repeat;
	display:block;
		border:#CCCCCC 1px solid;
	font-size:11px;}
.blog_photo{
	padding:0;
	margin:2px;
	float:left;
	width:51px;
	height:34px;

}
.blog_text{
	padding:4px;
	float:left;
	width:143px;
	height:15px;
	
}

/*TWITTER画像中央配置用*/
.category_image2{
	margin:0 auto;
	width:210px;
	text-align:center;
}

.category_image2 p {  
     display: table-cell;  
     vertical-align: middle;  
     margin: 0; 
	 padding:0;
 }  
    
 /*for IE6 */  
 * html .category_image2 p {  
     display: inline;  
     zoom: 1;  
 }  
    
 /*for IE7 */  
 *:first-child+html .category_image2 p {  
    display: inline;  
    zoom: 1;  
 } 

/*TWITTER画像中央配置用*/
.category_image{
	margin:0 0 0 200px;
}

.category_image p {  
     display: table-cell;  
     vertical-align: middle;  
     margin: 0; 
	 padding:0;
 }  
  
/* ニュース　フェア・イベントを載せてるボックスです*/
div#contents_right{
	position:absolute;
	z-index:20;
	height:350px;
	width:402px;
	right:30px;
	top:30px;
}

div.textbox{
	background-color:#FFF;
	filter: alpha(opacity=90);
  -moz-opacity:0.9;
  opacity:0.9;
	padding:5px 10px 5px 10px;
	margin:0 0 20px 0;
	height:100px;
	width:380px;
	line-height:20px;
	overflow:auto;
	border-left:1px #32312e solid;
	border-right:1px #32312e solid;
	border-bottom:1px #32312e solid;

}
/*ニュース記事1項目*/
ul.newsbox{
	clear:both;
	padding:5px;
	margin:0;
	height:40px;
	width:360px;
	border-bottom:#999 dashed 1px;
	list-style:none;
}
ul.openhours{
	clear:both;
	list-style:none;
	width:393px;
	padding:0;
	margin:0 0 20px 0;
	min-height:180px;
}

.openhours li{
	float:left;
	border:1px solid #bbbbbb;
    border-left:none;
    padding:5px;
	height:30px;
	width:150px;
	display:block;
}
.margin20{
	margin-top:20px;
}

.openhours li.date{
    border-left:1px solid #bbbbbb;
		width:220px;
}
.news_contents{
	line-height:40px;
	

}
/*ニュース記事1項目　ニュースの写真*/

ul.newsbox li.photo{
	float:left;
	width:40px;
}

/*ニュース記事1項目　ニュースの記事*/
ul.newsbox li.text{
	float:left;
	margin:0 5px 0 5px;
	width:300px;
	line-height:40px;
}

.under a:visited{
	color:#94503F;
}
.under ul{
	padding:0;
	margin:0;
	list-style:none;
}
/*オンラインショップロゴを載せてるボックスです*/
div#footer{
	position:absolute;
	z-index:50;
	padding:0;
	right:0;
	bottom:30px;
	height:60px;
	width:439px;

}
/*twitter facebook ロゴを載せてるボックスです*/

div#footer_link{
	position:absolute;
	z-index:50;
	padding:0;
	left:74px;
	bottom:45px;
	height:60px;
	width:210px;
	color:#FFF;

}
div#footer_link ul{
	list-style:none;
	padding:0;
	margin:10px 0 0 0;
}
div#footer_link ul li{
	float:left;
	margin:0 5px 0 0;
}