@charset "UTF-8";

/* penguin-box.jp common style */

/* body */
body {
/*    margin:                0;*/
/*    padding:               0;*/
    color:                 black;
    display:               block;
    background-image:      url(http://www.penguin-box.jp/bg-line.png);
    background-attachment: scroll;/* scroll or fixed */
    font-family:           sans-serif;
    font-size:             12pt;
}

p {
    text-indent:           0.0em;
    line-height:           1.5em;
    padding-left:          10%;
    padding-right:         10%;
}

pre {
    text-indent:           0.0em;
    line-height:           1.5em;
    padding-left:          10%;
    padding-right:         10%;
}

/* 見出し */
h1 {
    border:                none;
    border-top:            2px  solid;
    border-bottom:         2px  solid;
    border-left:           12px solid;
    border-right:          2px  solid;
    background-color:      #ff9900;
    color:                 navy;
    padding-left:          0.5em;
    font-family:           sans-serif;
    font-size:             16pt;
    text-align:            left;
}

h2 {
    border:                none;
    border-top:            2px  solid;
    border-bottom:         2px  solid;
    border-left:           18px solid;
    border-right:          2px  solid;
    background-color:      #ffcc00;
    color:                 navy;
    padding-left:          0.5em;
    font-family:           sans-serif;
    font-size:             14pt;
    text-align:            left;
}

h3,h4,h5,h6 {
    border:                none;
    border-top:            1px  solid;
    border-bottom:         1px  solid;
    border-left:           24px solid;
    border-right:          1px  solid;
    background-color:      #ffff99;
    color:                 navy;
    padding-left:          0.5em;
    font-family:           sans-serif;
    font-size:             12pt;
    text-align:            left;
}

/* 強調 */
em {
    color:                 red;
 }

strong {
    color:                 red;
    font-size:             150%;
}

/* a */
a:link {
    color:                 blue;
    text-decoration:       underline;
}

a:visited {
    color:                 navy;
    text-decoration:       underline;
}

a:hover {
    color:                 red;
    text-decoration:       underline;
}

a:active {
    color:                 red;
    text-decoration:       underline;
}

/* dl,ul,ol */
dl,ul,ol {
    line-height:           1.5em;
    padding-left:          10%;
    padding-right:         10%;
}

dt {
    font-weight:           bold;
    font-family:           sans-serif;
}

dd {
    font-weight:           normal;
    font-family:           sans-serif;
}

li {
}

/* hr */
hr {
    background-color:      navy;
    color:                 navy;
    height:                2px;
    border:                none;
}

/* table */
table {
}

tr {
}

th {
    background-color:      white;
    font-weight:           bold;
    border:                outset;
    border-width:          1px;
}

td {
    font-weight:           normal;
    border:                none;
}

/* misc */
.container {
    width:                 950px;
    margin:                0 auto;
    background-color:      #ffffff;
}

.leftbox {
    width:                 118px;
    float:                 left;
    position:              relative;
    margin:                14px 4px 0px 0px; /* see h1 margin-top */
    display:               inline;
    border:                1px solid navy;
}

.content {
    width:                 826px;
    float:                 left;
    position:              relative;
    margin:                0px 0px 0px 0px;
    display:               inline;
    border:                none;
}

.clearfloat {
    width:                 100%;
    clear:                 both;
}

.updateform {
    width:                 760px;
    height:                90px;
    float:                 left;
    position:              relative;
    margin:                0px 0px 0px 0px;
    display:               inline;
    border-top:            1px solid navy;
    border-bottom:         1px solid navy;
    border-left:           1px solid navy;
    border-right:          1px solid navy;
    overflow:              auto;
    background-color:      white;
    font-family:           "ＭＳ Ｐゴシック", sans-serif;
    font-size:             11pt;
    margin-left:           10%;
}

.contents_guide {
    width:                 760px;
    height:                250px;
    float:                 left;
    position:              relative;
    margin:                0px 0px 0px 0px;
    display:               inline;
    border-top:            1px solid navy;
    border-bottom:         1px solid navy;
    border-left:           1px solid navy;
    border-right:          1px solid navy;
    overflow:              auto;
    background-color:      white;
    font-family:           "ＭＳ Ｐゴシック", sans-serif;
    font-size:             11pt;
    margin-left:           10%;
}

.leftbox_index {
    display:               block;
    color:                 white;
    background-color:      navy;
    font-family:           sans-serif;
    font-size:             11pt;
    font-weight:           bold;
    text-align:            center;
}

.leftbox_content {
    display:               block;
    color:                 black;
    background-color:      white;
    font-family:           sans-serif;
    font-size:             9pt;
    font-weight:           normal;
    text-align:            left;
    padding-top:           4px;
    padding-left:          4px;
}

.leftbox_subcontent {
    display:               block;
    color:                 black;
    background-color:      white;
    font-family:           sans-serif;
    font-size:             9pt;
    font-weight:           normal;
    text-align:            left;
    padding-top:           4px;
    padding-left:          8px;
}

.leftbox_content a:link {
    color:                 navy;
    text-decoration:       none;
}

.leftbox_content  a:visited {
    color:                 navy;
    text-decoration:       none;
}

.leftbox_content a:hover {
    color:                 red;
    text-decoration:       underline;
}

.leftbox_content a:active {
    color:                 red;
    text-decoration:       underline;
}

.leftbox_subcontent a:link {
    color:                 navy;
    text-decoration:       none;
}

.leftbox_subcontent  a:visited {
    color:                 navy;
    text-decoration:       none;
}

.leftbox_subcontent a:hover {
    color:                 red;
    text-decoration:       underline;
}

.leftbox_subcontent a:active {
    color:                 red;
    text-decoration:       underline;
}

.signature {
    text-indent:           0em;
    line-height:           1.5em;
    color:                 navy;
    text-align:            center;
}

.navibar {
    text-align:            center;
    font-family:           "ＭＳ Ｐゴシック", sans-serif;
    font-size:             11pt;
}

.navibar a:link {
    color:                 navy;
    text-decoration:       none;
}

.navibar a:visited {
    color:                 navy;
    text-decoration:       none;
}

.navibar a:hover {
    color:                 red;
    text-decoration:       underline;
}

.navibar a:active {
    color:                 red;
    text-decoration:       underline;
}

.center {
    text-align:            center;
}

.align10 {
    padding-left:          10%;
}