/* スタイルシート */

body{
color: #666666;
font-family: "ＭＳ ゴシック", "MS Gothic", sans-serif;
background: url("parts/body-bg.gif") left top #eee;
}
body li{
line-height: 100%;
}

div#wrapper{
background: url("parts/body-border.gif") left top repeat-x #eee;
text-align: left;
padding-top: 2px;
}

div#container{
background: white;

width: 747px;

text-align: left;
margin-left: auto;
margin-right: auto;

}

div#header{
position: relative;
}

div#header a.subtitlelink{
position: absolute;
display: block;
width: 241px;
height: 115px;
right :0px;
bottom: 0px;
}
div#header img.subtitle{
position: absolute;
display: block;
width: 241px;
height: 115px;
right :0px;
bottom: 0px;
}

div#header div#header-name{
position: relative;
height: 154px;
}
div#header #header-description{
height: 0px;
width: 0px;
overflow: hidden;
}




div#submenu{
padding:17px 17px 9px;
background: url("parts/submenu.gif") left top repeat-y;
}
div#submenu ul li{
/*display: block;
background: inherit;
*/
display: block;
float: left;

margin-bottom:8px;
margin-right:18px;
}
div#submenu ul li a{
background: url("parts/li.gif") left 3px no-repeat;
display: block;
/*float: left;*/
float: left;
padding-left: 15px;
font-size: 75%;
white-space:nowrap;
/*margin-right: 20px;*/

text-decoration: none;
color: #ccc;
}
div#submenu ul li a:hover{
color: #fff;
}
div#submenu ul.toppage{
height: 0px;
width: 0px;
overflow: hidden;
clear: left;
}
div#submenu ul.toppage li{
height: 0px;
width: 0px;
overflow: hidden;
font-size: 0px;
}




/*
div#content{
clear: both;
width: 747px;
background: #ffaaaa;
}
*/

/* maincol */

div#maincol{
width: 470px;
float: left;
padding: 0 20px 20px 20px;
margin-top: 20px;
/*background: #ffeeee;*/
margin-bottom: 50px;

overflow-x: hidden;
}
div#maincol p, div#maincol table,
div#maincol ul,div#maincol ol{
margin-left: 20px;
margin-right: 20px;
margin-bottom: 15px; 
line-height: 160%;
font-size: 75%;
}
div#maincol ul ul,div#maincol ol ul,
div#maincol ol ul,div#maincol ol ol{
font-size: 100%;
}

div#maincol ul li,div#maincol ol li{
background: url("parts/li2.gif") no-repeat 0px 5px;
padding-left: 10px;
margin-left: 10px;
margin-bottom: 8px;
line-height: 160%;
}
div#maincol ul li a,div#maincol ol li a{
color: #000066;
text-decoration: none;
}
div#maincol ul li a:hover,div#maincol ol li a:hover{
color: #666666;
text-decoration: underline;
}
div#maincol a{
color: #000066;
text-decoration: underline;
}
div#maincol a:hover{
color: #666666;
text-decoration: underline;
}

div#maincol h1{
color: #333;
background: url("parts/heading-h3.gif") no-repeat left top;
padding: 14px 5px 0 25px;
font-size:85%;

  /* min-height hack */
  min-height:26px;
  height: auto !important;
  height: 26px;

margin-bottom: 17px;
}
div#maincol h2{
color: #333;
/*background: url("parts/heading-h4.gif") no-repeat left top;*/
background: url("parts/heading-h4-bg.gif") no-repeat left bottom;

padding: 12px 5px 9px 25px;
font-size:85%;
line-height: 130%;

  /* min-height hack */
/*
  min-height:25px;
  height: auto !important;
  height: 25px;
*/

margin-bottom: 17px;

border:1px solid #ddd;
}
div#maincol h3{

padding: 6px 6px 6px 25px;
margin-bottom: 17px;
border-left: 2px solid #666666;
border-bottom: 1px solid #666666;
background: url("parts/heading-h5.gif") repeat-x left top;
font-size:75%;

/*
color: #333;
background: url("parts/heading-h5.gif") repeat-x left top;
padding: 10px 10px 10px 25px;
font-size:75%;

margin-left: 10px;
margin-bottom: 17px;
border-top: 1px solid #eeeeee;
*/
}
div#maincol h3.simple{
background: none;
font-weight: bold;
padding: 3px 3px 3px 0px;
border-top: none;
line-height: 135%;
border-bottom: 1px solid #666;

margin-bottom: 10px;
}

div#maincol h4{
color: #333;
padding: 4px 8px 4px 13px;
font-size:75%;
margin-bottom: 13px;
margin-left: 22px;
border-left: 3px solid #666666;
}
div#maincol table caption{
text-decoration: underline;
font-weight: bold;
margin-bottom: 8px;
}
div#maincol table{
border: 1px solid #666666;
}
div#maincol table th,div#maincol table td{
border-right: 1px solid #666666;
border-bottom: 1px solid #666666;
padding: 7px;
}
div#maincol table td,div#maincol table th{
vertical-align: top;
}
div#maincol table td *,div#maincol table th *{
font-size: 100%;
margin-left: 0;
margin-right: 0;
line-height: 160%;
margin-bottom: 0;
}



/*
.concert div#maincol h3{
background: none;
border-top: none;
border-bottom: 1px solid #666666;
padding: 7px 7px 7px 25px;
}
*/

div#maincol table.concertlist{
border: 0px solid white;
width: 90%;
}
div#maincol table.concertlist th{
padding: 0px 10px;
background: url("parts/li2.gif") no-repeat left 5px;
border-right: 0px solid white;
border-bottom: 0px solid white;
vertical-align: middle;
text-align: left;
}
div#maincol table.concertlist td{
padding: 0px 0px;
/*background: url("parts/li2.gif") no-repeat left 5px;*/
border-right: 0px solid white;
border-bottom: 0px solid white;
text-align: right;
vertical-align: middle;
}
div#maincol table.concertlist td a,div#maincol table.concertlist th a{
color: #000066;
text-decoration: none;
}
div#maincol table.concertlist td a:hover,div#maincol table.concertlist th a:hover{
color: #999999;
text-decoration: underline;
}
div#maincol strong{
font-weight: bold;
}

div#maincol div.nav{
padding: 0 0 20px 0;
text-align: right;
margin-top: 36px;
}
div#maincol div.nav p{
margin: 0 0 15px 0;
}


/* sidecol */

div#sidecol{
background: url("parts/side-bar.gif") left top repeat-y white;

width: 202px; /*237-35*/
float: right;
padding: 0px 18px 20px 17px;
margin-top: 20px;
margin-bottom: 50px;
}

div#sidecol p,
div#sidecol ul,div#sidecol ol{
margin-bottom: 18px;
}
div#sidecol table{
margin-bottom: 8px;
}

div#sidecol h3{
margin-bottom: 8px;
}
div#sidecol a{
color: #666;
text-decoration: underline;
}
div#sidecol a:hover{
color: #999;
}

div#sidecol #plans table th,
div#sidecol #plans table td{
font-size: 65%;
vertical-align: bottom;
padding-bottom: 10px;
}
div#sidecol #plans table td{
padding-left: 10px;
line-height: 140%;
}




div#sidecol #lives table th,
div#sidecol #lives table td{
font-size: 65%;
vertical-align: top;
padding-bottom: 10px;
}
div#sidecol #lives table td{
padding-left: 10px;
line-height: 140%;
}


div#sidecol #comp{
border-top: 1px solid #a6a6a6;
border-bottom: 1px solid #a6a6a6;
padding-top: 10px;
padding-bottom: 15px;
}
div#sidecol #comp h3{
font-size: 85%;
}
div#sidecol #comp p{
font-size: 65%;
margin-bottom: 0;
}






div#footer{
clear: both;
}
div#footer div#footermenu{
height: 24px;
background: url("parts/footermenu.gif") left top no-repeat white;

font-size: 65%;
text-align: right;

padding-top: 14px;
padding-right: 18px;
}
div#footer div#footermenu *{
color: #ddd;
}
div#footer div#footermenu a{
color: #ddd;
text-decoration: none;
}
div#footer div#footermenu a:hover{
color: #fff;
}

div#footer div#footercopyright{
height: 32px;
background: url("parts/footer.gif") left top no-repeat white;

font-size: 65%;
text-align: right;
padding-top: 73px;
padding-right: 18px;
}


/* index only */
.index div#maincol h3{
background: none;
margin-bottom: 13px;
padding: 0;
border: 0px solid white;
}
.index div#maincol h4{
font-size: 100%;
border: 0px solid white;
padding: 0;
margin-left: 0;
}
.index div#maincol ul{
margin-left:13px;
margin-right: 0;
}

.index div#maincol ul li{
padding: 10px;
margin-bottom: 10px;
background: url("parts/corner.gif") right bottom no-repeat white;
}
.index div#maincol ul li h4{
margin-bottom: 10px;
}
.index div#maincol ul li h4 a{
color: #666;
text-decoration: underline;
}
.index div#maincol ul li h4 a:hover{
color:#aaa;
}
.index div#maincol ul li p{
font-size: 100%;
margin-left: 0;
margin-bottom: 0;
line-height: 140%;
}


/* インフォメーション（インデックステンプレート） */
/*.information div#maincol h3{
background: none;
margin-bottom: 13px;
padding: 0;
}*/
.template .information div#maincol ul li h2,
.template .blog div#maincol ul li h2{
background: none;
font-size: 100%;
border: 0px solid white;
padding: 0;
margin-left: 0;
}
.template .information div#maincol ul,
.template .blog div#maincol ul{
margin-left:13px;
margin-right: 0;
}

.template .information div#maincol ul li,
.template .blog div#maincol ul li{
padding: 10px;
margin-bottom: 10px;
background: url("parts/corner.gif") right bottom no-repeat white;
}
.template .information div#maincol ul li h2,
.template .blog div#maincol ul li h2{
margin-bottom: 0px;
}
.template .information div#maincol ul li h2 a,
.template .blog div#maincol ul li h2 a{
color: #666;
text-decoration: underline;
}
.template .information div#maincol ul li h2 a:hover,
.template .blog div#maincol ul li h2 a:hover{
color:#aaa;
}
.template .information div#maincol ul li p,
.template .blog div#maincol ul li p{
font-size: 100%;
margin-left: 0;
margin-bottom: 0;
line-height: 140%;
}



/*link*/
.link div#maincol ul{
margin-left: 5px;
}
.link div#maincol ul li{
padding: 4px 4px 4px 12px;
background: url("http://nishion.com/parts/link-item.gif") repeat-y left top #f6f6f6;
margin-bottom: 15px;
}



/* misc styles */
#maincol table.noborder{
border: 0px solid white;
}
div#maincol table.noborder th,div#maincol table.noborder td{
border-right: 0px solid white;
border-bottom: 0px solid white;
}
#maincol table.noborder2{
border: 0px solid white;
}
div#maincol table.noborder2 th,div#maincol table.noborder2 td{
border-right: 0px solid white;
border-bottom: 0px solid white;
padding:0;
}

div#maincol table.pricelist{
border-top: 1px solid #aaa;
border-bottom: 1px solid #aaa;
width: 90%;
border-left: 0px solid #ffffff;
border-right: 0px solid #ffffff;
}
div#maincol table.pricelist td{
text-align: right;
}
div#maincol table.pricelist th,div#maincol table.pricelist td{
border-right: 0px solid white;
border-bottom: 0px solid white;
padding: 8px;
border-top: 0px solid white;
}
div#maincol table.pricelist th.sum,div#maincol table.pricelist td.sum{
border-top: 1px solid #666666;
}

#maincol p.note{
border: 1px solid #eeeeee;
background: #f5f5f5;
padding:5px;
font-size: 65%;
margin-bottom: 8px;
}
#maincol p.note2{
border: 1px solid #eeeeee;
background: #f5f5f5;
padding:5px;
font-size: 80%;
margin-bottom: 8px;
}

#maincol table th{
background: url("http://nishion.com/parts/common_bg1.gif") repeat-x left bottom;
}
#maincol table th.overline,
#maincol table td.overline{
border-top: 1px solid #666666;
}
#maincol table th.overline_white,
#maincol table td.overline_white{
border-top: 1px solid #ffffff;
}
#maincol p.title{
border-left: 2px solid #777777;
padding: 1px 0px 1px 10px;
margin-top:5px;
margin-bottom:5px;
}

/* 補足情報：右側に寄せる、リンクはテキストと同色になる */
p.aside{
text-align: right;
}
p.aside a{
color: #666;
}

.fullwidth{
margin-left:0!important;margin-right:0!important;
padding-left:0!important;padding-right:0!important;
}




/* 後程正しい場所に配置 */

div#maincol ul li.music,div#maincol ol li.music{
background: url("http://nishion.com/parts/icon-qnote.gif") no-repeat 0px 2px;
padding-left: 20px;
margin-left: 0px;
margin-bottom: 8px;
line-height: 160%;
}
div#maincol ul li.music *,div#maincol ol li.music *{
font-size: 100%;
}

div#maincol ul li.corner,div#maincol ol li.corner{
background: none;
padding: 0px 0px 0px 8px;
margin-left: 2px;
margin-bottom: 8px;
line-height: 160%;
border-left: 2px solid #666666;
}
div#maincol ul li.corner *,div#maincol ol li.corner *{
font-size: 100%;
}


/*メールフォーム*/
div.mailform{
border: 1px solid silver;
}
div.mailform dl{
margin:10px;
}
div.mailform dl dt{
font-size: 75%;
margin-bottom: 10px;
border-bottom: 1px solid #999999;
padding-bottom: 3px;
}
div.mailform dl dd{
font-size: 75%;
margin-bottom: 10px;
}
div.mailform dl span,
div.mailform span.must{
font-weight: bold;
color: #ff0000;
}
div.mailform dl dd.send{
margin-top:24px;
text-align: center;
border: 1px solid #999999;
background: #f5f5f5;
padding: 6px;
}

/*各ページの特殊設定*/
.info div#maincol h1{
display: none;
}
.harp div#maincol h1{
display: none;
}
.harplesson div#maincol h1{
display: none;
}
.concert div#maincol h1.hidden,
.concert div#maincol h2.hidden{
display: none;
}