@charset "utf-8";

/* ---------------------------------------------------
01: Setup
02: CSS Hack
03: Base
04: Individual
--------------------------------------------------- */

/* 01: Setup
--------------------------------------------------- */
* { margin: 0; padding: 0; background-repeat: no-repeat; background-position: 0 0; text-align: left; line-height: 1; }
body { color: #333333; font-size: 13px; font-family: "Hiragino Kaku Gothic Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro W4", "MS PGothic", sans-serif; background: #ffffff; text-align: center; background:url(/common/img/bg_body_10.gif) 0 125px repeat-x;}
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
ul, ol, dl, li, dt, dd { list-style: none; }
table { border-collapse:collapse; border-spacing: 0; }
th { font-weight: normal; }
th, td { vertical-align: top; }
a,img { border: 0; }
strong { font-weight: normal; }
em, address { font-style: normal; }
input, button { text-align: center; line-height: normal; }

a { color: #333333; text-decoration: none; }
a:link { color: #333333; }
a:visited { color: #333333; }
a:hover, a:active { color: #333333; }
a img, a:link img, a:visited img, a:hover img, a:active img { border: none; text-decoration: none; }


/* 02: CSS Hack
--------------------------------------------------- */
/* floating box clear */
.clr:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }
.clr { display: inline-table; min-height: 1%; }
/* Hide from mac IE5 \*/
* html .clr { height: 1%; }
.clr { display: block; }
/* End Hide from mac IE5 */

/* hide text */
.hidetxt { text-indent: -9999px; overflow: hidden; }
.hidetxt a { overflow: hidden; }


/* 03: Base
--------------------------------------------------- */
#wrapper { width: 980px; margin: 0 auto; background:#FFF; border-left:#FFF solid 15px; border-right:#FFF solid 15px; }

/* header */
#header { margin-bottom: 0px; }
h1 { width: 242px; height: 28px; margin: 40px 5px; }
#header ul { height: 56px; clear:both; border-bottom:1px solid #FFF; }
#header li { float: left; }
#header a { display: block; }

/* logo */
#logo{float:left; width:293px;}

/* navimain */
#navimain{float:right; margin-bottom:12px; width:687px;}

/* search */
#search{float:right; margin:9px 10px 12px;}

/* bread crumb */
#breadcrumb { padding: 16px 3px 0; background: url(../img/breadcrumb.gif) 0 0 no-repeat; text-transform: uppercase; font-size:12px;}
#breadcrumb a, #breadcrumb a:link, #breadcrumb a:visited {
	color: #999;
}
#breadcrumb a:hover, #breadcrumb a:active { color: #ffffff; background:  #18ACBC; }

/* contents - side */
.side { float: right; width: 200px; border-top: 3px #999999 solid; }

.side ul { margin: 10px 0 25px 0; background: url(../img/submenu_bottom.gif) 0 100% no-repeat; }
.side li { background: url(../img/submenu.gif) 0 0 no-repeat; }
.side li a { display: block; line-height: 2; padding: 12px 0 6px 30px; }
.side li a:hover, .side li.current a { color: #f27719; background: #ffffff url(../img/submenu.gif) 0 -100px no-repeat; }

/* contents - main */
.main { float: left; width: 720px; padding:0 10px;  }
.main h2 { line-height: 1; margin-bottom: 5px; color: #111; font-weight: bold; font-size: 2.1em; padding:0 0 20px 10px; border-bottom: 1px #999999 dotted; clear:both; }
.main h3 { line-height: 1.5; margin-bottom: 20px; padding: 10px 25px; color: #111; font-weight: bold; font-size: 1.4em; background: url(../img/h1.gif) 0 top no-repeat #EFEFEF; clear:both; }
.main h4 { margin-bottom: 10px; font-weight: bold; font-size: 14px; }
.main p { line-height: 1.8; margin:0 0.5em 3em; }
.main a, .main a:link, .main a:visited {color: #18ACBC; line-height:1.5;}
.main a:hover, .main a:active {color: #ffffff;	background: #18ACBC;}

img.left { float: left; margin-bottom: 1em; padding-right: 1em; }
img.right { float: right; margin-bottom: 1em; padding-left: 1em; }
img.center { display: block; margin: 0 auto 1em auto; }

.main dl { margin-bottom: 3em; }
dt { line-height: 2; }
dd { line-height: 2; margin: -2em 0 0 8em; }
dd a { line-height: 2; }
.main ul { margin-bottom: 3em; margin-left:0.5em; }
.main ul li { line-height: 2; padding-left: 15px; background: url(../img/bullet4.gif) 0 0.5em no-repeat;}

.main ol { margin-bottom: 3em; }
.main ol li { line-height: 2; margin-left:2em; padding-left: 0px; list-style-type: decimal }


table { border-top: 1px solid #EEE; border-left: 1px solid #EEE; border-collapse: collapse; margin-bottom: 3em; width:100%; }
caption { line-height: 1.5; }
th { line-height: 1.5; padding: 2px 6px; border-right: 1px solid #FFF; border-bottom: 1px solid #EEE; background-color: #666; color:#FFF; font-weight:bold;}
td { line-height: 1.5; padding: 2px 6px; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; white-space: nowrap;  }
td.on{ background-color:#CAF03E;}
td.area1{ background-color:#EEE;}
td.area2{ background-color:#DDD;}

table.in { margin-bottom: 0; border-top: 1px solid #B4B4B4; border-left: 1px solid #B4B4B4; border-collapse: collapse; font-size: 100%; }
.in th { padding: 2px 6px; border-right: 1px solid #B4B4B4; border-bottom: 1px solid #B4B4B4; background-color: #EEEEEE; }
.in td { padding: 2px 6px; border-right: 1px solid #B4B4B4; border-bottom: 1px solid #B4B4B4;}


/* contents - menu */

#main-nav {	padding: 15px 0;background-color:#000;margin-bottom: 20px;}
#main-nav ul { margin-left: 10px; margin-bottom: 0px;}
#main-nav li { line-height:1; float: left; padding-left: 15px; background: url(../img/bullet3.gif) 0 0 no-repeat; }
.main #main-nav li a { margin-right: 20px; font-weight: bold; color:#fff; line-height:1;}
.main #main-nav a, .main #main-nav li a:link, .main #main-nav li a:visited { color: #fff; padding:2px}
.main #main-nav li a:hover, .main #main-nav li a:active { color: #000; text-decoration: none; background: #fff; padding:2px;}


#area-nav {	padding: 8px 0;	background-color:#9C0;	margin-top: -19px; margin-bottom: 20px;}
#area-nav ul { margin-left: 10px; margin-bottom: 0px;}
#area-nav li { line-height:1; float: left; padding-left: 15px; background:none; }
.main #area-nav li a { margin-right: 20px; font-weight: bold; color:#000; line-height:1;}
.main #area-nav a, .main #area-nav li a:link, .main #area-nav li a:visited { color: #fff; padding:2px}
.main #area-nav li a:hover, .main #area-nav li a:active { color: #000; text-decoration: none; background: #fff; padding:2px;}

.main ul.localNav { margin:1em 0 1em; background:}
.main .localNav li { display: inline; font-size:11px; margin:0; padding:0; }
#contents .main .localNav a:link { color:#ffffff; background:#666; padding:4px 6px; text-decoration:none; line-height:2.3; background-image:none; }
#contents .main .localNav a:hover { background:#ccc; }
#contents .main .localNav a:visited { background:#666; }


/* footer nav */
#footernav {padding: 12px 0;background-color:#ff2f7c;font-size: 12px;}
#footernav ul { margin-left: 40px; }
#footernav li { float: left; padding-left: 15px; background: url(../img/foot_bg_li.gif) 0 0 no-repeat; }
#footernav li a { margin-right: 40px; font-weight: bold; }
#footernav a, #footernav a:link, #footernav a:visited { color: #fff; }
#footernav a:hover, #footernav a:active { color: #999999; text-decoration: underline; }

/* footer */
#footer { height: 100px; padding: 0 ; background-color:#FCFCFC; font-size: 12px;}
#footer p { float: left; }
#footer ul { float: left; padding: 10px 10px; }
#footer li { float: left; padding-left: 11px; background: url(../img/bullet2.gif) 0 0 no-repeat; }
#footer li a { margin-right: 10px; }
#footer p.right { float: right; padding:10px 20px; }

.fleft{ background-color:#FFF; width:330px;}
.fright{background-color:#CCC; width:610px;}


/* totop */
.totop { margin-top: 20px; }
.totop a { display: block; float: right; height: 29px; padding: 2px 10px 2px 20px; background: url(../img/totop.gif) 0 0 no-repeat; font-size:12px; }


/* 04: Individual
--------------------------------------------------- */
/* home */
.home #contents { margin: 20px 0; }
.latest_news { float: left; width: 335px; padding-right: 40px; font-size:12px;}
.latest_blog { float: left; width: 335px; font-size:12px; }
.banner { float: right; padding:5px 5px 4px; width: 214px; background-color:#CCC; }
.banner li { line-height: 0; margin-bottom: 2px;}
.banner a { display:inline-block; }

#slide { width: 980px; height: 300px; overflow: hidden; }

.home dl { margin-top: 25px; }

.home div.all { text-align: right; margin:-21px 40px 0 0;  }
.home div.rss { text-align: right; margin-top: -21px; }
.home #contents a, .home #contents a:link, .home #contents a:visited { color: #18ACBC; }
.home #contents a:hover, .home #contents a:active { color: #ffffff; background:#18ACBC; }

/* line */

.line_01 { border:1px solid #EEE; padding:10px 10px 0; background:#F3F2F2; margin-bottom:30px; clear:both;}
.line_01 p{ margin-bottom:20px;}
.line_01 ul{ margin-bottom:20px;}

.line_02 { border:1px solid #EEE; padding:10px 10px 0; background:#F3F2F2; margin-bottom:30px; clear:both;}
.line_02 p{ margin-bottom:0;}

.line_09 { border:1px solid #EFEFEF; padding:10px 10px 0; background: #F90; margin-bottom:30px; clear:both;}
.line_09 h4{ background:#FFF; padding:10px; color:#F60;}
.line_09 p{ margin-bottom:20px;}
.line_09 a, .line_09 a:link{ background-color:#FFF; padding:2px; color:#F60;}

a img.frame { padding:2px; border:1px solid #EFEFEF; margin-right:1em;}



/* 09tap tour */


.tour{border:1px solid #E8E8E8; padding:3px; background:#EEE; margin-bottom:30px; clear:both; overflow: hidden;width: 100%;}
.tour p { margin:0px;}
.title{background:#F09; padding:5px 10px; color:#FFF; line-height:1.5;}
.title strong{font-weight:bold; font-size:16px; margin:10px 0; line-height:2;} 
.detail{background:#999; padding:5px 10px; color:#FFF;}
.shedule{background:#FFF; padding:5px 10px; color:#000; border:1px solid #E8E8E8; margin:-5px;}
.shedule strong{font-weight:bold; line-height:1.7;color:#F09; font-size:14px;}

.artist{border:1px solid #E8E8E8; padding:3px; background:#EEE; margin-bottom:30px; clear:both; overflow: hidden;width: 100%;}
.artist h4{background:#46565F; padding:5px 10px; color:#FFF; line-height:1.5; margin-bottom:0;}
.artist p{ margin-top:5px;}
.artist img{margin-bottom:0;}

dl.event{ 
	/*border-top: solid 1px #CCC;
	border-left: solid 1px #CCC;
	border-right: solid 1px #CCC;*/

	}
dl.event dt {
  clear: left;
  float: left;
  margin: 0;
 
  /*border-bottom: solid 1px #CCC; */
  padding:0 5px 0 0;
  color: #000;
}

dl.event dd {
padding-left: 0 1em;
 /*border-bottom: solid 1px #CCC; */
  margin-bottom: 0em;
  margin-left: 1em;
}

.full{
	padding:3px 10px;
	background-color:#FFF;
	color:#CB0200;
	margin-left:5px;
}

/* 100knock */

.knock {border:1px solid #E8E8E8; padding:1px; background:#EEE; margin-bottom:30px; clear:both; overflow: hidden;width: 100%;}
.knock p { margin:0px; padding:8px 20px;}
.knock p.title{background:#3baee4; padding:5px 20px; color:#FFF; line-height:1.5;}
.knock p.title strong{font-weight:bold; font-size:16px; margin:10px 0; line-height:2;} 
.detail{background:#999; padding:5px 10px; color:#FFF;}
.shedule{background:#FFF; padding:5px 10px; color:#000; border:1px solid #E8E8E8; margin:-5px;}
.knock .shedule strong{font-weight:bold; line-height:1.7;color:#3baee4; font-size:14px;}


/*wp用*/

.news h2, .error404 h2{margin-bottom:0.5em; margin-top:20px;}
.date{color:#919191; margin-bottom:2em;}
.entry-content{ margin-top:2em;}

.news dt { line-height: 2; margin-left:0.5em;}
.news dd { line-height: 2; margin: -2em 0 0 9em; }
.news dd a { line-height: 2; }

p.serif { text-align: right; }
.entry-content p span { line-height: 1.7; }
.entry-content p { margin-bottom:1em;}
strong { line-height: 2; font-weight: bold; }
em { line-height: 2; font-style: italic; }
blockquote { line-height: 2; border: ; border: 1px #cccccc solid; padding: 2em 2em 0 2em; margin-bottom: 3em; }
address { line-height: 2; margin-bottom: 3em; }
pre { line-height: 2; margin-bottom: 3em; overflow:auto; }

.page-content img.alignleft { float: left; margin-bottom: 1em; padding-right: 1em; }
.page-content img.alignright { float: right; margin-bottom: 1em; padding-left: 1em; }
.page-content img.aligncenter { display: block; margin: 0 auto 1em auto; }

.entry-content img.alignleft { float: none; margin-bottom: 1em; }
.entry-content img.alignright { float: none; margin-bottom: 1em; }
.entry-content img.aligncenter { float: none; margin-bottom: 1em; }

/* contents - side wp用 */
.side { float: right; padding:5px 5px 4px; width: 214px; background-color:#EFEFEF; border:none;  }

.side ul { margin: 3px 0 3px 0; background: url(../img/submenu_bottom.gif) 0 100% no-repeat; }
.side li { background: url(/common/img/bullet5.gif) 0 0 no-repeat; }
.side li a { display: block; line-height: 2; padding: 12px 0 6px 30px; background-color:#FFF; border-bottom:1px solid #EFEFEF;}
.side li a:hover, .side li.current a { color: #18ACBC; background: #ffffff url(/common/img/bullet5.gif) 0 -100px no-repeat; }