﻿-@charset"UTF-8"

html {overflow-y:scroll;}
/*fierfox linkline out*/
a:focus{/*\*/overflow: hidden;/**/}


body {
  margin: 0px auto;
  padding: 0px;
  :height:100%;
  text-align: center;
  background-image:url(../images/bg.png);
}

body,div,dl,dt,dd,ul,li,h1,h2,h3,h4,h5,h6,table,th,td,iframe,p{margin: 0; padding: 0;}
form,strong{display:block;}
img,iframe {
  margin: 0px;
  padding: 0px;
  border: 0px;
  vertical-align: bottom;
}

ul,li{list-style:none;}

a:link{text-decoration:none;  color:#3399FF;}
a:visited{text-decoration:none; color:#3399FF;}
a:hover{text-decoration:underline;  color:#22457a;}
a:active{text-decoration:underline; color:#22457a;}

img a:link{background-color:#fff; text-decoration:none;}
img a:visited{background-color:#fff; text-decoration:none;}
img a:hover{background-color:#fff; text-decoration:none;}


/* fontset
-----------------------------------------------------------*/
body {
  font-family: Verdana,"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka,'メイリオ', Meiryo,Verdana, "MS P ゴシック", sans-serif ;
  font-size: 15px;
  color: #666;
  line-height:1.7;
  text-decoration: none;
}
/* IE6 */
*html body { font-size: 82%;}
/* IE7 */
*first-child+html body { font-size: 82% ;}

h1,h2,h3,h4,h5,h6 { 
 font-size:82%; 
 font-weight:normal; 
} 
p {
font-size:0.8em
}



/*----twitterサービス--------------------------------------*/

#twitter-box {
	width:610px;
}
#twitter-txt {
	display:block;
	float:right; 
	width:410px; 
	height:260px; 
}
#twitter-txt p {
font-size:1em;
}
#twitter-img{
	display:block;
	float:left; 
	width:190px; 
	height:385px;
	margin-top:10px;
	}


.twitterbox02{
	display:block;
	width:270px;
	background-image:url(../images/twitterbox02.png);
	background-repeat:repeat-y;
	text-align:center;
	}
.twitterbox02-txt{
	width:220px;
	margin:0px auto 0px;
	}
.twitterbox02-txt p {
text-align:left;


}
/* clearfix
-----------------------------------------------------------*/
#contents:after,
#all-wrap-inner:after,
#header-box01:after,
#header-menu ul:after,
#contents:after,
.cl-itembox:after,
#contents-right:after,
#contents-left-l:after,
#contents-left-r:after,
.clr-info:after,
#footer:after,
#web-contents-infobox:after,
.wc-artistbox01:after,
.slider:after,
.blog-cr-title ul:after,
.blog-cr-title ul li:after,
.blog-event-box:after,
#blog-info-title ul:after,
#blog-info-title ul li:after,
.wc-artistbox01-ar:after,
.wc-artistbox-wrap:after,
.wc-guest-info:after,
.artist-achive-box:after
{
content: "."; 
display: block;
clear: both;
height: 0;
visibility: hidden;
}

/* IE6 lte */
* html #contents{height: 1px;}
* html #all-wrap-inner{height: 1px;}
* html #header-box01{height: 1px;}
* html #header-menu ul{height: 1px;}
* html #contents{height: 1px;}
* html .cl-itembox{height: 1px;}
* html #contents-right{height: 1px;}
* html #contents-left-l{height: 1px;}
* html #contents-left-r{height: 1px;}
* html .clr-info{height: 1px;}
* html #footer{height: 1px;}
* html #web-contents-infobox{height: 1px;}
* html .wc-artistbox01{height: 1px;}
* html .slider{height: 1px;}
* html .blog-cr-title ul{height: 1px;}
* html .blog-cr-title ul{height: 1px;}
* html .blog-event-box{height: 1px;}
* html #blog-info-title ul{height: 1px;}
* html #blog-info-title ul li{height: 1px;}
* html .wc-artistbox01-ar{height: 1px;}
* html .wc-artistbox-wrap{height: 1px;}
* html .wc-guest-info{height: 1px;}
* html .artist-achive-box{height: 1px;}
/*---------------------------------------------clearfix end*/


/*header-menu---------*/

#header-box01{
  margin: 0px auto 20px;
  width: 950px;
}

/*header-menu-top*/
#header-menu-top{
float:left;
width: 170px;
height:45px;
}
#header-menu-top ul{
display:block;
width: 170px;
margin: 0;
padding: 0;
text-indent:-9999px ;
}

#header-menu-top li {
display:block;
width:170px;
height: 45px;
overflow: hidden;
}

#header-menu-top li a {
display:block;
width:170px;
height: 45px;
overflow: hidden;
}

/*header-menu*/
#header-menu{
float:right;
width: 720px;
height:45px;
}

#header-menu ul{
display:block;
width: 720px;
margin: 0;
padding: 0;
text-indent:-9999px ;
}

#header-menu li {
display:block;
float:right;
width:170px;
height: 45px;
overflow: hidden;
margin-left:3px;
}
#header-menu li a {
display:block;
width:170px;
height: 45px;
overflow: hidden;
}

#header-menu li#m04 a{left: 0;  background: url(../images/s_topmenu04.png) no-repeat 0px 0px;}
#header-menu li#m01 a{left: 0;  background: url(../images/s_topmenu03.png) no-repeat 0px 0px;}
#header-menu li#m02 a{left: 0;  background: url(../images/s_topmenu02.png) no-repeat 0px 0px;}
#header-menu li#m03 a{left: 0;  background: url(../images/s_topmenu01.png) no-repeat 0px 0px;}
#header-menu-top li#m00 a{left: 0;  background: url(../images/s_topmenu00.png) no-repeat 0px 0px;}

#header-menu li#m04 a:hover{left: 0;  background: url(../images/s_topmenu04.png) no-repeat  0px -45px;}
#header-menu li#m01 a:hover{left: 0;  background: url(../images/s_topmenu03.png) no-repeat  0px -45px;}
#header-menu li#m02 a:hover{left: 0;  background: url(../images/s_topmenu02.png) no-repeat  0px -45px;}
#header-menu li#m03 a:hover{left: 0;  background: url(../images/s_topmenu01.png) no-repeat  0px -45px;}
#header-menu-top li#m00 a:hover{left: 0;  background: url(../images/s_topmenu00.png) no-repeat  0px -45px;}

#header-menu li#m04 a:active{left: 0;  background: url(../images/s_topmenu04.png) no-repeat 0px -45px;}
#header-menu li#m01 a:active{left: 0;  background: url(../images/s_topmenu03.png) no-repeat 0px -45px;}
#header-menu li#m02 a:active{left: 0;  background: url(../images/s_topmenu02.png) no-repeat 0px -45px;}
#header-menu li#m03 a:active{left: 0;  background: url(../images/s_topmenu01.png) no-repeat 0px -45px;}
#header-menu-top li#m00 a:active{left: 0;  background: url(../images/s_topmenu00.png) no-repeat 0px -45px;}

/*main-menu---------*/

#contents-left-l li {
	display:block;
	margin: 0;
	padding: 0;
	text-indent:-9999px ;
	}
#main-menu01 li
	{
	display:block;
	width:200px;
	height:60px;
	overflow:hidden;
	}

#main-menu01 li a
	{
	display:block;
	width:200px;
	height:60px;
	overflow: hidden;
}
#main-menu02 li
	{
	display:block;
	width:200px;
	height:73px;
	overflow:hidden;
	}

#main-menu02 li a
	{
	display:block;
	width:200px;
	height:73px;
	overflow: hidden;
}
#main-menu03 li
	{
	display:block;
	width:200px;
	height:47px;
	overflow:hidden;
	}

#main-menu03 li a
	{
	display:block;
	width:200px;
	height:47px;
	overflow: hidden;
}


#main-menu01 li#mm01 a{left: 0;  background: url(../images/menu01.png) no-repeat 0px 0px;}
#main-menu01 li#mm02 a{left: 0;  background: url(../images/menu02.png) no-repeat 0px 0px;}
#main-menu01 li#mm03 a{left: 0;  background: url(../images/menu03.png) no-repeat 0px 0px;}
#main-menu01 li#mm04 a{left: 0;  background: url(../images/menu04.png) no-repeat 0px 0px;}
#main-menu01 li#mm05 a{left: 0;  background: url(../images/menu05.png) no-repeat 0px 0px;}
#main-menu01 li#mm06 a{left: 0;  background: url(../images/menu06.png) no-repeat 0px 0px;}
#main-menu02 li#mm07 a{left: 0;  background: url(../images/menu-map.png) no-repeat 0px 0px;}
#main-menu02 li#mm08 a{left: 0;  background: url(../images/menu-omiyage.png) no-repeat 0px 0px;}
#main-menu03 li#mm09 a{left: 0;  background: url(../images/menu00-01.png) no-repeat 0px 0px;}

#main-menu01 li#mm01 a:hover{left: 0;  background: url(../images/menu01.png) no-repeat 0px -60px;}
#main-menu01 li#mm02 a:hover{left: 0;  background: url(../images/menu02.png) no-repeat 0px -60px;}
#main-menu01 li#mm03 a:hover{left: 0;  background: url(../images/menu03.png) no-repeat 0px -60px;}
#main-menu01 li#mm04 a:hover{left: 0;  background: url(../images/menu04.png) no-repeat 0px -60px;}
#main-menu01 li#mm05 a:hover{left: 0;  background: url(../images/menu05.png) no-repeat 0px -60px;}
#main-menu01 li#mm06 a:hover{left: 0;  background: url(../images/menu06.png) no-repeat 0px -60px;}
#main-menu02 li#mm07 a:hover{left: 0;  background: url(../images/menu-map.png) no-repeat 0px -73px;}
#main-menu02 li#mm08 a:hover{left: 0;  background: url(../images/menu-omiyage.png) no-repeat 0px -73px;}
#main-menu03 li#mm09 a:hover{left: 0;  background: url(../images/menu00-01.png) no-repeat 0px -47px;}

#main-menu01 li#mm01 a:active{left: 0;  background: url(../images/menu01.png) no-repeat 0px -60px;}
#main-menu01 li#mm02 a:active{left: 0;  background: url(../images/menu02.png) no-repeat 0px -60px;}
#main-menu01 li#mm03 a:active{left: 0;  background: url(../images/menu03.png) no-repeat 0px -60px;}
#main-menu01 li#mm04 a:active{left: 0;  background: url(../images/menu04.png) no-repeat 0px -60px;}
#main-menu01 li#mm05 a:active{left: 0;  background: url(../images/menu05.png) no-repeat 0px -60px;}
#main-menu01 li#mm06 a:active{left: 0;  background: url(../images/menu06.png) no-repeat 0px -60px;}
#main-menu02 li#mm07 a:active{left: 0;  background: url(../images/menu-map.png) no-repeat 0px -73px;}
#main-menu02 li#mm08 a:active{left: 0;  background: url(../images/menu-omiyage.png) no-repeat 0px -73px;}
#main-menu03 li#mm09 a:active{left: 0;  background: url(../images/menu00-01.png) no-repeat 0px -47px;}

/*contents---------*/

#all-wrap {
	clear: both;
	width: 950px;
	text-align:left;
	background:#FFFFFF;
	margin: 20px auto 50px;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
	-webkit-box-shadow: #666 0px 1px 2px;
	-moz-box-shadow: #666 0px 1px 2px;
	box-shadow: #666 0px 1px 2px;
	behavior: url(http://www.koganecho.net/koganecho_bazaar_2010/css/PIE.htc);
}

#all-wrap-inner{
  margin: 0px auto;
  width: 950px;
}

/*header
------------------------------- */

#header-box02 {
  width: 950px;
  height:400px;
  margin:0px;
}

#slider11 {
position:relative;
z-index: 1;
}

#header-img {
  width: 950px;
  height:400px;
  overflow:hidden;
  margin:0px;
}

#header-title01{
	position:absolute;
	z-index: 2;
	margin:-390px 0px 0px -43px; 
	}

#header-title02{
	margin:0px 0px 0px -43px; 
	padding-top:10px;
	}

/*index contents  */
#slider12 {
    width:380px;
	height:171px;
	margin-top:20px;
}
#slider12 img{
    border:none;
	height:171px;
    width:380px;
}
#slider12 ul, #slider12 ul li{
display:block;
	height:171px;
    width:380px;
    margin:0;
    padding:0;
    list-style:none;
    overflow:hidden; 
}
/*contents
------------------------------- */

#contents {
  width: 950px;
}

#contents-left {
	float: left;
	width: 600px;
	margin:20px 0px 0px 30px;
}
.mm10{
margin:3px 0px 3px;
}

/*content ll

共通左カラムメニュー
---------- */

#contents-left-l {
	float:left;
	width:200px;
	margin:0px 0px 0px 0px;
	}
#cll-title{
	margin:0px 0px 10px 0px;
	}
#main-menu01
{
	margin:0px 0px 10px 0px;
	}
#main-menu02
{
	margin:0px 0px 30px 0px;
	}
#contents-left-l ul li{
	margin:0px 0px 3px 0px;
	}
#main-menu03{
	margin:0px 0px 0px 0px;
}
#contents-left-l02 {
	width:200px;
	margin-top:0px;
	padding: 0;
	}
	
/*content lr
---------- */

#contents-left-r {
	float:right;
	width:380px;
	margin:0px 0px 0px 0px;
	}
	
#clr-title{
	margin:0px 0px 10px 0px;
}

#clr-title-hr{
	margin:0px 0px 15px 0px;
}
.clr-info{
	width:380px;
	padding:10px 0px;
	border-bottom:dotted 2px #aaa;
	}
.clr-info-mark{
	float:left;
	width:50px;
	padding:1px 10px 0px 5px;
	margin:0px 0px 0px 0px;
	}
.clr-info-title{
	float:right;
	width:315px;
	margin:0px 0px 0px 0px;
	}
	
	
/*clr-artist-box
------------------------------- */
	
#clr-artist-box{
margin:50px 0px 0px 0px;
width:380px;
overflow:hidden;
}
#clr-artist-title{
margin:0px 0px 10px 0px;
padding:0px;
border-bottom:#ddd 5px solid;
font-size:1em;
font-weight:bold;
}
#clr-artist-box ul{
display:block;
width:380px;
overflow:hidden;
}

#clr-artist-box ul li{
float:left;
width:63px;
height:63px;
margin:0px;
padding:0px;
overflow:hidden;

}


/*content right
------------------------------- */
#contents-right {
	float: right;
	width: 270px;
	margin:20px 30px 0px 0px;
	}
#cr-item01{
	width:270px;
	margin:0px;
	background-image:url(../images/twitterbox02.png);
	background-repeat:repeat-y;
	overflow:hidden;
	}
.cl-item-title{
	margin:0px 0px 10px 0px;
	}
#cr-item01 p {
	margin:10px 20px 20px 20px;
	}
.border-img-end{
	margin-bottom:20px;
	}

	
/*blog contents
------------------------------- */

#blog-contents-left {
	float: left;
	width: 670px;
	margin:20px 0px 0px 30px;
	}

#blog-contents-left-r {
	float:right;
	width:450px;
	margin:0px 0px 0px 0px;
	}

#blog-clr-title{ 
	margin:0px 0px 10px 0px; 
	}
	
.blog-event-box{
	width:450px;
	margin:20px 0px 70px 0px; 
	padding-bottom:0px;
}
.beb-titile{
margin:0px 0px 10px 0px;
padding:0px;
border-bottom:#ddd 5px solid;
font-size:1em;
font-weight:bold;

}
.beb-body{
	width:450px;
	margin:0px 0px 0px 0px; 
}
.beb-body-more{
	margin:20px 0px 30px 0px; 
}


#blog-contents-right {
	float: right;
	width: 200px;
	margin:20px 30px 0px 0px;
	}
#blog-cr-img{
	margin:0px 0px 10px 0px;
}
.blog-cr-title{
	width: 200px;
}
.blog-cr-title ul{
	width:200px;
}
.blog-cr-title ul li{
	clear:both;
	display:block;
	width:200px;
	border-bottom:2px #999999 dotted;
	padding:10px 0px;
}
.blog-cr-title ul li img {
	float:left;
	width:10px;
	height:10px;
	padding:3px 0px;
}
.blog-cr-title p{
	float:right;
	width:186px;
	margin:0px;
	padding:0px;
	font-size:0.7em;

}
#blog-info-title00{
	clear:both;
	width:450px;
	margin:50px 0px 0px 0px; 
	border-bottom:solid 3px #aaa;
	font-weight:bold;
}
#blog-info-title{
	width:450px;
	margin:6px 0px 0px 0px;
}
#blog-info-title ul{
	width:430px;
}
#blog-info-title ul li{
	clear:both;
	display:block;
	width:450px;
	padding:7px 0px;
	border-bottom:dotted 2px #ccc;
}
#blog-info-title ul li img {
	float:left;
	width:10px;
	height:10px;
	padding:5px 0px;
}
#blog-info-title p{
	float:right;
	width:415px;
font-size:0.9em;
}

#category-img {
	margin:0px 0px 50px 0px; 
}

/*web contents
------------------------------- */

#web-contents {
	float: left;
	width: 890px;
	margin:20px 0px 0px 30px;
}

#web-contents-right {
	float: right;
	width: 670px;
	margin:0px;
}

#web-contents-title{ 
	margin:0px 0px 20px 0px; 
}

.web-contents-infobox{
	width: 670px;
	margin:0px 0px 30px 0px;
	}
.web-contents-infotxt{
	width: 580px;
	}
.web-contents-infotxt02{
	width: 600px;
	margin:10px 0px 30px 0px;
	font-size:0.7em;
	}
.web-contents-infotxt03{
	margin:10px 0px 30px 0px;
	}
.web-contents-infoimg02{
	margin:30px 0px 0px 0px;
	}

.web-contents-infoimg{
	clear:both;
	margin:670px;
	margin:20px 0px 0px 0px;
}
#web-contents-infoimg{
	float:left;
	width: 230px;
	}
	
/*artist-achive- */
.artist-achive-box{
	clear:both;
	width:670px;
	margin: 0px 0px 20px 0px;
	padding:0px;
	border-top:#CCCCCC 1px dotted;
}
.artist-achive-box ul{
	display:block;
	width:648px;
	margin:10px;
}
.artist-achive-box ul li,
.artist-achive-box li{
	display:block;
	float:left;
	font-size:0.7em;
}
/*footer
------------------------------- */

#footer {

  margin:100px 30px 0px;
  width: 890px;
  bottom:50px;
  border-top: 1px solid #000;
  font-size:0.6em;
}

#footer-menu{
width:890px;
height:20px;
padding:30px 0px 0px 0px;
}
#footer-menu ul{
display:block;
margin: 0px 0px 0px 10px;
padding: 0;

}
#footer-menu li{
float:left;
height:15px;
margin:0px;
padding:0x;
}
#footer-copy{
text-align:right;
margin:35px 10px 20px 0px;
}


/*right titile archive
------------------------------- */
.all-title{
	padding-bottoml:5px;
	border-bottom:#999 dotted 3px;
	font-size:1.1em;
	font-weight:bold;
}

/*table
------------------------------- */
#tableid{
	margin:0px;
	padding:0px;
	font-size:0.8em;
}
#tableid table{
	width:500px;
}
.id01{
	width:50px;
	height:20px;
}
.id02{
	width:30px;

}
.id03{
	width:350px;

}




