@charset "utf-8"; 
/*
 * Style Name: component Stylesheet
 * Style Path: /common/css/component.css
 * Description: component stylesheet
 */

.note {
    font-size: 90%;
    letter-spacing: 0;
    }

.more {
    text-align: right;
    }

.more a {
}

.return a {
}

.empty {
    text-align: center;
    }

.err,
.error,
.alert {
    color: #f00;
    }

.success {
    color: blue;
    }

.public {
    color: green;
}

.unread {
    background-color: #f7e9e9;
    font-weight: bold;
}

p.pager {
    padding-bottom: 5px;
    position: relative;
    font-size: 90%;
}

p.pager span.pager {
    position: absolute;
    right: 10px;
    _right: 20px;  /* for Win IE6 */
    top: -2px;
    font-size: 125%;
    font-weight: bold;
}

.pager a.prev {
    margin-right: 10px;
}

.pager a.next {
    margin-left: 10px;
}

p.complete {
    margin: 30px 0 20px 0;
    font-size: 110%;
    text-align: center;
}

.icon,
.icon img {
    vertical-align: middle!important;
    }

.ad {
}

.map {
    border: 1px solid #eee;
    text-align: center;
    }

.no_category {
    color: #ddd;
}

.newentry {
    margin: 10px 0;
    text-align: center;
}

ol.lower-alpha li {
    margin: 0 0 0 23px;
    line-height: 1.5;
    list-style-type: lower-alpha;
}

ul.topicpath {
    margin: 0!important;
    padding: 0!important;
    display: inline!important;
}

ul.topicpath li {
    margin: 0 4px 0 0!important;
    padding: 0 16px 0 0!important;
    display: inline!important;
    background: url(/images/icon/arrow.gif) no-repeat right top!important;
}

ul.topicpath li.current {
    padding: 0!important;
    background-image: none!important;
}

/* calendar,days */
.sunday,
.day_0 {
    color: #900;
}

.saturday,
.day_6 {
    color: blue;
}

.holiday {
    color: #fc0;
}

.today {
    color: #111;
    background-color: #fef3bb;
    font-weight:bold;
}

/* form */
.allcheck {
    margin: 0.7em 0 0.9em 0;
}

.selectok {
    margin-bottom: 1em;
    text-align: right;
}

.form-box {
    margin-bottom: 0.4em;
}

div.button {
    margin-bottom: 25px;
}

div.button {
    text-align: center;
}

div.submit {
    margin: 35px 0 15px 0;
    text-align: center;
}

div.submit input {
    margin-left: 20px;
    margin-right: 20px;
}

div.back {
    margin: 0 0 10px 0;
    padding: 4px 0;
    border-top: 1px dashed #dfdfdf;
    border-bottom: 1px dashed #dfdfdf;
}

form dl.area dt {
    margin-bottom: 0;
}

div#main div.submit form {
    display: inline;
}

div#main input.text {
    width: 300px;
}

div#main textarea {
    width: 400px;
}

/* 入力確認画面のテーブル */
div#main table.confirm {
    border: none;
    border-top: 1px solid #d5d5d5;
    width: 450px;
}

div#main table.confirm td {
    padding: 4px 10px;
    border: none;
    border-bottom: 1px solid #d5d5d5;
    vertical-align: top;
    line-height: 1.3;
}

div#main table.confirm th {
    padding: 4px 10px 4px 0;
    border: none;
    border-bottom: 1px solid #d5d5d5;
    width: 120px;
    line-height: 1.3;
    vertical-align: top;
    background: url(/images/main/register/5/th.png) repeat-y right;
    font-size: 95%;
}

/* floating-clear */
.cl:after,
div#header:after,
div#banner:after,
div#social:after,
div#main:after,
div#sub:after,
ul#nav:after,
ul#subnav:after {
    content: ".";
    display: block;
    clear: both;
    width: 100%;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    }

.cl,
div#header,
div#banner,
div#social,
div#main,
div#sub,
ul#nav,
ul#subnav {
/*
    display: inline-block;
*/
    }

/* Hides from IE-mac Hack \*/
* html .cl,
* html div#header,
* html div#banner,
* html div#social,
* html div#main,
* html div#sub,
* html ul#nav,
* html ul#subnav {
    height: 1%;
    }

.cl,
div#header,
div#banner,
div#social,
div#main,
div#sub,
ul#nav,
ul#subnav {
    display: block;    /* overwrite */
    }

/* 強制改行 word-break */
* {
    word-break: break-all;
    }

/* 改行禁止 nobr */
.rating,
.rate,
.datetime,
.date {
    white-space: nowrap;
}