@charset "UTF-8";

@import "common.css";

body{
height:100%;
min-height:100%;
position:relative;
background:#444 url(../images/common/bg.gif) repeat-y;
color:#333;
}

#wrapper{
position:relative;
width:100%;
height:100%;
min-height:100%;
}

#header{
padding-top:20px;
padding-left:14px;
}

#main{
}

#leftbox{
width:550px;
float:left;
}

#leftbox h2{
margin-top:20px;
}

#leftbox h2,#leftbox dl, #leftbox p{
padding-left:20px;
}

#leftbox dl, #leftbox p{
width:505px;
color:#333;
}

#rightbox{
float:left;
width:350px;
height:100%;
}

#footer div#copy{
clear:both;
width:900px;
text-align:right;
}

h1 a{
background:url(../images/inner/logo.gif) no-repeat;
width:320px;
height:55px;
}

#menu{
padding-left:14px;
padding-bottom:20px;
}

#menu div{
margin-bottom:10px;
}

#menu a{
color:#000;
text-decoration:none;
line-height:1.3;
}

#menu a:hover{
color:#CCC;
}

#leftbox h3{
color:#333;
width:505px;
padding-left:20px;
font-size:180%;
line-height:1;
letter-spacing:1.5px;
font-weight:bold;
border-bottom:1px solid #231815;
margin:10px 0;
}

#leftbox h3 span.column{
font-size:85%;
color:#666;
}

#leftbox a{
color:#333;
text-decoration:none;
}

#leftbox a:hover{
color:#673B7E;
text-decoration:underline;
}

#leftbox h3 a:hover{
text-decoration:none;
}

#pagenav{
width:530px;
}

#leftbox a.pagetop{
background:url(../images/inner/pagetop.gif) no-repeat left top;
width:104px;
height:21px;
display:block;
text-indent:-9999em;
padding-right:20px;
}

.readmore-eng a, .readmore-jp a, .back a{
display:block;
height:21px;
text-indent:-9999em;
margin-bottom:2px;
}

#leftbox p.back, .navigation #back, #leftbox #content #back, #leftbox #content #next, .navigation #next{
width:72px;
}

#leftbox p.readmore-eng{
width:225px;
}

#leftbox p.readmore-jp{
width:235px;
}

#back a{
background:url(../images/inner/back.gif) no-repeat left top;
}

#next a{
background:url(../images/inner/next.gif) no-repeat left top;
}

#leftbox #back a{
display:block;
height:21px;
text-indent:-9999em;
margin-bottom:2px;
background:url(../images/inner/back.gif) no-repeat left top;
}

#leftbox #next a{
display:block;
height:21px;
text-indent:-9999em;
margin-bottom:2px;
background:url(../images/inner/next.gif) no-repeat left top;
}

#leftbox #content #back a{
display:block;
height:21px;
text-indent:-9999em;
margin-bottom:2px;
background:url(http://rikapepe.com/images/inner/back.gif) no-repeat left top;
}

#leftbox #content #next a{
display:block;
height:21px;
text-indent:-9999em;
margin-bottom:2px;
background:url(http://rikapepe.com/images/inner/next.gif) no-repeat left top;
}

#leftbox #back a:hover{
background:url(../images/inner/back.gif) no-repeat left bottom;
}

#leftbox #content #back a:hover{
background:url(http://rikapepe.com/images/inner/back.gif) no-repeat left bottom;
}

#leftbox #next a:hover{
background:url(../images/inner/next.gif) no-repeat left bottom;
}


#leftbox #content #next a:hover{
background:url(http://rikapepe.com/images/inner/next.gif) no-repeat left bottom;
}

.readmore-eng a{
background:url(../images/inner/read-eng.gif) no-repeat left top;
}

.readmore-jp a{
background:url(../images/inner/read-jp.gif) no-repeat left top;
}

.back a:hover{
background:url(../images/inner/back.gif) no-repeat left bottom;
}

.readmore-eng a:hover{
background:url(../images/inner/read-eng.gif) no-repeat left bottom;
}

.readmore-jp a:hover{
background:url(../images/inner/read-jp.gif) no-repeat left bottom;
}

#leftbox a.pagetop:hover{
background:url(../images/inner/pagetop.gif) no-repeat left bottom;
}

.lyric{
background:url(../images/inner/lyric.gif) no-repeat right bottom;
}

.idea{
background:url(../images/inner/idea.gif) no-repeat right bottom;
}

.theme{
background:url(../images/inner/theme.gif) no-repeat right bottom;
}

.message{
background:url(../images/inner/message.gif) no-repeat right bottom;
}

#leftbox dl dt{
margin:1em 0 .5em 0;
}

#leftbox dl dd{
text-indent:-4.2em;
padding-left:4.2em;
margin-bottom:1em;
}

#company-table{
width:95%;
font-size:85%;
color:#CCC;
}

#company-table th, #company-table td{
text-align:left;
height:3em;
vertical-align:top;
padding:0 .5em;
}

#blog #wrapper{
background:#FFF;
}

#blog p, #blog h3, #blog h2, #blog ul li, #blog a, #blog a:hover{
color:#333;
}

#idea-list{}

#leftbox #idea-list dt{
margin:0;
float:left;
width:11em;
}
#idea-list dd{
margin-left:11em;
}

.fashion-list{
list-style:inside decimal;
padding-left:20px;
}

.fashion-list li{
margin-bottom:10px;
}

.columnbox{
width:505px;
padding-left:20px;
}

.columnbox img{
margin-bottom:5px;
}

.column{
width:115px;
float:left;
margin-right:10px;
display:inline;
}

.column span{
line-height:2;
}

/* MENU
*******************************************/

#menu ul{
list-style:none;
}

#menu ul li{
margin-bottom:10px;
}

#menu ul li a{
text-indent:-9999em;
height:37px;
display:block;
}

#menu div p{
line-height:1.2;
margin-bottom:.5em;
}

#menu ul li a:hover, #menu ul li.here{
}

#menu ul li#music a{
background:url(../images/menu/in_music.gif) no-repeat left top;
width:145px;
}

#menu ul li#music a:hover, #menu ul li#music_here{
background:url(../images/menu/in_music.gif) no-repeat left bottom;
width:145px;
}

#menu ul li#profile a{
background:url(../images/menu/in_profile.gif) no-repeat left top;
width:166px;
}

#menu ul li#profile a:hover, #menu ul li#profile_here {
background:url(../images/menu/in_profile.gif) no-repeat left bottom;
width:166px;
}

#menu ul li#fashion a{
background:url(../images/menu/in_fashion.gif) no-repeat left top;
width:191px;
}

#menu ul li#fashion a:hover, #menu ul li#fashion_here{
background:url(../images/menu/in_fashion.gif) no-repeat left bottom;
width:191px;
}

#menu ul li#blog a{
background:url(../images/menu/in_blog.gif) no-repeat left top;
width:125px;
}

#menu ul li#blog a:hover, #menu ul li#blog_here{
background:url(../images/menu/in_blog.gif) no-repeat left bottom;
width:125px;
}

#menu ul li#novel a{
background:url(../images/menu/in_novel.gif) no-repeat left top;
width:150px;
}

#menu ul li#novel a:hover, #menu ul li#novel_here{
background:url(../images/menu/in_novel.gif) no-repeat left bottom;
width:150px;
}