@charset "shift_jis";
/* CSS Document */
/*==============================================================
■基本設定
==============================================================*/
body{
background:#FFF url(../images/back01.jpg) repeat-x;
font-size:12px;
color:#666;}

a{
text-decoration:underline;
color:#639d69;}

a:hover{
text-decoration:none;}

/*==============================================================
■構造
==============================================================*/
/*----外枠----*/
#bord{
width:740px;
border-left:1px solid #408a3d;
border-right:1px solid #408a3d;
margin:0 auto;}

/*----メインコンテンツ----*/
#main{
width:736px;
border-left:2px solid #FFF;
border-right:2px solid #FFF;
margin:0 auto;
background:#0c3d18 url(../images/top01.jpg) no-repeat top center;
padding:380px 0 35px;}

/*----ナビゲーション----*/
#gnavi{
width:600px;
margin:0 0 0 135px;}
	
#gnavi ul{
height:44px;
margin:0 0 20px 0;
padding:0;}

#gnavi ul li{
list-style:none;
display: inline-block;
text-indent:-9999px;
outline:none;
float:left;
padding-left:6px;}

/*----ナビゲーション 個別----*/
/*About*/
#navi01 a{
height:25px;
width:77px;
background:url(../images/menu/btn_abo.gif) no-repeat;
display:block;
margin-top:19px;}

#navi01 a:hover{
background:url(../images/menu/btn_abo_o.gif) no-repeat;}

/*Story*/
#navi02 a{
height:25px;
width:77px;
background:url(../images/menu/btn_sto.gif) no-repeat;
display:block;
margin-top:19px;}

#navi02 a:hover{
background:url(../images/menu/btn_sto_o.gif) no-repeat;}

/*Character*/
#navi03 a{
height:25px;
width:97px;
background:url(../images/menu/btn_cha.gif) no-repeat;
display:block;
margin-top:19px;}

#navi03 a:hover{
background:url(../images/menu/btn_cha_o.gif) no-repeat;}

/*CG*/
#navi04 a{
height:25px;
width:77px;
background:url(../images/menu/btn_cg.gif) no-repeat;
display:block;
margin-top:19px;}

#navi04 a:hover{
background:url(../images/menu/btn_cg_o.gif) no-repeat;}
/*Spec*/
#navi05 a{
height:25px;
width:77px;
background:url(../images/menu/btn_spec.gif) no-repeat;
display:block;
margin-top:19px;}

#navi05 a:hover{
background:url(../images/menu/btn_spec_o.gif) no-repeat;}

/*購入する*/
#navi06 a{
height:44px;
width:146px;
background:url(../images/menu/btn_buy.gif) no-repeat;
display:block;}

#navi06 a:hover{
background:url(../images/menu/btn_buy_o.gif) no-repeat;}

/*----内容表示1ブロック----*/
.block{
width:592px;
border:1px solid #408a3d;
clear:both;
margin:0 0 20px 135px;
background-color:#FFF;}

/*----内容表示詳細----*/
.block_in{
margin:15px 0 10px 10px;}

/*----ページトップリンク----*/
.pagetop{
margin:20px 20px 15px 0;
text-align:right;}

/*==============================================================
■ページ個別
==============================================================*/
/*----about----*/
.about{
background:url(../images/back_about01.jpg) no-repeat right top #FFF;}

/*----story----*/
.story{
background:url(../images/back_story01.jpg) no-repeat right bottom #FFF;}

/*----character----*/
#charanavi{
width:100%;}

#charanavi ul{
height:175px;
margin:5px 0 0 5px;
padding:0;}

#charanavi ul li{
width:80px;
height:170px;
margin:0 1px;
float:left;
display: inline-block;
text-indent:-9999px;
outline:none;
list-style:none;}

/*----character個別----*/
#cha01 a{
background:url(../images/chara/s01.jpg) no-repeat;
display:block;
width:80px;
height:170px;}

#cha01 a:hover{
background:url(../images/chara/s01_o.jpg) no-repeat;}

#cha02 a{
background:url(../images/chara/s02.jpg) no-repeat;
display:block;
width:80px;
height:170px;}

#cha02 a:hover{
background:url(../images/chara/s02_o.jpg) no-repeat;}
	
#cha03 a{
background:url(../images/chara/s03.jpg) no-repeat;
display:block;
width:80px;
height:170px;}

#cha03 a:hover{
background:url(../images/chara/s03_o.jpg) no-repeat;}
	
#cha04 a{
background:url(../images/chara/s04.jpg) no-repeat;
display:block;
width:80px;
height:170px;}

#cha04 a:hover{
background:url(../images/chara/s04_o.jpg) no-repeat;}
	
#cha05 a{
background:url(../images/chara/s05.jpg) no-repeat;
display:block;
width:80px;
height:170px;}

#cha05 a:hover{
background:url(../images/chara/s05_o.jpg) no-repeat;}

#cha06 a{
background:url(../images/chara/s06.jpg) no-repeat;
display:block;
width:80px;
height:170px;}

#cha06 a:hover{
background:url(../images/chara/s06_o.jpg) no-repeat;}
	
/*----CG----*/
.cgnavi{
width:460px;
padding:5px 0 0;}

.cgnavi ul{
height:45px;
margin:4px 0 0 2px;
padding:0;}

.cgnavi ul li{
width:60px;
height:45px;
margin:0 2px;
float:left;
display: inline-block;
outline:none;
list-style:none;}

.cgnavi ul li img{
border:none;}
	
/*----spec----*/
.spec{
background:url(../images/back_spec01.jpg) no-repeat right bottom #FFF;}

.spec_title{
color:#4f944f;
font-size:15px;
font-weight:bold;}

.spec ul{
width:382px;
height:150px;
margin:20px 0 0 10px;
padding:0;}

.spec ul li{
float:left;
list-style:none;
margin:0 0 2px;}

.li01{
width:80px;}
.li02{
width:300px;
margin-left:2px;}

/*----コピーライト----*/
.copy{
margin:20px auto 0;
text-align:center;
color:#FFF;}