/*プリセット*/
*{ margin: 0; padding: 0; }
body{
	font-family:"san-serif", "ＭＳ Ｐゴシック", "Osaka";
	margin: 0px;
	padding: 0px;
	color:#333333;
	background: #EEEEEE;
	line-height: 1.5;
	text-align: center;
	letter-spacing: 0px;
}
div,table,ul,li,p{ margin: 0px; padding: 0px; }
html{ overflow-y: scroll; }
h1,h2,h3,h4,h5,h6{ margin: 0px; padding: 0px;}
h2.title{
	line-height: 1em;
	padding: 20px 10px 20px;
}

div.section h3 {
	margin: 0;
	padding: 7px 10px;
	border-bottom: 1px #c0c0c0 solid;
	font-size: 100%;
	background-color: #f9f9f9;
	background-image: url(../img/maru_w700_top.gif);
	background-repeat: no-repeat;
	background-position: top;
}

h4.tk {
    border-style: solid; 
	border-color: #000099; 
	border-width: 1px 1px 1px 5px; 
	padding: 5px 10px; 
	margin-bottom: 1em; 
	background-image: url(../img/bg/bg02.gif); 
	font-size: 15px;	
}


img { border: 0; margin: 0px; line-height: 0px; }

a:link { color: #000099; }
a:visited { color: #000099; }
a:hover { color: #000099; }
a:active { color: #000099; }

/* 大外枠*/
#container{
	width: 800px;
	margin: 10px auto;
	text-align: left;
	background: #FFFFFF;
}

/*ヘッダー*/
#header {
	width: 800px;
	text-align: center;
	background-image: url(../img/stripe3.gif);
	background-repeat: repeat-x;
	background-position: top;
}
#header .inner{
	padding: 30px 13px 0px;
	overflow: hidden;
}

.slash01 {
	background:
url(../img/slash_y.gif) no-repeat;
	height: 10px;
	margin: 5px 0px 0px;
}

div#logo_agora {
	text-align:left;
	vartical-align:top;
	width: 289px;
	height: 30px;
	float: left;

	}
div.search {
	text-align:right;
	vartical-align:bottom;
	width: 485px;
	height: 30px;
	float :left;
}

/*現在の公演情報*/
#headerNav {
	width: 800px;
	text-align: center;
	background: #FFFFFF;
	clear :both;
}
#headerNav .inner{
	padding: 0px;
	overflow: hidden;
	margin: 0px 13px;
}


/*バナー*/
#extra {
	width: 800px;
	text-align: center;
	border-bottom: thin solid #999999;
	background: #FFFFFF;
}
#extra .inner {
	padding-right: 13px;
	padding-left: 13px;
	margin-bottom: 13px;
}
/*コンテンツ　左が#nav　右が#main*/
#contents{
	width: 800px;
	background: #FFFFFF;
	text-align: center;
}
#contents .inner{ padding: 13px; }

#nav { float: left; display:inline; width: 265px; background: #FFFFFF; }
#nav .inner{ padding: 0px 8px 13px 13px; }
#nav ul { list-style-type: none; }

#main {
	float: right;
	display:inline;
	width: 530px;
	text-align: left;
	background: #FFFFFF;
}
div#main div.inner{ 
    padding: 0px 13px 13px 0px;
}
div#main div.info {
    width:517px;
	font-size:0.8em;
}
div#main div.info p.left{
	display:inline;	
	width:50px;
	float:left;
	vertical-align: top;
	padding:0px 5px;
}
div#main div.info p.right{
    display:inline;
	width:467px;
}
div#main div.info p.right img{
    padding-bottom:5px;
}

.border-b{
    padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px dotted #333;
}


div#main table#info { width:517px; border:0;}

div#main table#info th{
	width:50px;
	vertical-align: top;
	padding-right: 5px;
	padding-left: 5px;
	}
div#main table#info td{ 
    width:467px;
	text-align: left;
	vertical-align: top;
	}

div#main table#info p { margin-top:5px;}


/*サブページ*/
.contents01{ width: 800px; background: #FFFFFF; float: left; text-align: center; padding-top:20px;}
.contents02{
	width: 774px;
	background: #FFFFFF;
	float: left;
	text-align: left;
	padding:20px 13px;
}
.nav01 { float: left; width: 200px; background: #FFFFFF; }
.main01 { float: left; width: 550px; background: #FFFFFF; }

/*法人会員*/
#extra2 {
	width: 800px;
	text-align: left;
	clear: both;
	background: #FFFFFF;
}
#extra2 .inner {
	padding: 26px 13px 13px;
}

/*フッター　ストライプとコピーライト*/
#footer {
	width: 800px;
	text-align: left;
	margin: 0pxpx;
	background-color: #EEEEEE;
	clear: both;
}
#footer .inner{
	padding-top: 30px;
	padding-bottom: 20px;
	background-image: url(../img/stripe3.gif);
	background-repeat: repeat-x;
	background-position: top;
	overflow: hidden;
}



/*リストスタイルのリセット*/
.list-reset ul {list-style: none; padding: 0; margin:0; }
.list-reset li {list-style: none; padding: 0; margin:0; }


/*テキスト*/
.txt{ font-family:"sans-serif", "ＭＳ Ｐゴシック", "Osaka"; 
      font-size: 80%; 
	  font-style: normal; 
	  line-height: 160%; 
	  font-weight: normal; 
	  color: #333333}

.txt2{
	font-family:"sans-serif", "ＭＳ Ｐゴシック", "Osaka";
	font-size: 75%;
	font-style: normal;
	line-height: 140%;
	font-weight: normal;
	color: #333333;

}
.txt3{
	font-family:"sans-serif", "ＭＳ Ｐゴシック", "Osaka";
	font-size: 70%;
	font-style: normal;
	line-height: 120%;
	font-weight: normal;
	color: #333333;
}
.txt4{
	font-family:"sans-serif", "ＭＳ Ｐゴシック", "Osaka";
	font-size: 65%;
	font-style: normal;
	line-height: 120%;
	font-weight: normal;
	color: #333333;
}
.txt5{
    font-family:"sans-serif", "ＭＳ Ｐゴシック", "Osaka"; 
	font-size: 80%; font-style: normal; line-height: 130%; font-weight: normal; color: #333333
	}

.title { font-size: 200%; font-style: normal; line-height: 130%; font-weight: bold; font-variant: normal; color: #333333}
.title1 { font-size: 180%; font-style: normal; line-height: 130%; font-weight: bold; font-variant: normal; color: #333333}
.title2 { font-size: 160%; font-style: normal; line-height: 130%; font-weight: bold; font-variant: normal; color: #333333}
.title3 { font-size: 150%; font-style: normal; line-height: 130%; font-weight: bold; font-variant: normal; color: #333333}
.title4 { font-size: 140%; font-style: normal; line-height: 130%; font-weight: bold; font-variant: normal; color: #333333}
.title5 { font-size: 130%; font-style: normal; line-height: 130%; font-weight: bold; font-variant: normal; color: #333333}
.title6 { font-size: 120%; font-style: normal; line-height: 130%; font-weight: bold; font-variant: normal; color: #333333}


.capt {  font-family: "ＭＳ Ｐゴシック", "Osaka"; font-size: 10px; font-style: normal; line-height: 15px; font-weight: normal; color: #666666}
.capt_k {  font-family: "ＭＳ Ｐゴシック", "Osaka"; font-size: 10px; font-style: normal; line-height: 15px; font-weight: normal; font-variant: normal; color: #333333}


.small { color: #ffffff; font-size:70%;line-height:120%;}
.small2 { color: #222222; font-size:80%;line-height:120%;}
.small2a { font-size:80%;line-height:120%;}
.small3 { color: #222222; font-size:95%;line-height:120%;}



.sientitle{ font-size: 24px; font-style: normal; line-height: 30px; font-weight: bolder; font-variant: normal; color: #333333}


/*余白*/
.pad { padding: 10px;}
.pad1 { padding: 20px;}
.pad2 { padding: 10px; color:#ffffff; background-color:#6666ff;}
.pad03 { padding: 20px 0px; }
.pad04 { padding-top: 20px; }
.pad05 { padding-top: 10px; }

table.padTD td { padding: 5px; }

/*マージン*/
.mrgn{ margin: 3px 30px;}/*上下と左右*/
.mrgn0{ margin: 10px;}
.mrgn0-1{ margin: 20px;}
.mrgn1{ margin: 10px 0px 0px;}/*上*/
.mrgn2{ margin: 0px 0px 10px;}/*下*/
.mrgn3{ margin: 20px 0px 0px;}/*上*/
.mrgn4{ margin: 0px 0px 20px;}/*下*/
.mrgn5{ margin: 5px 5px 0px 10px;}
.mrgn6{ margin: 0px 0px 5px;}/*下*/

.emph{ padding: 10px 20px; margin: 1px; line-height: 1.5em;	letter-spacing: 0.05em; background-color: #ffffff; color: #000000; border-style : solid; border-width: 1px; border-color: #0000ff;}
.emph1{ padding: 1px; margin: 2px; color:#000000; background-color:#80ff00;}
.emph2{ padding: 2px; margin: 2px; color:#ffffff; background-color:#333333;}

/*ドット*/
.dot { background: url("http://www.komaba-agora.com/data/dot.jpg") repeat-x ; }
.dot_mini { background: url("http://www.komaba-agora.com/data/dot_mini.gif") repeat-x center center; }

/*ボックス*/
.border { padding: 5px;	border: thin solid #999999; }

a.button:link {padding: 100%; background-color: #8000ff; color: #ffffff; text-decoration: none;}
a.button:visited {padding: 100%;  background-color: #8000ff; color: #ffffff; text-decoration: none;}
a.button:active {padding: 100%;  background-color: #8000ff; color: #ffffff; text-decoration: none;}
a.button:hover {padding: 100%;  background-color: #800099; color: #ffffff; text-decoration: none;}

A.ex:link { color: #ffffff;text-decoration:underline;}
A.ex:visited { color: #eeeeee;text-decoration:underline;}
A.ex:active { color: #FF00FF;text-decoration:none;}
A.ex:hover { color: #ffffff;text-decoration:none;}

A.notice:link { color: #339900;text-decoration:underline; border-bottom :none;}
A.notice:visited { color: #339900;text-decoration:underline; border-bottom :none;}
A.notice:active { color: #FF00FF;text-decoration:none;border-bottom :none;}
A.notice:hover { color: #ff0000;text-decoration:none;border-bottom :none;}

a.btn:link { background-color: #0099ff; color: #ffffff; text-decoration: none; border-style : solid; border-width: 1px; border-color: #000000; padding: 2px;}
a.btn:visited { background-color: #ff9933; color: #ffffff; text-decoration: none; border-style : solid; border-width: 1px; border-color: #000000; padding: 2px;}
a.btn:active { background-color: #ffcc00; color: #ffffff; text-decoration: none; border-style : solid; border-width: 1px; border-color: #000000; padding: 2px;}
a.btn:hover { background-color: #000099; color: #ffffff; text-decoration: none; border-style : solid; border-width: 1px; border-color: #000000; padding: 2px;}

/*#navのリスト*/
#menu {
	display: block;
	margin: 3px 0px;
	background-color: #ffffff;
	color: #000066;
	text-decoration: none;
	text-align: left;
	border: 1px solid #999999;
	background-image: url(../data/point.gif);
	background-repeat: no-repeat;
	background-position: 3px center;
	padding: 0px 0px 0px 15px;
}
#menu a{
	display: block;
	padding: 2px 3px;
	color: #000066;
	text-decoration: none;
}
#menu a:hover{
	background-color: #000099;
	color: #FFFFFF;
}

#menu2 {
	display: block;
	padding: 3px 5px;
	margin: 8px 0px 0px;
	background-color: #999999;
	color: #FFFFFF;
	text-decoration: none;
	text-align: left;
	border: 1px solid #999999;
	vertical-align: middle;
}
#menu2-top {
	display: block;
	padding: 3px 5px;
	margin: 0px;
	background-color: #999999;
	color: #FFFFFF;
	text-decoration: none;
	text-align: left;
	border: 1px solid #999999;
	vertical-align: middle;
}

table#lineup td { padding: 4px }



blockquote{ margin: 20px;}
bq1{
	margin: 20px;
	background: #E4F9E5;
}

.copyright {
	font-size: 60%;
	line-height: 120%;
	color: #333333;
	margin: 10px 13px;
}

.description {
	font-size: 60%;
	line-height: 1.2em;
	color: #660000;
}

.txtLEAD {
	font-size: 75%;
	line-height: 1.5em;
	font-weight: normal;
	color: #000099;
}
.right { text-align: right; }
.left { text-align: left; }
.center { text-align: center; }


/* --- 角丸ボックスw700 --- */
div.section {
	width: 700px;
	padding-bottom: 1px;
	font-size: 80%;
	color: #000000;
	background-color: #ffffff;
	background-image: url(/img/maru_w700_bottom.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

/* --- ボックス内の段落 --- */
div.section p {
    margin: 1em 15px; /* 段落のマージン（上下、左右） */
}

/* --- 文化庁ロゴ --- */
#bunkacho {
	background: url(../img/logo_bunkacho.gif) no-repeat left center;
	padding: 0px 0px 0px 45px;
	height: 35px;
}

/*角丸の設定*/
.r{display:block}
.r *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#F9F9F9}
.r1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #fcfcfc;
  border-right:1px solid #fcfcfc;
  background:#fafafa}
.r2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #fefefe;
  border-right:1px solid #fefefe;
  background:#fafafa}
.r3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #fafafa;
  border-right:1px solid #fafafa;}
.r4{
  border-left:1px solid #fcfcfc;
  border-right:1px solid #fcfcfc}
.r5{
  border-left:1px solid #fafafa;
  border-right:1px solid #fafafa}
.rg{ background:#F9F9F9; font-style: normal; line-height: 160%; font-weight: normal; color: #333333; padding: 13px 18px 13px 20px; }









/* ---クリアフィックス--- */
.clearfix:after {
content:".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
display: inline-table;
min-height:1%;
}
/*Mac IE に適用させないための設定*/
*html .clearfix {/*セレクタの前に「*htm」1がつくとIE6以前のみに適用される*/
height: 1%;
}
.clearfix {
display:block;
}