@charset "utf-8";

* {
 margin: 0;
 padding: 0;
 font-size: 100%;
 line-height: 1.5;
 font-family: 'Hiragino Kaku Gothic Pro', Osaka, Verdana, Arial, sans-serif;
 font-style: normal;
}

html {
  filter: expression(document.execCommand("BackgroundImageCache", false, true));
}

body {
 color: #888;
 background-color: #fff;
 text-align: center;
}

ul,li,ol,dl,dt,dd {
 margin: 0;
 padding:0;
 list-style-type: none;
}

a {
 text-decoration: underline;
}
a:link,
a:visited {
 color: #f60;
 background-color: #fff;
}
a:hover,
a:active,
a:focus {
 color:#fbb737;
 background-color: #fff;
 text-decoration: none;
}

a img {
 border: 0;
}

kbd {
 margin: 0 2px;
 text-decoration: underline;
}

hr {
 display: none;
}

span {
 color: #c00;
 font-weight: bold;
}

/*------------------------------HEADER------------------------------*/
#header {
 position: relative;
 width: 830px;
 height: 88px;
 margin: 0 auto 0 auto;
 text-align: left;
 background-image: url(images/header_back.gif);
 background-position: left top;
 background-repeat: repeat-y;
}

h1 {
 position: absolute;
 top: 30px;
 left: 110px;
 width: 335px;
 height: 41px;
 margin-right: 160px;
 background-color: transparent;
}

h1 a {
 text-decoration: none;
}
h1 a:link,
h1 a:visited,
h1 a:hover,
h1 a:active,
h1 a:focus {
 background-color: transparent;
 text-decoration: none;
 border: none;
}

#header ul {
 position: absolute;
 top: 45px;
 left: 605px;
}

#header ul li {
 float: left;
 height: 11px;
 background-position: 0px -11px;
}

#header ul a {
 display: block;
 height: 11px;
 text-decoration: none;
 border: 0 none;
 background-position: 0px 0px;
}

#header ul a:hover,
#header ul a:focus {
 background: none;
}

li#blogTop {
 width: 71px;
 margin-right: 19px;
 background-image: url(images/header_blog.gif);
}

li#blogTop a {
 width: 71px;
 background-image: url(images/header_blog.gif);
}

li#siteTop,
li#siteTop a {
 width: 118px;
 background-image: url(images/header_site.gif);
}

li#blogTop a em,
li#siteTop a em {
 position: absolute;
 top: -100px;
 left: 0;
}

/*------------------------------WRAPPER-CONTAINER------------------------------*/

#wrapper {
 clear: both;
 width: 830px;
 margin: 0 auto 0 auto;
 font-size: 95%;
 text-align: left;
 background: url(images/wrapper_back.jpg) left top repeat-y;
}

#wrapper2 {
 clear: both;
 width: 830px;
 margin: 0 auto 0 auto;
 font-size: 95%;
 text-align: left;
 background: url(images/wrapper_pre_back.jpg) left top repeat-y;
}

#container {
 width: 765px;
 margin-left: 35px;
 padding-top: 15px;
}

/*------------------------------MAIN------------------------------*/

#main {
 float: left;
 width: 540px;
 margin-right: 40px;
 padding-bottom: 35px;
}

#mainNoNavi {
 width: 740px;
 padding-bottom: 35px;
}


#crumb {
 margin: 10px 0 2em 0;
 font-size: 95%;
}

h2 {
 margin-top: 10px;
 padding-left: 20px;
 background: url(images/main_mark.gif) left center no-repeat;
}

h2#comments {
 margin-top: 3em;
 padding-left: 20px;
 background: url(images/main_mark.gif) left center no-repeat;
}

h2#notFound {
 margin: 30px 0 0 20px;
 padding: 0;
 font-size: 160%;
 background: none;
}

h3 {
 margin-top: 20px;
 padding-left: 20px;
 background: url(images/entry_mark.gif) left center no-repeat;
 font-size: 110%;
}

h3 a {
 text-decoration: none;
}
h3 a:link,
h3 a:visited {
 color: #888;
 background-color: #fff;
}
h3 a:hover,
h3 a:active,
h3 a:focus {
 color:#fbb737;
 text-decoration: none;
 background-color: #fff;
}

.entryLine {
 width: 540px;
 height: 5px;
 margin-top: 3px;
 background: url(images/entry_line.gif) left top no-repeat;
}

.entryText {
 margin: 1.5em 10px 0 10px;
 font-size: 95%;
 line-height: 1.4;
}

.entry {
 margin: 2em 0;
 font-size: 95%;
 text-align: right;
}

/*---------------------------TextArea--------------------------*/
.textTop {
 width: 540px;
 height: 9px;
 margin-top: 2em;
 background: url(images/comment_top.gif) left top no-repeat;
}

.textBtm {
 width: 540px;
 height: 9px;
 margin-bottom: 2em;
 background: url(images/comment_btm.gif) left top no-repeat;
}

.textArea {
 width: 540px;
 background: url(images/comment_back.gif) left top repeat-y;
}

.textArea h3 {
 width: 500px;
 margin: 0;
 padding: 0 20px 10px 20px;
 border-bottom: 1px dotted #eee;
 font-weight: bold;
 font-size: 95%;
 background: none;
}

* html .textArea h3 {
 width: 540px;
}

.textArea h3 span,
.textArea2 h3 span {
 margin-right: 5px;
 font-weight: bold;
 color: #888;
}

.textArea h3 a,
.textArea2 h3 a {
 font-weight: normal;
}

.textArea p,
.textArea2 p {
 padding: 10px 20px 0 20px;
 font-size: 95%;
}

.textArea .textDate,
.textArea2 .textDate {
 margin-top: 10px;
 padding: 10px 10px 5px 20px;
 text-align: right;
 border-top: 1px dotted #eee;
 font-size: 95%;
}

/*-----------------------TextArea NoNavi---------------------*/
.textTop2 {
 width: 740px;
 height: 9px;
 margin: 2em 0 0 10px;
 background: url(images/comment_pre_top.gif) left top no-repeat;
}

.textBtm2 {
 width: 740px;
 height: 9px;
 margin: 0 0 2em 10px;
 background: url(images/comment_pre_btm.gif) left top no-repeat;
}

.textArea2 {
 width: 740px;
 margin-left: 10px;
 background: url(images/comment_pre_back.gif) left top repeat-y;
}

.textArea2 h3 {
 width: 700px;
 margin: 0;
 padding: 0 20px 10px 20px;
 border-bottom: 1px dotted #eee;
 font-weight: bold;
 font-size: 95%;
 background: none;
}

* html .textArea2 h3 {
 width: 740px;
}

.date {
 margin: 1em 0 3em 20px;
 text-align: right;
 border: none;
 font-size: 95%;
}

.mainText {
 margin: 10px 0 0 20px;
 font-size: 95%;
}

.mainTextTop {
 margin: 10px 0 2em 20px;
 font-size: 95%;
}

.mainTextPre {
 margin: 10px 0 0 20px;
 font-size: 95%;
 text-align: center;
}

.mainInput {
 width: 220px;
 margin-top: 2px;
 padding: 2px;
 border: 1px solid #ccc;
 color: #888;
 background-color: #fff;
}

.mainInput2 {
 width: 380px;
 margin-top: 2px;
 padding: 2px;
 border: 1px solid #ccc;
 color: #888;
 background-color: #fff;
}

.searchInput {
 width: 380px;
 margin: 10px 5px 0 0;
 padding: 2px;
 border: 1px solid #ccc;
 color: #888;
 background-color: #fff;
}

* html .mainInput,
* html .mainInput2,
* html .searchInput {
 padding: 0 2px;
}

.mainTextarea {
 margin-top: 2px;
 padding: 2px;
 border: 1px solid #ccc;
 color: #888;
 background-color: #fff;
}

.mainRadio1 {
 margin: 0 3px 0 5px;
 padding-top: 4px;
}

.mainRadio2 {
 margin: 0 3px 0 15px;
 padding-top: 4px;
}

.subInput {
 width: 4em;
 height: 1.5em;
 margin-right: 5px;
 background-color: #eee;
 border: 1px solid #ccc;
 color: #333;
 font-size: 95%;
}

.subSearchInput {
 width: 4em;
 height: 1.5em;
 margin-top: 2px;
 padding-bottom: 2px;
 background-color: #eee;
 border: 1px solid #ccc;
 color: #333;
}

* html ..subInput,
* html .subSearchInput,
* html .inpSub input {
 line-height: 1.2;
}

.errorText {
 margin: 10px 0 0 20px;
 font-size: 95%;
 font-weight: bold;
}

.errorText em {
 color: #c00;
}

h3.search {
 margin: 20px 0 0 20px;
 padding-left: 15px;
 background: url(images/search_mark.gif) left center no-repeat;
 font-size: 90%;
 font-weight: normal;
}

h4 {
 margin: 20px 0 0 20px;
 font-size: 100%;
}

h4 a {
 text-decoration: none;
}
h4 a:link,
h4 a:visited {
 color: #888;
 background-color: #fff;
}
h4 a:hover,
h4 a:active,
h4 a:focus {
 color:#fbb737;
 text-decoration: none;
 background-color: #fff;
}

.searchText {
 margin-left: 20px;
 padding-top: 10px;
 font-size: 95%;
 background: url(images/entry_line.gif) left top repeat-x;
}

.searchCheck {
 margin-top: 10px;
}

.searchCheck1 {
 margin-right: 3px;
}

.searchCheck2 {
 margin: 0 3px 0 1em;
}

.searchDate {
 margin: 1em 0 3em 20px;
 padding-top: 10px;
 text-align: right;
 font-size: 95%;
}

.pageTop {
 margin-top: 3em;
 text-align: right;
 font-size: 85%;
}

.pageTop a {
 padding-left: 17px;
}

.pageMark {
 background: url(images/page_top.gif) left center no-repeat;
}

dl#notDL {
 margin: 3em 0 3em 20px;
}

dl#notDL dt,
dl#notDL dd {
 font-size: 90%;
}
dl#notDL dd input {
 margin-bottom: 10px;
}

.txt1 {
 margin-top: 1.5em;
}


/*------------------------------NAVI------------------------------*/

#navi {
 float: left;
 width: 185px;
 padding-bottom: 35px;
}

#navi a {
 text-decoration: underline;
}

#navi a:link,
#navi a:visited {
 color: #aaa;
 background-color: #fff;
}

#navi a:hover,
#navi a:active,
#navi a:focus {
 color:#fbb737;
 text-decoration: none;
 background-color: #fff;
}


#navi h3.top {
 width: 185px;
 height: 24px;
 margin-top: 1em;
 padding: 0;
 line-height: 24px;
 font-size: 95%;
 font-weight: normal;
 text-align: center;
 background: url(images/navi_tit_green.gif) left top no-repeat;
}

#navi h3 {
 width: 185px;
 height: 24px;
 margin-top: 3em;
 padding: 0;
 line-height: 24px;
 font-size: 95%;
 font-weight: normal;
 text-align: center;
 background: url(images/navi_tit_green.gif) left top no-repeat;
}

.inpText {
 width: 180px;
 margin-top: 7px;
 font-size: 85%;
 padding: 2px;
 border: 1px solid #ccc;
}

* html .inpText {
 width: 185px;
}

.notInput {
 width: 20em;
 margin-top: 7px;
 padding: 2px;
 border: 1px solid #ccc;
}

.inpSub {
 margin-top: 3px;
 text-align: right;
 font-size: 85%;
}

.inpSub input,
.notButton {
 width: 4em;
 height: 1.5em;
 background-color: #eee;
 border: 1px solid #ccc;
 color: #333;
}

#navi ul {
 margin-top: 0.7em;
 font-size: 90%;
}

#navi ul li {
 margin: 0 0 0.5em 5px;
 padding-left: 15px;
 background: url(images/onpu_orange2.gif) 0px 3px no-repeat;
}

#navi ul.none li {
 margin: 0 0 1.5em 5px;
 padding-left: 0;
 background: none;
}


#navi ul li ul {
 margin: 0;
 font-size: 100%;
}

#navi ul li ul li {
 margin-top: 5px;
 padding: 0 0 0 10px;
 background: url(images/navi_mark.gif) left top no-repeat;
}

#navi ul li a {
 margin-right: 3px;
}

#navi ul li ul li a {
 margin-right: 7px;
}

#navi .rss {
 vertical-align: middle;
}

/*------------------------------FOOTER------------------------------*/
#footer {
 clear: both;
 width: 830px;
 height: 30px;
 margin: 0 auto 0 auto;
 color: #fff;
 background: #F5C61D url(images/footer.jpg) left top no-repeat;
}

#footer p {
 width: 810px;
 height: 21px;
 line-height: 21px;
 font-size: 70%;
 text-align: right;
}

.blogText {
 margin-top: 1em;
}

.borderArea {
 margin-top: 1em;
 padding: 5px;
 border: 1px solid #999;
 text-align: center;
}

.borderArea p {
 margin: 0;
 padding: 5px 1em;
 text-align: left;
}

h4.concertH4 {
 width: 520px;
 margin: 0;
 padding: 2em 0 5px 0;
 border-bottom: 1px solid #ccc;
 font-size: 100%;
 font-weight: bold;
 text-align: center;
}

h5.concertH5 {
 padding: 1.5em 0 0 5px;
 font-size: 100%;
 font-weight: bold;
 text-align: left;
}

dl.littleConcert {
 width: 500px;
 margin: 1em 0 0 15px;
 font-size: 100%;
}

dl.littleConcert dt {
 float: left;
 clear: both;
 width: 290px;
 margin-right: 10px;
}
dl.littleConcert dd {
 float: left;
 width: 150px;
}

dl.littleConcert span.sec1 { 
 padding-left: 1.2em;
 font-weight: normal;
 color: #888;
}
dl.littleConcert span.sec2 { 
 padding-left: 1.8em;
 font-weight: normal;
 color: #888;
}

.clear {
 clear: both;
}

.clearHR {
 padding-top: 1em;
 clear: both;
}

* html clearHR {
 padding-top: 0;
}

.pic01 {
 margin: 10px;
}

.pic_text {
 width: 500px;
 margin: 10px 0 0 10px;
}

.pic_text p.pic {
 float: left !important;
 width: 250px !important;
 margin: 0 10px 0 0;
}

.pic_text .text {
 float: left !important;
 width: 240px !important;
 margin: 0;
}

.pic_text .text p {
 margin: 1em 0 0 0;
}

/* --------------------------------------------------------------------------
 *　clearfix
-------------------------------------------------------------------------- */
.pic_text:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}

.pic_text {
 display: inline-table;
}

/* Hides from IE-mac ?*/
* html .pic_text {
 height: 1%;
}

.pic_text {
 display: block;
}

/* End hide from IE-mac */