@charset "UTF-8";

*{margin:0;padding:0;font-family:"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック", sans-serif; line-height:1.6em;color:;}
body{background:#FFE37A; background:url(images/bg.jpg) repeat-x; background-color:#cc0000; }
html>/**/body{ overflow-y:scroll;}

/* ======リセット====== */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul,li {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}
/* ======リセット====== */

/* ======標準カラー（ColorName）====== */
.black{color: #000;}
.silver{color: #c0c0c0;}
.gray{color: #808080;}
.white{color: #fff;}
.maroon{color: #800000;}
.red{color: #f00;}
.purple{color: #800080;}
.fuchsia{color: #f0f;}
.green{color: #008000;}
.lime{color: #0f0;}
.olive{color: #808000;}
.yellow{color: #ff0;}
.navy{color: #000080;}
.blue{color: #00f;}
.teal{color: #008080;}
.aqua{color: #0ff;}
.orange{color: #f60;}
/* ======標準カラー（ColorName）====== */

/* ======標準スタイル（太字、斜体、サイズ）====== */
.bold{font-weight: bold;}
.italic{font-style: italic;}
.px8{font-size: 8px; line-height: 120%;}
.px10{font-size: 10px; line-height: 120%;}
.px12{font-size: 12px; line-height: 120%;}
.px14{font-size: 14px; line-height: 120%;}
.px16{font-size: 16px; line-height: 150%;}
.px18{font-size: 18px; line-height: 150%;}
.px24{font-size: 24px; line-height: 150%;}
.px32{font-size: 32px; line-height: 150%;}
.pc60{font-size: 60%; line-height: 100%;}
.pc70{font-size: 70%; line-height: 110%;}
.pc80{font-size: 80%; line-height: 120%;}
.pc85{font-size: 85%; line-height: 120%;}
.pc90{font-size: 90%; line-height: 120%;}
.pc100{font-size: 100%; line-height: 120%;}
.pc110{font-size: 110%; line-height: 110%;}
.pc120{font-size: 120%; line-height: 120%;}
.pc150{font-size: 150%; line-height: 150%;}
.pc180{font-size: 180%; line-height: 180%;}
.pc200{font-size: 200%; line-height: 150%;}
.pc250{font-size: 250%; line-height: 150%;}
.pc300{font-size: 300%; line-height: 150%;}
.pc10 {font-size:77%;} /* for setting 10px */
.pc11 {font-size:85%;} /* for setting 11px */
.pc12 {font-size:93%;} /* for setting 12px */
.pc13 {font-size:100%;} /* for setting 13px */
.pc14 {font-size:108%;} /* for setting 14px */
.pc15 {font-size:116%;} /* for setting 15px */
.pc16 {font-size:123.1%;} /* for setting 16px */
.pc17 {font-size:131%;} /* for setting 17px */
.pc18 {font-size:138.5%;} /* for setting 18px */
.pc19 {font-size:146.5%;} /* for setting 19px */
.pc20 {font-size:153.9%;} /* for setting 20px */
.pc21 {font-size:161.6%;} /* for setting 21px */
.pc22 {font-size:167%;} /* for setting 22px */
.pc23 {font-size:174%;} /* for setting 23px */
.pc24 {font-size:182%;} /* for setting 24px */
.pc25 {font-size:189%;} /* for setting 25px */
.pc26 {font-size:197%;} /* for setting 26px */

/* ======標準スタイル（太字、斜体、サイズ）====== */

#wrap{width:780px;margin:0 auto;padding:0 10px;background:#FFFFFF;}
#header{width:780px;margin:0;padding:0;border-top:10px solid #FF9900;}
#contents{width:780px;margin:0;padding:0;clear:both;}
#category-navi{width:200px;float:left;}
#main-contents{width:560px;float:right;border-left:1px dotted #dcdcdc;margin-bottom:10px;padding-left:10px;}
#main-contents2{width:760px;float:right;border-bottom:1px dotted #dcdcdc;margin-bottom:10px;}
#top-main-contents{/*width:500px;float:left;*/margin-top:0px;margin-bottom:10px;}
#right-contents{width:270px;float:right;margin-top:0px;margin-bottom:10px;}
#single{margin:10px 40px 0px;}
#footer{background:url(images/footer_border.gif) top repeat-x;width:780px;margin:0;padding-top:13px;clear:both;}

hr.clear{clear:both;overflow:hidden;width:1px;height:1px;margin:0 -1px -1px 0;border:0;padding:0;font-size:0;line-height:0;}

/* ======※印====== */
.stamp{text-indent: -1em; padding-left: 1em;}
.stamparasuji{text-indent: -4.5em; padding-left: 0em;padding-left:4.5em;}
/* ======※印====== */

/* ======ヘッダー====== */
#header h1{}
#header strong{color:#996600;font-size:93%; font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";font-weight:normal;}

/***** gnavi *****/

#gnavi{width:780px; height:41px; margin:5px 0px 0px;background:url(images/gnavi.jpg) left top no-repeat;}
#gnavi ul{list-style-type:none;margin:0px;width:760px; padding-left:20px;}
#gnavi li{float: left;}
#gnavi li a{ overflow:hidden;}

.toppage{
display:block;
width:110px;
height:41px;
text-indent:-9999px;
background:url(images/gnavi.jpg) left top no-repeat;
background-position:-20px 0;
}
.toppage:hover{background-position:-20px -41px;}

.about{
display:block;
width:110px;
height:41px;
text-indent:-9999px;
background:url(images/gnavi.jpg) left top no-repeat;
background-position:-130px 0;
}
.about:hover{background-position:-130px -41px;}

.totoami{
display:block;
width:160px;
height:41px;
text-indent:-9999px;
background:url(images/gnavi.jpg) left top no-repeat;
background-position:-240px 0;
}
.totoami:hover{background-position:-240px -41px;}

.member{
display:block;
width:110px;
height:41px;
text-indent:-9999px;
background:url(images/gnavi.jpg) left top no-repeat;
background-position:-400px 0;
}
.member:hover{background-position:-400px -41px;}

.goods{
display:block;
width:150px;
height:41px;
text-indent:-9999px;
background:url(images/gnavi.jpg) left top no-repeat;
background-position:-510px 0;
}
.goods:hover{background-position:-510px -41px;}

.info{
display:block;
width:110px;
height:41px;
text-indent:-9999px;
background:url(images/gnavi.jpg) left top no-repeat;
background-position:-660px 0;
}
.info:hover{background-position:-660px -41px;}

/***

.about{
display:block;
width:110px;
height:41px;
text-indent:-9999px;
background:url(images/gnavi.jpg) left top no-repeat;
background-position:-20px 0;
}
.about:hover{background-position:-20px -41px;}

.totoami{
display:block;
width:150px;
height:41px;
text-indent:-9999px;
background:url(images/gnavi.jpg) left top no-repeat;
background-position:-128px 0;
}
.totoami:hover{background-position:-128px -41px;}

.member{
display:block;
width:110px;
height:41px;
text-indent:-9999px;
background:url(images/gnavi.jpg) left top no-repeat;
background-position:-278px 0;
}
.member:hover{background-position:-278px -41px;}

.work{
display:block;
width:110px;
height:41px;
text-indent:-9999px;
background:url(images/gnavi.jpg) left top no-repeat;
background-position:-388px 0;
}
.work:hover{background-position:-388px -41px;}

.info{
display:block;
width:110px;
height:41px;
text-indent:-9999px;
background:url(images/gnavi.jpg) left top no-repeat;
background-position:-498px 0;
}
.info:hover{background-position:-498px -41px;}
***/

/***** gnavi *****/
/***** パンクズ *****/
#bread{margin:0;font-size:77%}
#bread a{text-decoration:none;color:#333;}
#bread a:hover{text-decoration:underline;color:#333;}
/***** パンクズ *****/
/* ======ヘッダー====== */

/* ======フッター====== */
#footer p{
padding-top:5px;
font-size:77%;
color:#999;
text-align:center;
clear:both;
}

#footer ul{
margin:0px auto;
padding-top:5px;
list-style:none;
text-align:center;
width:600px;
}

#footer li{
float:left;
color:#333;
width:100px;
font-size:77%;
}
.footer{text-align:center;}

#footer a:link{color:#333;text-decoration:none;}
#footer a:visited{color:#333; text-decoration:none;}
#footer a:active{color:#333; text-decoration:underline;}
#footer a:hover{color:#333; text-decoration:underline;}
/* ======フッター====== */

/* ======デザイン====== */
#top-main-contents h3{ background:url(images/news_headline.jpg) left center no-repeat;text-indent:-99999px;width:780px;height:36px;}
#top-main-contents #top-newsarea{border-top:5px solid #CC6600;border-left:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc;background:#FF9999;margin-top:5px;padding:5px 0px 10px;}
#top-main-contents #top-newsarea ul{margin:10px 0px;list-style:none;}
#top-main-contents #top-newsarea li{background:url(images/arrow01.gif) left 10px no-repeat;padding-left:1.5em;margin:0px 1em;color:#FFFFFF;border-bottom:1px dotted #FFFFFF;line-height:1.8em;font-size:116%;list-style:none;}
	#top-main-contents #top-newsarea li a{color:#FFFFFF;text-decoration:none}
	#top-main-contents #top-newsarea li a:hover{color:#FFFFFF;text-decoration:underline;}
#right-contents #pr{background:#f5f5f5;border:1px solid #ccc;padding:5px;}

#category-navi li{font-size:85%;line-height:1.8em;background:url(images/eye_catch1.gif) top left  no-repeat;padding-left:1em;}
*+html body #category-navi li{font-size:85%;line-height:1.6em;background:url(images/eye_catch1.gif) left top no-repeat;padding-left:1em;}
* html body #category-navi li{font-size:85%;line-height:1.6em;background:url(images/eye_catch1.gif) left top no-repeat;padding-left:1em;}
     #category-navi a:link{color:#333;text-decoration:none;}
     #category-navi a:visited{color:#333; text-decoration:none;}
     #category-navi a:active{color:#333; text-decoration:underline;}
     #category-navi a:hover{color:#333; text-decoration:underline;}
#main-contents img{ display:block;text-align:center;margin:0px auto 10px;border:3px double #ccc;}
#main-contents h3{font-size:116%;font-weight:bold;color:#ffa500;}
#main-contents p{font-size:93%;line-height:1.8em;}
#main-contents2 img{ display:block;text-align:center;margin:0px auto 10px;border:3px double #ccc;}
#main-contents2 h3{font-size:116%;font-weight:bold;color:#ffa500;}
#main-contents2 p{font-size:93%;line-height:1.8em;}
#single img{ display:block;text-align:center;margin:0px auto 10px;border:3px double #ccc;}
#single h2{font-size:116%;font-weight:bold;color:#800000;}
#single p{font-size:93%;line-height:1.8em;}

img.img-pankuzu{margin-bottom:10px;}

p.pagetop{font-size:8px;margin-left:500px;color:#fff;clear:both;text-align:center;}
p.pagetop a{background:#ffd700;color:#fff;padding:3px 10px 5px 7px;text-decoration:none;}
p.pagetop a:hover{background:#daa520;padding:3px 10px 5px 7px;text-decoration:none;}

/* ======デザイン====== */

/* ======戸渡阿見紹介====== */
#contents-profile img.prifile-img{width:200px;float:right;margin-left:10px;border:3px double #FFCC00;}
#contents-profile p{font-size:93%;line-height:1.6em;margin-bottom:1em;}
/* ======戸渡阿見紹介====== */

/* ======公演情報====== */
#contents-info h2{font-size:116%;color:#ffa500;font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";clear:both;}
#contents-info h3{font-size:100%;color:c;font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";clear:both;}
#contents-info p{font-size:93%;line-height:1.6em;margin-bottom:1em;}
.imginfo{width:400px;float:left;margin-right:20px;margin-bottom:20px;}

hr.infoline{clear:both;border:1px dotted #ffd700;}

#undernavi ul{margin:10px 0px;}
#undernavi li{font-size:85%;line-height:1.8em;background:url(images/eye_catch1.gif) top left  no-repeat;padding-left:1em;}
     #undernavi a:link{color:#333;text-decoration:none;}
     #undernavi a:visited{color:#333; text-decoration:none;}
     #undernavi a:active{color:#333; text-decoration:underline;}
     #undernavi a:hover{color:#333; text-decoration:underline;}


/* ======公演情報====== */

/* ======劇団紹介====== */
#contents-about p{font-size:93%;line-height:1.8em;margin:10px 2em;}


/* コンテンツ要素					
----------------------------------------------------------- */
#imgMain	{
	width: 500px;
	background:#333;
	margin: 0 auto;
	padding: 10px;
	text-align:center;
}
#imgMain img	{ border: 1px solid #FFF; }

/* scrollable要素					
----------------------------------------------------------- */
#scrollable {
	width: 760px;
	background:url(images/about/bg_or.gif) repeat-y;
	border:1px solid #FFF;
	padding:10px 10px;
	height: 134px;
	margin: 0 auto 15px;
}
/* スクロール表示エリア */
div.items {
	width: 675px;
	height: 124px;
	float:left;
	margin-top:5px;
	_margin-top:8px;
}

/* 画像エリア */
div.items a {
	display:block;
	float:left;
	margin-right:14px;
	_margin-right:10px;
	width: 165px;
	height: 124px;
}

div.items img	{ padding:1px;border: 1px solid #999; }


/* ボタンエリア */
a.prev, a.next {
	display:block;
	width: 30px;
	height: 30px;
	float: left;
	margin: 57px 0 0 0;
	_margin-top:60px;
	cursor:pointer;
}
a.prev	{
	margin-right: 8px;
}

a.prev, a.next {
	background: url(images/about/left.gif) no-repeat 0 0;
	width: 18px;
	height: 18px;
}
a.next {
	background-image:url(images/about/right.gif);		
}
a.prev:hover {
	background-position:0 -18px;		
}
a.next:hover {
	background-position:0 -18px;		
}


/* .navi */
div.navi {
	position:relative;
	top: -490px;
	left: 460px;
	margin-left:-50px;
	width:50px;
	height:0;
}

div.navi span {
	width: 8px;
	height: 8px;
	float: left;
	margin: 3px;
	background: url(images/about/dots.png) 0 0 no-repeat;     
	cursor: pointer;
	_font-size:7px;
}

div.navi span:hover {
	background-position:0 -8px;      
}

div.navi span.active {
	background-position:0 -16px;     
}

div.navi:after	{ height:0;	visibility: hidden;	content: ".";	display: block;	clear: both; }

/* ======劇団紹介====== */

/* ======団員紹介====== */
#contents-member{clear:both;background:url(images/member_bg.jpg) right bottom no-repeat;}
#contents-member h4{font-weight:bold;color:#cc6600;}
#contents-member ul{margin-left:160px;font-size:93%;}#contents-member li{line-height:1.2em;}
#contents-member p{margin-left:160px;font-size:93%;line-height:1.2em;}
#contents-member .left{width:390px;float:left;margin-bottom:10px;}
#contents-member .left img{width:150px;float:left;margin-right:10px;border:3px double #FFCC00;}
#contents-member h4{font-weight:bold;}
#contents-member .right{width:390px;float:right;margin-bottom:10px;}
#contents-member .right img{width:150px;float:left;margin-right:10px;border:1px double #FFCC00;}
/* ======団員紹介====== */

#single p{font-size:93%;line-height:1.6em;margin-bottom:10px;}
#single h2{font-size:108%;font-weight:bold;color:#ffa500;font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3"}
#single h3{font-size:100%;font-weight:bold;color:#ffa500;font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3"}
.workimg{margin-bottom:10px;border:3px double #ccc;}