/***********************************************************
		初期宣言
***********************************************************/

@import url("default.css");
@import url("color.css");

/***********************************************************
		ボディ
***********************************************************/

body {
	font-size: 87.5%;
	font-family: "ＭＳ Ｐゴシック",sans-serif;
	line-height: 1.4em;
	text-align: left;
}

#wrapper {
	position: relative;
	width: 940px;
	height: auto;
	margin: 0 auto;
	padding: 0 0 20px;
	background-image: url(../img/bg.gif);
	background-position: center;
	background-repeat: repeat-y;
	text-align: left;
}

/***********************************************************
		ヘッダー
***********************************************************/

#header {
	width: 900px;
	height: 94px;
	margin: 0 20px;
	background-image: url(../img/header_bg.gif);
	zoom: 100%;
}

#header .logo {
	display: block;
	position: absolute;
	top: 16px;
	left: 40px;
	width: 66px;
	height: 66px; 
	margin-left: 20px;
	background-image: url(../img/logo.gif);
}

#header .fpap {
	display: block;
	position: absolute;
	top: 43px;
	left: 116px;
	width: 154px;
	height: 41px;
	margin-left: 20px;
	background-image: url(../img/fpap.gif);
}

#header_navi {
	display: block;
	position: absolute;
	top: 10px;
	left: 695px;
	width: 205px;
	height: 20px;
	background-image: url(../img/button_h.gif);
	background-position: right top;
	background-repeat: no-repeat;
	text-align: right;
}

#header_navi a {
	display: block;
	float: left;
	width: 95px;
	height: 20px;
}

#header_banner {
	display: block;
	position: absolute;
	top: 48px;
	left: 695px;
	width: 205px;
	heigh: 30px;
}

#header h1 {
	display: block;
	position: absolute;
	top: 21px;
	left: 135px;
	font-size: 15px;
	font-weight: bold;
	width: 596px;
}

#header h1 a {
	text-decoration: none;
	color: #000000;
}

#header:after {
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}

#global_navi {
	width: 900px;
	margin: 0 20px;
	background-image: url(../img/navigation.gif);
	zoom: 100%;
}

#global_navi ul {
	list-style-type: none;
	position: relative;
	height: 30px;
	font-size: 14px;
	font-weight: bold;
}

#global_navi li {
	float: left;
	text-align: center;
}

#global_navi a {
	display: block;
	height: 14px;
	padding-top: 6px;
	text-decoration: none;
}
#global_navi .nw {
	width: 150px;
}
#global_navi .at {
	width: 150px;
}

#global_navi a:hover {
/*	background-image: url(../img/nv_hoovgif.gif); */
	text-decoration: none;
}

#global_navi:after {
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}

/***********************************************************
		フッター
***********************************************************/

#footer {
	clear: both;
	width: 900px;
	height: 60px;
	margin: 20px 20px 0;
	background-image: url(../img/footer_bg.gif);
	background-repeat: no-repeat;
	font-size: 14px;
}

#footer p {
	float: left;
	padding: 22px 62px;
}

#footer img {
	float: right;
	margin-top: 24px;
	margin-right: 16px;
}

/***********************************************************
		サイド
***********************************************************/

#side {
	float: right;
	width: 200px;
	height: auto;
	margin: 10px 40px 0 0;
	padding-top: 20px;
	text-align: center;
	overflow: hidden;
}

*html #side {
	margin-right: 10px;
}

#side h4 {
	width: 200px;
	height: 18px;
	margin-bottom: 10px;
	padding-top: 2px;
	background-image: url(../img/side_h.gif);
	background-repeat: no-repeat;
	font-size: 13px;
	text-align: center;
}

#side .serch {
	margin: 0 10px 10px;
}

#side .bannerbox {
	margin-bottom: 20px;
}

#side .bannerbox img {
	width: 180px;
	height: 60px;
	margin: 0 10px;
}

#side .bannerbox p {
	width: 180px;
	margin: 0 10px;
	font-size: 12px;
	white-space: normal;
}

#side .ticketpresent {
	width: 180px;
	margin: 0 auto 20px;
	zoom: 100%;
}

#side .ticketpresent img {
	display: block;
	float: left;
	padding-right: 10px;
}

#side .ticketpresent p {
	margin: 10px;
	font-size: 12px;
	text-decoration: underline;
}

#side .ticketpresent:after {
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}


#side .ticketpresent_x {
	width: 180px;
	margin: 0 auto 20px;
	zoom: 100%;
}

#side .ticketpresent_x img {
	display: block;
	float: left;
}

#side .ticketpresent_x p {
	float: right;
	margin-left: 5px;
	font-size: 12px;
	text-decoration: underline;
}

#side .ticketpresent_x:after {
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}


#side .qrbox {
	margin-bottom: 10px;
	zoom: 100%;
}

#side .qrbox img {
	display: block;
	float: left;
	margin-left: 1px;
}

#side .qrbox .texttd {
	width: 100px;
	padding: 3px 6px;
	font-size: 86%;
}

#side .linkbox {
	margin-bottom: 20px;
	padding-top: 10px;
}

#side .linkbox a {
	display: block;
	margin: 5px 24px;
}

#side .linkbox iframe {
	margin: 5px 10px;
}

#side .twitter {
	margin-bottom: 10px;
	zoom: 100%;
}

#side .twitter h4 {
	margin: 0;
	padding: 0;
	text-align: left;
	background: none;
}

/***********************************************************
		トップページ
***********************************************************/

#topcontent {
	float: left;
	width: 640px;
	height: auto;
	margin: 10px 0 0 40px;
	overflow: auto;
}

*html #topcontent {
	margin-left: 10px;
}

/***********************************************************
		募集中：トップページ
***********************************************************/

#recruitbox {
	width: 638px;
	margin-bottom: 20px;
}

#recruitbox h2 {
	width: 618px;
	height: 23px;
	margin-bottom: 4px;
	padding-top: 7px;
	padding-left: 20px;
	background-image: url(../img/headline_news.gif);
}

#recruitbox p {
	margin: 5px 10px;
}
#recruitbox p a {
	margin-left: 0.5em;
}

/***********************************************************
		ニュース：トップページ
***********************************************************/

#newsbox {
	width: 638px;
	margin-bottom: 20px;
}

#newsbox h2 {
	width: 618px;
	height: 23px;
	margin-bottom: 4px;
	padding-top: 7px;
	padding-left: 20px;
	background-image: url(../img/headline_news.gif);
}

#newsbox div {
	margin-left: 10px;
	line-height: 1em;
}

#newsbox .RSSline {
	margin: 5px 0;
}

#newsbox .RSStime,
#newsbox .RSSsite {
	margin: 0;
	padding: 0;
	display: inline;
}
#newsbox .RSSsite a {
	margin-left: 0.5em;
}

#newsbox .new {
	font-weight: bold;
	color: #FF6633;
}


/***********************************************************
		コンテンツ：トップページ
***********************************************************/

.pickupbox {
	width: 640px;
	margin-bottom: 20px;
	zoom: 100%;
}

.pickupbox .part1 {
	float: left;
	width: 200px;
	height: 60px;
}

.pickupbox .part2 {
	width: 200px;
	height: 60px;
	margin-left: 17px;
	_margin-left: 15px;
}

.pickupbox .part3 {
	width: 200px;
	height: 60px;
	margin-left: 17px;
	_margin-left: 15px;
}

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

.contentsbox {
	width: 638px;
	margin-bottom: 20px;
	zoom: 100%;
}

.contentsbox h2 {
	width: 592px;
	height: 27px;
	padding-top: 13px;
	padding-left: 46px;
	background-image: url(../img/content_h_top.gif);
	background-repeat: no-repeat;
}

.contentsbox .left {
	float: left;
	width: 298px;
	padding: 5px 10px;
}

.contentsbox .right {
	float: right;
	width: 298px;
	padding: 5px 10px;
}

.contentsbox h3 {
	font-size: 100%;
}

.contentsbox p {
	margin: 5px 10px 10px 1em;
}

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

.blankbox {
	width: 638px;
	margin-bottom: 40px;
	zoom: 100%;
}

.blankbox .banner {
	float: left;
	margin: 0 10px;
}

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

/***********************************************************
		各ページ
***********************************************************/

#maincontent {
	width: 840px;
	height: auto;
	margin: 20px auto 0;
	text-align: left;
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
}

#maincontent h2 {
	width: 820px;
	height: 28px;
	margin-bottom: 10px;
	padding-top: 12px;
	padding-left: 20px;
	background-image: url(../img/headline02.gif);
	background-repeat: no-repeat;
}

#maincontent .imghead {
	display: block;
	height: 100%;
}

#maincontent h3 {
	height: 27px;
	margin-bottom: 10px;
	padding-top: 13px;
	padding-left: 46px;
	background-image: url(../img/content_h.gif);
	background-repeat: no-repeat;
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
}

#maincontent h4 {
	margin: 0 0 10px 30px;
	padding: 0 4px;
	font-weight: bold;
	border-left: 6px solid #aaaaaa;
}

#maincontent p {
	margin: 0 20px 1em 20px;
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	text-align: left;
}

#headlinebanner {
	width: 600px;
	margin: 0 auto 20px;
}

#headlinebanner h2 {
	width: 600px;
	height: 160px;
	margin-bottom: 10px;
	padding: 0;
	background-image: none;
}

/***********************************************************
		コンテンツ：各ページ
***********************************************************/

.contentstable {
	margin-bottom: 10px;
	vertical-align: top;
}

.contentstable .pict {
	background-color: #CCCCCC;
	text-align: center;
}

.contentstable .pict img {
	margin: 10px auto;
}

.contentstable td img {
	margin: 10px;
}

.rep_col_l {
	float: left;
	width: 600px;
}

.rep_col_r {
	float: right;
	width: 210px;
	margin-right: 20px;
}

.rep_h {
	clear: both;
}

/***********************************************************
		オススメ
***********************************************************/

#tablearea {
	width: 700px;
	margin: 0 auto 30px;
}

#tablearea #capt {
	padding-right: 8px;
	text-align: right;
	font-weight: bold;
}

#tablearea table {
	width: 686px;
	margin: 0 auto;
	color: #000;
	text-align: center;
}

#tablearea th,
#tablearea td {
	padding: 5px 10px;
	border: 1px solid #aaaaaa;
	text-align: center;
	line-height: 1.5em;
}
#tablearea th {
	font-weight: normal;
	text-align: center;
}
#tablearea td {
	text-align: left;
	color: #000000;
}

.writer_1,
.writer_2,
.writer_3,
.writer_4 {
	margin: 0 40px;
	padding: 5px 0;
}

.star {
	color: #DA1D21;
}

/***********************************************************
		サイトマップ
***********************************************************/

#sitemap {
	margin: 0 10px;
	font-size: 86%;
}

#sitemap ul {

}

#sitemap li {
	list-style-type: none;
	font-weight: bold;
	margin-top: 0.5em;
	margin-left: 20px;
}

#sitemap li.dir {
	margin-top: 1.5em;
	margin-right: 20px;
	padding: 10px;
	border: 2px #FFCC33 solid;
	background-color: #FFFFEE;
}

.dir .dir {
	background-color: #FFFFCC !important;
}
.dir .dir .dir {
	background-color: #FFFFAA !important;
}
.dir .dir .dir .dir {
	background-color: #FFFF88 !important;
}

#sitemap-container {
 width:800px;
 margin-left:auto;
 margin-right:auto;
 text-align:left;
}

#sitemap-container li {
	list-style-type: none;
	font-weight: bold;
	margin:0.3em 2px 0px 20px;
}

#sitemap-wrapper{
 width:527px;
 float:right;
// margin-right:10px;
 margin-left:10px;
// margin-right:10px;
}

#sitemap-box-l{
 width:249px;
 float:left;
 border: 2px #FFCC33 solid;
 background-color: #FFFFEE;
 //margin-left:10px;
}

#sitemap-box-c {
 width:253px;
 float:left;
 //margin-right:10px;
 border: 2px #FFCC33 solid;
 background-color: #FFFFEE;
}

#sitemap-box-r{
 width:249px;
 float:right;
 border: 2px #FFCC33 solid;
 background-color: #FFFFEE;
 margin-left:10px;
}

#sitemap-box-b{
 width:100%;
 float:left;
 border: 2px #FFCC33 solid;
 background-color: #FFFFEE;
 margin-right:4px;
margin-top:30px;
}

.sitemap-headline p{
font-style:bold;
font-size:13px;
}

.accordion p{
margin:3px 6px 4px;
cursor:pointer;
font-style:bold;

}

div.sitemap-box-line{
 padding-top:10px;
 margin-bottom:15px;
}

.sitemap-box-line:after { /*floatの解除、ここがポイント*/
    display:block;
    clear:both;
    height:0px;
    visibility:hidden;
    content:".";
}

p.sitemap-headline{

margin:5px 7px 0px;
font-weight:bold;

}

ul.accordion ul {
    display:none;
}

ul.accordion p{ /* サブメニューの三角アイコン */
  background:url(../img/sitemap-list1.gif) no-repeat 0 6px;
  background-size: 4px 7px;
  padding-left: 9px;
  }
ul.accordion p.open{ /* サブメニューが開いてるとき */
  background:url(../img/sitemap-list2.gif) no-repeat 0 7px;
  background-size: 7px 4px;
  padding-left: 12px;
  }

ul.accordion p:hover, .over{
  color: #666;
  text-decoration: underline;
  }

/***********************************************************
		パーツ
***********************************************************/

.site_thumb {
	margin: 10px 20px;
}

.pagetop {
	margin-right: 20px;
	text-align: right;
}

.seacharea {
	width: 180px;
}

.box01 {
	margin: 5px 60px;
	padding: 2px;
	background-color: #FFFFaa;
	border: 1px dashed #666666;
}

.table01 {
	margin: 0 20px 20px;
}

.table01 th {
	padding: 3px;
	text-align: center;
}

.table01 td {
	padding: 3px;
}

.table02 {
	margin: 0 auto 20px;
	padding: 3px;
	text-align: left;
}

.table02 th,
.table02 td {
	padding: 3px;
	text-align: left;
}

.table03 {
	margin: 0 80px 20px;
	padding: 3px;
}

.table03 th,
.table03 td {
	padding: 3px;
	text-align: left;
}

.tiny_h {
	width: 70px;
	padding: 0 4px;
	text-align: center;
	border-left: 6px solid #fea406;
}

.tiny_h_pink {
	width: 70px;
	padding: 0 4px;
	text-align: center;
	border-left: 6px solid #feb69e;
}

.table04 {
	margin: 20px 140px;
}

.table04 td a {
	text-decoration: none;
}

.table05 {
	margin: 0 40px;
}

.table05 p {
	margin: 0 5px;
}
/* table td form*/
/* blockquote */

.banner_10kinen {
	margin-bottom: 20px;
}

.bannerbox01 {
	border-top: 1px dashed #666666;
	padding-top: 12px;
}
.bannerbox01 p {
	margin: 0 20px 1em 20px;
}

.bannerbox01 table {
	width: 800px;
	margin: 0 20px 1em 20px;
}

.bannerbox01 table td {
	padding: 10px 20px;
	border: 1px dashed #666666;
}

.bannerbox01 table td img {
	margin-bottom: 10px;
}

.topic01 {
	margin: 0 60px 1em 60px;
	padding: 10px;
	border: 1px dashed #666666;
	background-color: #FFFFFF;
}

.topic02 {
	margin: 0 60px 1em 60px;
	padding: 10px;
	border: 1px dashed #666666;
	background-color: #feeee8;
}

.discus p {
	padding-left: 2.7em;
	text-indent: -2.7em;
}

.triblock {
	width: 800px;
	margin: 0 20px 20px;
	zoom: 100%;
}

.triblock .block01 h3 {
	margin: auto 4px;
	height: 27px;
	margin-bottom: 10px;
	padding-top: 13px;
	padding-left: 46px;
	background-image: none;
}

.triblock .block01 {
	float: left;
	width: 260px;
}

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

.tweetbutton {
	text-align: right;
	margin: 15px 0;
}

/***********************************************************
		汎用
***********************************************************/

.blue {
	color: #0000FF;
}

.red {
	color: #DA1D21;
}

.bold {
	font-weight: normal;
}

.smallfont {
	font-size: 10px;
	line-height: 14px;
}

.font_20 {
	font-size: 143%;
}

.font_12 {
	font-size: 86%;
}


.indent_20 {
	padding-left: 20px;
	padding-right: 20px;
}

.indent_40 {
	padding-left: 40px;
	padding-right: 40px;
}

.indent_t2 {
	padding-left: 2.7em;
	text-indent: -2.7em;
}

.invisible {
	display: none;
}

h5 {
	margin-left: 20px;
}