body {
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
/*input,
select {
    max-width: 280px;
}
*/

input {
    max-width: 620px;
}

select {
    max-width: 280px;
}

textarea {
    width: 200px; /* 横幅 */
    height: 300px; /* 高さ */
}

a {
    font-weight: bold;
    text-decoration: none;
}

a:link {
    color: #0000FF;
}

a:visited {
    color: #6600FF;
}

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

a:active {
    color: #33CC00;
}

input,
textarea,
select {
    font-weight: bold;
    text-decoration: none;
    color: #6600FF;
}

input:link {
    color: #0000FF;
}

input:visited {
    color: #6600FF;
}

input[type="submit"]:hover {
    color: #FF0099;
    text-decoration: underline;
}

input:active {
    color: #33CC00;
}

h2 {
    padding: 0.4em 0.5em; /*文字の上下 左右の余白*/
    color: #494949; /*文字色*/
    background: #f4f4f4; /*背景色*/
    border-left: solid 5px #7db4e6; /*左線*/
    border-bottom: solid 3px #d7d7d7; /*下線*/
}

ul.tab {
    list-style: none;
}

ul.tab li {
    float: left;
    margin-right: 10px;
    padding: 10px;
    background-color: #f2f2f2;
    color: #666;
    cursor: pointer;
}

ul.tab li:hover {
    color: #FF0000;
}

ul.tab li.active {
    background-color: #999;
    color: #fff;
}

div.tabContent {
    clear: both;

    padding: 20px;
    width:400px;
    display: none;
}

div.active {
    display: block;
}