@charset "Shift_JIS";
@import url("bace.css");
@import url("menu/menu04.css");
/*
CORDING BY ANYQ DESIGN
IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII
■SHALICK STORY
*/

#ss-menu {
width:auto;
height:52px;
background:url(../shalickstory/images/menu_bg.jpg) bottom repeat-x;
}
#ss-menu ul {/*メニュー*/
font-size:71%;
display:block;
width:auto;
height:52px;
margin-bottom:15px;
float:right;
}
#ss-menu ul li {
display:block;
height:52px;
line-height:40px;
text-align:center;
float:left;
}
#ss-menu ul li.no-link {
display:block;
padding-right:10px;
padding-left:10px;
height:52px;
line-height:40px;
background:url(../shalickstory/images/menu_bg.jpg) 0 -12px repeat-x;
}
#ss-menu ul li a {
display:block;
padding-right:10px;
padding-left:10px;
line-height:40px;
height:52px;
}
#ss-menu ul li a:hover {
display:block;
padding-right:10px;
padding-left:10px;
height:52px;
line-height:40px;
background:url(../shalickstory/images/menu_bg.jpg) 0 -12px repeat-x;
}

#ss {/*コンテンツ*/
width:640px;
}
#ss h1 {/*コンテンツ*/
display:block;
width:640px;
height:53px;
margin-top:20px;
margin-bottom:20px;
background: url(../shalickstory/images/h1_01.gif) no-repeat;
text-indent:-9999em;
}
#ss h1.h100  {/*コンテンツ*/
background: url(../shalickstory/images/h1_01.gif) no-repeat;
}
#ss img.ss-titlephotos {
margin-bottom:20px;
}
#ss h2 {
display:block;
width:640px;
height:29px;
margin-bottom:10px;
text-indent:-9999em;
}
#ss h2.h200 {
background:url(../shalickstory/images/h2_01.gif) no-repeat;
}
#ss h2.h201 {
background:url(../shalickstory/images/h2_02.gif) no-repeat;
margin:30px 0px 30px 0px;
}
#ss h2.h202 {
background:url(../shalickstory/images/h2_03.gif) no-repeat;
margin:30px 0px 30px 0px;
}
#ss h2.h203 {
background:url(../shalickstory/images/h2_04.gif) no-repeat;
margin:30px 0px 30px 0px;
}
#ss h2.h204 {
background:url(../shalickstory/images/h2_05.gif) no-repeat;
margin:30px 0px 30px 0px;
}
#ss h2.h205 {
background:url(../shalickstory/images/h2_06.gif) no-repeat;
margin:30px 0px 30px 0px;
}
#ss h2.h206 {
background:url(../shalickstory/images/h2_07.gif) no-repeat;
margin:30px 0px 30px 0px;
}
#ss h3 {
font-size:83%;
letter-spacing:1px;
margin:2em 0 0 0;
}
#ss h4 {
font-size:74%;
letter-spacing:1px;
}
#ss h5 {
font-size:71%;
width:675px;
letter-spacing:1px;
margin:2em 0 1.5em 0px;
color:#0099FF;
line-height:30px;;
height:35px;
background:url(../shalickstory/images/indextitle_bg.jpg) 0 0 no-repeat;
}

#ss p {
font-size:83%;
line-height:1.7em;
margin:0px 0 1em 0;
letter-spacing:1px;
color:#333333;
}
#ss p.kome {
margin-top:20px;
color:#666666;
font-size:71%;
padding-top:20px;
background:url(../shalickstory/images/index_bg.jpg) top no-repeat;
}
#ss p.p-end {
margin-bottom:20px;
padding-bottom:40px;
background:url(../shalickstory/images/index_bg.jpg) bottom no-repeat;
}
#ss p.capt-01 {
color:#666666;
font-size:71%;
}
#ss p#contents-page {
font-size:86%;
line-height:1.7em;
margin:0px 0 1em 0;
letter-spacing:1px;
color:#666666;
}
#ss p#contents-index {
font-size:74%;
color:#333333;
margin:0px 0 20px 0;
padding-bottom:30px;
background:url(../shalickstory/images/index_bg.jpg) bottom no-repeat;
}
#ss p#contents-index.text-end {
background:none;
padding-bottom:0;
margin:0px 0 30px 0;
}
#ss p#contents-index.page-end {
background:none;
padding:20px 0 0 0;
margin:0 0 0 0;
text-align:center;
}
#ss ul {
font-size:91%;
margin:0 10px 20px 2em;
padding-left:1em;
}
#ss ul li {
color:#666666;
line-height:1.7em;
list-style:decimal;
font-style:italic;
}
#ss2a {
float:left;
display:block;
width:300px;
}
#ss2b {
float:right;
display:block;
width:300px;
}
#ss2a img {
margin:0 0 7px 0;
}
#ss2b img {
margin:0 0 7px 0;
}
#ss4a {/*4章写真のDIV*/
width:auto;
margin:0 0 30px 0;
}
#ss5a {/*5章写真のDIV*/
float:right;
width:300px;
margin:0 0 40px 30px;
}
#ss6a {/*エピローグ写真のDIV*/
float:left;
margin:0 30px 20px 0;
}