@charset "utf-8";

/*共通部分  -----------------------------------------------------*/

body {
	margin:0px;
	padding:0px;
	font-family:Meiryo,'メイリオ','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','Osaka',Tahoma,Helvetica,Arial,Verdana,'ＭＳ Ｐゴシック',sans-serif;
	background-color:#596A72;
	background-image:url(../img/body_b.png) ;
	background-repeat:repeat-x;
	font-size:12px;
	line-height:150%;
}

a{
	overflow:hidden;
	font-size:12px;
	font-weight:bold;
	color:#0000cd;
	text-decoration:underline;
}

a:hover{
	color:#228b22;
}

img {
	border:0px;
}

a img {
	border:0px;
	border-width:0px;
	text-decoration:none;
}

#wrap {
	background-image:url(../img/back.png);
	width: 980px;
	margin:0px auto 0px auto;
	padding:5px 5px 10px 5px;
}

#gekidango-bn {
	margin:0px;
	padding:0px;
	width:980px;
	height:70px;
	background-image:url(../img/g-bn_back.png);
	background-repeat:no-repeat;
}

#dango_logo {
	margin:0px;
	padding:0px;
	width:160px;
	height:65px;
	float:left;
}

#top-bn {
	margin:0px;
	padding:12px 0px 0px 0px;
	width:820px;
	height:53px;
	float:left;
	text-align:right;
}

#top-bn img {
	margin-right:5px;
}

#header{
	margin:0px;
	padding:0px;
	width:980px;
	height:215px;
}

/* Easy Slider */
	#slider{
		width:980px;
		height:215px;
	}
	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:980px;
		height:215px;
		overflow:hidden; 
		}
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}
	#nextBtn, #slider1next{ 
		left:696px;
		}
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;
		}
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;
		}
		
	/* numeric controls */	

	ol#controls{
		margin:-20px 0px 0px 875px;
		padding:0;
		height:15px;
		
		}
	ol#controls li{
		margin:0 5px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:15px;
		line-height:15px;
		font-size:10px;
		}
	ol#controls li a{
		float:left;
		height:15px;
		line-height:15px;
		border:1px solid #ccc;
		font-size:10px;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */

a.totop{
	text-indent:-9999px;
	width:295px;
	height:104px;
	display:block;
	position:absolute;
	top:40px;
	left:35px;
}

#menu {
	margin:0px;
	padding:5px 0px 5px 0px;
	width:980px;
	height:40px;
}

#menu ul{
	margin:0px;
	padding:0px;
	width:980px;
	height:40px;
	background-image:url(../img/menu.gif);
}

#menu li{
	margin:0px;
	padding:0px;
	list-style-type:none;
	float:left;
}

#menu li a{
	display:block;
	margin:0px;
	padding:0px;
	text-indent:-9999px;
}

#menu li a:hover{
	background-image:url(../img/menu_hover.gif);
}

#menu li.mlink01 a{
	width:107px;
	height:40px;
}

#menu li.mlink01 a:hover{
	background-position:0px 0px;
}

#menu li.mlink02 a{
	width:107px;
	height:40px;
}

#menu li.mlink02 a:hover{
	background-position:-107px 0px;
}

#menu li.mlink03 a{
	width:110px;
	height:40px;
}

#menu li.mlink03 a:hover{
	background-position:-214px 0px;
}

#menu li.mlink04 a{
	width:109px;
	height:40px;
}

#menu li.mlink04 a:hover{
	background-position:-324px 0px;
}

#menu li.mlink05 a{
	width:110px;
	height:40px;
}

#menu li.mlink05 a:hover{
	background-position:-433px 0px;
}

#menu li.mlink06 a{
	width:102px;
	height:40px;
}

#menu li.mlink06 a:hover{
	background-position:-543px 0px;
}

#menu li.mlink07 a{
	width:111px;
	height:40px;
}

#menu li.mlink07 a:hover{
	background-position:-645px 0px;
}

#menu li.mlink08 a{
	width:109px;
	height:40px;
}

#menu li.mlink08 a:hover{
	background-position:-756px 0px;
}

#menu li.mlink09 a{
	width:115px;
	height:40px;
}

#menu li.mlink09 a:hover{
	background-position:-865px 0px;
}

#main {
	width:980px;
	margin:0px;
	padding:0px;
}

#dango-main_top {
	float:left;
	margin:0px 0px 0px 0px;
	padding:0px 5px 0px 0px;
	width:670px;
}

div.news-logo {
	margin:0px 0px 0px 5px;
	padding:0px 0px 0px 30px;
	width:70px;
	height:30px;
	line-height:30px;
	background-color:#000000;
	color:#ffffff;
	font-weight:bold;
	text-align:center;
	background-image:url(../img/news-logo.jpg);
	background-repeat:no-repeat;
	float:left;
	display:inline;
}

#news-line {
	margin:0px;
	padding:0px 10px 0px 10px;
	width:538px;
	height:28px;
	border-top:1px solid #000000;
	border-bottom:1px solid #000000;
	background-image:url(../img/news-back.gif);
	float:left;
	text-shadow:2px 1px 4px #999999;
	//-webkit-text-stroke-color:#333333;
	//-webkit-text-stroke-width:1px;
	//-webkit-text-fill-color:#666666;
	color:#333333;
	font-size:12px;
}

#dango-main {
	float:left;
	margin:0px 0px 0px 0px;
	padding:15px 0px 0px 0px;
	width:670px;
	background-image:url(../img/main-back_top.jpg);
	background-position:0px -5px;
	background-repeat:no-repeat;
}

#main-contents {
	background-color:#ffffff;
	background-image:url(../img/main-back_middle.jpg);
	margin:0px;
	padding:0px 20px 0px 20px;
	width:630px;
	height:auto;
}

#dango-main2 {
	float:left;
	margin:0px;
	padding:15px 0px 0px 0px;
	width:825px;
	background-image:url(../img/main-back_top2.jpg);
	background-position:0px -5px;
	background-repeat:no-repeat;
}

#main-contents2 {
	background-image:url(../img/main-back_middle2.jpg);
	margin:0px;
	padding:0px 15px 10px 20px;
	width:790px;
	height:auto;
}

#dango-right2 {
	float:right;
	margin:0px;
	padding:3px 8px 0px 2px;
	width:145px;
}

#dango-right2 img{
	margin-bottom:5px;
}

iframe#main-right2 {
	margin:0px;
	padding:0px;
	border:0px;
	width:145px;
	height:950px;
}

#dango-right {
	float:right;
	width:300px;
	margin:0px;
	padding:0px 5px 0px 0px;
}

iframe#main-right {
	margin:0px;
	padding:0px;
	border:0px;
	width:300px;
	height:2500px;
}

#footer{
	clear:both;
	margin:0px auto 0px auto;
	padding:0px 20px 0px 20px;
	background-color:#000000;
	width:940px;
	height:20px;
	color:#ffffff;
	line-height:20px;
	text-align:right;
}

#ptitle-logo {
	margin:0px 0px 0px 20px;
	padding:15px 0px 0px 35px;
	width:510px;
	height:40px;
	background-image:url(../img/ptitle-logo.png);
	background-position:top left;
	background-repeat:no-repeat;
	color:#330000;
	font-size:22px;
	font-weight:bold;
}

div.link-add {
	margin:0px;
	padding:5px 0px 0px 10px;
	font-size:10px;
	font-weight:bold;
}

div.link-add a {
	font-size:10px;
}

.fontbld {
	font-weight:bold;
}

.other-onna {
	font-weight:bold;
	color:#FF4500;
}

.other-otoko {
	font-weight:bold;
	color:#1E90FF;
}

/*トップページ  -----------------------------------------------------*/
#top_main-left{
	margin:0px;
	padding:0px;
	float:left;
	width:425px;
}


div.info-title {
	margin:10px 0px 10px 0px;
	padding:0px;
	font-size:16px;
	height:30px;
	line-height:32px;
	color:#ff33cc;
	font-weight:bold;
	background-color:#FFF5EE;
}

table.time-t {
	margin:0px 0px 5px 0px;
	width:420px;
	border:1px solid #666666;
	border-spacing: 0px;
	border-collapse:collapse;
	empty-cells:show;
	table-layout:auto;
	background-color:#F0FFF0;
}

table.time-t td {
	border:1px solid #666666;
	padding:2px 5px 2px 5px;
	text-align:center;
}

#blog-rss {
	width:183px;
	margin:0px 0px 10px 0px;
	padding:5px 5px 0px 5px;
	border:1px dotted #cccccc;
	background-color:#FFFAFA;
}

.style_box {
	 margin:0px;
	 padding:0px;
	 width: 183px;
}

.style_box li {
	list-style-type:none;
}

.style_title, style_title a {
	font-size: 12px;
	font-weight:bold;
	margin: 0px 0px 5px 0px;
	padding: 3px;
	letter-spacing: 1px;
	background-color:#D2B48C;
	color:#006400;
}

.style_items {
	margin: 0px;
	padding: 0px;
}

.style_item  {
	margin: 0px;
	padding: 3px;
	font-weight : bold; 
	font-size: 10px;
	color: #000000;
	line-height:12px;
}

.style_item a:link, .style_item a:visited, .style_item a:active {
	font-weight: bold;
	font-size: 10px;
	text-decoration : underline;
	color:#0000cd;
}

.style_item a:hover { 
	font-weight: bold;
	font-size: 10px;
	text-decoration : underline;
	color: #228b22;
}

.style_date {
	font-size: 10px;
	font-weight : normal;
	color: #666666;
}

img.sub-h_m {
	position:absolute;
	width:525px;
	height:115px;
	right:0px;
	top:2px;
}

/*メンバー紹介ページ  -----------------------------------------------------*/
#header-member {
	margin:0px;
	padding:0px;
	width:980px;
	height:120px;
	background-image:url(../img/header-member.jpg);
	background-repeat:no-repeat;
	position:relative;
}

#member-menu {
	margin:0px;
	padding:0px;
	width:790px;
	height:750px;
	background-image:url(../member/img/member.jpg);
}

#member-menu ul {
	margin:0px;
	padding:0px;
	width:790px;
	height:250px;
}

#member-menu li {
	margin:0px;
	padding:0px;
	list-style:none;
	width:158px;
	height:250px;
	float:left;
}

#member-menu li a{
	display:block;
	text-indent:-9999px;
	width:158px;
	height:250px;
}

div.prof-base {
	padding:150px 0px 0px 320px;
	width:450px;
}

div.prof-base2 {
	padding:150px 0px 0px 80px;
	width:450px;
}

table.member-prof {
	margin:0px 0px 30px 0px;
	border-collapse:collapse;
	empty-cells:show;
	width:600px;
}

table.member-prof td.pd1 {
	padding:8px 5px 8px 5px;
	width:100px;
}

table.member-prof td.pd {
	padding:8px 5px 8px 5px;
}

table.member-prof2 {
	margin:0px 0px 30px 210px;
	border-collapse:collapse;
	empty-cells:show;
	width:320px;
}

table.member-prof2 td.pd1 {
	padding:8px 5px 8px 5px;
	width:100px;
}

table.member-prof2 td.pd {
	padding:8px 5px 8px 5px;
}

/*次回公演ページ  -----------------------------------------------------*/
#header-info {
	margin:0px;
	padding:0px;
	width:980px;
	height:120px;
	background-image:url(../img/header-info.jpg);
	background-repeat:no-repeat;
	position:relative;
}

div.koen-title {
	font-size:18px;
	font-weight:bold;
	line-height:22px;
	text-align:center;
	width:610px;
	margin:0px 0px 10px 0px;
	padding:10px 0px 10px 0px;
	border-left:10px solid #cc0000;
	border-right:10px solid #cc0000;
	border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	color:#660000;
}

img.koen-chirashi {
	margin-right:20px;
	float:left;
} 

div.info-bar {
	margin:20px 0px 5px 0px;
	padding:2px 0px 0px 5px;
	border-left:#228B22 10px solid;
	font-weight:bold;
	font-size:16px;
	width:610px;
	height:24px;
	line-height:24px;
	background-color:#E6E6FA;
	color:#4B0082;
}

div.info-bar1 {
	margin:10px 0px 5px 0px;
	padding:0px 0px 0px 5px;
	border-left:#228B22 10px solid;
	font-weight:bold;
	font-size:16px;
	width:290px;
	height:24px;
	line-height:24px;
	background-color:#E6E6FA;
	color:#4B0082;
}

div.info-bar2 {
	margin:10px 0px 5px 0px;
	padding:0px 0px 0px 5px;
	border-left:#FF8C00 10px solid;
	font-weight:bold;
	font-size:16px;
	width:290px;
	height:24px;
	line-height:24px;
	background-color:#FFE4E1;
	color:#B22222;
}

table.kameko-table {
	margin:10px 0px 10px 0px;
	border:1px solid #666666;
	border-collapse:collapse;
	empty-cells:show;
	width:625px;
}

table.kameko-table td {
	border:1px solid #666666;
	padding:5px 2px 5px 2px;
	text-align:center;
}

/*外部活動ページ  -----------------------------------------------------*/
#header-other {
	margin:0px;
	padding:0px;
	width:980px;
	height:120px;
	background-image:url(../img/header-other.jpg);
	background-repeat:no-repeat;
	position:relative;
}

/*劇団概要ページ  -----------------------------------------------------*/
#header-about {
	margin:0px;
	padding:0px;
	width:980px;
	height:120px;
	background-image:url(../img/header-about.jpg);
	background-repeat:no-repeat;
	position:relative;
}

img.dango-logo {
	margin:0px 20px 0px 0px;
	float:right;
}

.about-title {
	color:#D2B48C;
	font-size:22px;
	font-weight:bold;
}

div.about-cap {
	margin:0px 0px 0px 0px;
	font-size:14px;
	font-weight:bold;
	color:#333333;
}

div.gaiyo-kei {
	margin:20px 0px 0px 0px;
	height:4px;
	width:600px;
	border-top:#B22222 2px solid;
	border-bottom:#FFD700 6px solid;
	background-color:#FFA500;
}

div.gaiyo-bar {
	margin:0px 0px 5px 0px;
	padding:2px 0px 2px 5px;
	border-bottom:#008000 3px solid;
	font-size:16px;
	height:20px;
	width:595px;
	line-height:22px;
	background-color:#ffffff;
	font-weight:bold;
}

div.katudo {
	margin:0px;
	padding:5px;
	width:590px;
}

/*bbs  -----------------------------------------------------*/
#header-bbs {
	margin:0px;
	padding:0px;
	width:980px;
	height:120px;
	background-image:url(../img/header-bbs.jpg);
	background-repeat:no-repeat;
	position:relative;
}

iframe.ibbs {
	margin:0px 0px 0px 0px;
	padding:0px;
	width:630px;
	height:780px;
}

/*history  -----------------------------------------------------*/
#header-history {
	margin:0px;
	padding:0px;
	width:980px;
	height:120px;
	background-image:url(../img/header-history.jpg);
	background-repeat:no-repeat;
	position:relative;
}

div.his {
	width:180px;
	border:1px dotted #666666;
	margin:0px 5px 10px 0px;
	padding:10px 5px 10px 5px;
	float:left;
	text-align:center;
	display: inline;
}

div.his2 {
	width:180px;
	border:1px dotted #666666;
	margin:0px 5px 10px 0px;
	padding:10px 5px 10px 5px;
	float:right;
	text-align:center;
	display: inline;
}

.his-title_s {
	font-size:10px;
}

/*リンク  -----------------------------------------------------*/
#header-link {
	margin:0px;
	padding:0px;
	width:980px;
	height:120px;
	background-image:url(../img/header-link.jpg);
	background-repeat:no-repeat;
	position:relative;
}

ul.list-link {
	margin:0px 0px 0px 20px;
	padding:0px 0px 0px 0px;
	width:600px;
}

ul.list-link li{
	margin:0px;
	padding:0px;
	width:200px;
	float:left;
}

/*サポーターズクラブ  -----------------------------------------------------*/
#header-spc {
	margin:0px;
	padding:0px;
	width:980px;
	height:120px;
	background-image:url(../img/header-spc.jpg);
	background-repeat:no-repeat;
	position:relative;
}
