
/* ---------------------------------------------------------------------
Stylesheet for cyberduc
FileName: cyberduc.css
--------------------------------------------------------------------- */

/* base */
body, div, form, h1, h2, h3, h4, h5, h6, p, ol, dl, dt, dd, select, option, textarea {margin: 0; padding: 0;}
body, td, th {font: 13px/1.3em Verdana, Arial, Helvetica, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", sans-serif; color: #333;}
img {border: 0;}
td { vertical-align: top;}
div {margin: 0 auto;}
select, option, textarea {font: 13px/1em "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", sans-serif; color: #333;}
body {text-align: center; padding-bottom: 50px;}
.clear {clear: both;}

/* anchor */
a:hover {color: #FF0000;}

/* contents */
p.update {padding: 10px;}

p#to_top {padding: 0; text-align: right; font-weight: bold;}

div.title {width: 500px; background: #dadeff; border: solid 1px #bec6ff; text-align: center; padding: 10px; margin-bottom: 10px;}
div.title h1 {font-size: 18px; margin-bottom: 8px; color: #1a2580;}
div.title p {font-size: 14px;}

div.example_use {width: 700px; background: #e5f7ff; border: solid 1px #c2e2f2; text-align: center; padding: 20px 10px 10px; margin-bottom: 15px;}
div.example_use h2 {font-size: 18px; margin: 10px auto 10px; color: blue;}
div.example_use h2.caution {color: red;}
div.example_use ul {margin: 0 auto;}
div.example_use strong {color: #d90000;}
div.example_use .line_area {width: 680px; background: #fff; border: solid 1px #c2e2f2; padding: 0 auto; margin-bottom: 10px;}
div.example_use .line_area img {margin: 8px auto;}
div.example_use .arrow {margin-bottom: 20px;}