/**
 * ACCESS NAVI 2008
 * @Version: 1.0 build: 1A004
 * @Modified: 10.01.2006 YW
 * @Copyright: 2006 ACCESS CORPORATION CO., LTD. All Rights Reserved.
 * @Created: PASSO INC.
 * @editor m_fushitani 2008/08/26
*/
@CHARSET "UTF-8";

*{
    font-size:12px;
    font-style: normal;
    /*
    font-family: 'Lato', "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
*/
}
/***** body *****/
body {
    font-size:12px;
    line-height: 110%;
    margin: 0;
    padding: 0;
    color: #333;
    background-color:#ffffff;
}
.content800{
    max-width:800px;
    margin:auto;
}
h1,h2,h3,h4,h5,h6,p {
    margin-top: 0;
}
form, input {
    margin: 0;
    padding: 0;
}
ul,ol,dl {
    margin: 0;
    padding: 0;
}
img {
    border: 0;
}
div, li {
    height: 1%;
}

/***** span *****/

span.name{
    font-size:13px;
    font-weight:bold;
}

span.red{
    color:#e82525;
    font-size:10px;
}

span.red2{
    color:#e82525;
    font-size:12px;
}

span.orange{
    color:red;
    font-size:1em;
}

span.count{
    color:#191919;
    padding-top:3px;
    font-size:15px;
    font-weight:bold;
}

span.message{
    font-size:10px;
    color:#666666;
}

span.count_message{
    font-size:1.2em;
    color:#666666;
}

span.webmemo_message{
    color:#000000;
    font-size:10px;
}

span.min{
    font-size:10px;
}

/***** h2 *****/
h2.popup_title{
    font-size:16px;
    color:#ffffff;
    background-color:#00ff00;
    padding-top:5px;
    padding-bottom:2px;
}

h2.popup_webmemo_title{
    font-size:16px;
    font-weight:bold;
    color:#ffffff;
    background-color:#ff00ff;
    padding-top:5px;
    padding-bottom:2px;
}

#popup_webmemo_title{
    font-weight:bold;
	font-size:16px;
    color:#ffffff;
    background-color:#ff00ff;
    padding-top:5px;
    padding-bottom:2px;
}

#popup_webmemo_title2{
    font-weight:bold;
    padding-left:3px;
    text-align:left;
    font-size:14px;
    color:#ffffff;
    background-color:#ff00ff;
    padding-top:5px;
    padding-bottom:2px;
}

#popup_webmemo_title3{
    font-weight:bold;
    padding-left:3px;
    text-align:left;
    font-size:14px;
    color:#ffffff;
    background-color:#000000;
    padding-top:5px;
    padding-bottom:2px;
}

h2.popup_webmemo{
    padding-left:3px;
    text-align:left;
    font-size:14px;
    color:#ffffff;
    background-color:#ff00ff;
    padding-top:5px;
    padding-bottom:2px;
}

h2.popup_webmemo2{
    padding-left:3px;
    text-align:left;
    font-size:14px;
    color:#ffffff;
    background-color:#000000;
    padding-top:5px;
    padding-bottom:2px;
}


/***** table *****/

table{
    background: #fff;
    border-collapse: collapse;
    border-spacing: 0;
}
td.sideLeft{
    width:55px;
    background-color:#fdd1ef;
    background: url(/top/common/images/CharCount/line_left.gif) repeat-y;
    /*
    width:10px;
    border-left:solid #d0d0d0 1px;
    */
}

td.sideRight{
    width:55px;
    background: url(/top/common/images/CharCount/line_right.gif) repeat-y;
    /*
    width:10px;
    border-right:solid #d0d0d0 1px;
    */
}
td.bottom{
    text-align:center;
    height:30px;
    padding-top:5px;
    background: url(/top/common/images/CharCount/top_img02.gif) repeat-x;
}

td.memo{
    
}

table.webmemo_form{
}

table.webmemo_list{
    margin-top:20px;
    border:solid #000000 1px;
}

table.webmemo_list th{
	
    border:solid #000000 1px;
    background-color:#91db4a;
    padding-top:2px;
    padding-bottom:2px;
}

tr.even{
    background-color:#e5e5e5;
}
tr.even td{
    word-break:break-all;
    border:solid 1px #909090;
}

tr.odd{
    background-color:#ffffff;
}
tr.odd td{
    word-break:break-all;
    border:solid 1px #909090;
}
#break{
    height:40px;
    word-break:break-all;
    overflow:-moz-scrollbars-horizontal;
    overflow-x:scroll;
    white-space: nowrap;
    word-wrap: break-word;
    width:130px;
}

span.break{
    word-break:break-all;
    overflow:-moz-scrollbars-horizontal;
    white-space: nowrap;
    word-wrap: break-word;
    width:130px;
}

table,tr,td{
    margin:0;
}


/***** textarea *****/

textarea.text{
    font-size:12px;
    width:320px;
    height:275px;
    border:solid #d0d0d0 1px;
    line-height: 130%;
}

/***** input *****/
input.text{
    padding:3px;
    border:solid #909090 1px;
    width:120px;
}


/***** button *****/
button.clear{
    border:solid #909090 1px;
    margin: 5px;
    padding: 10px 30px;
    overflow: hidden;
    cursor: pointer;
    display: block;
}

/***** div *****/
#main{
    background-color:#ffffff;
    padding:15px;
    border-left:solid #707070 1px;
    border-right:solid #707070 1px;
    width:100%;
}

#errmsg{
    font-weight:bold;
    color:#e82525;
}


#message{
    line-height:130%;
    border:solid #ddd 1px;
    margin:12px;
    padding:5px;
}

#message2{
    line-height:110%;
    border:solid #ff00ff 1px;
    margin-top:5px;
    padding:5px;
}

#message_webmemo{
    line-height:110%;
    text-align:center;
    width:80%;
    margin:15px;
    padding:1px;
}

#footer{
    background-color:#ffffff;
    padding:15px;
    margin-top:0px;
    width:690px;
    border-top:solid #d0d0d0 1px;
    border-left:solid #707070 1px;
    border-right:solid #707070 1px;
}