@charset "utf-8";

/* @group Reset */

*{ margin: 0;padding: 0}

a { text-decoration : none}
ul, ol { list-style : none}
img { vertical-align : top}

/* @end */


/* @group Fluid-img */

img{ max-width : 100%}

/* @end */


/* @group body */

body {
font-family : meiryo, HiraKakuProN-W3, sans-serif;
line-height : 1.5;
background-image: url(../img/bg-sidebar_01-left.jpg) , url(../img/bg-sidebar_02-right.jpg);
background-position: 0% 0%, 100% 0%;
background-repeat: repeat-y, repeat-y;
background-size: 16px 20px, 16px 20px;
-webkit-background-size: 16px 20px, 16px 20px;
-moz-background-size: 16px 20px, 16px 20px;
}

/* @end */


/* @group Heading */

h1,h2,h3,h4,h5,h6 { margin-bottom : 24px}
h1 {
font-size: 48px; 
line-height: 1} /* 48px */
h2 {
font-size : 36px;
line-height : 1.3333} /* 48px */
h3{
font-size : 24px;
line-height : 1} /* 24px */

h5 {font-size : 12px;line-height : 1; text-align : center; margin-top : 12px;} /* 24px */

hgroup h2,h4,h5,h6 {
font-size : 16px;
line-height : 1.5} /* 24px */

/* @end */


/* @group Header */

Header {
width : 85%;
margin : 0 auto;
text-align : center}
Header p { 
padding: 7.5% 7.5%;
margin-top : -24px;
margin-bottom : 0px;
text-align : left}

Header a {
/* 表示形態 */
display: block;
float:right;
/* サイズ */
width: 40%;
/* 余白 */
padding: 0.25em 0em;
margin: 0.25em auto;
/* 枠線 */
border-style: solid;
border-width: 2px;
border-color: #0000ee #000066 #000066 #0000ee;
/* 角丸 */
border-radius: 7px;         /* CSS3 */
-webkit-border-radius: 7px; /* Chrome,Safari */
-moz-border-radius: 7px;    /* Firefox */
/* 文字装飾 */
font-size: 12px;
text-decoration: none;
/* 文字位置 */
text-align: center;
/* 背景 */
background: linear-gradient(top, #fff, #ccc);      /* CSS3 */
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc)); /* Chrome,Safari */
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffffff,EndColorStr=#ffcccccc); /* IE */
background: -moz-linear-gradient(top, #fff, #ccc); /* Firefox */
background: -o-linear-gradient(top, #fff, #ccc);   /* Opera */
}

/* @end */


/* @group hplink */

#hplink {
width : 85%;
margin : 0 auto;
text-align : center}
#hplink p { 
padding: 7.5% 7.5%;
margin-bottom : 0px;
text-align : left}

#hplink a {
/* 表示形態 */
display: block;
float:right;
/* サイズ */
width: 35%;
/* 余白 */
padding: 0.25em 0.25em;
margin: 0.25em auto;
/* 枠線 */
border-style: solid;
border-width: 2px;
border-color: #0000ee #000066 #000066 #0000ee;
/* 角丸 */
border-radius: 7px;         /* CSS3 */
-webkit-border-radius: 7px; /* Chrome,Safari */
-moz-border-radius: 7px;    /* Firefox */
/* 文字装飾 */
font-size: 10px;
text-decoration: none;
/* 文字位置 */
text-align: center;
/* 背景 */
background: linear-gradient(top, #fff, #ccc);      /* CSS3 */
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc)); /* Chrome,Safari */
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffffff,EndColorStr=#ffcccccc); /* IE */
background: -moz-linear-gradient(top, #fff, #ccc); /* Firefox */
background: -o-linear-gradient(top, #fff, #ccc);   /* Opera */
}

/* @end */





/* @group Contents */

#contents {
width : 85%;
margin : 0 auto;
text-align : center}
#contents p { 
margin-bottom : 24px;
text-align : left}
#contents img { 
margin-bottom : 24px; 
}

/* @end */




/* @concert-guide */

#concert-guide {
margin : 0 auto;
text-align : center;
}

#concert-guide p { 
margin-bottom : 24px;
text-align : left;
}

#concert-guide aside { 
margin-bottom : 24px;
text-align : center;
}

#concert-guide aside p { 
margin-bottom : 24px;
text-align : center;
background: #FFF5EE;
border: solid 1px #FF1493;
padding: 6px 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}

/* @end */



/* @guide-00 aside */

#guide-00 aside {
text-align : left;
}

#guide-00 aside img { 
float:left;
margin-right : 1em; 
margin-bottom : 0px; 
}

#guide-00 aside p { 
margin-bottom : 24px;
text-align : left;
}

/* @end */


/* @guide-01 aside */

#guide-01 aside {
position: relative;　top:0px; left: 0px;
text-align : left;
}

#guide-01 aside p {
padding-left: 1.5em;
padding-right: 1.275em;
text-indent:  0em;

position: absolute; top:180px; left: 0px;
text-align : left;
}

#guide-01 aside img {
margin-bottom : 24px;
text-align : left;
}

/* @end */



/* @guide-01 slideさせる */

dl,dt,dd {
margin:0;padding:0;

}

.slide {
    margin-bottom:0px;
    padding-bottom:0px;

    border-bottom:dotted 0px #CCC;
}

#box03 dt{
    padding:0px;
    background:#ff7777;
    color:#FFF;
    cursor:pointer;

border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
padding: 0px 0px;

box-shadow: 3px 3px 3px #666;
-moz-box-shadow: 3px 3px 3px #666;  
-webkit-box-shadow: 3px 3px 3px #666;  


}

#box03 dd{
    padding:0px;
    background:#ffe4ff;
}

/* @end */



/* @guide-02 aside */

#guide-02 aside {
text-align : left;
}

#guide-02 aside p { 
padding-left: 0em;
text-indent:  0em;
margin-bottom : 24px;
text-align : left}

#guide-02 aside img { 
float:left;
margin-right : 1em; 
margin-bottom : 0px; 
}

/* @end */


/* @guide-04 aside */

#guide-04 aside {
text-align : left;
}

#guide-04 aside p { 
padding-left: 0em;
text-indent:  0em;
margin-bottom : 24px;
text-align : left}

#guide-04 aside img { 
float:left;
margin-right : 1em;
margin-bottom : 0px; 
}

/* @end */


/* @guide-05 aside-2 */

#guide-05 aside-2 img { 
float:right;
margin-right : 0;
margin-bottom : 0px; 
}

/* @end */


/* @guide-05 aside */

#guide-05 aside {
text-align : left;
}

#guide-05 aside p { 
padding-left: 0em;
text-indent:  0em;
margin-bottom : 24px;
text-align : left}

#guide-05 aside img { 
float:left;
margin-right : 1em;
margin-bottom : 0px; 
}

/* @end */


/* @guide-06 aside */

#guide-06 aside {
width : 85%;
position: relative;　top: 0px; left: 0px;
text-align : left;
}

#guide-06 aside p {
padding-left: 0em;
padding-right: 0em;
text-indent:  0em;

position: absolute; top: 0px; left: 45%; width: 55%;
text-align : left;
}

#guide-06 aside img {
margin-bottom : 24px;
text-align : left;
}

/* @end */


/* @guide-06 aside-2 */

#guide-06 aside-2 {
width : 85%;
position: relative;　top: 0px; left: 0px;
text-align : left;
}

#guide-06 aside-2 p {
padding-left: 0em;
padding-right: 0em;
text-indent:  0em;

position: absolute; top: 0px; left: 4px; width: 55%;
text-align : left;
}

#guide-06 aside-2 img {
margin-bottom : 24px;
text-align : left;
}

/* @end */


/* @group aside */

aside p {
padding-left: 1em;
text-indent: -1em;
}




#order { 
margin-bottom : 24px; 
}

#order p{
font-size : 14px;
text-align: left;

}

#order img { 
margin-bottom : 24px; 

/* @end */



/* @sns */

#sns {
margin-left : auto;
margin-right : auto;
text-align : center;
}

/* @end */



/* @group toplink */

#toplink {
font-size 12px;
width : 90%;
margin : 0 auto;
text-align : center}
#toplink p { 
margin-bottom : 24px;
text-align : center}

#toplink a {
/* 表示形態 */
display: block;
/* サイズ */
width: 80%;
/* 余白 */
padding: 0.25em 0px;
margin: 0.25em auto;
/* 枠線 */
border-style: solid;
border-width: 2px;
border-color: #0000ee #000066 #000066 #0000ee;
/* 角丸 */
border-radius: 7px;         /* CSS3 */
-webkit-border-radius: 7px; /* Chrome,Safari */
-moz-border-radius: 7px;    /* Firefox */
/* 文字装飾 */
font-size: 12px;
text-decoration: none;
/* 文字位置 */
text-align: center;
/* 背景 */
background: linear-gradient(top, #fff, #ccc);      /* CSS3 */
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc)); /* Chrome,Safari */
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffffff,EndColorStr=#ffcccccc); /* IE */
background: -moz-linear-gradient(top, #fff, #ccc); /* Firefox */
background: -o-linear-gradient(top, #fff, #ccc);   /* Opera */
}

/* @end */


/* @group Footer */

footer {
display : block;
background-color : #000066;
padding : 6px 0;
color : white;
font-size : 12px;
text-align : center}
/* @end */