@charset "UTF-8";

/* -----------------------------------------------
 ALL
----------------------------------------------- */

* {
margin:0;
padding:0;
}

html {
height:100%;
font-size:100.01%;
}

body {
font-family:Times,MS-PMincho,serif;
height:100%;
background-color:#fff;
color:#553333;
font-size:75%; 
line-height:1.8;
text-align:center; /* center on ie */
}

/* for safari */
/*\*/
html:\66irst-child body {
font-size:70%;}
/* end */

/* for MacIE */
/* \*//*/
body {
font-size:74%;
font-size:11px;}
/**/

ol {
list-style-type:none;
}

ul {
list-style-type:none;
}

li {
list-style-type:none;
}

dt {
list-style-type:none;
}

dd {
list-style-type:none;
}

img {
border:0;
vertical-align:bottom;
}

br {
letter-spacing:normal;
}

a {
color:#009900;
text-decoration:none;
}

a:visited {
color:#009900;
text-decoration:none;
}

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

h1,h2,h3,h4 {
color:#000;
font-size:1em;
}

.clear {
clear:both;
}

.space_t_b_5 {
margin:5px 0 5px 0 ;
}

.italic {
font-style:italic;
}

.right {
float:right;
}

.top30 {
margin-top:30px;
}

.bottom15 {
margin-bottom:15px;
}

.bottom30 {
margin-bottom:30px;
}

.previous {
float:left;
}

.next {
float:right;
}

.smaller {
font-size:x-small;
}

.bigger {
font-size:larger;
}

.purple {
color:#9900FF;
}

/* -----------------------------------------------
 Container
----------------------------------------------- */

div#container {
width:798px;
background-color:#ffffff;
text-align: left;
margin: 0 auto;
height:100%;
min-height:100%;
border-left:1px solid #bbbbbb;
border-right:1px solid #bbbbbb;
}

body > div#container {
height:auto;
}

/* -----------------------------------------------
 HEADER
----------------------------------------------- */

div#header {
width:798px;
}

div#header h1 {
width:362px;
margin: 0 20px 15px 416px;
padding-top:82px;
}

div#headimg{
width:798px;
}

/* -----------------------------------------------
 MAIN
----------------------------------------------- */

div#contents {
width:708px;
padding:45px 45px 0 45px;
}

div#contents p {
margin-bottom:1em;
}

div#contents.whitewall {
background: url(http://www.caolina.net//assets/images/wallpapers/whitewall.jpg) repeat-y top;
}

div#lqw_message {
padding-bottom:30px;
}

div#lqw_message p {
margin-bottom:20px;
}

div#lqw_message p.italic {
font-style: italic;
margin-left:15px;
letter-spacing:0.3em;
}

div#lqw_message p.enter {
text-align: right;
}

div#lqw_message a:hover {
margin-right:5px;
}

div#main {
float:left;
width:440px;
}

div#main hr {
margin:15px 0;
}

div#bio {
float:left;
width:708px;
background: url(http://www.caolina.net//assets/images/story.jpg) no-repeat top right;
}

div#saka {
float:left;
width:708px;
}

div#saka img.left {
float:left;
margin:0 15px 15px 0;
}

div#saka img.right {
float:right;
margin:0 0 15px 15px;
}

div#mail{
width:408px;
border:1px solid #bbbbbb;
padding:15px
}

div#mail.upper{
margin-bottom:30px;
}

div#link {
font-size:0.9em;
}

div#link dl dt{
float:left;
width:180px;
margin-left:15px;
}

div#link dl dd{
float:left;
margin-left:15px;
}

div#topicbox{
width:440px;
margin-bottom:30px;
}

div#infobox{
width:440px;
border-bottom:1px solid #bbbbbb;
margin-bottom:15px;
}

div#bookbox{
width:440px;
margin-bottom:30px;
}

div#box {
border-bottom:1px solid #dddddd;
padding-bottom:15px;
margin-bottom:15px;
}

div#nextjump {
width:708px;
text-align:center;
font-size:0.8em;
}

div#link a:hover {
margin-left:5px;
}
/* -----------------------------------------------
 SIDE
----------------------------------------------- */

div#border {
float:left;
width:1px;
margin:0 46px;
height:570px;
background-color:#bbbbbb;
}

div#sidemenu {
float:left;
width:175px;
}

div#sidemenu p{
margin-top:5px;
line-height:1;
}

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

div#sidemenu ul li.space {
margin-top:30px;
}

div#sidemenu ul li a:hover {

}

div#lqw dl dt{
float:left;
width:135px;
margin-left:15px;
}

div#lqw dl dd{
float:left;
width:290px;
}

/* -----------------------------------------------
 FOOTER
----------------------------------------------- */

div#footer {
clear:both;
width:798px;
text-align:center;
padding:30px 0;
}

div#navi {
clear:both;
width:798px;
margin:0 auto;
text-align:center;
font-size:0.8em;
}

#navi ul {
margin-bottom:3px;
}

#navi ul li {
display:inline;
margin-right:3px;
padding-left:7px;
border-left:1px solid #999999;
}

#navi ul li.left {
padding-left:0;
border-left:0;
}

div#footer address {
font-family:sans-serif;
font-size:x-small;
font-style:normal;
margin: 0 0 15px 0;
}