@charset "utf-8";

/* CSS Document */

/* elements default */

body, h1, h2, h3, h4, h5, h6, p, a, table, th, td, dl, dt, dd, label, form, input {
margin:0;
padding:0;
}

a:link {
text-decoration:none;
}
a:visited {
text-decoration:none;
}
a:hover {
text-decoration:underline;
}
a:active {
text-decoration:underline;
}

img {
margin:0;
border:0 none;
}

address {
text-align:right;
font:1em/1.2 sans-serif;
}

/* global class */

.lead {
font-weight:bold;
}

.mail-address {
font-family:'Courier New',Courier,mono,monospace;
}

/* layout default */

body {
background-color:#D6F2FF;
}

/* login */

div.login {
margin:0 0 10px 0;
padding:0;
border:1px solid #666;
background-color:#fff;
}

div.login form {
margin:10px 20px;
}

div.login form dl dd {
margin-left:20px;
}

/* header */

div.header {
margin:10px;
padding:0;
}

div.header .logo {
float:left;
width:120px;
margin-bottom:15px;
}

div.header div {
margin:0;
padding-left:120px;
}

div.header div h1 {
padding-left:15px;
}

div.header div p {
padding-left:15px;
}

/* folo h1 */

h1.folo a:link {
text-decoration:none;
color:#000;
}
h1.folo a:visited {
text-decoration:none;
color:#000;
}
h1.folo a:hover {
text-decoration:underline;
color:#000;
}
h1.folo a:active {
text-decoration:underline;
color:#000;
}

/* container */

div.container {
margin:0 10px;
padding:0;
clear:both;
}

div.container div#left {
width:200px;
margin:0;
padding:0;
float:left;
}

div.container div#left div.login {
width:98%;
margin:10px 0;
padding:0;
border:1px solid #666;
background-color:#fff;
font-size:14px;
}

div.container div#left div.login form {
margin:10px 10px;
}

div.container div#left div.login form dl dd {
margin-left:10px;
}

div.container div#left div h2 {
font-size:120%;
padding-left:8px;
background-color:#95CEEA;
line-height:1.8;
}

div.container div#left div#folo-mes p {
margin:4px;
}

div.container div#left div#folo-mes dl dt {
font-size:115%;
vertical-align:middle;
background-color:#9BE6F0;
margin-top:10px;
}

div.container div#left div#folo-mes dl dt img {
margin:4px;
}

div.container div#left div#folo-mes dl dd {
padding:4px 4px 4px 8px;
background-color:#FFFFFF;
}

div.container div#center {
margin:0;
margin-left:215px;
padding:15px;
}

div.container div#center div {
margin:5px;
}

div.container div#center div h2 {
margin:5px;
font-size:120%;
padding-left:10px;
background-color:#95CEEA;
line-height:2;
}

div.container div#center div h3 {
margin:5px;
font-size:85%;
padding:4px;
padding-left:10px;
background-color:#9BE6F0;
}

div.container div#center div p {
margin:10px;
padding:4px 6px;
line-height:1.5;
background-color:#FFFFFF;
color:#333;
}

div.container div#center div ul {
margin:10px;
padding-left:25px;
background-color:#fff;
}

div.container div#center div ul li {
margin:0;
padding:5px 0;
line-height:1.5;
color:#333;
}

div.container div#right {
width:200px;
float:right;
}

div#folo_footer {
clear:both;
}

/* footer */

ul.footer {
float:right;
margin:0 15px 0 0;
padding:0;
}

ul.footer li {
display:inline;
text-align:right;
font-size:80%;
margin-left:15px;
line-height:1.5;
}

/* copyright */

p.copyright {
clear:both;
margin:0 15px 0 0;
padding:0;
text-align:right;
font-size:80%;
line-height:1.5;
}

/* top page only */

div.top {
font-size:150%;
margin-top:10px;
}

div.top p {
margin:1em 0.5em;
}

div.top div {
margin-left:15%;
margin-right:15%;
padding:20px 40px;
border:1px solid #666;
background-color:#fff;
}

div.top ul li p {
margin:0;
}

/* button */

.btn {
width:80%;
height:1.5em;
margin:4px 8px;
padding:4px;
border:1px solid #666;
text-align:center;
}

/* heart */

.heart {
margin-right:8px;
font-size:1.2em;
color:#599dc2;
}

/* close */

.close {
text-align:right;
}

/* column-note */

div.column-note {
margin:0 0 10px 0;
padding:20px 40px;
border:1px solid #666;
background-color:#fff;
}

div.column-note h3 {
margin-top:20px;
margin-bottom:10px;
border-left:12px solid #ccc;
padding-left:16px;
border-bottom:2px solid #ccc;
line-height:2;
}

div.column-note p {
line-height:1.5;
margin-left:28px;
margin-right:20px;
}

div.column-note p.monology {
margin:15px 0;
margin-left:32px;
}

div.column-note p.signature {
margin:15px 20px 15px 0;
text-align:right;
font-size:130%;
}

div.column-note ul li p {
line-height:1.5;
margin-left:0;
margin-right:20px;
}

div.column-note dl {
margin-left:28px;
border:1px solid #999;
padding:10px 20px;
}

div.column-note dl dt {
font-weight:bold;
float:left;
width:10em;
}