@charset "utf-8";


/*----------------------------------------------------
	基本設定、リンクカラーなど
----------------------------------------------------*/
html {
background:#534741 url(../img/share/bk.jpg) 0 0 repeat-x;}


body {

background:url(../img/share/haedbk.jpg) center 0 no-repeat;}
a:link {
color:#999999;
}

a:visited {
color:#999;
}

a:hover {
	text-decoration: none;
	color:#fff;
}

a:active {
color:#FFFF99;
}



/*----------------------------------------------------
	レイアウト
----------------------------------------------------*/
div#wrap {
    margin: 0px auto;
    width: 880px;
    text-align: left;/* paddingの上下は絶対入れない*/
}

div#contents {
	font-size:1.3em;
	background:url(../img/share/footer_bk.gif) 0 bottom no-repeat;
    background-color: #000;
	padding:0 30px 20px;
}

#contents .pageTop {
	clear: both;
	text-align: right;
	position:relative;
	top:5px;
}


#contents .pageTop a {
    padding:3px 10px;
	border:1px solid #999;
}

/* ２段カラム */

#main {
	float: right;
	width: 600px;
	position:relative;
	font-size:1.1em;
	line-height:1.8;
}

#sub {
	float: left;
	width: 185px;
}



/*----------------------------------------------------
汎用クラス
----------------------------------------------------*/
.imgR {
	float: right;
	margin: 0 0 1em 1em;
}

.imgL {
	float: left;
	margin: 0 1em 1em 0;
}


/* clearfix */
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* パンクズ */
ul#pan  {
position:absolute;
left:250px;
top:5px;
}
ul#pan li {
    display:inline;
}
ul#pan li a {
    background:url(../img/share/listmark.gif) no-repeat 100% 50%;
    padding-right:15px;
    color:#666;
}
ul#pan li a:hover {
    color:#FFFFFF;
}

.kakomi {
	margin-bottom:0;
}
.kakomi span {
	background:#fff;
	padding:1px 5px;
	color:#000000;
	font-size:0.9em;
}


/*マージン*/
.mb0 {margin-bottom:0;}
.mb1 {margin-bottom:1em;}
.mb2 {margin-bottom:2em;}
.mb3 {margin-bottom:3em;}
.mb4 {margin-bottom:4em;}
.mb5 {margin-bottom:5em;}
.mt1 {margin-top:1em;}
.mt2 {margin-top:2em;}
.mt3 {margin-top:3em;}
.mt4 {margin-top:4em;}
.mt5 {margin-top:5em;}
.ml1 {margin-left:1em;}
.ml2 {margin-left:2em;}
.ml3 {margin-left:3em;}
.ml4 {margin-left:4em;}
.ml5 {margin-left:5em;}
.mr1 {margin-right:1em;}
.mr2 {margin-right:2em;}
.mr3 {margin-right:3em;}
.mr4 {margin-right:4em;}
.mr5 {margin-right:5em;}

/*パディング*/
.pb0 {padding-bottom:0;}
.pb05 {padding-bottom:0.5em;}
.pb1 {padding-bottom:1em;}
.pb2 {padding-bottom:2em;}
.pb3 {padding-bottom:3em;}
.pb4 {padding-bottom:4em;}
.pb5 {padding-bottom:5em;}
.pt05 {padding-top:0.5em;}
.pt1 {padding-top:1em;}
.pt2 {padding-top:2em;}
.pt3 {padding-top:3em;}
.pt4 {padding-top:4em;}
.pt5 {padding-top:5em;}
.pl1 {padding-left:1em;}
.pl2 {padding-left:2em;}
.pl3 {padding-left:3em;}
.pl4 {padding-left:4em;}
.pl5 {padding-left:5em;}
.pr1 {padding-right:1em;}
.pr2 {padding-right:2em;}
.pr3 {padding-right:3em;}
.pr4 {padding-right:4em;}
.pr5 {padding-right:5em;}

/*フォントサイズ*/
.fsb1 {font-size:1.15em;}
.fsb2 {font-size:1.3em;}
.fsb3 {font-size:1.5em;}

.fss1 {font-size:0.85em;}


/*見出し*/
.title {
position:absolute;
top:0;
right:0;
}
h1 {
	font-size:2.2em;
	width:600px;
	background:url(../img/share/h1.jpg) 0 0 repeat-x;
	margin-top: 0.7em;
	margin-right: 0;
	margin-bottom: 0.7em;
	margin-left: 0;
	height: auto;
}
h2 {
	font-size:1.2em;
	color:#C26399;
	padding:0.5em 0;
}
h3 {
	font-size:1em;
	border-left:5px solid #C26399;
	padding:0.2em 0 0.2em 0.5em;
	margin:0.5em 0;
}
h4 {
	background-image: url(../img/share/listmarkpink.gif);
	background-repeat: no-repeat;
	background-position: 0px 50%;
	padding-left: 1em;
}



/*コンテンツ3～カラム*/
.col {
	margin-left:-35px;
	width:630px; /*IE6対策*/
}
.col3 {
	float:left;
	width:175px;
	_display:inline;
	margin-left:35px;
}

.col4 {
	float:left;
	width:156px;
	_display:inline; /*IE6対策*/
	margin-left:20px;
}

.attention {
	color:#FF0000;
}
	


/* -----------------------------------------------------------
	#header
		ヘッダー
----------------------------------------------------------- */
#pf_area {
height:40px;
width:inherit;
position:relative;
font-size:1.2em;
}


#header {
height:180px;
width:inherit;
position:relative;
font-size:1.2em;
}

/* #logo
----------------------------------------------------------- */
#header p.logo a {
	display:block;
	background:url(../img/share/logo.gif) 0 0 no-repeat;
	width:157px;
	height:164px;
	text-indent:-9999px;
	position:relative;
	top:15px;
	left:45px;
	outline:0px;
}


/* #fontsize
----------------------------------------------------------- */
ul#fontsize {
    position:absolute;
	top:2px;
	right:0px;
	width:171px;
	height:38px;
	background:url(../img/share/fsize.gif) 0 12px no-repeat
}

ul#fontsize li {
    float:left;
	position:relative;
	top:5px;
	left:70px;
	margin-right:5px;
}

ul#fontsize li a{
	display:block;
	text-indent:-9999px;
	outline:0px;
	line-height:0.1;
	font-size:0.1em;
}

ul#fontsize li#small a {
	background:url(../img/share/fsizeS.gif) 0 0 no-repeat;
	width:20px;
	height:20px;
	margin-top:4px;
}

ul#fontsize li#small a:hover {
	background:url(../img/share/fsizeS.gif) 0 -20px no-repeat;
}

ul#fontsize li#standerd a {
	background:url(../img/share/fsizeM.gif) 0 0 no-repeat;
	width:22px;
	height:22px;
	margin-top:2px;
}

ul#fontsize li#standerd a:hover {
	background:url(../img/share/fsizeM_over.gif) 0 0 no-repeat;
}

ul#fontsize li#big a {
	background:url(../img/share/fsizeL.gif) 0 0 no-repeat;
	width:24px;
	height:24px;

}

ul#fontsize li#big a:hover {
	background:url(../img/share/fsizeL_over.gif) 0 0 no-repeat;
}




/* #gNav
----------------------------------------------------------- */
#basic-accordian{
	background:url(../img/share/snavi_bk.gif) 0 0 no-repeat;
	padding-left:15px;
	margin-bottom:2em;
	z-index:2;
}

.accordion_headings{
		display:block;
	width:170px;
	height:30px;
	text-indent:-9999px;
}

/*.accordion_headings:hover{
	background:#00CCFF;
}*/

.accordion_child{
	padding: 0  0 0 15px;
}

.header_highlight{
}



.gnavi01 {background:url(../img/share/gnavi01.gif) 0 0 no-repeat;}
.gnavi01:hover {background:url(../img/share/gnavi01.gif) 0 -30px no-repeat;}
.gnavi02 {background:url(../img/share/gnavi02.gif) 0 0 no-repeat;}
.gnavi02:hover {background:url(../img/share/gnavi02.gif) 0 -30px no-repeat;}
.gnavi03 {background:url(../img/share/gnavi03.gif) 0 0 no-repeat;}
.gnavi03:hover {background:url(../img/share/gnavi03.gif) 0 -30px no-repeat;}
.gnavi04 {background:url(../img/share/gnavi04.gif) 0 0 no-repeat;}
.gnavi04:hover {background:url(../img/share/gnavi04.gif) 0 -30px no-repeat;}
.gnavi05 {background:url(../img/share/gnavi05.gif) 0 0 no-repeat;}
.gnavi05:hover {background:url(../img/share/gnavi05.gif) 0 -30px no-repeat;}
.gnavi06 {background:url(../img/share/gnavi06.gif) 0 0 no-repeat;}
.gnavi06:hover {background:url(../img/share/gnavi06.gif) 0 -30px no-repeat;}
.gnavi07 {background:url(../img/share/gnavi07.gif) 0 0 no-repeat;}
.gnavi07:hover {background:url(../img/share/gnavi07.gif) 0 -30px no-repeat;}
.gnavi08 {background:url(../img/share/gnavi08.gif) 0 0 no-repeat;}
.gnavi08:hover {background:url(../img/share/gnavi08.gif) 0 -30px no-repeat;}
.gnavi09 {background:url(../img/share/gnavi09.gif) 0 0 no-repeat;}
.gnavi09:hover {background:url(../img/share/gnavi09.gif) 0 -30px no-repeat;}
.gnavi10 {background:url(../img/share/gnavi10.gif) 0 0 no-repeat;}
.gnavi10:hover {background:url(../img/share/gnavi10.gif) 0 -30px no-repeat;}
.gnavi11 {background:url(../img/share/gnavi11.gif) 0 0 no-repeat;}
.gnavi11:hover {background:url(../img/share/gnavi11.gif) 0 -30px no-repeat;}
.gnavi12 {background:url(../img/share/gnavi12.gif) 0 0 no-repeat;}
.gnavi12:hover {background:url(../img/share/gnavi12.gif) 0 -30px no-repeat;}
.gnavi13 {background:url(../img/share/gnavi13.gif) 0 0 no-repeat;}
.gnavi13:hover {background:url(../img/share/gnavi13.gif) 0 -30px no-repeat;}


ul.ull {
padding: 0 0 3em 1em;
}

ul.ull li {
background:url(../img/share/listmark.gif) 0 50% no-repeat;
padding-left:1em
}


/* #search サイト内検索
----------------------------------------------------------- */
#search {
	text-align: center;
	margin-bottom: 2em;
}

#Search dt#Textarea {
	width: 130px;
	float: left;
}

#Search dt#Textarea input {
	width: 122px;
}

#Search dd#BtnSearch {
}

#Search dd#BtnSearch input {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}


/* -----------------------------------------------------------
	#footer
		フッター
----------------------------------------------------------- */
#footer {
    font-size: 1.2em;
	position:relative;
	width:880px;
	height:80px
}



#footer ul {
	text-align:left;
	padding-top:5px;
}

#footer ul li {
	display: inline;
    background:url(../img/share/line.gif) -3px 50% no-repeat;
	padding-left:1em;
}

#footer ul li.first {
    background:none;
}

.copyright {
	text-align: center;
	padding-top:20px
}

/* -----------------------------------------------------------
HOME
----------------------------------------------------------- */



.osirase_area {
	width:600px;
	margin-bottom:0;
}

.osirase_L {
	width:40px;
	float:left;
}

.osirase_R {
	width:540px;
	float:right;
}
dl.news {
	height:180px;
}
dl.news dt {
	float: left;
	width: 10em;
	padding: 5px 0;
	line-height: 150%;
}
dl.news dd {
	background: url(../img/share/listmark.gif) 9em 10px no-repeat;
	padding: 5px 0 5px 10em;
	line-height: 150%;

}



#home ul.banner li {
    margin-bottom:5px;
}


#flashcontent {
width:880px;
height:420px;
text-align:center;
background:#000000;
}

#flashcontent p {
font-size:1.4em;
background:#FFFFFF;
color:#990000;
font-weight:bold;
padding:5px;
}

#flashcontent h1, #flashcontent h2 {
color:#FFFFFF;
}


/* -----------------------------------------------------------
Next Page
----------------------------------------------------------- */

/* 開催日等の定義リスト */
/* 3文字 */
dl.com3 {
	margin-bottom: 1em;
}
dl.com3 dt {
	float: left;
	width: 3em;
	height: 1em;
}
dl.com3 dd {
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 3em;
	text-align: justify;
}
/* 5文字 */
dl.com5 {
	margin-bottom: 1em;
}
dl.com5 dt {
	float: left;
	width: 5em;
	height: 1em;
}
dl.com5 dd {
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 5em;
	text-align: justify;
}
/* 7文字 */
dl.com {
	margin-bottom: 1em;
}
dl.com dt {
	float: left;
	width: 7em;
	height: 1em;
}
dl.com dd {
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 7em;
	text-align: justify;
}
/* 8文字 */
dl.com8 {
	margin-bottom: 1em;
}
dl.com8 dt {
	float: left;
	width: 8em;
	height: 1em;
}
dl.com8 dd {
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 8em;
	text-align: justify;
}
/* 12文字 */
dl.com12 {
	margin-bottom: 1em;
}
dl.com12 dt {
	float: left;
	width: 12em;
	height: 1em;
}
dl.com12 dd {
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 12em;
	text-align: justify;
}

/* サイトマップ */
dl.smap {
	margin-bottom: 1em;
	margin-right: 1em;
	margin-left: 1em;
}
dl.smap dt {
	margin-bottom: 1em;
	padding-left: 40px;
	background-image: url(../img/sitemap/listmarkkasa.gif);
	background-repeat: no-repeat;
	background-position: 0px 50%;
	height: 21px;
}
dl.smap dd.r1 {
	margin-bottom: 1em;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 40px;
	background-image: url(../img/sitemap/listmarkkasa.gif);
	background-repeat: no-repeat;
	background-position: 0px 50%;
	height: 21px;
	margin-left: 3em;
}
dl.smap dd.r2 {
	margin-bottom: 0.5em;
	margin-left: 6em;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 1em;
	background-image: url(../img/share/listmark.gif);
	background-repeat: no-repeat;
	background-position: 0px 50%;
}


/* リスト */
ul.comli {
	margin-bottom: 1em;
}
ul.comli li {
	list-style-position: outside;
	list-style-type: square;
	margin-left: 1em;
}
/* イメージ用 */
ul#dlist {
	margin-right: auto;
	margin-left: auto;
}
ul#dlist li {
	float: left;
}
ul#dlist li.poster {
	width: 80px;
	text-align: center;
	margin: 2px;
	padding: 7px;
	list-style-type: none;
	float: left;
	height: 140px;
}
ul#dlist li.poster img {
	height: auto;
	width: 100%;
	margin: 0px;
	padding: 0px;
}
ul#dlist li.fantasy {
	width: 250px;
	text-align: center;
	margin: 5px;
	padding: 5px;
	list-style-type: none;
	float: left;
	height: 200px;
}
ul#dlist li.fantasy img {
	height: auto;
	width: 100%;
	margin: 0px;
	padding: 0px;
}
/* ポリシー */
ul.poli {
	margin-bottom: 1em;
}
ul.poli li {
	list-style-position: outside;
	list-style-type: decimal;
	margin-left: 3em;
	margin-bottom: 0.5em;
}



/* テーブル */
.hyou {
	empty-cells: show;
}
.hyou th {
	text-align: center;
	font-weight: normal;
	padding: 0.15em;
	border: 1px solid #666666;
}
.hyou td {
	padding: 0.2em;
	border: 1px solid #666666;
}
.hyou td.ComL {
	padding: 0.2em;
	border: 1px solid #666666;
	text-align: right;
}