@charset "UTF-8";


@import url(https://fonts.googleapis.com/css?family=Raleway:400,500,800);
.snip1217 {
  font-size:30px;
  font-family: 'Raleway', Arial, sans-serif;
  text-align: center;
  font-weight: 500;
  letter-spacing: 1px;
}
.snip1217 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.snip1217 li {
  display: inline-block;
  list-style: outside none none;
  margin: 0.5em 1.5em;
  padding: 0;
}
.snip1217 a {
  padding: 0.3em 0;
  color: rgba(255, 255, 255, 0.5);
  position: relative;
  text-decoration: none;
  display: inline-block;
}
.snip1217 a:before,
.snip1217 a:after {
  height: 3px;
  position: absolute;
  content: '';
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
  background-color: #9b59b6;
  width: 0;
}
.snip1217 a:before {
  top: 0;
  left: 0;
}
.snip1217 a:after {
  bottom: 0;
  right: 0;
}
.snip1217 a:hover,
.snip1217 .current a {
  color: #ffffff;
}
.snip1217 a:hover:before,
.snip1217 .current a:before,
.snip1217 a:hover:after,
.snip1217 .current a:after {
  width: 100%;
}



html {
    overflow-y:scroll;
}

body {
    margin:0;
    padding:0;
    line-height:1.6;
    letter-spacing:1px;
    font-family:"Hiragino Kaku Gothic Pro",HiraKakuPro-W3,"ヒラギノ角ゴ Pro W3","メイリオ", Meiryo,"ＭＳ Ｐゴシック",verdana,sans-serif;
    font-size:20px;
    color:#000;
    background:#6fa3fa;
    background: linear-gradient(#ffffff, #bdc0c2) fixed;
}

.asiato{
background-image:url(chri_kimi_img/asiato.png);
background-position:center top;
background-repeat:no-repeat;
-moz-background-size:cover;
background-size:cover;
background-attachment: fixed;
}

/* h2タグのデザイン設定 */
h2 {
  margin: 1.5em 0;
  padding: 0.5em 0 0.3em 1em;
  border-top: 2px solid #00008B;  
  border-bottom: 2px solid #00008B;  
  font-size: 130%;
  font-weight: bold;
  color: #fff;
}

#toppu{
    width:1024px;
    height:576px;
    margin:0px auto;
    background-image: url(chri_kimi_img/top.png);
}

#top1{
    height:426px;
}

#top2{
    height:150px;
    text-align: center;
    color:#fff;
    font-size: 110%;
    font-weight: bold;
}

#scena{
    width:1024px;
    height:30px;
    margin:0px auto;
    background-image: url(chri_kimi_img/scenario_h.png);
}

#scenario{
    width:940px;
    height:500px;
    margin:0px auto;
    background-image: url(chri_kimi_img/scena.png);
}

#scenario p {
    text-align: center;
    color:#fff;
    font-size: 120%;
    font-weight: bold;
}

#chara{
    width:1024px;
    height:30px;
    margin:0px auto;
    background-image: url(chri_kimi_img/character_h.png);
}

#character{
    width:940px;
    height:500px;
    margin:0px auto;
    background-image: url(chri_kimi_img/chara.png);
}

#main_up{
    width:530px;
    height:310px;
    padding:20px 0px 20px 40px;
    float:left;
    font-weight: bold;
    color:#fff;
    font-size: 110%;
}

#main_under{
    width:570px;
    height:150px;
    text-align: center;
    float:left;
}

#side{
    width:586px;
    height:500px;
    float:right;
    margin:0px 0px 100px 0px;
}

#gallery{
    width:940px;
    height:500px;
    margin:0px auto;
    background-image: url(chri_kimi_img/gal.png);
}

#dl{
    width:1024px;
    height:30px;
    margin:0px auto;
    background-image: url(chri_kimi_img/dlsale_h.png);
}

#dlsale{
	text-align: center;
    width:940px;
    height:100px;
    margin:0px auto;
    padding:30px 0px 10px 0px;
    }

#down{
    width:1024px;
    height:30px;
    margin:0px auto;
    background-image: url(chri_kimi_img/download_h.png);
}

#download{
    width:940px;
    height:290px;
    margin:0px auto;
    padding:200px 0px 10px 0px;
    background-image: url(chri_kimi_img/down_bg.png);
}

#download p {
    text-align: center;
    color:#fff;
    font-size: 130%;
    font-weight: bold;
}

#sita{
    height:150px;
}

.outline{
filter:dropshadow(color=#05273c,offX= 0,offY=-1)
dropshadow(color=#05273c,offX= 1,offY= 0)
dropshadow(color=#05273c,offX= 0,offY= 1)
dropshadow(color=#05273c,offX=-1,offY= 0);
 
-webkit-text-stroke-color: #05273c;
-webkit-text-stroke-width: 1px;
 
text-shadow: black 3px 3px 1px, black -1px 1px 0px,
             black 1px -1px 0px, black -1px -1px 0px;
}

.outline2{
filter:dropshadow(color=#a7dfff,offX= 0,offY=-1)
dropshadow(color=#a7dfff,offX= 1,offY= 0)
dropshadow(color=#a7dfff,offX= 0,offY= 1)
dropshadow(color=#a7dfff,offX=-1,offY= 0);
 
-webkit-text-stroke-color: #a7dfff;
-webkit-text-stroke-width: 1px;
 
text-shadow: black 3px 3px 1px, black -1px 1px 0px,
             black 1px -1px 0px, black -1px -1px 0px;
}

/* ========PAGRTOP CUSTOMIZE========= */
#pageTop {
    position:fixed;
    right:0;
    bottom:0;
    padding:10px;
    background:#000;
}

#pageTop a {
    padding:0 0 0 12px;
    color:#fff;
    font-size:12px;
    background:#000 0 50% no-repeat;
}

a {text-decoration: none;}

a:link { color: #ffffff; }
a:visited { color: #ffffff; }
a:hover { color: #a8c6ec; }
a:active { color: #a8c6ec; }