@charset "UTF-8";
/*
Theme Name:kaze-net
Theme URI: http:www.kaze-net.org
Description:kazeで使用するテーマです。
Author:H.K
Version: 1.0
template:mytheme
*/
@import "css/navi.css";
@import "css/index.css";
@import "css/top.css";
@import "css/kaze.css";
@import "css/repertory.css";
@import "css/festival.css";
@import "css/education.css";
@import "css/member.css";
@import "css/history.css";
@import "css/nyudan.css";
@import "css/link.css";
@import "css/sakura.css";
@import "css/bunka.css";
@import "css/diary.css";
@import "css/access.css";
@import "css/ticket.css";
@import "css/atelier.css";
@import "css/bbs.css";

@import "css/test_sakura.css";

@import "css/history_test.css";

/* =========================================== */
A:link { color: #b69d80; text-decoration: underline; }
A:visited { color: #b69d80; text-decoration: underline; }
A:active { color: #FF9900; text-decoration: underline; }
A:hover { color: #FF9900; text-decoration: underline; } 

h1 { margin: 0px; border: 0px; font-weight: normal;}
h2 { margin: 0px; border: 0px; font-weight: normal;}
h3 { margin: 0px; border: 0px; font-weight: normal;}
p { margin: 0px; border: 0px; font-weight: normal;}

.red { color: #FF0000; }
.green { color: #009966; }
.gray { color: #999; }

.c1 { font-size: xx-small; }
.c2 { font-size: x-small; }
.c3 { font-size: small; }
.c4 { font-size: medium; }
.c5 { font-size: large; }
.c6 { font-size: x-large; }
.c7 { font-size: xx-large; }

body {
	font-size: 13px; /**/
	font-size: 80%; /*IE 7*/
	font:80%; /*IE 6*/
	text-align: center; line-height: 180%; color: #CCC; 
	font-family: "ＭＳ Ｐ明朝", "平成明朝", "Garamond", "Times",  serif;
}

/* =========================================== */
/* ALL - wrapper
/* =========================================== */
#wrapper { width: 100%; text-align: center; margin: 0 auto;}

/* =========================================== */
/* ALL - page
/* =========================================== */
.ptitleimg { clear: both; margin: 0 auto; margin: 0 0 15px 0; border:0px;}

.mb2 { clear: both; margin-bottom: 2px; border: 0px;}
.mb5 { clear: both; margin-bottom: 5px; border: 0px;}
.mb10 { clear: both; margin-bottom: 10px; border: 0px;}
.mb20 { clear: both; margin-bottom: 20px; border: 0px;}
.mb30 { clear: both; margin-bottom: 30px; border: 0px;}

#left{
	float:left; 
}
#right{
	float:right; 
}
.clearthis { clear: both; margin: 0; }
.center { clear: both; margin: 0 auto; text-align: center; }
.right { clear: both; margin: 0 auto; text-align: right; }


/* =========================================== */
/* ALL - header
/* =========================================== */
#headerbg {
	background-color:#FFF; background-repeat:repeat-x
}
#header{
    position:relative; height:85px;
	background-color:#FFF; padding: 5px 0px 0px 0px;
    text-align: left; 
}

#header h1{ margin:0; padding:0; text-indent:-9999px; }

#header_logo a{
	display:block; width:515px; height:85px; 
	background:url(imgs/header.gif) no-repeat;
}
#header_logo a:hover {
	background:url(imgs/header.gif) no-repeat;
} 
#header_logo img{border: none;}

/* =========================================== */
/* footer
/* =========================================== */
#footer {
    clear: both; margin: 0 auto; padding-top: 20px;
}
#footer .footmenu { 
    width: 1000px; margin: 0 auto; text-align:right; clear: both; padding: 0; 
}

#footer .footmenu A:link { color:#b69d80; text-decoration: underline;}
#footer .footmenu A:visited { color:#b69d80; text-decoration: underline;}
#footer .footmenu A:active { color:#FF9900; text-decoration: underline;}
#footer .footmenu A:hover { color:#FF9900; text-decoration: underline;}

.footcopy { 
    width: 1000px; margin: 0 auto; text-align: right; line-height: 120%; padding-bottom: 10px;
}	

/* =========================================== */
/* footer
/* =========================================== */
#access #footer {
    clear: both; margin: 0 auto; padding-top: 30px; color:#000;
}
#access #footer .footmenu { 
    width: 1000px; margin: 0 auto; text-align:right; clear: both; padding: 0; 
}	

/* =========================================== */
/* txt
/* =========================================== */

.txt_ej { text-align: right; font-weight: bold; color:#F90; font-family: "ＭＳ Ｐ明朝", "平成明朝", serif;}
.txt_ej A:link { color: #b69d80; text-decoration: underline; }
.txt_ej A:visited { color: #b69d80; text-decoration: underline; }
.txt_ej A:active { color: #FF9900; text-decoration: underline; }
.txt_ej A:hover { color: #FF9900; text-decoration: underline; } 

.txt { text-align: left; margin: 0;}

.txt_pname {
	font-weight: bold; font-size: 11px; text-align: left; padding: 0px 0 30px 0px; color: #d0c1a3; 
}
.txt_pname2 {
	font-weight: bold; font-size: 11px; text-align: left; padding: 0px 0 30px 0px; color: #966831; 
}

/*
.left_link { text-align: right; color:#e3cb89; line-height: 130%; margin-bottom: 10px; font-family: "ＭＳ Ｐ明朝", "平成明朝", serif;}
.left_link A:link { color: #b69d80; text-decoration: underline; margin-bottom: 10px; }
.left_link A:visited { color: #b69d80; text-decoration: underline; margin-bottom: 10px; }
.left_link A:active { color: #FF9900; text-decoration: none; margin-bottom: 10px; }
.left_link A:hover { color: #FF9900; text-decoration: none; margin-bottom: 10px; } 

.left_txt { text-align: left; color:#e3cb89; line-height: 130%; margin-bottom: 15px; font-family: "ＭＳ Ｐ明朝", "平成明朝", serif;}
.left_txt A:link { color: #f9c059; text-decoration: underline; }
.left_txt A:visited { color: #f9c059; text-decoration: underline; }
.left_txt A:active { color: #c39239; text-decoration: none; }
.left_txt A:hover { color: #c39239; text-decoration: none; } 

.rr_txt { color:#e3cb89; line-height: 130%;}
.rr_txt A:link { color: #e3cb89; text-decoration: underline; }
.rr_txt A:visited { color: #e3cb89; text-decoration: underline; }
.rr_txt A:active { color: #a39271; text-decoration: none; }
.rr_txt A:hover { color: #a39271; text-decoration: none; } 

.txt_t { text-align: left; margin: 0 0 10px 0; font-weight: bold; }

.txt_m { text-align: left; margin: 0 0 15px 0;}
.txt_m2 { text-align: left; margin: 0 0 60px 0; }

.txt_m4 { text-align: left; margin: 0 0 15px 15px;}

p.cap{ padding-left:1em; text-indent:-1em; }

.txt_rep_t { 
    text-align: left; margin: 0 0 0 0; padding: 0 0 3px 0; font-size: 120%; font-weight: bold;
}

.txt_cast { text-align: left; margin: 0 0 15px 10px; line-height: 140%; color:#CCC; border-top:#614342 1px dashed; }

.right_txt { text-align: left; color:#e3cb89; line-height: 130%; margin-bottom: 15px;}

.txt_ti { 
    text-align: left; margin: 0 0 30px 0; color:#2b0502; font-weight: bold; font-size: 14px; line-height: 180%;
}

.txt_m_ti2 { text-align: left; margin: 0 0 15px 10px; color:#2b0502; line-height: 150%}

.txt_yel { text-align: left; margin: 0; color:#FC0; }
.txt_yel2 { text-align: left; margin: 0; color:#00ffff; }

.txt_red { 
    text-align: left; margin: 0 0 15px 0; color:#9d0415; font-weight: bold; font-size: 14px; line-height: 180%;
}
.txt_red2 { 
    text-align: left; margin: 0 0 15px 0; color:#9d0415; 
}
.txt_atelier_t { text-align: left; margin: 20px 0 5px 0; color:#0033cc; font-weight: bold; font-size:120%;}

.hissu { 
    text-align: left; margin: 0 0 15px 0; color:#FF0000; 
}
.asta { 
    text-align: left; color:#993300; font-weight: bold; margin-left: 5px; 
}
.mem_na {
    text-align: left; color:#e3cb89; font-weight: bold; margin: 0 0 10px 0; padding: 0 0 0 10px;
	border-left:#F90 10px solid; border-bottom:#F90 2px solid; font-size: medium;
}*/

/* =========================================== */
/* pagetop
/* =========================================== */
.pagetop { text-align: right; margin-bottom: 5px; margin-right: 10px; }
.pagetop A:link { color:#b69d80; text-decoration: underline;}
.pagetop A:visited { color:#b69d80; text-decoration: underline; }
.pagetop A:active { color:#FF9900; text-decoration: underline; }
.pagetop A:hover { color:#FF9900; text-decoration: underline;}

/* =========================================== */
/* hr
/* =========================================== */
hr{ display: none;}
div.cya { border-bottom: solid 5px #b69d80; margin: 5px 0 5px 0;}
div.ao { border-bottom: solid 5px #1e2188; margin: 5px 0 5px 0;}
div.mido { border-bottom: solid 1px #8fb786; margin: 30px 0 30px 0;}
/*div.cya2 { border-bottom: solid 5px #1e2188; margin: 5px 0 5px 0;}*/
div.none { border-bottom: solid 1px #023f71; margin: 5px 0 5px 0;}
div.none2 { border-bottom: solid 1px #023f71; margin: 10px 0 10px 0;}
div.none3 { border-bottom: solid 1px #023f71; margin: 20px 0 20px 0;}
div.repa { border-bottom: solid 1px #5b1312; margin: 0 0 20px 0;}

div.ore { border-bottom: solid 2px #ff9900; margin: 20px 0 20px 0;}
div.brown { border-bottom: solid 2px #a4691d; margin: 20px 0 20px 0;}
div.blue { border-bottom: solid 2px #043592; margin: 20px 0 20px 0;}
div.white { border-bottom: solid 5px #bababa; margin: 5px 0 0 0;}

div.mem { border-bottom: solid 10px #9a5725; margin: 0;}

/* =========================================== */
/* bigPicture
/* =========================================== */
/* SLIMBOX */

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(imgs/slim/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(imgs/slim/prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(imgs/slim/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(imgs/slim/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}

/*--kazeme---------------------------------------*/
ul#kazeme{
	padding-left:0;
	width:550px;
	margin:0 auto;}
.kaze_main{
	width:500px;
	padding-right:20px;
	margin:0 auto;}
#kazeme li{
	margin:5px;
	float: left;
	border:2px solid #330000;}

/* thats all you NEED to edit. But continue if you'd like. */
ul#repertoryme li img{position:relative;cursor:pointer;}
.pika_main img{border:5px solid #330000;}
.pika_main{position: relative;margin:0 auto;}
.pikachoose li{float:left;position:relative;overflow:hidden;list-style:none;}
.pika_play{position:absolute;top:10px;right:20px;z-index:1;}
.pika_play a{position:relative;margin-left:auto;cursor:pointer;}
.pika_play img{border:none !important;}
.pika_caption{width:100%;height:10px;text-align:center;}
.pika_navigation a{font-size: 12px;color:white;text-decoration: none;}
.pika_navigation a:hover{text-decoration: underline;}
.pika_navigation{padding-top:10px;clear:both;text-align:center;}

.rep_table01 { 
    clear: both; width: 230px; height: 364px; text-align: left; border: none; color: #ebebeb; margin-bottom: 60px;
}
.rep_table01 td {
	width: 230px; height: 364px; text-align: left; vertical-align: top; padding: 0;
}

.ptable { 
    clear: both; width: 750px; text-align: left; border: none; color: #ebebeb; 
}
.ptable th {
	width: 560px; margin: 0 auto; text-align: center; vertical-align: top;
}
.ptable td {
	width: 180px; text-align: right; vertical-align: top; padding: 0 10px 0 0;
}

#repertory div.bar { border-bottom: solid 5px #b69d80; margin: 5px 0 5px 0;}

/*--lightbox---------------------------------------*/
ul.reperthumb {
	width:170px;
	font-size:x-small;
	line-height:1.3em;
	text-align:center;
	list-style:none;
	margin-bottom:0; margin: 0 auto; padding:0 0 10px 0;
}

ul.reperthumb li {
	width:45px; height:34px; margin:2px; padding:0;
	float:left;
	display:block; border:2px solid #ff9900;
}