@charset "utf-8";

/*************************************************************************************

フォント

*************************************************************************************/

body {
font-family:"メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
font-size:12px;
line-height:1.5;
color:#000;
}

/* IE6 */
* html body {
font-size:75%;
}

a {
color:#004E93;
}

a:hover {
text-decoration:underline;
}


/*************************************************************************************

グローバルなクラス

*************************************************************************************/

/* margin */
.mt0  {margin-top:0!important;}
.mt10 {margin-top:10px!important;}
.mb0  {margin-bottom:0!important;}

/* text-align */
.tl {text-align:left!important;}
.tc {text-align:center!important;}
.tr {text-align:right!important;}

/* vertical-align */
.vt {vertical-align:top!important;}
.vm {vertical-align:middle!important;}
.vb {vertical-align:bottom!important;}

/* font-size */
.fs14 {font-size:117%;}
.fs16 {font-size:133%;}
.fs18 {font-size:150%;}
.fs20 {font-size:167%;}

/* clear */
.clear {clear:both!important;}

/* hidden */
.hidden {display:none!important;}


/*************************************************************************************

html,body

*************************************************************************************/

html {
}

body {
background:#62D0CA url(../img/body_bg.jpg) no-repeat center 0;
}


/*************************************************************************************

コンテナ（#container1,#container2,#bottomShadow）

*************************************************************************************/

/* コンテナの上部の背景を設定 */
#container1 {
margin:50px auto 0;
padding:8px 0 0;
width:992px;
background:url(../img/container_top.png) no-repeat 0 0;
}

/* コンテナの両サイドの背景を設定 */
#container2 {
padding:0 6px;
background:url(../img/container_middle.png) repeat-y 0 0;
}

/* コンテナの下部の背景（影のみ）を設定 */
#bottomShadow {
height:10px;
background:url(../img/container_bottom.png) no-repeat 0 0;
}

/* 以下IE6での透過pngを表示 */

* html #container1,
* html #bottomShadow {
zoom:1;
behavior: expression(
this.style.behavior || (
this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop,src='"+this.currentStyle.getAttribute("backgroundImage").slice(5,-2)+"')",
this.style.backgroundImage = "none",
this.style.behavior = "none"
)
);
}

* html #container2 {
zoom:1;
behavior: expression(
this.style.behavior || (
this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale,src='"+this.currentStyle.getAttribute("backgroundImage").slice(5,-2)+"')",
this.style.backgroundImage = "none",
this.style.behavior = "none"
)
);
}


/*************************************************************************************

ヘッダー（#header）

*************************************************************************************/

#header {
position:relative;
height:150px;
background:#C1EBF6 url(../img/header_bg.png) no-repeat 0 bottom;
}

/*---------------------------------------------

一番上のサイトの説明（#siteDescription）

---------------------------------------------*/

#siteDescription {
float:left;
padding-left:10px;
height:30px;
line-height:24px;
font-size:133%;
}


/*---------------------------------------------

一番上の右のサイトマップや検索フォーム（#guideNavi）

---------------------------------------------*/

#guideNavi {
padding-right:10px;
height:30px;
text-align:right;
}

#guideNavi li {
display:inline;
margin-left:20px;
}

#guideNavi li a {
display:-moz-inline-box;
display:inline-block;
*display:inline;
*zoom:1;
padding:2px 0 2px 18px;
background:url(../img/header_navi_disc.png) no-repeat 0 2px;
font-size:117%;
}

#guideNavi li.search {
}

#guideNavi li.search form {
display:inline;
}

#guideNavi li.search form input {
margin:0;
vertical-align:middle;
}

#guideNavi li.search form input.text {
padding:0 2px;
width:160px;
height:17px;
border:1px solid #7d7d7d;
border-right:none;
border-bottom-color:#c4c4c4;
line-height:17px;
background:#fff url(../img/input_bg.png) no-repeat 0 0;
}

#guideNavi li.search form input.submit {
padding:0 5px;
_padding:0;
height:19px;
border:1px solid #8E8E8E;
background:url(../img/header_serach_bg.png) repeat-x 0 0;

}

#guideNavi li.search form input.submit:hover {
background-position:0 -25px;
}


/*---------------------------------------------

ロゴ（#logo）

---------------------------------------------*/

#logo {
clear:both;
float:left;
padding:20px 0 0 10px;
width:515px;
}


/*---------------------------------------------

吹き出し（#headerMessage）

---------------------------------------------*/

#headerMessage {
float:left;
height:65px;
line-height:1.4;
overflow:hidden;
padding:13px 0 10px;
width:107px;
}


/*---------------------------------------------

お問い合せ雲（#contactClouds）

---------------------------------------------*/

#contactClouds {
float:right;
padding-top:17px;
}

#contactClouds li {
text-align:right;
}

#contactClouds li.inquiry {}
#contactClouds li.ticket  {margin-top:7px;}
#contactClouds li.offer   {margin-top:-88px;}

#contactClouds li a {
display:-moz-inline-box;
display:inline-block;
*display:inline;
*zoom:1;
overflow:hidden;
padding-top:33px;
height:0;
vertical-align:top;
}

#contactClouds li.inquiry a {width:332px;background:url(../img/header_cloud_inquiry.png) no-repeat 0 0;}
#contactClouds li.ticket  a {width:296px;background:url(../img/header_cloud_ticket.png) no-repeat 0 0;}
#contactClouds li.offer   a {width:202px;background:url(../img/header_cloud_offer.png) no-repeat 0 0;}

#contactClouds li a:hover {
background-position:0 -33px;
}


/*************************************************************************************

グローバルナビ（#globalNavi）

*************************************************************************************/

#globalNavi {
position:relative;
z-index:2;
margin:20px 0 0;
height:27px;
background:url(../img/globalnavi.png) no-repeat 0 0;
}

#globalNavi li {
position:relative;
float:left;
}

#globalNavi li a.home,
#globalNavi li a.about,
#globalNavi li a.repertoire,
#globalNavi li a.onsale,
#globalNavi li a.activity,
#globalNavi li a.access {
overflow:hidden;
*zoom:1;
display:block;
padding-top:27px;
height:0;
background:url(../img/globalnavi.png) no-repeat 0 0;
}

#globalNavi li a.home       {width:120px;background-position:   0px 0;}
#globalNavi li a.about      {width:156px;background-position:-120px 0;}
#globalNavi li a.repertoire {width:185px;background-position:-276px 0;}
#globalNavi li a.onsale     {width:205px;background-position:-461px 0;}
#globalNavi li a.activity   {width:162px;background-position:-666px 0;}
#globalNavi li a.access     {width:141px;background-position:-828px 0;}

#globalNavi li a.home:hover       {width:120px;background-position:   0px -27px;}
#globalNavi li a.about:hover      {width:156px;background-position:-120px -27px;}
#globalNavi li a.repertoire:hover {width:185px;background-position:-276px -27px;}
#globalNavi li a.onsale:hover     {width:205px;background-position:-461px -27px;}
#globalNavi li a.activity:hover   {width:162px;background-position:-666px -27px;}
#globalNavi li a.access:hover     {width:141px;background-position:-828px -27px;}

#globalNavi li ul.sub {
display:none;
position:absolute;
z-index:5;
left:50%;
top:27px;
margin-left:-80px;
width:160px;
background:url(../img/globalnavi_sub_bg.png) repeat 0 0;
_background:url(../img/globalnavi_sub_bg_ie6.png) repeat 0 0;
font-size:117%;
}

#globalNavi li:hover ul.sub {display:block;}
#globalNavi li.hover ul.sub {display:block;}/* for IE6 */

#globalNavi li ul.sub li {
float:none;
}

#globalNavi li ul.sub li a {
position:relative;
display:block;
*zoom:1;
padding:4px 10px;
color:#fff;
}

#globalNavi li ul.sub li a:hover {
background:#045596;
text-decoration:none;
}

/* ignore old browser */
#globalNavi li ul.sub li:first-child a {padding-top:6px;}
#globalNavi li ul.sub li:last-child  a {padding-bottom:6px;}


/*************************************************************************************

メイン（#main）

*************************************************************************************/

#main {
float:left;
position:relative;
padding:0 0 30px;
width:725px;
background:#fff;
}


/*************************************************************************************

サイドバー（#sidebar）

*************************************************************************************/

#sidebar {
float:right;
position:relative;
padding:12px 0 30px;
width:235px;
background:#fff;
}

/*---------------------------------------------

電話でのお問い合せ（#sbPhone）

---------------------------------------------*/

#sbPhone {
margin:0 0 1px;
padding:0 0 8px;
border-bottom:2px solid #62d0ca;
text-align:center;
font-size:117%;
}

#sbPhone strong {
font-size:150%;
font-weight:bold;
letter-spacing:1px;
color:#004e93;
font-family:Arial Black;
}


/*---------------------------------------------

ボックス（.sbBox）

---------------------------------------------*/

.sbBox {
margin:0 0 8px;
padding:2px 0 7px 7px;
border:1px solid #62d0ca;
border-right:none;
background:#f2f2f2;
*zoom:1;
}
n
.sbBox_aqua   {border-color:#62d0ca;}
.sbBox_pink   {border-color:#ff8b95;}
.sbBox_orange {border-color:#FF8400;}

/* 見出し */
.sbBox h2 {
margin:5px 0 7px;
height:22px;
background:#62d0ca url(../img/sb_head_aqua.png) no-repeat 0 0;
line-height:22px;
text-align:center;
font-size:117%;
font-weight:bold;
color:#fff;
}

.sbBox h2 a {
color:#fff;
}

.sbBox_aqua   h2 {background:#62d0ca url(../img/sb_head_aqua.png) no-repeat 0 0;}
.sbBox_pink   h2 {background:#ff8b95 url(../img/sb_head_pink.png) no-repeat 0 0;}
.sbBox_orange h2 {background:#FF8400 url(../img/sb_head_orange.png) no-repeat 0 0;}

/* リスト */
.sbBox ul {
margin-left:7px;
}

.sbBox ul li {
margin-top:7px;
line-height:1.2;
font-size:117%;
}

.sbBox ul li a {
display:block;
*zoom:1;
padding-left:16px;
}

.sbBox_aqua   ul li     a {background:url(../img/disc_aqua.png) no-repeat 0 2px;}
.sbBox_pink   ul li     a {background:url(../img/disc_pink.png) no-repeat 0 2px;}
.sbBox_orange ul li     a {background:url(../img/disc_orange.png) no-repeat 0 2px;}

.sbBox        ul li.sub   {margin-left:16px;}
.sbBox        ul li.sub a {background:url(../img/disc_gray.png) no-repeat 0 2px;}


/*---------------------------------------------

リンク（.sbLink）

---------------------------------------------*/

p.sbLink {
margin:7px 7px 0 0;
text-align:right;
}

p.sbLink a {
padding-left:14px;
background:url(../img/triangle_pink.png) no-repeat 0 2px;
*background-position:0 1px;
}

p.sbLink a.no-icon {
padding-left:0;
background:none;
}


/*---------------------------------------------

ひょっこりひょうたん（#sbHyotan）

---------------------------------------------*/

#sbHyotan {
margin:-9px 0 8px;
padding:0 0 7px;
border:1px solid #62d0ca;
border-right:none;
}

#sbHyotan h2 {
padding:3px 0;
text-align:center;
}

#sbHyotan p.description {
margin:10px 10px 7px;
}


/*---------------------------------------------

サイドナビ（.sbNavi）

---------------------------------------------*/

.sbNavi {
margin:0 0 8px;
}

.sbNavi ul {
}

.sbNavi ul li {
line-height:1.2;
font-size:117%;
}

.sbNavi ul li a {
display:block;
*zoom:1;
padding:8px 5px 8px 17px;
border-bottom:1px solid #62d0ca;
background:url(../img/disc_aqua.png) no-repeat 1px 10px;
}

.sbNavi ul.sbNavi_aqua  li a {border-color:#62d0ca;background-image:url(../img/disc_aqua.png);}
.sbNavi ul.sbNavi_green li a {border-color:#a7d233;background-image:url(../img/disc_green.png);}
.sbNavi ul.sbNavi_pink  li a {border-color:#ff8b95;background-image:url(../img/disc_pink.png);}

.sbNavi ul li.kosodate {
background:url(../img/icon_kosodate.png) no-repeat 97% 2px;
}

.sbNavi ul li.kosodate a {
border-bottom:none;
}


/*---------------------------------------------

バナー（.sbBannar）

---------------------------------------------*/

.sbBannar {
margin:0 0 8px;
text-align:center;
}


/*---------------------------------------------

QRコードとRSS（#sb_qr_rss）

---------------------------------------------*/

#sb_qr_rss {
margin:20px auto 8px;
width:155px;
}

#sb_qr_rss .rss {
margin-left:20px;
}


/*************************************************************************************

フッター（#footer）

*************************************************************************************/

#footer {
clear:both;
margin:0 12px;
border-top:2px solid #004E93;
background:#fff;
}


/*---------------------------------------------

フッターのナビ（#footerNavi）

---------------------------------------------*/

#footerNavi {
padding:12px 0 0;
line-height:1.2;
text-align:center;
}

#footerNavi li {
display:inline;
margin-left:0.5em;
padding-left:0.5em;
border-left:1px solid #000;
}

#footerNavi li.first-child {
margin-left:0;
padding-left:0;
border-left:none;
}

#footerNavi li a {
color:#000;
}

#footerNavi li a:hover {
color:#666;
text-decoration:none;
}

/*---------------------------------------------

フッターの連絡先やコピーライト（#footerAddress）

---------------------------------------------*/

#footerAddress {
padding:12px 0;
text-align:center;
}