body{
font-size : 0.8em;
color : #1a0f09;
background : #ebebeb url("data/bg.jpg") repeat-y right;
padding : 0px;
margin : 5px;
}

a{
text-decoration : none;
}

a:link{
color : #34861c;
}

a:visited{
color : #225812;
}

a:active{
color : #E84769;
}

a:hover{
color : #E84769;
text-decoration : underline;
}

h1{
color : #333;
font-size : 20px;
text-align : center;
background : #f3f3f3;
border-top : 4px double #808080;
border-right : none;
border-bottom : 4px double #808080;
border-left : none;
padding : 5px;
margin : 5px 0px 10px 0px;
}

h2{
color : #333;
font-size : 16px;
border-top : none;
border-right : none;
border-bottom : 1px solid #808080;
border-left : none;
padding : 5px;
margin : 0px 0px 5px 0px;
}

p{
line-height : 1.3em;
margin : 12px 0px;
}

strong{
color : #1a430e;
}

table{
width : 298px;
height : 230px;
font-size : 12px;
text-align : left;
background : #fff;
border-top : none;
border-right : 2px solid #4c4c4c;
border-bottom : 3px solid #4c4c4c;
border-left : none;
padding : 0px;
margin : 0px 0px 5px 0px;
}

th{
color : #333;
text-align : center;
background : #f3f3f3;
border-top : 4px double #808080;
border-right : none;
border-bottom : 4px double #808080;
border-left : none;
padding : 3px;
}

td{
vertical-align : top;
padding : 3px;
margin : 0px;
}

#layout{
width : 600px;
text-align : center;
padding : 0px;
marigin : 5px;
}

#top_img{
width : 597px;
height : 320px;
border-top : none;
border-right : 2px solid #4c4c4c;
border-bottom : none;
border-left : none;
padding : 0px;
margin : 0px;
}

.box{
width : 587px;
text-align : left;
background : #fff url(./box.gif) no-repeat;
border-top : none;
border-right : 2px solid #4c4c4c;
border-bottom : 3px solid #4c4c4c;
border-left : none;
padding : 5px;
margin : 0px 0px 10px 0px;
}

.box li{
padding : 0px;
margin : 0px 0px 5px 0px;
}

.bt{
width : 120px;
height : 45px;
border : none;
padding : 0px;
margin : 0px;
}

.float{
float : left;
}

br.clr{
clear : both;
}

.thumb{
width : 180px;
height : 135px;
background : #fff;
border-top : 1px solid #ccc;
border-right : 2px solid #666;
border-bottom : 3px solid #666;
border-left : 1px solid #ccc;
padding : 4px;
margin : 2px;
}

#navi{
position : relative;
width : 597px;
height : 24px;
color : #fff;
font-size : 12px;
font-weight : bold;
background-color : #666;
border-top : 2px solid #666;
border-right : 1px solid #666;
border-bottom : 2px solid #666;
border-left : none;
list-style : none;
padding : 0px;
margin-top : 0px;
margin-left : auto;
margin-right : auto;
margin-bottom : 0px;
}

#navi li{
float : left;
width : 97px;
text-align : center;
background : #707070;
display : block;
padding : 0px;
margin : 0px 1px;
}

#navi a{
color : #fff;
line-height : 2em;
text-decoration : none;
display : block;
}

#navi a:hover{
color : #fff;
line-height : 2em;
background-color : #808080;
text-decoration : none;
display : block;
}

#st_bg{
background : #fff url(./data/st_bg.jpg) no-repeat 99% 99%;
}

#st_bg a{
font-weight : bold;
}

#submenu{
float : left;
width : 180px;
border-top : 1px solid #ccc;
border-right : 2px solid #666;
border-bottom : 3px solid #666;
border-left : 1px solid #ccc;
background : #f3f3f3;
padding : 5px;
margin : 0px;
list-style : square inside;
}

#submenu li{
padding : 3px;
margin : 0px 0px 5px 5px;
}

#chara{
float : left;
width : 380px;
padding : 3px;
margin : 0px 5px 0px 0px;
border-top : 1px solid #ccc;
border-right : 2px solid #666;
border-bottom : 3px solid #666;
border-left : 1px solid #ccc;
background : #f3f3f3;
}

#chimg{
width : 380px;
height : 250px;
padding : 0px;
margin : 5px 0px 0px 0px;
}

br.clr{
clear : both;
}

.center{
text-align : center;
}

/*通販特典画像用*/
.od_ph{
width : 260px;
height : 230px;
border : none;
padding : 0px;
margin : 0px 0px 12px 0px;
}

/*デモムービーサムネイル*/
#demo_ph{
float : left;
width : 240px;
height : 180px;
border : none;
padding : 0px;
margin : 0px 25px 0px 0px;
}

/*プロローグ挿絵*/
.pro_bg{
width : 587px;
height : 250px;
border : none;
padding : 0px;
margin : 0px;
}

/*プロローグページ内キャラクター発言文頭名前部に使用*/
span{
font-weight : bold;
margin : 0px 5px 0px 0px;
}

/*プロローグページ内ページ送り*/
.next{
float : left;
font-size : 14px;
font-weight : bold;
text-align : right;
width : 293px;
padding : 0px;
margin : 0px;
}

.back{
float : left;
font-size : 14px;
font-weight : bold;
text-align : left;
width : 293px;
padding : 0px;
margin : 0px;
}

/*プロローグページ内キャラクター発言用*/
/*class名の通し番号はキャラクター紹介ページの番号と同期を取って下さい*/
.ch_00{
color : #333;
}

.ch_01{
color : #1A8ABF;
}

.ch_02{
color : #C69840;
}

.ch_03{
color : #7D3812;
}

.ch_04{
color : #F8655A;
}

.ch_05{
color : #0F4818;
}

.ch_06{
color : #896648;
}

.ch_07{
color : #6E644A;
}

.ch_08{
color : #B11D05;
}

.ex_01{
color : #666;
}

.ex_02{
color : #B60062;
}

.font_16px{
font-size : 16px;
}